add space between the sideblocks

[COL NIL SATIS]

This code adds space between the sideblocks

goto your additional.css template and add at the very bottom

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background-color: transparent;
border:0px;
}
#sidebar_container .block {
background-color:{vb:stylevar sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}


For CMS add at the very bottom of addittional.css

.cms_widget {margin-bottom: 10px;}

Thanks to :

Original code provided by Lynne :up: Tweaked to work with all versions of vbulletin upto 4.1.3,it'll probably work with the latest version too!!
Charlie9802 for providing CMS Code :up:

Code updated!!! 2-6-2011

tested on 4.1.3 so far all previous versions it will work on



Enjoy :)

[giorgino]

Perfect :) And for CMS blocks?

[COL NIL SATIS]

Dont know about CMS mate cos i dont have that ...but it could work ,maybe someone on here could put the CMS code in :up:

[giorgino]

Ok thanks :) I hope someone provide the CMS code :)

[ProFifaLeagues]

Nice work mate!

[Charlie98902]

Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

.cms_widget {margin-bottom: 10px;}

[COL NIL SATIS]

Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

.cms_widget {margin-bottom: 10px;}

Nice one Charlie :up:

[Dr.osamA]

tanxxx bro

installed + 5 Stars

[AURFSCAN]

tagged for future reference. mine looks better @ 5px :)

vbcms_widget_margin is in stylevars

[giorgino]

Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

.cms_widget {margin-bottom: 10px;}

Great! Work! Thank you!!! :)

[WeBeef]

anyone know how to do this with the sidebar blocks in the blogs?

[COL NIL SATIS]

tanxxx bro

installed + 5 Stars


Thanks mate...glad you like it ,enjoy :)

[COL NIL SATIS]

tagged for future reference. mine looks better @ 5px :)

vbcms_widget_margin is in stylevars

lol .....;)

[hdvagos]

hello

i want separated the element in CMS but i cant find this code inside additional.css template .

www.hdbytes.org

where i can fid it.

thank

note: sorry by my english, i speak spanish ;-)

[Charlie98902]

You put it in the additional.css template.

[hdvagos]

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


@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;
}

[hdvagos]

additional.css CODE 2 part


.tcat_threadlist_controls h6 {
height:43px;
line-height:43px;
padding:0;
display:block;
font-size:11px;
}
.forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
.postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
background:none;
display:block;
_display:43px;
height:43px;
line-height:43px;
font-family:arial, helvetica, sans-serif;
font-weight:700;
font-size:11px;
color:#cae2ff;
padding:0 10px;
border: 0;
float: {vb:stylevar left};
clear: {vb:stylevar right};

}
.forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
.postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
border: 0;
color:#cae2ff;
text-decoration:underline;
}
#postlist_popups a, .postlist_popups a {
color: #cae2ff;
_border: none;
}

#postlist_popups a:hover, .postlist_popups a:hover {
color: #cae2ff;
text-decoration:underline;
}
#postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
border: 0;
}

#postlist_popups ul li {
color: {vb:stylevar forummenu_color};
}
#postlist_popups ul li a, .postlist_popups ul li a {
color: {vb:stylevar forummenu_color};
_border: none;
}

#postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
color: {vb:stylevar forummenu_color};
text-decoration:underline;
}

#forumdisplaypopups ul a, .forumdisplaypopups ul a {
color: #3e3e3e;
}

/*************************************************/
/* THEAD BAR*/

.thead_bar .theadrow {
background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
display:block;
width: 100%;
float: {vb:stylevar left};
position:relative;
line-height:20px;
font-size:11px;
border:1px solid #ceddeb;
color:#19314f;
}
.thead_bar .padding {
padding-left:12px;
}
.thead_bar .forumhead span.forumlastpost {
width: 23%;
}
.thead_bar .theadrow .forumdata {
float: {vb:stylevar left};
}
.thead_bar {
float: {vb:stylevar left};
position:relative;
width: 100%;
display:block;
}
.thead_bar .forumhead .forumtitle {
width: 76%;
}
.thead_bar .foruminfo {
width: 53%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}
.thead_bar .foruminfo .forumdata {
padding: 0;
width: 100%;
_width: 99%;
}
.thead_bar .forumstats, .thead_bar .forumstats_2 {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
width: 16%;
margin-{vb:stylevar right}: 2%;
}
.thead_bar .foruminfo .forumdata .datacontainer {
float: {vb:stylevar left};
width: 86%;
padding:0;
padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.thead_bar .forumactionlinks {
width: 5%;
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
}

.thead_bar .forumactionlink {
/* values based on icon size */
display:block;
width:18px;

overflow:hidden;
float: {vb:stylevar right};
clear: {vb:stylevar left};
background:transparent none no-repeat;
position: relative;

}
.thead_bar .forumstats li, .thead_bar .forumstats_2 li{
font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
text-align: {vb:stylevar right};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
display:block;
}
.thead_bar .forumlastpost {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}
.thead_bar .theadrow .forumlastpost {
width: 22%;
}
.forumbitBody {
padding-right:2px;
clear:both;
}

/*threadlisthead and posthead*/
.threadlist {
margin-top:0;
}
#threadlist .threadlisthead {
background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
display:block;
width: 100%;
float: {vb:stylevar left};
position:relative;
font-size:11px;
border:1px solid #ceddeb;
color:#19314f;
font-weight:400;
margin: 0;
}

#threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
color: {vb:stylevar threadlisthead_color};
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background:#e6ebf5 url(images/styles/RoyalFlush/style/theadBG.gif) repeat-x top left;
clear:both;
display:block;
float: {vb:stylevar left};
width: 100%;
color:#19314f;
margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
font: {vb:stylevar postbithead_font};
padding: 4px 0;
border:0;
border:1px solid #ceddeb;
font-size:11px;
font-weight:400;
}
#posts .posthead a:link, #posts .posthead a:visited {
color:#746c4d;
}
#posts .posthead a:hover {
color:#746c4d;
}
#posts .posthead .time, #posts .nodecontrols {
color:#746c4d;
}
.wgo_subblock{
position:relative;
}
.wgo_subblock .whatspace {
padding-left:55px;
}
.wgo_subblock .whaticon {
position:absolute;
top:25%;
left:10px;
}
#postlist .userinfo {
padding-top:10px;
}
.username_container {
padding:5px 0;
text-align:center;
}
.username_container .username strong {
font-size: 10pt;
font-weight:400;
}
.usertitle, .rank {
text-align:center;
}
.usercenter {
padding-top:5px;
text-align:left;
}
.post_field {
background: #fff url(images/styles/RoyalFlush/style/postfieldBG.gif) repeat-x bottom left;
color: #2a2a2a;
border: 1px solid #dfdfdf;
padding: 3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}
.post_field strong {
color: #ff8a00;
}
.post_field dt {
color: #ff8a00;
font-weight:700;
}
.postbody {
border-right: {vb:stylevar postbit_border};
}
.bbcode_container .bbcode_quote_container {
background:none;
}

.forum_info_block, .forum_info_form {
background:none;
}
.postfoot {
border: {vb:stylevar postbit_border};
border-bottom:0;
border-right:0;
}
.postfootWrap {
border-right: {vb:stylevar postbit_border};
}

#thread_info a.collapse {
position: absolute;
top: 9px;
}

/* Bottom Bar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bottomBar {
background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) repeat-x top left;
height:3px;
font-size:0;
clear:both;
}
.bottomBarLeft {
background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) no-repeat top left;
height:3px;
font-size:0;
}
.bottomBarRight {
background:url(images/styles/RoyalFlush/style/bottomBarBG.gif) no-repeat top right;
height:3px;
font-size:0;
}

/* Global Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchBox {
position:absolute;
top:7px;
right:25px;
}
#searchBox .textbox {
border:1px solid #a8c3d3;
}
#searchBox .searchBox_container {
float:left;
display:block;
padding:1px 8px 0 0;
}
#searchBox .searchBox_button {
float:left;
display:block;
}
#searchBox .searchBox_advanced_search {
position:absolute;
top:40px;
right:0;
}
#notices .restore {
border:1px solid #e6b868;
padding:8px;
}

h1.header, h2.header {
text-transform:capitalize;
}

/* Advanced Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#searchtypeswitcher {
border-bottom:4px solid #112e51;
}
#searchtypeswitcher li a {
background-color:#1d4b84;
color:#FFF;
}

#searchtypeswitcher li.selected a {
background-color:#112e51;
}

#searchtypeswitcher li a:hover {
background-color:#112e51;
}
.searchlisthead span, .searchlisthead span a, .mainsearchstats {
color:#FFF;
}

[COL NIL SATIS]

add it at the very bottom of the template :)

[elwachiman]

installed and working perfect in forum and cms tnks

[COL NIL SATIS]

installed and working perfect in forum and cms tnks

glad you like it :)

[KURTZ]

nice1 Col!

[elwachiman]

tks installed

[COL NIL SATIS]

nice1 Col!

Your welcome Kurtz :up:

[Front Range]

Thanks, looks much better Col!

[COL NIL SATIS]

Thanks, looks much better Col!

Great stuff....glad you like it mate :)

[mcyates]

Dont know about CMS mate cos i dont have that ...but it could work ,maybe someone on here could put the CMS code in :up:

Thank you very much, by forum looks much better.

[COL NIL SATIS]

Thank you very much, by forum looks much better.

nice one yatesy ;)

[Fusion2]

Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

.cms_widget {margin-bottom: 10px;}


Thanks worked great, quick and simple! Love it!

[YankForum]

Gr8 , Tnx :)

[Kraxell]

som1 have a screenshot? i dont want register at the demo-page...

[YankForum]

just give it a try , you'll love it

[JIMRANGERS]

many thanks for all the above, does anyone know the stylevar or edit that needs done to seperate the blog blocks the same way?

[COL NIL SATIS]

Answers on page 1 buddy!!!!!! glad you like it !!!!!:)

[JIMRANGERS]

Answers on page 1 buddy!!!!!! glad you like it !!!!!:)

jeez! im blind bud, cant see it

i see your hack - very good as well as a CMS hack that works great for the front page but nothing for the separator on the blog blocks.

[COL NIL SATIS]

jeez! im blind bud, cant see it

i see your hack - very good as well as a CMS hack that works great for the front page but nothing for the separator on the blog blocks.

Ahhh i see...hopefully someone can post up a blogs code too ....Sure there is one mate!! :)

i dont have blogs so cant help really but the guys here im sure will add 1 bud :up:

[Fusion2]

I installed and having some problems.

The CMS separator worked great. But, when i use the forum separator, it messes up my blog menu. Separates both the Forum and Blogs, but the blogs are left with a background color space between the separated area.

Any ideas how to fix?

[COL NIL SATIS]

I installed and having some problems.

The CMS separator worked great. But, when i use the forum separator, it messes up my blog menu. Separates both the Forum and Blogs, but the blogs are left with a background color space between the separated area.

Any ideas how to fix?

I wouldn't know mate,i dont have the blogs on my site and i only use it for the sideblocks,im sure there's a simple solution though.

[COL NIL SATIS]

Added HTML tags to original code so it now complies with VB regulations,also added Charlies CMS Code....

[fkatzenb]

There is a change in the code... here is the code with the correction... note the stylevar variable is now sidebar_background.backgroundColor

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background-color: transparent;
border:0px;
}
#sidebar_container .block {
background-color:{vb:stylevar sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

[Raptor]

great - thanks :)

[COL NIL SATIS]

There is a change in the code... here is the code with the correction... note the stylevar variable is now sidebar_background.backgroundColor

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background-color: transparent;
border:0px;
}
#sidebar_container .block {
background-color:{vb:stylevar sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

Thanks man..i have updated original post with the updated code..:up:

[Dr.osamA]

thank you for update bro

[COL NIL SATIS]

thank you for update bro

You are welcome mate..:)

[COL NIL SATIS]

Updated to 4.1.3 works spot on !!!

[COL NIL SATIS]

updated to work on 4.1.3

[Dr.osamA]

thank you for update bro

[Khriz]

Update to 4.1.4 please

[oldfan]

thank you !

[starman?]

working in 4.1.5 beta - thanks again!

[Macgiber]

thank you

[COL NIL SATIS]

working in 4.1.5 beta - thanks again!

thanks for the feedback starman :)

[COL NIL SATIS]

thank you

you are welcome :up:

[sdavis2702]

That's gorgeous. Thanks!

[hivitro]

install on 4.1.5 OK

[COL NIL SATIS]

install on 4.1.5 OK

glad you like it hivitro:)

[oldfan]

Installed on 4.1.5. works great, thanks

[COL NIL SATIS]

Installed on 4.1.5. works great, thanks

No problem :)

[sweetpotato]

Very Nice. Thanks,

[TheTrust]

myself i changed the background

instead of

#sidebar_container .underblock {background: none; height: 10px;}


to:

#sidebar_container .underblock {background: url("link of your bg image"); height: 26px;}


it gives a nice look

thank you COL NIL SATIS for your great work

[Scalemotorcars]

Anyone figure out how to fix the shadow that continues between blocks on Google Chrome?

[Scalemotorcars]

I think I fixed the shadow issue for Chrome.

Find these lines in sidebar.css


#sidebar_container > ul {
background:{vb:stylevar sidebar_background};
border:{vb:stylevar sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
-webkit-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
float:{vb:stylevar left};
width:100%;
}


Replace it with this.

#sidebar_container > ul {
background:{vb:stylevar sidebar_background};
border:{vb:stylevar sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
border-radius: {vb:stylevar border_radius};
float:{vb:stylevar left};
width:100%;
}

Now go and replace the code from this mod with this code.

#sidebar_container .underblock {
background: none;
height: 10px;
}
#sidebar_container > ul {
-moz-border-radius:0px;
-webkit-border-radius:: 0px;
-moz-box-shadow: none;
background-color: transparent;
border:0px;
}
#sidebar_container .block {
background-color:{vb:stylevar sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
-webkit-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

Confirmed working on a 4.1.4 board and Chrome, Firefox, IE browsers. I have checked others. :)

[pantani]

Thanks works fine 4.1.7 :)

[COL NIL SATIS]

myself i changed the background

instead of

#sidebar_container .underblock {background: none; height: 10px;}


to:

#sidebar_container .underblock {background: url("link of your bg image"); height: 26px;}


it gives a nice look

thank you COL NIL SATIS for your great work

You are Welcome :)

[albanah]

what is the code for blog sidebar?
Please help

[AddwireCom]

I still have a shadow on Firefox, i dont is there an update for Version 4.1.9?

[Ra11en]

Installed on 4.1.9 and is working great. Thanks!! Makes it look so much better!

[lfreem2]

Sweet! Works like a charm on 4.1.10! Thanks for sharing!

[ProFifaLeagues]

what is the code for blog sidebar?
Please help
Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

Code:
.cms_widget {margin-bottom: 10px;}

[fxdigi-cash]

works great on vb4.2.1

Thanks

[oldfan]

works great on 4.2.2, thanks

[oldfan]

works 4.2.5. php 7.2