yes, but "where" in additional.css template , i search inside the code but i dont find anyplace "#sidebar_container .underblock" or rest of code, i need write this new code ? or i need modify it? if i need put new, where i can put it ?
thank
additional.css CODE 1 part
Code:
@charset "UTF-8";
/* CSS Document */
/**
* Custom CSS by Forumthemes.com
*/
/************************************************************************/
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}
*{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
body {
margin: 0;
}
.wgo_block {
margin-bottom:0;
}
#userleft {
float:left;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.navbar {
-moz-border-radius-bottom{vb:stylevar left}: 0 !important;
-moz-border-radius-bottom{vb:stylevar right}: 0 !important;
-webkit-border-bottom-{vb:stylevar left}-radius: 0 !important;
-webkit-border-bottom-{vb:stylevar right}-radius: 0 !important;
}
.announcements {
margin-top:10px;
}
.highlight {
background-image:none;
}
.forumbit_nopost.row1 .forumrow, .forumbit_post.row1 .forumrow {
background: {vb:stylevar forumrow_background};
border:{vb:stylevar forumbits_border};
border-top:0;
}
.forumbit_nopost.row2 .forumbit_nopost .forumrow, .forumbit_post.row2 .forumrow {
background: #f6f6f6;
border-top:0;
border:{vb:stylevar forumbits_border};
}
.threadbit.row1 .nonsticky{
background: {vb:stylevar threadbit_background};
}
.threadbit.row2 .nonsticky{
background: #f6f6f6;
}
.threadbit .sticky .alt {
}
.threadbit.row1 .nonsticky .alt {
background:#f9f9f9;
}
.threadbit.row2 .nonsticky .alt {
background:#efefef;
}
.navlinksBox {
text-align: center;
color: {vb:stylevar navlinks_color};
font-size: 11px;
font-weight:700;
margin-top: 8px;
margin-bottom: 0;
width:100%;
clear:both;
}
.forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
color:#004499;
font: 14px arial, helvetica, sans-serif;
}
.forumrow .forumtitle a:hover{
color:#ff7e00;
}
.forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
color:#5080c0;
font-weight:400;
}
.forumrow .lastposttitle a:hover{
color:#ff7e00;
}
.bodyWrap {
background:#fff;
margin:0 2px;
}
.body_wrapper {
padding:0;
margin:0;
}
.threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
border-top:0;
}
/* Page Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pageWrapper {
background:#f6fafc url(images/styles/RoyalFlush/style/pageBG.gif) repeat-x top left;
}
.pageBottom {
background:url(images/styles/RoyalFlush/style/pageBottomBG.gif) repeat-x bottom left;
padding: {vb:stylevar doc_margin};
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.doc_header {
height:168px;
position:relative;
}
#headerMain {
height:168px;
position:relative;
}
.headerWrap {
background:url(images/styles/RoyalFlush/style/logoBox.gif) no-repeat top left;
height:161px;
padding:7px 0 0 263px;
}
#logo {
position:absolute;
top:42px;
left:7px;
}
.searchBox {
background:url(images/styles/RoyalFlush/style/searchBox.gif) no-repeat top left;
width:280px;
height:58px;
padding:9px 0 0 11px;
position:absolute;
top:84px;
left:280px
}
.searchInputBox {
background: url(images/styles/RoyalFlush/style/searchInput.gif) no-repeat top left;
width:236px;
height:23px;
float:left;
}
.searchInput {
background:transparent;
border:0;
color: #666;
padding:4px 0;
font-size:12px;
width:124px;
margin:0 5px;
}
.loginBox {
background:url(images/styles/RoyalFlush/style/loginBox.gif) no-repeat top left;
width:277px;
height:58px;
padding:9px 0 0 14px;
position:absolute;
top:84px;
left:581px;
}
.loginBox form, .searchBox form {
margin:0;
padding:0;
}
.loginBox ul {
list-style:none;
padding:0;
margin:0;
}
.loginBox li {
float:left;
margin:0;
padding:0 5px 0 0;
}
.loginBoxInput {
background: url(images/styles/RoyalFlush/style/loginBoxInput.gif) no-repeat top left;
width:116px;
height:23px;
}
.loginInput {
background:transparent;
border:0;
color: #666;
padding:4px 0 3px 0;
font-size:12px;
width:106px;
margin:1px 5px 0 5px;
}
.boxHeading {
padding:0 0 8px 0;
}
.boxHeading strong, .searchBox h4 {
color:#fff;
font-size:12px;
font-weight:700;
padding:0;
margin:0;
}
.boxHeading .notReg {
float:right;
margin-right:13px;
}
a.notReg, a.link.notReg, a:visited.notReg {
color:#cae2ff;
}
a:hover.notReg {
color:#fff;
}
/* Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#contentMain {
background:#fff;
}
#contentBox {
background:url(images/styles/RoyalFlush/style/contentBoxBG.gif) repeat-x top left;
}
.contentBoxLeft {
background:url(images/styles/RoyalFlush/style/contentBoxLeftBG.gif) repeat-y top left;
}
.contentBoxRight {
background:url(images/styles/RoyalFlush/style/contentBoxRightBG.gif) repeat-y top right;
}
.contentBoxTopLeft {
background:url(images/styles/RoyalFlush/style/contentBoxLeft.gif) no-repeat top left;
}
.contentBoxTopRight {
background:url(images/styles/RoyalFlush/style/contentBoxRight.gif) no-repeat top right;
padding:25px 15px 15px 15px;
}
/* Footer Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerNav {
background:url(images/styles/RoyalFlush/style/footerNav.gif) repeat-x top left;
height:37px;
line-height:37px;
font-size:14px;
}
.footerNavLeft {
background:url(images/styles/RoyalFlush/style/footerNavLeft.gif) no-repeat top left;
height:37px;
}
.footerNavRight {
background:url(images/styles/RoyalFlush/style/footerNavRight.gif) no-repeat top right;
height:37px;
padding:0 9px;
}
.footerNav ul {
list-style:none;
padding:0;
margin:0;
}
.footerNav li {
background:url(images/styles/RoyalFlush/style/footerNavSplit.gif) no-repeat top right;
float:left;
padding-right:2px;
}
.footerNav a:link, .footerNav a:visited {
color:#004499;
font-weight:700;
padding:0 22px;
display:block;
}
.footerNav a:hover {
background:url(images/styles/RoyalFlush/style/footerNav_Hover.gif) repeat-x top left;
color:#ff9200;
}
/* Footer Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerBar {
background:url(images/styles/RoyalFlush/style/footerBarBG.gif) repeat-x top left;
height:54px;
line-height:50px;
}
.footerBarLeft {
background:url(images/styles/RoyalFlush/style/footerBarLeft.gif) no-repeat top left;
height:54px;
}
.footerBarRight {
background:url(images/styles/RoyalFlush/style/footerBarRight.gif) no-repeat top right;
height:54px;
padding:0 26px;
}
.backTop {
background:url(images/styles/RoyalFlush/style/topArrow.gif) no-repeat left;
padding-left:28px;
float:left;
font-weight:700;
}
a.link.backTop, a:visited.backTop,
#footerBar a:link, #footerBar a:visited {
color:#004499;
}
a:hover.backTop, #footerBar a:hover {
color:#ff9200;
}
.skinSelect {
float:right;
padding-right:20px;
}
/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerMain {
background:url(images/styles/RoyalFlush/style/footerBG.gif) repeat-x top left;
height:79px;
color:#23436a;
font-size:11px;
line-height:16px;
}
.copyright {
float:center;
padding:3px 0 0 26px;
}
.footerLogo {
float:right;
}
#footerMain a:link, #footerMain a:visited {
color:#004499;
}
#footerMain a:hover {
color:#ff9200;
}
/* TOP MEMBER BAR*/
#toplinks, .toplinks {
text-align:left;
line-height:20px;
padding-top:8px;
left:14px;
}
#toplinks .isuser {
float:left;
}
#toplinks .welcomelink {
font-weight:700;
}
.toplinks ul.isuser .notifications .popupbody {
border: 1px solid #242424; /* makes it look consistent with the popup background */
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 12px;
background: #1b3556 url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
-moz-border-radius: {vb:stylevar border_radius};
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
-moz-border-radius: {vb:stylevar border_radius} !important;
-webkit-border-radius: {vb:stylevar border_radius} !important;
}
.memberBox .welcomeUser {
font-weight:700;
font-size:11px;
float:left;
}
.memberBox .toplinks {
padding:2px 0 0 3px;
}
.memberBox .toplinks {
padding:2px 0 0 3px;
}
/*************************************************/
/* Navbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navbar {
background:url(images/styles/RoyalFlush/style/navBG.gif) repeat-x top left;
position:relative;
height:75px;
font:{vb:stylevar navbar_font};
color:{vb:stylevar navbar_link_color};
width:100%;
}
.navLeft {
background:url(images/styles/RoyalFlush/style/navLeft.gif) no-repeat top left;
height:75px;
}
.navRight {
background:url(images/styles/RoyalFlush/style/navRight.gif) no-repeat top right;
height:75px;
padding:0 9px;
}
#navtabs li.selected ul.floatcontainer {
margin-top:4px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
line-height:27px;
height:27px;
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }
.navtabs ul li:first-child {
text-indent: 20px;
}
.navtabs {
padding-left:0;
}
.navtabs ul {
position:absolute;
top:{vb:stylevar navbar_tab_size.height}px;
{vb:stylevar left}:0px;
width:100%;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:{vb:stylevar left};
padding-right:2px;
background:url(images/styles/RoyalFlush/style/navSplit.gif) no-repeat top right;
}
.navtabs li li {
background:none;
}
.navtabs ul li {
border-{vb:stylevar right}: 0;
position: relative;
}
.navtabs li a {
height:{vb:stylevar navbar_tab_size.height}px;
line-height:{vb:stylevar navbar_tab_size.height}px;
}
.navtabs li a.navtab {
display:block;
min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
width:auto !important;
width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
_min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
_width:auto !important;
_width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
text-align:center;
color:{vb:stylevar navbar_link_color};
font-size:14px;
text-decoration:none;
line-height:{vb:stylevar navbar_tab_size.height}px;
height:{vb:stylevar navbar_tab_size.height}px;
padding:0 10px;
font-weight:700;
}
.navtabs li a.navtab:hover {
background:url(images/styles/RoyalFlush/style/navBG_hover.gif) repeat-x top left;
color:{vb:stylevar navbar_linkhover_color};
}
.navtabs li.selected li {
padding:0 5px;
}
.navtabs li.selected li li {
padding:0 2px;
}
.navtabs li.selected {
color:{vb:stylevar navbar_linkhover_color};
height:{vb:stylevar navbar_tab_size.height}px;
}
.navtabs li.selected a.navtab {
color:{vb:stylevar navbar_linkhover_color};
position:relative;
top:-{vb:stylevar navbar_tab_selected_top_width}px;
padding-top:{vb:stylevar navbar_tab_selected_top_width}px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font:{vb:stylevar navbar_font};
line-height:27px;
}
.navtabs li.selected li a {
font-size:12px;
color:#cae2ff;
font-weight:400;
padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}
.navbar_advanced_search li {
height: 27px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:{vb:stylevar navbar_link_color};
}
.navbar_advanced_search li a:hover {
color:{vb:stylevar navbar_linkhover_color};
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected li a:hover {
color:#fff;
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected .popupbody li > a {
padding:{vb:stylevar popup_padding}px {vb:stylevar padding};
text-indent: 0;
color: {vb:stylevar navbar_selected_popup_body_a_Color};
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-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:#cae2ff;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active,
.navtabs li.selected li a:hover.popupctrl {
color:#fff;
}
/* Breadcrumb
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb {
background:url(images/styles/RoyalFlush/style/bcBG.gif) repeat-x top left;
height:36px;
padding:0;
margin-bottom:8px;
color:#5a859b;
font-weight:700;
font-size:12px;
}
.bcLeft {
background:url(images/styles/RoyalFlush/style/bcLeft.gif) no-repeat top left;
height:36px;
}
.bcRight {
background:url(images/styles/RoyalFlush/style/bcRight.gif) no-repeat top right;
height:28px;
padding:8px 10px 0 10px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
border:1px solid transparent;
}
.breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
color:#5a859b;
font-weight:700;
}
.breadcrumb .navbit a:hover {
background:#1d4b84;
color:#fff;
border:1px solid transparent;
}
/*************************************************/
/* TCAT BAR */
.tcat {
background:url(images/styles/RoyalFlush/style/tcatBG.gif) repeat-x top left;
color: #cae2ff;
height:43px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
width: {vb:stylevar forumhead_width};
}
.tcatLeft {
background:url(images/styles/RoyalFlush/style/tcatLeft.gif) no-repeat top left;
height:43px;
}
.tcatRight {
background:url(images/styles/RoyalFlush/style/tcatRight.gif) no-repeat top right;
height:43px;
}
.tcat .forumtitle {
font-weight:700;
}
.tcat .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcat h2 {
padding: 0 0 0 16px;
font: bold 9pt arial, helvetica, sans-serif;
line-height: 43px;
float:left;
font-weight:700;
}
.tcat a:link, .tcat a:visited {
color:#cae2ff;
}
.tcat a:hover {
}
.tcat .tcatCollapse {
float:right;
position:absolute;
top:13px;
right:11px;
}
/* tcat Thread List Controls - Forumdisplay */
.tcat_threadlist_controls {
float:right;
padding-right:8px;
}
.forumdisplaypopups, #forumdisplaypopups {
clear:both;
}