vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   vBulletin Forum Sideblocks - add space between the sideblocks (https://vborg.vbsupport.ru/showthread.php?t=245994)

COL NIL SATIS 07-05-2010 10:00 PM

add space between the sideblocks
 
1 Attachment(s)
This code adds space between the sideblocks

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

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

For CMS add at the very bottom of addittional.css

HTML Code:

.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 07-06-2010 06:11 PM

Perfect :) And for CMS blocks?

COL NIL SATIS 07-06-2010 06:20 PM

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 07-06-2010 08:17 PM

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

ProFifaLeagues 07-06-2010 09:12 PM

Nice work mate!

Charlie98902 07-06-2010 09:28 PM

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

COL NIL SATIS 07-06-2010 09:34 PM

Quote:

Originally Posted by Charlie98902 (Post 2065529)
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;}

Nice one Charlie :up:

Dr.osamA 07-07-2010 01:35 AM

tanxxx bro

installed + 5 Stars

AURFSCAN 07-07-2010 02:06 AM

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

vbcms_widget_margin is in stylevars

giorgino 07-07-2010 05:56 AM

Quote:

Originally Posted by Charlie98902 (Post 2065529)
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;}

Great! Work! Thank you!!! :)

WeBeef 07-07-2010 06:42 PM

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

COL NIL SATIS 07-07-2010 07:47 PM

Quote:

Originally Posted by Dr.osamA (Post 2065618)
tanxxx bro

installed + 5 Stars


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

COL NIL SATIS 07-07-2010 07:47 PM

Quote:

Originally Posted by AURFSCAN (Post 2065629)
tagged for future reference. mine looks better @ 5px :)

vbcms_widget_margin is in stylevars

lol .....;)

hdvagos 07-09-2010 10:56 PM

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 07-10-2010 03:34 AM

You put it in the additional.css template.

hdvagos 07-10-2010 02:17 PM

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


hdvagos 07-10-2010 02:26 PM

additional.css CODE 2 part


Code:

.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 07-10-2010 02:58 PM

add it at the very bottom of the template :)

elwachiman 07-11-2010 03:04 PM

installed and working perfect in forum and cms tnks

COL NIL SATIS 07-11-2010 06:45 PM

Quote:

Originally Posted by elwachiman (Post 2067675)
installed and working perfect in forum and cms tnks

glad you like it :)

KURTZ 07-12-2010 03:16 PM

nice1 Col!

elwachiman 07-14-2010 12:40 PM

tks installed

COL NIL SATIS 07-16-2010 03:50 PM

Quote:

Originally Posted by KURTZ (Post 2068110)
nice1 Col!

Your welcome Kurtz :up:

Front Range 07-30-2010 12:43 PM

Thanks, looks much better Col!

COL NIL SATIS 07-30-2010 03:11 PM

Quote:

Originally Posted by Front Range (Post 2076773)
Thanks, looks much better Col!

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

mcyates 07-30-2010 04:33 PM

Quote:

Originally Posted by COL NIL SATIS (Post 2065412)
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 07-30-2010 04:34 PM

Quote:

Originally Posted by mcyates (Post 2076865)
Thank you very much, by forum looks much better.

nice one yatesy ;)

Fusion2 10-23-2010 04:52 AM

Quote:

Originally Posted by Charlie98902 (Post 2065529)
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;}


Thanks worked great, quick and simple! Love it!

YankForum 10-23-2010 07:30 AM

Gr8 , Tnx :)

Kraxell 10-23-2010 02:23 PM

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

YankForum 10-23-2010 04:14 PM

just give it a try , you'll love it

JIMRANGERS 10-28-2010 04:59 PM

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 10-28-2010 06:06 PM

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

JIMRANGERS 10-28-2010 07:05 PM

Quote:

Originally Posted by COL NIL SATIS (Post 2115332)
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 10-28-2010 07:39 PM

Quote:

Originally Posted by JIMRANGERS (Post 2115369)
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 10-31-2010 02:49 PM

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 10-31-2010 03:11 PM

Quote:

Originally Posted by Fusion2 (Post 2116380)
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 12-29-2010 05:03 PM

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

fkatzenb 01-12-2011 11:18 PM

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

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


Raptor 03-07-2011 06:11 AM

great - thanks :)


All times are GMT. The time now is 03:28 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01448 seconds
  • Memory Usage 1,936KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (7)bbcode_code_printable
  • (2)bbcode_html_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete