m62
03-03-2011, 03:44 PM
سلام به همه . یه قالب جوملا برای وبسایتم دارم که از سه ستون تشکیل شده که ستون وسط محل درج مطالب و ستونهای کناری محل ماژولها و ... است . در سمت چپ و راست ستونهای کناری به نسبت مساوی مقداری فضای خالی وجود دارد که من قصد دارم از این فضا برای افزایش عرض ستون وسطی که محل درج مطالب است استفاده کنم . میدانم که برای اینکار باید تغییرات را در فایل template.css موجود در پوشه قالب اعمال کنم . اما از آنجا که به css مسلط نیستم نمیدانم کدام قسمت از داخل این فایل را تغییر بدهم . راستش خیلی تو اینترنت و سایتها و انجمنهای مختلف جستجو کردم ولی چیزی که بتونه راهنماییم کنه رو پیدا نکردم .
البته هدف اصلیم تغییر ستون وسطی است اما اگه نحوه تغییر عرض ستونهای کناری را هم بگید خیلی ممنون میشم.
اینهم از متن فایل css قالبم :
body {
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 11px;
color: #777;
background: #000;
}
body.contentpane {
background: #fff;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
p {
margin: 5px 0;
text-align: justify;
}
a {
color: #000;
outline: none;
text-decoration: none;
font-weight: 400;
}
a:link {
font-weight: 400;
}
a:visited {
font-weight: 400;
color: #777;
}
a:hover {
text-decoration: underline;
font-weight: 400;
}
input {
color: #ccc;
outline: none;
margin: 0;
}
input:focus {
outline: none;
}
button {
color: #fff;
font-size: 11px;
border: none;
background: #696969;
cursor: pointer;
}
#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}
input.button, .validate {
color: #fff;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#wrapper {
margin:0 auto;
background: transparent url(../images/wrapper.jpg) no-repeat top center;
}
#header {
position:relative;
margin:0 auto;
padding:21px 0 0 0;
width:960px;
height:232px;
background: transparent url(../images/headerimg.jpg) no-repeat top center;
}
#pillmenu {
width:960px;
height:30px;
overflow:hidden;
margin:0 auto;
background: transparent url(../images/t_menu_bg.jpg) no-repeat top center;
}
#pillmenu ul {
padding:0;
margin:0;
list-style: none;
}
#pillmenu li {
float: right;
}
#pillmenu li a {
float:left;
color: #c7c7c7;
text-decoration: none;
height:30px;
line-height:29px;
padding: 0 10px;
margin:0;
cursor:pointer;
font-weight:700;
background: transparent url(../images/t_menu_divider.gif) no-repeat right center;
}
#pillmenu li a:hover, #pillmenu li a#active_menu-nav {
color:#fff;
background: transparent url(../images/t_menu_hover.gif) no-repeat right center;
}
.logo {
width:960px;
height:170px;
padding:10px 0 0 0;
overflow:hidden;
}
.logo table tr td {
width:960px;
height:170px;
overflow:hidden;
vertical-align:middle;
}
.logo h1 {
text-align:center;
color:#fff;
line-height:normal;
text-transform:uppercase;
margin:0;
padding:0;
}
.logo a, .logo a:link, .logo a:visited {
color:#fff;
font-size:24px;
text-decoration:none;
}
.logo a:hover {
text-decoration:none;
}
.newsflash {
float:right;
height:90px;
width:730px;
background:#e6e7e8;
margin:0 0 10px;
}
.newsflash h3 {
height:24px;
width:706px;
color:#dc3d12;
overflow:hidden;
line-height:24px;
margin:0 0 2px 0;
padding:0 10px;
font-weight:700;
text-align:right;
text-transform:uppercase;
background: transparent url(../images/news_h3.png) no-repeat right bottom;
}
.newsflash table tr td {
color:#000;
height:72px;
margin:0;
text-align:justify;
}
.newsflash a {
color:#000;
font-weight:700;
text-decoration:none;
}
.newsflash div.module {
height:72px;
width:726px;
margin:0;
text-align:justify;
overflow:hidden;
}
.newsflash div.module div {
background:none;
padding:0;
}
.newsflash table.contentpaneopen {
margin:0;
}
.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
margin:0;
padding:0;
}
#search {
float:left;
margin: 0 0 10px;
}
.search {
float:left;
height:24px;
width:194px;
padding:0 0 0 6px;
background: transparent url(../images/inputbox.png) no-repeat bottom left;
}
.search .inputbox {
float:left;
border: none;
color: #fff;
font-size:11px;
line-height:17px;
height:18px;
width:188px;
padding:3px 6px 2px 0;
background:none;
direction: rtl;
text-align: right;
}
.search .button {
float:right;
text-indent:-9999;
border:none;
height:0;
font-size:0;
line-height:0;
background:none;
}
.search .button:hover {
border:none;
}
#content {
width:960px;
margin:0 auto;
direction: rtl;
text-align: right;
}
#container {
width:940px;
margin:0 auto;
}
.content_m { background: transparent url(../images/content_m.png) repeat-y top center;}
.content_b {
height:24px;
margin:0 0 26px;
background: transparent url(../images/content_b.png) no-repeat top center;
}
.content_t {
height:10px;
font-size:0;
background: transparent url(../images/content_t.png) no-repeat top center;
}
.content_m_l {background: transparent url(../images/content_m_l.png) repeat-y top center;}
.content_m_r {background: transparent url(../images/content_m_r.png) repeat-y top center;}
.content_m_full {background:#e6e7e8;}
#leftcolumn, #rightcolumn {
float:left;
width: 200px;
margin:0 12px 10px 0;
}
#rightcolumn {
float: right;
margin:0 0 10px 12px;
}
div#maincolumn {
float: left;
width:492px;
padding:0 10px 10px;
}
div#maincolumn_left, div#maincolumn_right {
float: left;
width:718px;
padding:6px 0 0 10px;
}
div#maincolumn_right {
padding:6px 10px 0 0;
}
div#maincolumn_full {
padding:10px;
width:940px;
}
div.nopad {
overflow: hidden;
}
div.nopad ul {
clear: both;
}
td.middle_pad {
width: 20px;
}
#footer {
width:940px;
height:45px;
line-height:17px;
text-align:center;
color: #fff;
margin:0 auto;
padding:0;
overflow:hidden;
direction: rtl;
}
#footer a {
color: #fff;
font-weight:400;
text-decoration: none;
}
#footer a:hover {
text-decoration:underline;
}
a.footer123:link, a.footer123:visited {
color: #363e4e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: underline;
}
#f123 {
text-align: right;
width: 100%;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
}
.f123 {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
.f123_bg {
background:url(../images/123_bg.png);
width:134px;
height:30px;
text-align:center;
padding: 0 3px;
}
.f123_1 {
display: block;
font-size: 10px;
font-family: Tahoma, Arial, sans-serif;
color: #666;
text-align: right;
padding: 0 0 2px 4px;
}
a.link_123:link, a.link_123:visited {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
a.link_123:hover {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
/* headers */
div.componentheading {
height: 22px;
margin:0;
color: #000;
}
table.blog {
}
h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
line-height:19px;
font-weight: 700;
vertical-align: bottom;
color: #000;
text-align: right;
width: 100%;
}
h2, .contentheading {
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
vertical-align: middle;
color: #d83900;
text-align: right;
font-weight: 700;
}
h2, a.contentheading {
background: none;
border: none;
margin:6px 0;
}
table.contentpaneopen h3 {
margin-top: 25px;
color:#585858;
}
h4 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
}
h3, .componentheading, table.moduletable th, legend {
margin:6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:700;
text-align: right;
text-transform:uppercase;
color: #333;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #666666;
font-weight: 700;
text-align: right;
}
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #666666;
text-align: right;
}
.createdate {
vertical-align: top;
font-size: 11px;
color: #555;
padding-bottom: 8px;
}
a.readon {
float: right;
line-height: normal;
font-size: 11px;
padding: 0 0 0 14px;
color: #666666;
text-transform: lowercase;
text-decoration: none;
}
a.readon:hover {
text-decoration: underline;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fbfbfb;
font-weight: 700;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
}
.column_separator {
}
td.buttonheading {
text-align: right;
width: 0;
}
.clr {
clear: both;
font-size:0;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
padding: 5px;
background: none;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
color: #fff;
font-weight: 700;
padding: 4px;
}
tr.sectiontableentry1 td {
padding: 4px;
}
tr.sectiontableentry1 {
background:#fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
font-size: 11px;
}
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}
table.contentpane td{
text-align: right;
}
table.contentpane td.contentdescription {
width: 100%;
}
table.contentpane {
text-align: right;
float: left;
width: 100%;
}
table.contentpane ul li a .category {
color: #FF8800;
}
table.contentpane ul li {
color: #666;
}
table.contentpaneopen {
border-collapse: collapse;
padding: 0;
margin:0 6px;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #363e4e;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module, div.module_text{
margin:0 0 20px 0;
padding: 0;
}
div.module_menu div, div.module div, div.module_text div {
margin:0;
}
div.module_menu div, div.module div, div.module_text div {
}
div.module_menu div div,div.module div div,div.module_text div div {
text-align: center;
}
div.module_menu div div div, div.module div div div, div.module_text div div div {
margin:0;
padding:0 0 20px 0;
background: transparent url(../images/box_b.gif) no-repeat bottom center;
}
div.module div div div div {
width: 160px;
color:#777;
}
#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
background: none;
margin:0 auto;
padding:0;
color:#777;
}
#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
text-align: right;
}
#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
padding: 10px 10px 10px 20px;
width: 170px;
}
#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
color:#777;
width: auto;
padding: 0 0 4px;
}
div.module div div div form {
margin:0 auto;
padding:0 20px 6px 0;
text-align:right;
width:180px;
}
div.module_menu ul {
list-style: none;
padding: 0;
}
div.module_menu ul#mainlevel {
margin: 0 auto;
text-align: center;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: 700;
padding: 2px 0;
line-height: 24px;
color:#777;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
padding: 0 0 6px 0;
background:none;
}
#leftcolumn div.module table td ,#rightcolumn div.module table td {
margin:0;
padding: 0 6px 0 0;
height:20px;
color:#666;
text-align:right;
line-height:13px;
vertical-align: middle;
}
#leftcolumn div.module table.poll {
}
#leftcolumn div.module table.poll td {
text-align: right;
}
/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
width:180px;
margin:0 0 8px;
height:24px;
line-height:21px;
padding:0 10px;
font-size: 11px;
color: #fff;
text-align: right;
text-transform: none;
font-weight: 700;
overflow:hidden;
background: transparent url(../images/box_h3.png) no-repeat top left;
}
.moduletable_menu, .moduletable, .moduletable_text {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#leftcolumn ul.menu, #rightcolumn ul.menu {
list-style: none;
text-align: right;
margin:0;
padding:0 12px 0 0;
}
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
display:block;
font-weight: 400;
font-size: 11px;
line-height: 16px;
padding:0 14px 2px 0;
margin:0;
text-decoration: none;
color: #666;
background: transparent url(../images/menu_arrow.gif) no-repeat right top;
}
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #d83900;
background: transparent url(../images/menu_arrow_hover.gif) no-repeat right top;
}
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
}
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
color: #d83900;
background: transparent url(../images/menu_arrow_hover.gif) no-repeat right top;
}
#leftcolumn ul.menu li#current {
}
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
display:block;
color: #d83900;
}
/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li {
background:none;
}
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
font-weight: 400;
text-decoration: none;
color: #666;
line-height:17px;
padding:0 14px 4px 0;
background: none;
}
#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
color: #d83900;
background: none;
}
#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
}
#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
}
#leftcolumn ul.menu li.parent ul li a,
#rightcolumn ul.menu li.parent ul li a {
line-height:17px;
font-size: 11px;
font-weight: 400;
text-decoration: none;
color: #666;
padding:0 14px 4px 0;
background: none;
}
#leftcolumn ul.menu li.parent ul li a:hover {
color: #d83900;
background: none;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}
/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
margin:0;
}
/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
form#form-login fieldset {
border: 0 none;
padding: 0;
margin:0;
color:#777;
text-align: right;
}
form#form-login ul {
padding: 0;
list-style: none;
text-align: right;
margin: 10px auto 0;
}
form#form-login ul li {
padding: 0;
}
form#form-login ul li a {
text-align: right;
padding: 0;
font-size: 11px;
color: #777;
text-decoration: none;
}
form#form-login ul li a:hover {
text-decoration: underline;
}
#form-login input {
border:none;
color:#666;
font-size:11px;
height:14px;
line-height:14px;
padding:2px 4px;
background:#fff;
}
input#modlgn_passwd, input#modlgn_username {
width:142px;
}
input.button, #form-login input.button {
height:20px;
border:none;
font-weight:700;
line-height:15px;
color:#fff;
padding:1px 6px 2px;
margin:0;
background:transparent url(../images/but.gif) repeat-x top left;
}
input.button:hover, #form-login input.button:hover {
color:#d83900;
}
/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #333; }
div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #333; text-align: center; }
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: right;
height: 30px;
}
table.paramlist td.paramlist_value {
}
div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: 700;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Banners module */
/* Default skyscraper style */
.bannergroup {
}
.banneritem {
}
/* Text advert style */
.banneritem_text {
padding: 4px;
font-size: 11px;
}
.banneritem_text a {
font-weight:700;
color:#000;
}
.bannerfooter_text {
padding: 4px;
font-size: 11px;
text-align: right;
}
/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
/* Polls */
.pollstableborder td {
text-align: right;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 4px;
}
legend {
margin: 0;
padding: 0 10px;
}
td.key {
border-bottom:1px solid #eee;
color: #333;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: 700;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message dd.message ul {
padding: 0;
margin: 0;
background: none;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
#system-message dd {
text-indent: 0;
}
#system-message dd ul {
list-style-type: none;
color: #c00;
background: none;
border: none;
}
#system-message {
margin-top: 5px;
}
پیشاپیش از کمک دوستان عزیز تشکر میکنم
البته هدف اصلیم تغییر ستون وسطی است اما اگه نحوه تغییر عرض ستونهای کناری را هم بگید خیلی ممنون میشم.
اینهم از متن فایل css قالبم :
body {
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 11px;
color: #777;
background: #000;
}
body.contentpane {
background: #fff;
}
form {
margin: 0;
padding: 0;
}
img,table {
border: none;
}
p {
margin: 5px 0;
text-align: justify;
}
a {
color: #000;
outline: none;
text-decoration: none;
font-weight: 400;
}
a:link {
font-weight: 400;
}
a:visited {
font-weight: 400;
color: #777;
}
a:hover {
text-decoration: underline;
font-weight: 400;
}
input {
color: #ccc;
outline: none;
margin: 0;
}
input:focus {
outline: none;
}
button {
color: #fff;
font-size: 11px;
border: none;
background: #696969;
cursor: pointer;
}
#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}
input.button, .validate {
color: #fff;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#wrapper {
margin:0 auto;
background: transparent url(../images/wrapper.jpg) no-repeat top center;
}
#header {
position:relative;
margin:0 auto;
padding:21px 0 0 0;
width:960px;
height:232px;
background: transparent url(../images/headerimg.jpg) no-repeat top center;
}
#pillmenu {
width:960px;
height:30px;
overflow:hidden;
margin:0 auto;
background: transparent url(../images/t_menu_bg.jpg) no-repeat top center;
}
#pillmenu ul {
padding:0;
margin:0;
list-style: none;
}
#pillmenu li {
float: right;
}
#pillmenu li a {
float:left;
color: #c7c7c7;
text-decoration: none;
height:30px;
line-height:29px;
padding: 0 10px;
margin:0;
cursor:pointer;
font-weight:700;
background: transparent url(../images/t_menu_divider.gif) no-repeat right center;
}
#pillmenu li a:hover, #pillmenu li a#active_menu-nav {
color:#fff;
background: transparent url(../images/t_menu_hover.gif) no-repeat right center;
}
.logo {
width:960px;
height:170px;
padding:10px 0 0 0;
overflow:hidden;
}
.logo table tr td {
width:960px;
height:170px;
overflow:hidden;
vertical-align:middle;
}
.logo h1 {
text-align:center;
color:#fff;
line-height:normal;
text-transform:uppercase;
margin:0;
padding:0;
}
.logo a, .logo a:link, .logo a:visited {
color:#fff;
font-size:24px;
text-decoration:none;
}
.logo a:hover {
text-decoration:none;
}
.newsflash {
float:right;
height:90px;
width:730px;
background:#e6e7e8;
margin:0 0 10px;
}
.newsflash h3 {
height:24px;
width:706px;
color:#dc3d12;
overflow:hidden;
line-height:24px;
margin:0 0 2px 0;
padding:0 10px;
font-weight:700;
text-align:right;
text-transform:uppercase;
background: transparent url(../images/news_h3.png) no-repeat right bottom;
}
.newsflash table tr td {
color:#000;
height:72px;
margin:0;
text-align:justify;
}
.newsflash a {
color:#000;
font-weight:700;
text-decoration:none;
}
.newsflash div.module {
height:72px;
width:726px;
margin:0;
text-align:justify;
overflow:hidden;
}
.newsflash div.module div {
background:none;
padding:0;
}
.newsflash table.contentpaneopen {
margin:0;
}
.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
margin:0;
padding:0;
}
#search {
float:left;
margin: 0 0 10px;
}
.search {
float:left;
height:24px;
width:194px;
padding:0 0 0 6px;
background: transparent url(../images/inputbox.png) no-repeat bottom left;
}
.search .inputbox {
float:left;
border: none;
color: #fff;
font-size:11px;
line-height:17px;
height:18px;
width:188px;
padding:3px 6px 2px 0;
background:none;
direction: rtl;
text-align: right;
}
.search .button {
float:right;
text-indent:-9999;
border:none;
height:0;
font-size:0;
line-height:0;
background:none;
}
.search .button:hover {
border:none;
}
#content {
width:960px;
margin:0 auto;
direction: rtl;
text-align: right;
}
#container {
width:940px;
margin:0 auto;
}
.content_m { background: transparent url(../images/content_m.png) repeat-y top center;}
.content_b {
height:24px;
margin:0 0 26px;
background: transparent url(../images/content_b.png) no-repeat top center;
}
.content_t {
height:10px;
font-size:0;
background: transparent url(../images/content_t.png) no-repeat top center;
}
.content_m_l {background: transparent url(../images/content_m_l.png) repeat-y top center;}
.content_m_r {background: transparent url(../images/content_m_r.png) repeat-y top center;}
.content_m_full {background:#e6e7e8;}
#leftcolumn, #rightcolumn {
float:left;
width: 200px;
margin:0 12px 10px 0;
}
#rightcolumn {
float: right;
margin:0 0 10px 12px;
}
div#maincolumn {
float: left;
width:492px;
padding:0 10px 10px;
}
div#maincolumn_left, div#maincolumn_right {
float: left;
width:718px;
padding:6px 0 0 10px;
}
div#maincolumn_right {
padding:6px 10px 0 0;
}
div#maincolumn_full {
padding:10px;
width:940px;
}
div.nopad {
overflow: hidden;
}
div.nopad ul {
clear: both;
}
td.middle_pad {
width: 20px;
}
#footer {
width:940px;
height:45px;
line-height:17px;
text-align:center;
color: #fff;
margin:0 auto;
padding:0;
overflow:hidden;
direction: rtl;
}
#footer a {
color: #fff;
font-weight:400;
text-decoration: none;
}
#footer a:hover {
text-decoration:underline;
}
a.footer123:link, a.footer123:visited {
color: #363e4e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: underline;
}
#f123 {
text-align: right;
width: 100%;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
}
.f123 {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
.f123_bg {
background:url(../images/123_bg.png);
width:134px;
height:30px;
text-align:center;
padding: 0 3px;
}
.f123_1 {
display: block;
font-size: 10px;
font-family: Tahoma, Arial, sans-serif;
color: #666;
text-align: right;
padding: 0 0 2px 4px;
}
a.link_123:link, a.link_123:visited {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
a.link_123:hover {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
/* headers */
div.componentheading {
height: 22px;
margin:0;
color: #000;
}
table.blog {
}
h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
line-height:19px;
font-weight: 700;
vertical-align: bottom;
color: #000;
text-align: right;
width: 100%;
}
h2, .contentheading {
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
vertical-align: middle;
color: #d83900;
text-align: right;
font-weight: 700;
}
h2, a.contentheading {
background: none;
border: none;
margin:6px 0;
}
table.contentpaneopen h3 {
margin-top: 25px;
color:#585858;
}
h4 {
font-family: Tahoma, Arial, sans-serif;
color: #333;
}
h3, .componentheading, table.moduletable th, legend {
margin:6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:700;
text-align: right;
text-transform:uppercase;
color: #333;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #666666;
font-weight: 700;
text-align: right;
}
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #666666;
text-align: right;
}
.createdate {
vertical-align: top;
font-size: 11px;
color: #555;
padding-bottom: 8px;
}
a.readon {
float: right;
line-height: normal;
font-size: 11px;
padding: 0 0 0 14px;
color: #666666;
text-transform: lowercase;
text-decoration: none;
}
a.readon:hover {
text-decoration: underline;
}
/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fbfbfb;
font-weight: 700;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
display: block;
height: 20px;
}
.article_column {
}
.column_separator {
}
td.buttonheading {
text-align: right;
width: 0;
}
.clr {
clear: both;
font-size:0;
}
table.blog span.article_separator {
display: block;
height: 20px;
}
/* table of contents */
table.contenttoc {
margin: 5px;
padding: 5px;
background: none;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
color: #fff;
font-weight: 700;
padding: 4px;
}
tr.sectiontableentry1 td {
padding: 4px;
}
tr.sectiontableentry1 {
background:#fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
font-size: 11px;
}
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}
table.contentpane td{
text-align: right;
}
table.contentpane td.contentdescription {
width: 100%;
}
table.contentpane {
text-align: right;
float: left;
width: 100%;
}
table.contentpane ul li a .category {
color: #FF8800;
}
table.contentpane ul li {
color: #666;
}
table.contentpaneopen {
border-collapse: collapse;
padding: 0;
margin:0 6px;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #669933;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #363e4e;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable, div.module {
margin-bottom: 25px;
}
div.module_menu, div.module, div.module_text{
margin:0 0 20px 0;
padding: 0;
}
div.module_menu div, div.module div, div.module_text div {
margin:0;
}
div.module_menu div, div.module div, div.module_text div {
}
div.module_menu div div,div.module div div,div.module_text div div {
text-align: center;
}
div.module_menu div div div, div.module div div div, div.module_text div div div {
margin:0;
padding:0 0 20px 0;
background: transparent url(../images/box_b.gif) no-repeat bottom center;
}
div.module div div div div {
width: 160px;
color:#777;
}
#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
background: none;
margin:0 auto;
padding:0;
color:#777;
}
#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
text-align: right;
}
#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
padding: 10px 10px 10px 20px;
width: 170px;
}
#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
color:#777;
width: auto;
padding: 0 0 4px;
}
div.module div div div form {
margin:0 auto;
padding:0 20px 6px 0;
text-align:right;
width:180px;
}
div.module_menu ul {
list-style: none;
padding: 0;
}
div.module_menu ul#mainlevel {
margin: 0 auto;
text-align: center;
}
div.module_menu ul li{
margin: 0;
padding: 0;
}
div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: 700;
padding: 2px 0;
line-height: 24px;
color:#777;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
}
#leftcolumn div.module table ,#rightcolumn div.module table {
padding: 0 0 6px 0;
background:none;
}
#leftcolumn div.module table td ,#rightcolumn div.module table td {
margin:0;
padding: 0 6px 0 0;
height:20px;
color:#666;
text-align:right;
line-height:13px;
vertical-align: middle;
}
#leftcolumn div.module table.poll {
}
#leftcolumn div.module table.poll td {
text-align: right;
}
/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
width:180px;
margin:0 0 8px;
height:24px;
line-height:21px;
padding:0 10px;
font-size: 11px;
color: #fff;
text-align: right;
text-transform: none;
font-weight: 700;
overflow:hidden;
background: transparent url(../images/box_h3.png) no-repeat top left;
}
.moduletable_menu, .moduletable, .moduletable_text {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}
#leftcolumn ul.menu, #rightcolumn ul.menu {
list-style: none;
text-align: right;
margin:0;
padding:0 12px 0 0;
}
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
display:block;
font-weight: 400;
font-size: 11px;
line-height: 16px;
padding:0 14px 2px 0;
margin:0;
text-decoration: none;
color: #666;
background: transparent url(../images/menu_arrow.gif) no-repeat right top;
}
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #d83900;
background: transparent url(../images/menu_arrow_hover.gif) no-repeat right top;
}
/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
}
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
color: #d83900;
background: transparent url(../images/menu_arrow_hover.gif) no-repeat right top;
}
#leftcolumn ul.menu li#current {
}
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
display:block;
color: #d83900;
}
/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li {
background:none;
}
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
font-weight: 400;
text-decoration: none;
color: #666;
line-height:17px;
padding:0 14px 4px 0;
background: none;
}
#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
color: #d83900;
background: none;
}
#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
}
#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
}
#leftcolumn ul.menu li.parent ul li a,
#rightcolumn ul.menu li.parent ul li a {
line-height:17px;
font-size: 11px;
font-weight: 400;
text-decoration: none;
color: #666;
padding:0 14px 4px 0;
background: none;
}
#leftcolumn ul.menu li.parent ul li a:hover {
color: #d83900;
background: none;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}
/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
margin:0;
}
/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}
#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
form#form-login fieldset {
border: 0 none;
padding: 0;
margin:0;
color:#777;
text-align: right;
}
form#form-login ul {
padding: 0;
list-style: none;
text-align: right;
margin: 10px auto 0;
}
form#form-login ul li {
padding: 0;
}
form#form-login ul li a {
text-align: right;
padding: 0;
font-size: 11px;
color: #777;
text-decoration: none;
}
form#form-login ul li a:hover {
text-decoration: underline;
}
#form-login input {
border:none;
color:#666;
font-size:11px;
height:14px;
line-height:14px;
padding:2px 4px;
background:#fff;
}
input#modlgn_passwd, input#modlgn_username {
width:142px;
}
input.button, #form-login input.button {
height:20px;
border:none;
font-weight:700;
line-height:15px;
color:#fff;
padding:1px 6px 2px;
margin:0;
background:transparent url(../images/but.gif) repeat-x top left;
}
input.button:hover, #form-login input.button:hover {
color:#d83900;
}
/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #333; }
div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #333; text-align: center; }
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: right;
height: 30px;
}
table.paramlist td.paramlist_value {
}
div.message {
font-family: Tahoma, Arial, sans-serif;
font-weight: 700;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Banners module */
/* Default skyscraper style */
.bannergroup {
}
.banneritem {
}
/* Text advert style */
.banneritem_text {
padding: 4px;
font-size: 11px;
}
.banneritem_text a {
font-weight:700;
color:#000;
}
.bannerfooter_text {
padding: 4px;
font-size: 11px;
text-align: right;
}
/* System Messages */
/* see system general.css */
.pagination span { padding: 2px; }
.pagination a { padding: 2px; }
/* Polls */
.pollstableborder td {
text-align: right;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 4px;
}
legend {
margin: 0;
padding: 0 10px;
}
td.key {
border-bottom:1px solid #eee;
color: #333;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: 700;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message dd.message ul {
padding: 0;
margin: 0;
background: none;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}
#system-message dd {
text-indent: 0;
}
#system-message dd ul {
list-style-type: none;
color: #c00;
background: none;
border: none;
}
#system-message {
margin-top: 5px;
}
پیشاپیش از کمک دوستان عزیز تشکر میکنم