کد:
@charset "UTF-8";
/* CSS Document */
/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/
/*************************************************/
/* HEADER */
.above_body {
background:#323232 url(images/gradients/gradient-grey-down.png) repeat-x ;
_background-image: none;
margin: 0px 0px 10px 0px;
padding: 0 0 0 0;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.doc_header {
_background-image:none;
border: ;
color:#0055FF;
font:normal normal normal 13px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
position:relative;
min-height:35px;
/*padding-bottom:5px;*/
/*margin-bottom:74px;*/
}
.doc_header a { color:; }
.doc_header a:hover { color:; }
.doc_header hr { display: none; }
.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
padding: 0 0 0 0;
}
.toplinks {
position:absolute;
right:20px;
top:0;
color:#fff;
font: normal normal normal 12px Tahoma, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align:right;
background: none ;
}
.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
padding-top: 0;
background: none;
cursor: pointer;
}
li#fb_headerbox a#fb_link {
position: relative;
}
li#fb_headerbox a#fb_link #fb_squarepic{
position:absolute;
right:-6px;
top:5px;
z-index:1;
border:1px solid #B3CCE7;
padding:1px;
}
li#fb_headerbox a#fb_link #fb_icon{
position:absolute;
right:10px;
top:1px;
z-index:2;
}
.toplinks ul.isuser, .toplinks ul.nouser {
display:block;
float: left;
clear: right;
list-style: none;
}
.toplinks ul.isuser li {
display:inline;
position: relative;
color: #465008;
float: left;
clear: right;
padding-left: 10px;
background:;
}
.toplinks ul.isuser .popupbody li {
display:block;
float: none;
clear: none;
padding:0;
margin:0;
}
.toplinks ul.isuser li.welcomelink {
display: block;
float: left;
clear: right;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
color: ;
}
.toplinks ul.isuser li.logoutlink {
top: 0;
}
.toplinks ul.isuser li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
font-weight:bold;
color:#fff;
}
.toplinks ul.isuser li li a {
float: none;
margin-right: 0;
}
.toplinks ul.isuser li.welcomelink a {
display:inline;
float: none;
clear: none;
margin-right: 0;
}
.toplinks ul.isuser li a:hover {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 4px;
background: #212121;
color:#fff;
}
.toplinks ul.nouser li {
display:inline;
}
.toplinks ul.nouser li a {
float:right;
clear:left;
color:#fff;
}
.toplinks ul.nouser li a{
display: block;
float: left;
clear: right;
color:#fff;
position: relative;
padding: 6px 10px 0 10px;
background: #212121;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
height:19px;
font-weight:bold;
font-size:12px;
margin-left: 10px;
}
.toplinks ul.nouser li a:hover {
background: #212121;
color:#fff;
}
.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications {
color: rgb(0, 0, 0);
position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
position: relative;
top: 0;
margin: 0;
text-align: right;
}
.toplinks ul.isuser .notifications .popupbody {
background: #212121;
border: 1px solid #212121; /* makes it look consistent with the popup background */
}
.toplinks ul.isuser .notifications .popupbody li a{
color: rgb(0, 0, 0);
padding: 0 5px;
font-weight: normal;
background:rgb(255, 255, 255);
border-top:1px solid #212121; /* makes it look consistent with the popup background */
/*position: relative;*/
text-align: right;
padding-right: 30px;
line-height: 37px;
}
.toplinks ul.isuser .notifications .popupbody li a span {
position: absolute;
line-height: 37px;
right: 5px;
}
.toplinks ul.isuser .notifications .popupbody li a:hover {
background:#FFEB90;
color: rgb(0, 0, 0);
text-decoration: underline;
}
.toplinks form {
min-width: 220px;
display:block;
margin-right: 10px;
text-align: right;
float: left;
clear: right;
_width:20%;
}
.toplinks .logindetails {
padding: 0 10px;
text-align: center;
background: #212121;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;
height: 37px;
}
.toplinks form input {
margin: 3px 0 0;
vertical-align: baseline;
font-size: 10px;
padding: 1px;
border: 0;
}
.toplinks form input.textbox {
color: #303030;
}
.toplinks form input.default-value {
color: #828282;
}
.toplinks .remember {
margin: -3.33333333333px 0 0 20px;
font-size: 9px;
color: ;
}
.toplinks .remember input {
vertical-align: baseline;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
color: #fff;
text-decoration:none;
}
.notifications>a:link, .notifications>a:visited {
/* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
color: #fff;
text-decoration:none;
}
.notifications > a:hover,
.notifications a.popupctrl:hover {
color: #fff;
}
.notifications {
font-size:12px;
color: #fff;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.notifications a {
text-decoration:none;
}
.notifications .popupbody {
color:rgb(0, 0, 0);
}
.header hr,
.header h2 {
display:none;
}
/*************************************************/
/* NAVBAR */
.navbar {
position:relative;
height:74px;
background:#3c3b3b none ;
margin:10px 0px 0px 0px;
color:rgb(255, 255, 255);
font: 12px arial, helvetica, sans-serif;
border:0px solid rgb(255, 255, 255);
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.navbar a { color:#fff; }
.navbar a:hover { color:#819c05; }
.navtabs {
background:#212121 url(images/styles/ChitChat/style/navBG.gif) repeat-x ;
padding: 0px 20px 0px 0px;
height: 37px;
_background-image:none;
}
.navtabs li:first-child {
border-right: 0 ;
}
.navtabs ul {
/* background: #3c3b3b; */
position:absolute;
top:37px;
right:0px;
width:100%;
border-top:0 ;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-left:-80px;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:right;
border-left: 0 ;
}
.navtabs ul li:first-child {
margin-right: 20px;
border-right: 0;
}
#navtabs .popupmenu ul li:first-child {
margin-right: 0px;
}
.navtabs ul li {
border-left: 0;
position: relative;
}
.navtabs li a {
height:37px;
line-height:37px;
padding:0 10px;
}
.navtabs li a.navtab {
border-top: 0 ;
border-right: 0 ;
display:block;
background:#212121 url(images/styles/ChitChat/style/navBG.gif) repeat-x ;
_background-image:none;
min-width:60px;
width:auto !important;
width:60px;
_min-width:75px;
_width:auto !important;
_width:75px;
text-align:center;
color: #ffffff;
font: bold 12px Tahoma, helvetica, sans-serif;
text-decoration:none;
line-height:37px;
}
.navtabs li a.navtab:hover {
background:#212121 url(images/styles/ChitChat/style/navBG_hover.gif) repeat center top 0 -px;
_background-image:none;
/*color:#383838;*/
color:#000000;
}
.navtabs li.selected {
height:37px;
color:#000000;
}
.navtabs li.selected a.navtab {
color:#000000;
background:#212121 url(images/styles/ChitChat/style/navBG_hover.gif) repeat center top;
_background-image:none;
position:relative;
top:-px;
padding-top:px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 12px Tahoma, helvetica, sans-serif;
line-height: 37px;
}
.navtabs li.selected li a {
color:#fff;
padding:2px 5px;
}
.navbar_advanced_search li {
height: 37px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:#fff;
}
.navbar_advanced_search li a:hover {
color:#819c05;
text-decoration:none;
}
.navtabs li.selected li a:hover {
color:#819c05;
text-decoration:none;
}
.navtabs li.selected .popupbody li > a {
padding:0px 10px;
text-indent: 0;
color: rgb(0, 0, 0);
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
_border: none;
background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
padding-{vb:stylevar right}:15px;
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
color: {vb:stylevar navbar_link_color};
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 15px;
background: #212121 url(images/styles/ChitChat/misc/arrow.png) left center no-repeat ;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius:5px;
border-bottom-left-radius: 5px;
_background-image:url('images/styles/ChitChat/misc/arrow.gif');
}
.toplinks .nonotifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 15px;
background: transparent url(images/styles/ChitChat/misc/arrow.png) no-repeat left center;
_background-image:url('images/styles/ChitChat/misc/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
padding-left: 15px;
background: #212121 url(images/styles/ChitChat/misc/arrow.png) no-repeat left center;
_background-image:url('images/styles/ChitChat/misc/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover {
padding-top: 3px;
}
.navtabs li.selected li:hover a.popupctrl {
border-color:#3c3b3b;
background-color:#212121;
text-decoration:none;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
border-color:#212121;
background-color:#212121;
color:#fff;
text-decoration:none;
}
.navtabs .popupbody {
border: 1px solid #212121;
background: #212121;
width: auto;
}
.navtabs .popupbody li {
float:none;
border-top: 1px solid #212121;
}
.navtabs .popupbody li a:hover {
background-color: #FFEB90;
}
.nonotifications div.popupbody {
min-width: 170px;
width: auto !important;
width: 170px;
background: #212121;
border: 1px solid #212121;
}
.nonotifications .popupbody p {
color: rgb(0, 0, 0);
text-align: right;
background: rgb(255, 255, 255);
border-top: 1px solid #212121;
padding: 0;
text-indent: 5px;
line-height: 37px;
display:block;
}
.toplinks .nonotifications .popupbody a {
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
float: none;
clear: none;
padding: 0 5px;
margin-right: 0;
text-align: right;
line-height: 37px;
}
.toplinks .nonotifications .popupbody a:hover {
background:#FFEB90;
color: rgb(0, 0, 0);
text-decoration: none;
padding: 0 5px;
}
.globalsearch {
position:absolute;
width:180px;
right: 20px;
top: 0px;
float: right;
clear: left;
text-align:right;
line-height: 1.0em;
display:block;
}
.navbar_search {
position:relative;
width:180px;
right: -20px;
display:block;
}
.navbar_search input {
font-size: 10px;
vertical-align:middle;
padding: 1px;
border:1px solid #212121;
}
.globalsearch .textboxcontainer {
height: 37px;
border-left:0 ;
display:inline-block;
float: left;
text-align:center;
}
.globalsearch .textboxcontainer span {
border-top: 0 ;
border-left: 0 ;
display: inline-block;
height: 33px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
_width:140px; /* ie6 hack */
}
.globalsearch input.textbox {
width: 120px;
}
.toplinks form input.loginbutton {
font-size: 10px;
padding: 0 5px;
background-color: ;
border:solid 1px rgb(65,93,141);
}
.globalsearch .buttoncontainer {
height: 37px;
border-left:0 ;
display:inline-block;
border-right:0 ;
width: 25px;
overflow: hidden;
float: right;
}
.globalsearch .buttoncontainer span{
border-top: 0 ;
border-left: 0 ;
height: 34px;
padding-left: 4px;
padding-top: 8px;
display:inline-block;
}
.globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-left: -2px;
}
/*************************************************/
/* BREADCRUMB */
.breadcrumb .navbit {
float:{vb:stylevar left};
background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
background-position:{vb:stylevar right} center;
background-repeat:no-repeat;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit:first-child {
padding-{vb:stylevar left}:0;
}
.breadcrumb .navbit.lastnavbit {
background: transparent;
}
.breadcrumb .navbit.lastnavbit span {
float:{vb:stylevar left};
background: transparent;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
display:block;
padding:2px 4px;
float:{vb:stylevar left};
background-color:transparent;
border:1px solid transparent;
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius:{vb:stylevar border_radius};
border-radius:{vb:stylevar border_radius};
}
.breadcrumb .navbit a:hover {
border-color:{vb:stylevar lightweightbox_border.borderColor};
background-color:{vb:stylevar lightweightbox_background.backgroundColor};
}
.breadcrumb .navbit a {
text-decoration:none;
}
.breadcrumb .navbit a.popupctrl {
background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
background-position:center center;
padding:2px 6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.breadcrumb .navbit a.popupctrl:hover {
background-color:{vb:stylevar imodhilite_backgroundColor};
color:{vb:stylevar linkhover_color};
}
.breadcrumb hr {
display:none;
}
/*************************************************/
/* PAGE TITLE */
#pagetitle {
padding:0px 0px 0px 0px;
clear:both;
padding-top: 5px;
background: none ;
border: ;
}
#pagetitle a { color:; }
#pagetitle a:hover { color:; }
#pagetitle h1 {
color: inherit;
font-size:12px;
font-weight:bold;
}
#pagetitle .description {
color: inherit;
font-size: 10.2px;
margin-bottom:15px;
}
/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
background: #2f2f2f url(images/buttons/newbtn_middle.png) repeat-x left top;
_background-image: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 3px 8px none;
-webkit-box-shadow: 0 3px 8px none;
box-shadow: 0 3px 8px none;
font: normal 12px Tahoma, sans-serif;
color: rgb(255, 255, 255);
padding: 4px 15px 4px 15px;
border: 1px solid #2f2f2f;
display:block;
float: right;
clear: left;
}
.newcontent_textcontrol span {
font-size:15px;
font-weight:bold;
display:inline;
}
.newcontent_textcontrol:hover {
background: #555555 url(images/buttons/newbtn_middle.png) repeat-x left top;
_background-image: none;
color: rgb(255, 255, 255);
text-decoration: none;
}
/*************************************************/
/* FOOTER */
.footer {
clear:both;
margin-top:15px;
text-align:right;
display:block;
/*width: 100%; VBIV-10173*/
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
background: none ;
padding:0 0 0 0;
border:7px solid #819c05;
color:;
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.footer a { color:rgb(255, 255, 255); }
.footer a:hover { color:rgb(255, 255, 255); }
.footer_copyright,
.footer_morecopyright {
padding-bottom:5px;
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
margin-top: 10px;
text-align:center;
display:block;
}
.footer_time {
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding-top:10px;
text-align:center;
}
.footer_select {
float:left;
text-align:left;
margin-left: 10px;
margin-top: 0;
}
.footer_links {
margin-right: 10px;
margin-top: 2px;
}
.footer_links li {
display:inline;
margin-left:5px;
}
.below_body .time {
color: #3e3e3e;
}
.notices {
background: rgb(255, 255, 255);
margin: 5px 0;
}
.notices li {
background: #fff0ae none repeat-x left top;
font-size: 11px;
color: #494949;
padding:5px 10px;
margin-bottom:5px;
-moz-box-shadow: -2px 2px 2px none;
-webkit-box-shadow: -2px 2px 2px none;
box-shadow: -2px 2px 2px none;
text-align: right;
clear:both;
}
.breadcrumb .navbithome {
float: right;
padding: 3px 0;
}
/* end styles for template: navbar */
یه جوری باشه قالب بهم ریخته نشه
علاقه مندی ها (Bookmarks)