vB4 Free Discontinued Styles

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    R

    roiarthur2003

    Guest
    roiarthur2003 submitted a new resource:

    - Free Discontinued Styles

    Free Discontinued Styles – all vb4.2.2, all vb3.8.7, all vb3.7.6 and xenforo 1.5.1



    To install the styles in VB4.2.4 or VB4.2.5

    Install the style and go to Admin / Styles & Templates / Search in templates

    Search in style : Select the style you installed

    Search SHOWTHREAD and click Find

    Edit SHOWTHREAD replacing the existing code with

    Code:
    {vb:stylevar htmldoctype}
    <html...

     
    Last edited by a moderator:
    R

    roiarthur2003

    Guest
    If you have a notice in admin panel for something else

    Open the file in the native vbulletin and copy the code

    Paste the native code in your style at the right place

    Another file may also probably need to be edit is vbulletin_css

    If needed, replace the code with

    Code:
    @charset "UTF-8";
    /* CSS Document */
    
    /*THIS*/
    
    html {
        background:{vb:stylevar doc_background};
        <vb:if condition="$stylevar['textdirection'] == 'rtl'"> /* VBIV-11882 */
            overflow-x: hidden;
        </vb:if>
    }
    
    /* REVERSE SOME YUI RESET STUFF */
    em {}
    strong {}
    
    /* BASIC PAGE ELEMENTS */
    
    body {
        width:{vb:stylevar doc_width};
        min-width:{vb:stylevar doc_minWidth};
        max-width:{vb:stylevar doc_maxWidth};
        margin: {vb:stylevar doc_margin};
        font-size:{vb:stylevar font.fontSize}{vb:stylevar font.units};
        color:{vb:stylevar body_color};
        line-height:{vb:stylevar line_height};
    }
    
    a:active, a:focus {
        outline: 0;
    }
    
    body a {
        color:{vb:stylevar link_color};
        text-decoration:{vb:stylevar link_textDecoration};
    }
    body a:hover,
    body a:hover .time,
    body a:hover .shade,
    body a:hover .understate {
        color:{vb:stylevar linkhover_color};
        text-decoration:{vb:stylevar linkhover_textDecoration};
    }
    
    body a.understate,
    body a .understate {
        color:inherit;
        text-decoration:none;
        *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
    }
    
    .body_wrapper {
        padding: {vb:stylevar body_padding};
        background: {vb:stylevar body_background};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    
    input,
    textarea,
    button,
    select {
        font-family:{vb:stylevar control_font.fontFamily};
    }
    
    .button {
        padding: {vb:math {vb:stylevar padding}/4} {vb:math {vb:stylevar padding}/2};
        font: {vb:stylevar control_font};
        border:{vb:stylevar control_border};
        color:{vb:stylevar control_color};
        background:{vb:stylevar control_background};
        -moz-border-radius:{vb:stylevar popupmenu_border_radius};
        -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
        border-radius:{vb:stylevar popupmenu_border_radius};
    }
    
    .button:hover {
        background: {vb:stylevar control_hover_background};
        color: {vb:stylevar control_color};
    }
    body,
    legend {
        font-family:{vb:stylevar font.fontFamily};
    }
    
    .shade {
        color:{vb:stylevar shade_color};
    }
    
    .time {
        color:{vb:stylevar time_color};
    }
    
    .nocss_label {
        display:none;
    }
    
    .normal {
        font-size:{vb:stylevar font.fontSize}{vb:stylevar font.units};
        font-weight:normal;
    }
    
    /* BLOCK STUFF */
    
    .block {
        clear:both;
    }
    
    .blockhead {
        font:{vb:stylevar blockhead_font};
        color:{vb:stylevar blockhead_color};
        background:{vb:stylevar blockhead_background};
        _background-image: none;
        padding:{vb:stylevar blockhead_padding};
        border:{vb:stylevar blockhead_border};
        -moz-border-radius-top{vb:stylevar right}: {vb:stylevar border_radius};
        -moz-border-radius-top{vb:stylevar left}: {vb:stylevar border_radius};
        -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
        -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
        border-top-{vb:stylevar right}-radius: {vb:stylevar border_radius};
        border-top-{vb:stylevar left}-radius: {vb:stylevar border_radius};
    }
    
    .blockhead h2 {
        font-weight:bold;
    }
    
    .blockhead a { color:{vb:stylevar blockhead_link_color}; }
    .blockhead a:hover { color:{vb:stylevar blockhead_linkhover_color}; }
    
    .blockhead img {
        margin-bottom: -{vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units};
    }
    
    .blocksubhead {
        font:{vb:stylevar blocksubhead_font};
        color:{vb:stylevar blocksubhead_color};
        background:{vb:stylevar blocksubhead_background};
        padding:{vb:stylevar blocksubhead_padding};
        border-top:{vb:stylevar blocksubhead_border};
    }
    
    
    
    .blocksubhead img {
        vertical-align:middle;
    }
    
    .blocksubhead a { color:{vb:stylevar blocksubhead_link_color}; text-decoration:none; }
    .blocksubhead a:hover { color:{vb:stylevar blocksubhead_linkhover_color}; }
    
    .blockhead_info, .blocksubhead_info {
        float:{vb:stylevar right};
        font-weight:normal;
    }
    
    /*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
        background:{vb:stylevar blockbody_background};
        padding-{vb:stylevar left}:{vb:stylevar blockbody_padding.paddingLeft}{vb:stylevar blockbody_padding.units};
        padding-{vb:stylevar right}:{vb:stylevar blockbody_padding.paddingRight}{vb:stylevar blockbody_padding.units};
    }
    
    .blockrow {
        background:{vb:stylevar blockrow_background};
        padding:{vb:stylevar blockrow_padding};
        border:{vb:stylevar blockrow_border};
        color:{vb:stylevar blockrow_color};
        font:{vb:stylevar blockrow_font};
    }
    
    .blockrow a { color:{vb:stylevar blockrow_link_color}; }
    .blockrow a:hover { color:{vb:stylevar blockrow_linkhover_color}; }
    
    .blockfoot, .blocksubfoot {
        display:block;
        clear:both;
        background:{vb:stylevar blockfoot_background};
        padding:{vb:stylevar blockfoot_padding};
        border:{vb:stylevar blockfoot_border};
        color:{vb:stylevar blockfoot_color};
        font:{vb:stylevar blockfoot_font};
    
    }
    
    .blockfoot a { color:{vb:stylevar blockfoot_link_color}; }
    .blockfoot a:hover { color:{vb:stylevar blockfoot_linkhover_color}; }
    
    .blockfootpad {
        clear:both;
        padding:{vb:stylevar blockfoot_padding};
    }
    
    .blocksubfoot {
        text-align:{vb:stylevar right};
    }
    /* END BLOCK STUFF */
    
    /* WYSIWYG */
    .wysiwyg_block {
        margin-bottom: {vb:stylevar padding};
    }
    
    .wysiwyg_block .formcontrols .blockrow {
        border-top: 0;
    }
    
    /* CSS TABLE STUFF */
    .table { display:table; table-layout:fixed; }
    .thead { width:100%; padding:0; display: table-row; }
    .tr    { display:table-row; }
    .td    { display:table-cell; }
    
    /* PAGINATION LINKS */
    
    .pagination span {
        display: block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    
    .pagination span a {
        font:{vb:stylevar pagination_font};
        border: {vb:stylevar pagination_border};
        height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
        padding: 2px 4px;
        margin-{vb:stylevar left}: 1px;
        background:{vb:stylevar pagination_background};
        text-decoration:none;
        color: {vb:stylevar pagination_color};
    }
    
    .pagination span a:hover {
        border: {vb:stylevar pagination_hover_border};
    }
    
    .pagination span.prev_next a, .pagination span.first_last a {
        position: relative;
        top: -2px;
    }
    
    .pagination span.prev_next a img, .pagination span.first_last a img {
        position: relative;
        display: inline;
        top: 3px;
    }
    .pagination dt.label {
        display:none;
    }
    
    .pagination span.selected a {
        background: {vb:stylevar pagination_current_background};
        color: {vb:stylevar pagination_current_color};
        border: {vb:stylevar pagination_current_border};
        height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
        font-weight:bold;
        padding: 2px 4px;
        margin-{vb:stylevar left}: 1px;
    }
    
    .pagination .separator,
    .pagination .elipsis {
        background: none;
        border: 0;
    }
    
    .pagination .separator:hover {
        border: 0;
    }
    
    .pagination li.jumptopage {
        text-align:center;
    }
    
    
    .pagination span a.popupctrl {
        height: {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units}*{vb:stylevar line_height}};
        background: {vb:stylevar pagination_background.backgroundColor} url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
        padding-{vb:stylevar right}: 4px;
        padding-{vb:stylevar left}: 18px;
    }
    
    .pagination .popupmenu:hover a.popupctrl {
        border: {vb:stylevar pagination_hover_border};
        color: {vb:stylevar body_color};
    }
    
    /* TEXT CONTROLS */
    
    .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok,
    .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel,
    .textcontrols a,
    a.textcontrol {
        position:relative;
        padding: 3px {vb:math {vb:stylevar padding}/2};
        font: {vb:stylevar control_font};
        line-height: {vb:stylevar line_height};
        text-decoration:none;
        border: {vb:stylevar control_border};
        color: {vb:stylevar control_color};
        background:{vb:stylevar control_background};
        -moz-border-radius:{vb:stylevar popupmenu_border_radius};
        -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
        border-radius:{vb:stylevar popupmenu_border_radius};
    }
    
    .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button {
        font: {vb:stylevar control_font};
        color: {vb:stylevar control_color};
    }
    
    .textcontrols a img,
    a.textcontrol img {
        position:absolute;
        bottom:2px;
        {vb:stylevar left}:-2px;
    }
    
    .textcontrols a:hover img,
    a:hover.textcontrol img {
        position: absolute;
        bottom:2px;
        {vb:stylevar left}:-2px;
    }
    
    .textcontrols a:hover,
    a:hover.textcontrol {
        background:{vb:stylevar control_hover_background};
        text-decoration:none;
        color: {vb:stylevar control_hover_color};
    }
    
    .textcontrols a:hover,
    a:hover.textcontrol {
        text-decoration:none;
    }
    
    .blockhead a.textcontrol {
        float:{vb:stylevar right};
        font:{vb:stylevar control_font};
        margin-top: -{vb:math {vb:math {vb:math {vb:stylevar control_font.fontSize} + {vb:math 3px*2} + {vb:math {vb:stylevar control_border.borderWidth}*2}} - {vb:math {vb:stylevar blockhead_font.fontsize} + {vb:stylevar blockhead_padding.paddingTop}{vb:stylevar blockhead_padding.units} + {vb:stylevar blockhead_padding.paddingBottom}{vb:stylevar blockhead_padding.units}+{vb:math {vb:stylevar blockhead_border.borderWidth}*2}}}/2};
        text-transform: none;
    }
    
    .blockhead a.textcontrol:hover {
        color: {vb:stylevar control_hover_color};
    }
    
    /* FORUMJUMP (navpopup) */
    
    .navpopupmenu {
        text-align:{vb:stylevar right};
        float: {vb:stylevar right};
        display:block;
        padding: 0;
        padding-top: {vb:math {vb:math {vb:stylevar pagination_font.fontSize}{vb:stylevar pagination_font.units} + {vb:math {vb:stylevar padding}/2} - {vb:stylevar mid_fontSize}}/2};
        clear: {vb:stylevar left};
        margin-{vb:stylevar left}: {vb:stylevar padding};
        font-size: {vb:stylevar mid_fontSize};
        margin-top: 0;
    }
    
    * html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu a.textcontrol, .navpopupmenu a.popupctrl, .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
        text-decoration:none;
        color: {vb:stylevar control_color};
        border: {vb:stylevar control_border};
        background: {vb:stylevar control_background};
        _background-image: none;
        font: {vb:stylevar control_font};
        padding: {vb:math {vb:stylevar padding}/3} {vb:math {vb:stylevar padding}/1.5};
        -moz-border-radius: {vb:stylevar popupmenu_border_radius};
        -webkit-border-radius: {vb:stylevar popupmenu_border_radius};
        border-radius: {vb:stylevar popupmenu_border_radius};
    }
    
    .navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
            background: {vb:stylevar control_hover_background};
            color: {vb:stylevar control_hover_color};
            _background-image: none;
    }
    
    .navpopupmenu .popupctrl .ctrlcontainer {
        background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
        padding-{vb:stylevar left}: 15px;
        white-space:nowrap;
    }
    
    .navpopupbody {
        width:auto;
        max-height:350px;
        text-align:{vb:stylevar left};
        *overflow:auto;
        overflow-y:scroll;
        {vb:stylevar left}:auto;
        {vb:stylevar right}:0;
    }
    
    .navpopupbody li {
        overflow:hidden;
        min-width: 200px;
    }
    
    .navpopupbody li.optionlabel {
        text-align:center;
        font-weight:bold;
        color: {vb:stylevar popupmenu_color};
    }
    
    /**
    * Not pretty, but it works...
    */
    
    .navpopupbody .d1  a { text-indent:{vb:math 1  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d2  a { text-indent:{vb:math 2  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d3  a { text-indent:{vb:math 3  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d4  a { text-indent:{vb:math 4  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d5  a { text-indent:{vb:math 5  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d6  a { text-indent:{vb:math 6  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d7  a { text-indent:{vb:math 7  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d8  a { text-indent:{vb:math 8  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d9  a { text-indent:{vb:math 9  * {vb:stylevar padding} * 2}; }
    .navpopupbody .d10 a { text-indent:{vb:math 10 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d11 a { text-indent:{vb:math 11 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d12 a { text-indent:{vb:math 12 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d13 a { text-indent:{vb:math 13 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d14 a { text-indent:{vb:math 14 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d15 a { text-indent:{vb:math 15 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d16 a { text-indent:{vb:math 16 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d17 a { text-indent:{vb:math 17 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d18 a { text-indent:{vb:math 18 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d19 a { text-indent:{vb:math 19 * {vb:stylevar padding} * 2}; }
    .navpopupbody .d20 a { text-indent:{vb:math 20 * {vb:stylevar padding} * 2}; }
    
    /* LEFT / RIGHT DT+DD */
    
    dl.stats.totals {
        float:{vb:stylevar right};
        padding:{vb:math {vb:stylevar padding}/2};
    }
    
    dl.stats dt {
        display:inline;
        color:{vb:stylevar shade_color};
    }
    dl.stats dt:after {
        content:":";
    }
    dl.stats dd {
        display:inline;
    }
    
    /* BLOCK STATS */
    dl.statsblock dt {
        display:block;
        float:{vb:stylevar left};
        clear:{vb:stylevar left};
        width:25%;
    }
    
    dl.statsblock dd {
        display:block;
        float:{vb:stylevar left};
        margin-{vb:stylevar left}:{vb:stylevar padding};
    }
    
    /* LIGHT-TABS */
    
    dl.tabslight {
        border-bottom:solid {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar mid_border.borderColor};
        padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
        margin-bottom:1em;
        height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}};
        margin-top:{vb:math {vb:stylevar padding}*1.5};
    }
    
    dl.tabslight dt {
        display:none;
    }
    
    dl.tabslight dd {
        float:{vb:stylevar left};
    }
    
    dl.tabslight dd a {
        font-size:{vb:stylevar small_fontSize};
        font-weight:bold;
        color:{vb:stylevar body_color};
        text-decoration:none;
        text-align:center;
    
        padding:0 {vb:stylevar padding};
        min-width:{vb:stylevar tabslight_size.width}{vb:stylevar tabslight_size.units};
        height:{vb:stylevar tabslight_size.height}{vb:stylevar tabslight_size.units};
        line-height:{vb:stylevar tabslight_size.height}{vb:stylevar tabslight_size.units};
        display:block;
    
        border:{vb:stylevar tabslight_border};
        background-color:{vb:stylevar blocksubhead_background.backgroundColor};
    
        margin-{vb:stylevar left}:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units};
        margin-bottom:-{vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units};
    
        -moz-border-radius-top{vb:stylevar left}:5px;
        -moz-border-radius-top{vb:stylevar right}:11px;
        -webkit-border-top-{vb:stylevar left}-radius:3px;
        -webkit-border-top-{vb:stylevar right}-radius:11px;
        border-top-{vb:stylevar left}-radius:3px;
        border-top-{vb:stylevar right}-radius:11px;
    }
    
    html>/**/body dl.tabslight dd.selected a,
    html>/**/body dl.tabslight dd.selected a:hover {
        position:relative;
        border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
        background:{vb:stylevar tabslight_selected_background};
    }
    * dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover {
        border-bottom: {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar tabslight_border.borderStyle} transparent;
        background:{vb:stylevar tabslight_selected_background};
    }
    
    dl.tabslight dd a:hover {
        color:{vb:stylevar linkhover_color};
        background:{vb:stylevar tabslight_selected_background};
    }
    
    /* COLUMN SORT LINKS */
    
    .columnsort a,
    .columnsort span {
        display:block;
        text-decoration:none;
        white-space:nowrap;
        text-align: {vb:stylevar left};
    }
    
    .columnsort a:hover {
        background-color:{vb:stylevar general_hilite_color};
        text-decoration:none;
        color:inherit;
    }
    
    tr.columnsort th {
        white-space:nowrap;
    }
    
    /* MISC */
    
    div.collapse {
        position:relative;
    }
    
    a.collapse {
        float:{vb:stylevar right};
        {vb:stylevar right}:{vb:stylevar padding};
        top:{vb:math {vb:stylevar padding}*2};
        position:absolute;
    }
    
    .blockhead a.collapse {
        top: {vb:stylevar padding};
    }
    
    #forumrules {
        margin-bottom: {vb:stylevar padding};
        border-bottom: {vb:stylevar secondarycontent_border};
        border-{vb:stylevar left}: {vb:stylevar secondarycontent_border};
        border-{vb:stylevar right}: {vb:stylevar secondarycontent_border};
        border-top: 1px solid {vb:stylevar secondarycontent_background.backgroundColor};
        background: {vb:stylevar secondarycontent_background};
    }
    
    #forumrules ul.youcandoblock {
        float:{vb:stylevar left};
        width:55%;
        overflow:hidden;
        margin: 0 {vb:stylevar padding} {vb:stylevar padding} 0;
    }
    
    #forumrules ul.bbcodeblock {
        float:{vb:stylevar right};
        width:42%;
        text-align:{vb:stylevar right};
        overflow:hidden;
    }
    
    #forumrules .rules_link {
        margin-top: {vb:stylevar padding};
        width: 42%;
        padding-{vb:stylevar left}: 55%;
    }
    
    .errorblock ul.blockrow.error > li {
        border-bottom:solid 1px {vb:stylevar light_border.borderColor};
        padding-bottom:{vb:stylevar padding};
        margin-bottom:{vb:stylevar padding};
    }
    
    .errorblock ul.blockrow.error li:last-child {
        border-bottom:none;
        padding-bottom:0;
        margin-bottom:0;
    }
    
    blockquote.preview {
        font:{vb:stylevar content_msg_font};
    }
    
    blockquote.preview ul, blockquote.preview ol, blockquote.preview dl {
        margin:0 40px;
    }
    
    blockquote.preview.forumcontent {
        font:{vb:stylevar postbit_font};
    }
    
    blockquote.preview .bbcode_container div.bbcode_code,
    blockquote.preview .bbcode_container pre.bbcode_code {
        margin:0;
        padding:6px;
        border:1px inset;
        text-align:{vb:stylevar left};
        overflow:auto;
        direction:ltr;
        background:{vb:stylevar bbcode_code_background};
        font-size:{vb:stylevar mid_fontSize};
    }
    
    blockquote.preview .bbcode_container code.bbcode_code {
        margin:0;
        text-align:{vb:stylevar left};
        direction:ltr;
        font-size:{vb:stylevar mid_fontSize};
    }
    
    blockquote.preview .bbcode_container code.bbcode_code code {
        white-space:nowrap;
    }
    
    blockquote.preview fieldset.postattachlist {
        background:{vb:stylevar formrow_background};
        border-top:solid 1px {vb:stylevar light_border.borderColor};
        padding-bottom:1em;
    }
    
    blockquote.preview .bbcode_container div.bbcode_quote {
        margin:0 {vb:stylevar padding};
        margin-bottom: {vb:stylevar padding};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        background: {vb:stylevar bbcode_quote_background};
        border-radius: {vb:stylevar border_radius};
        border: {vb:stylevar bbcode_quote_border};
        font: {vb:stylevar bbcode_quote_font};
        position: relative;
        top: 0;
    }
    
    
    blockquote.preview .bbcode_container .bbcode_quote_container {
        background: transparent url({vb:stylevar imgdir_misc}/quote-{vb:stylevar left}.png) no-repeat {vb:stylevar top} {vb:stylevar left};
        display:block;
        width: 9px;
        height: 13px;
        position: absolute;
        top: 5;
        {vb:stylevar left}: -9px;
    }
    
    blockquote.preview .bbcode_quote div.quote_container {
        border-top: 1px solid {vb:stylevar postbit_background.backgroundColor};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
        padding: {vb:stylevar bbcode_quote_padding};
    }
    
    .attachments {
        border: {vb:stylevar attachment_box_border};
        background: {vb:stylevar attachment_box_background};
        margin: 20px {vb:math {vb:stylevar bbcode_quote_padding.paddingLeft}+20px};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
        padding: {vb:stylevar attachment_box_padding};
        font-size: {vb:stylevar attachment_box_fontsize};
    }
    
    .attachments fieldset {
        margin: {vb:stylevar bbcode_quote_padding.paddingTop}{vb:stylevar bbcode_quote_padding.units} 0;
    }
    
    .attachments img.inlineimg {
        position: relative;
        top: 2px;
    }
    
    
    blockquote.preview .signature {
        margin-top:1.5em;
        border-top:{vb:stylevar signature_border};
        padding-top:0.5em;
    }
    
    .commalist li {
        display:inline-block;
    }
    
    .standard_error {
        max-width:600px;
        margin:0 auto;
        padding:4em 0 6em;
    }
    
    .hidden {
        display: none !important;
    }
    
    /* Auto-clearing of floats */
    .floatcontainer:after,
    .formcontrols .blockrow:after,
    dl.stats:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
        display:inline-block;
        font-weight:normal;
    }
    /* IE-Mac hide \*/
    * html .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
        height:1%;
    }
    .floatcontainer,
    .formcontrols .blockrow,
    dl.stats {
        display:block;
    }
    .floatcontainer.hidden {
        display:none;
    }
    /* End IE-Mac hide */
    
    
    /* INLINEMOD */
    
    #inlinemod_formctrls {
        float:{vb:stylevar right};
    }
    
    #inlinemod_formctrls .popupctrl {
        top: -5px;
        position: inherit;
        text-decoration:none;
        background: {vb:stylevar control_background};
        padding-{vb:stylevar right}: 0;
        color: {vb:stylevar control_color};
        border: {vb:stylevar control_border};
        font: {vb:stylevar control_font};
        float: {vb:stylevar left};
        -moz-border-radius:{vb:stylevar popupmenu_border_radius};
        -webkit-border-radius:{vb:stylevar popupmenu_border_radius};
        border-radius:{vb:stylevar popupmenu_border_radius};
    }
    
    #inlinemod_formctrls a.popupctrl:hover {
        background: {vb:stylevar control_hover_background};
        color: {vb:stylevar control_hover_color};
    }
    
    #inlinemod_formctrls a.popupctrl span.ctrlcontainer {
        display:inline-block;
        background: transparent url({vb:stylevar imgdir_misc}/black_downward_arrow.png) no-repeat center {vb:stylevar left};
        padding-top: {vb:math {vb:stylevar padding}/3};
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
        padding-bottom: {vb:math {vb:stylevar padding}/3};
        padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}+5};
        font-size: {vb:stylevar small_fontSize};
        float: {vb:stylevar left};
    }
    
    #inlinemod_formctrls .popupbody {
        {vb:stylevar left}:auto;
        {vb:stylevar right}:0px;
    }
    
    
    /* FORUM DISABLED */
    div.forum_disabled {
        text-align:center;
        color:red;
        background-color:white;
        padding:{vb:stylevar padding};
        font-size:{vb:math {vb:stylevar giant_fontSize}+2};
    }
    
    /**
    * UN-RESET
    *
    * These definitions are designed to undo the effects of YUI Reset, but only when contained within a *.reset element.
    * Code is based on YUI Base
    */
    
    /*
    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:
    http://developer.yahoo.net/yui/license.txt
    version: 2.7.0
    */
    /**
     * YUI Base
     * @module base
     * @namespace yui-
     * @requires reset, fonts
    */
    
    .restore body {
        /* For breathing room between content and viewport. */
        margin:10px;
    }
    
    .restore h1 {
        /* 18px via YUI Fonts CSS foundation. */
        font-size: 138.5%;
    }
    
    .restore h2 {
        /* 16px via YUI Fonts CSS foundation. */
        font-size: 123.1%;
    }
    
    .restore h3 {
        /* 14px via YUI Fonts CSS foundation. */
        font-size: 108%;
    }
    
    .restore h1,
    .restore h2,
    .restore h3 {
        /* Top & bottom margin based on font size. */
        margin: 1em 0;
    }
    
    .restore h1,
    .restore h2,
    .restore h3,
    .restore h4,
    .restore h5,
    .restore h6,
    .restore strong,
    .restore dt {
        /* Bringing boldness back to headers and the strong element. */
        font-weight: bold;
    }
    .restore optgroup {
        font-weight:normal;
    }
    
    .restore abbr,
    .restore acronym {
        /* Indicating to users that more info is available. */
        border-bottom: 1px dotted #000;
        cursor: help;
    }
    
    .restore em {
        /* Bringing italics back to the em element. */
        font-style: italic;
    }
    
    .restore del {
        /* Striking deleted phrases. */
        text-decoration: line-through;
    }
    
    .restore blockquote,
    .restore ul,
    .restore ol,
    .restore dl {
        /* Giving blockquotes and lists room to breath. */
        margin: 1em;
    }
    
    .restore ol,
    .restore ul,
    .restore dl {
        /* Bringing lists on to the page with breathing room. */
        margin-{vb:stylevar left}: 2em;
    }
    
    .restore ol > li,
    .restore ol.decimal > li {
        list-style:decimal outside;
    }
    
    .restore ol.upper-roman > li {
        list-style:upper-roman outside;
    }
    
    .restore ol.lower-roman > li {
        list-style:lower-roman outside;
    }
    
    .restore ol.upper-alpha > li {
        list-style:upper-alpha outside;
    }
    
    .restore ol.lower-alpha > li {
        list-style:lower-alpha outside;
    }
    
    .restore ul > li {
        /* Giving UL's LIs generated disc markers. */
        list-style: disc outside;
    }
    
    .restore dl dd {
        /* Giving UL's LIs generated numbers. */
        margin-{vb:stylevar left}: 1em;
    }
    
    .restore th,
    .restore td {
        /* Borders and padding to make the table readable. */
        border: {vb:stylevar restore};
        padding: {vb:stylevar restore_padding};
    }
    
    .restore th {
        /* Distinguishing table headers from data cells. */
        font-weight: bold;
        text-align: center;
    }
    
    .restore caption {
        /* Coordinated margin to match cell's padding. */
        margin-bottom: .5em;
        /* Centered so it doesn't blend in to other content. */
        text-align: center;
    }
    
    .restore sup {
        /* to preserve line-height and selector appearance */
        vertical-align: super;
    }
    
    .restore sub {
        /* to preserve line-height and selector appearance */
        vertical-align: sub;
    }
    
    .restore p,
    .restore fieldset,
    .restore table,
    .restore pre {
        /* So things don't run into each other. */
        margin-bottom: 1em;
    }
    /* Opera requires 1px of passing to render with contemporary native chrome */
    .restore button,
    .restore input[type="checkbox"],
    .restore input[type="radio"],
    .restore input[type="reset"],
    .restore input[type="submit"] {
        padding:1px;
    }
    
    .restore li > p {
        margin-bottom: 0em;
    }
    
    .unread {
        font-weight:bold;
    }
    
    /* Cloud tags */
    li.tag {
        display:inline;
        margin-{vb:stylevar right}:{vb:math {vb:stylevar padding} / 2};
    }
    
    li.tag label.mine {
        font-weight:bold;
    }
    
    li.tag a {
        text-decoration:none;
    }
    
    li.taglevel1 {
        font-size:{vb:stylevar tiny_fontSize};
    }
    
    li.taglevel2 {
        font-size:{vb:stylevar mid_fontSize};
    }
    
    li.taglevel3 {
        font-size:{vb:math {vb:stylevar big_fontSize}+1};
    }
    
    li.taglevel4 {
        font-size:{vb:stylevar giant_fontSize};
    }
    
    li.taglevel5 {
        font-size: {vb:math {vb:stylevar giant_fontSize}+3};
    }
    
    li.tag.option {
        padding:{vb:stylevar padding};
    }
    
    /* Tag Controls */
    /* Tagging Controls */
    
    #thread_tags_list input#tag_add_input {
        display:block;
        width:90%;
        margin-top:2px;
        margin-bottom:0.5em;
    }
    
    #thread_tags_list  .description {
        color:{vb:stylevar shade_color};
    }
    
    #thread_tags_list  .actionbuttons {
        text-align:{vb:stylevar right};
        margin-bottom:1em;
    }
    
    #tag_edit_list {
        list-style:none;
        margin:0;
        padding:0;
    }
    
    #tag_edit_list li {
        float:{vb:stylevar left};
        display:block;
        width:100px;
    }
    
    #tag_edit_list li.mine {
        font-weight:bold;
    }
    
    /* We don't use class="inlineimg" in vB4
    img.inlineimg {
        padding:0 {vb:stylevar padding};
    }
    */
    
    
    /* Social Bookmarks */
    
    #social_bookmarks_list li {
        display:block;
        float:{vb:stylevar left};
        padding-{vb:stylevar left}:{vb:stylevar padding};
    }
    
    /* Imagereg */
    #imagereg {
        vertical-align:middle;
        margin-bottom:{vb:math {vb:stylevar padding}/2};
    }
    
    
    #wol_navpopup.navpopupmenu {
        margin-bottom:6px;
    }
    .navlinks {
        background: {vb:stylevar navlinks_background};
        border-top: {vb:stylevar navlinks_border_top};
        padding: {vb:stylevar padding} 0;
        text-align: center;
        color: {vb:stylevar navlinks_color};
        font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
            margin-top: 20px;
            margin-bottom: 20px;
    width:100%;
    clear:both;
    }
    
    .clear, .cleardiv {
        clear: both;
    }
    
    #ajax_post_errors {
        position:absolute;
        width:420px;
        z-index:500;
        padding:2px;
        background-color:#FFFFFF;
        -moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
        -moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
        -webkit-border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
        -webkit-border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
        border-top-{vb:stylevar right}-radius:{vb:stylevar border_radius};
        border-top-{vb:stylevar left}-radius:{vb:stylevar border_radius};
    }
    
    #ajax_post_errors .blockrow {
        border-bottom:{vb:stylevar forumbits_border};
        border-{vb:stylevar left}:{vb:stylevar forumbits_border};
        border-{vb:stylevar right}:{vb:stylevar forumbits_border};
    }
    #ajax_post_errors .blockfoot {
        text-align:center;
    }
    
    #ajax_post_errors_message ol {
        margin:1em;
        margin-{vb:stylevar left}:2em;
    }
    
    #ajax_post_errors_message ol.numeric li,
    #ajax_post_errors_message ol li {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:decimal;
    }
    
    .highlight {
        color: {vb:stylevar highlight_color};
        background: {vb:stylevar highlight_background};
    }
    
    /* Facebook Section */
    label#fb_pulishlabel {
        font-size:{vb:stylevar mid_fontSize};
        font-weight: normal;
        margin-right: 10px;
        vertical-align: middle;
    }
    
    #fb_likeframe {
        border: none;
        overflow: hidden;
        height: 27px;
        width: 260px;
        vertical-align: text-bottom;
    }
    #pagetitle #fb_likeframe {
        float: {vb:stylevar right};
    }
    .blogbit #fb_likeframe {
        margin-top: 7px;
    }
    
    /* Fix for Facebook Connect rtl scrollbar */
    <vb:if condition="$stylevar['textdirection'] == 'rtl'">
    #FB_HiddenContainer { left: 0; right: -10000px; <vb:if condition="is_browser('firefox')">display: none;</vb:if> }
    </vb:if>
    
    #recaptcha_area {
        direction:ltr;
        display:inline;
    }
    
    #recaptcha_widget_div {
        float:{vb:stylevar left};
    }
    
    .member_blockrow .error 
    { 
            padding:{vb:stylevar blocksubhead_padding}; 
    }  
    
    div.cms_table {
        overflow:auto;
        overflow-y:hidden;
        padding:1px;
    }
    
    table.cms_table_grid,
    table.wysiwyg_cms_table_grid {
        border-collapse: collapse;
        margin-bottom:0;
    }
    
    td.cms_table_grid_td,
    td.wysiwyg_cms_table_grid_td {
        border: {vb:stylevar bbcode_table_border};
    }
    
    table.cms_table_outer_border,
    table.wysiwyg_cms_table_outer_border {
        border-collapse: collapse;
        border: {vb:stylevar bbcode_table_border};
    }
    
    td.cms_table_td,
    td.cms_table_outer_border_td {
        border:none;
    }
    
    .content img {
        max-width: {vb:stylevar image_max_size};
    }