Skip to content
WJunction - Webmaster Forum

change vbulletin thread title font size and forum title font size

Status
Not open for further replies.

11 comments

Hey, hope this helps..

ACP -> Styles & Templates -> Style Manager -> Pick "Stylevars" from the dropdown menu of the style -> Search for: font

This changes a number of fonts throughout the site. If you just want that Forum title font changed try this:

ACP -> Styles & Templates -> Search in Templates :
Code:
.forumbit_post .foruminfo .forumdata .forumtitle
That should give you a couple templates, choose: forumbits.css

Find:
Code:
font-size: {vb:stylevar font.fontSize}px;
Replace with:
Code:
font-size: [COLOR=Red]15[/COLOR]px;
The red "15" is the number you want to change to whatever suits your needs.

The same stylevar as above control threadtitle also: font

If you want to change just that font and leave the others the same try this.

ACP -> Styles & Templates -> Search in Templates :
Code:
.threadbit .threadtitle {
That should give you a couple templates, choose: threadlist.css

Find:
Code:
font-size: {vb:stylevar font.fontSize};
Replace with:
Code:
font-size: [COLOR=Red]15px[/COLOR];
Change the number in red to your desired size.



Add this code to your "additional.css" file for your style.

Code:
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
   font-size: [COLOR=Red][B]20[/B][/COLOR]px;
}

Change the number in red to your desired size.
 
I found this code
Code:
font-size: {vb:stylevar font.fontSize}px;
in forumbits.css on multiple places. is I need to replace this on all?
Code:
font-size: 15px;
 
Remove the px; to find. bcuz the exact code not exists.
Code:
@charset "UTF-8";
/* CSS Document */

#forums {
    clear:both;
}

.forumhead {
    background: {vb:stylevar forumhead_background};
    _background-image: none;
    padding: 0;
    font:{vb:stylevar forumhead_font};
    color:{vb:stylevar forumhead_color};
    clear:both;
    margin-top: 8px;
    float: {vb:stylevar left};
    border: {vb:stylevar forumhead_border};
    width: 100%;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

#forums .L1 .forumhead a {
    font: {vb:stylevar forumhead_font};
}

#forums .L1 .forumhead .forumdescription {
    display:none;
}

#forums .L1 .L2 {
    display:block;
    clear: both;
}

#forums a.username {
    color: {vb:stylevar link_color};
}

#forums a.username:hover {
    color: {vb:stylevar linkhover_color};
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
    -moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    background: {vb:stylevar forumrow_background};
    _background-image: none;
    display:block;
    width: 100%;
    float: {vb:stylevar left};
    min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
    position:relative;
    border-bottom: {vb:stylevar forumbits_border};
    border-{vb:stylevar left}: {vb:stylevar forumbits_border};
    border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
    position: absolute;
    {vb:stylevar left}: {vb:stylevar padding};
    top: {vb:math {vb:stylevar padding}/2};
    width: {vb:stylevar forumicon_size};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
    display: inline-block;
    width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
    margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
    margin-{vb:stylevar left}: 0;
}

/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
    padding: {vb:math {vb:stylevar padding}/2-1} 0;
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
}

.forumbit_nopost .forumhead .forumtitle {
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
    min-width: 64%;
}

.forumbit_nopost .forumhead .forumtitle a {
    color: {vb:stylevar forumhead_color};
    margin-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
    width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
    position:absolute;
    top: -{vb:math {vb:stylevar padding} * 1.5};
    {vb:stylevar right}: -{vb:math {vb:stylevar padding} * 0.6};
    display:block;
    width:13px;
    height:13px;
    overflow:hidden;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
}

.forumbit_nopost:hover .forumhead  a.collapsegadget {
    visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
    padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    padding-{vb:stylevar left}: 0;
    font-size: {vb:stylevar small_fontSize};
}

.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
    margin-{vb:stylevar left}: {vb:stylevar padding};
    position: relative;
    top: -{vb:stylevar padding};
}

/* forumbit post */
.forumbit_post {
    float: {vb:stylevar left};
    position:relative;
    width: 100%;
    display:block;
}

.forumbit_post .forumhead span {
    padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
    top: 0;
    margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
    padding: {vb:math {vb:stylevar padding}/2} 0;
}

.forumbit_post .forumhead .forumtitle {
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
    min-width: 64%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_post .foruminfo {
    width: 57%;
    min-width: 30%;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    min-height: {vb:stylevar forumicon_size}; 
}

.forumbit_post .foruminfo .forumicon{
    position: absolute;
    {vb:stylevar left}: {vb:stylevar padding};
    width: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    color: {vb:stylevar forumbits_text_color};
}

.forumbit_post .foruminfo .viewing {
        white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
    padding: 0;
    width: 100%;
    _width: 99%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
    float: {vb:stylevar left};
    width: 88%;
    padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
    margin-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
    font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
        padding-{vb:stylevar left}:1.8em;
        background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
    font-style: italic;
    margin-{vb:stylevar right}:{vb:stylevar padding};
    margin-top: 3px;
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
}

.forumbit_post .forumactionlinks {
    width: 5%;
    display:block;
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
}

.forumbit_post .forumactionlinks li {
    display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
    display:block;
    width:18px;
    height:12px;
    overflow:hidden;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    background:transparent none no-repeat;
    position: relative;
    margin: 3px {vb:stylevar padding} 0 0;
}

.forumactionlink a {
/* values based on icon size */
    display:block;
    padding-{vb:stylevar left}:18px;
}

.forumactionlinks .rsslink {
    background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}

.forumactionlinks .subslink {
    background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
    background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
    display:block;
    clear:both;
    padding-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .unsubscribe {
    display:block;
    {vb:stylevar right}: 0;
    top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
    display: block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: 12%;
    margin-{vb:stylevar right}: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
    font-size: {vb:stylevar mid_fontSize};
    text-align: {vb:stylevar right};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
    display:block;
}


.forumbit_post .forumlastpost {
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.forumbit_post .forumrow .forumlastpost {
    width: 22%;
    font-size: {vb:stylevar mid_fontSize};
    padding-top: {vb:math {vb:stylevar padding}/2};
}

.forumbit_post .forumlastpost .lastpostdate {
    font-size: {vb:stylevar small_fontSize};
}

.lastpostlabel { 
    display: none; 
}

.moderators, .subforums {
    display: block;
    clear:both;
}

.moderators h4, .subforums h4 {
    font-weight: bold;
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
}

/* Project Tools Forum Display */
.forumstats dt {
    display: inline;
    margin-{vb:stylevar right}: 0;
}

.forumstats dl {
    color: {vb:stylevar body_color};
    font-size: {vb:stylevar mid_fontSize};
    display: block;
    text-align: {vb:stylevar right};
}

.forumstats dd {
    display: inline-block;
    padding-{vb:stylevar left}: {vb:stylevar padding};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}

.forumstats dt:after {
    content:":";
}

h2 span.forumthreadpost {
    width: 12%;
    text-align: center;
}
 
Try this, scroll down and look at the bold red.

Code:
@charset "UTF-8";
/* CSS Document */

#forums {
    clear:both;
}

.forumhead {
    background: {vb:stylevar forumhead_background};
    _background-image: none;
    padding: 0;
    font:{vb:stylevar forumhead_font};
    color:{vb:stylevar forumhead_color};
    clear:both;
    margin-top: 8px;
    float: {vb:stylevar left};
    border: {vb:stylevar forumhead_border};
    width: 100%;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

#forums .L1 .forumhead a {
    font: {vb:stylevar forumhead_font};
}

#forums .L1 .forumhead .forumdescription {
    display:none;
}

#forums .L1 .L2 {
    display:block;
    clear: both;
}

#forums a.username {
    color: {vb:stylevar link_color};
}

#forums a.username:hover {
    color: {vb:stylevar linkhover_color};
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
    -moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
    -webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
    box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    background: {vb:stylevar forumrow_background};
    _background-image: none;
    display:block;
    width: 100%;
    float: {vb:stylevar left};
    min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
    position:relative;
    border-bottom: {vb:stylevar forumbits_border};
    border-{vb:stylevar left}: {vb:stylevar forumbits_border};
    border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
    position: absolute;
    {vb:stylevar left}: {vb:stylevar padding};
    top: {vb:math {vb:stylevar padding}/2};
    width: {vb:stylevar forumicon_size};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
    display: inline-block;
    width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
    margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
    margin-{vb:stylevar left}: 0;
}

/* forumbit nopost */
.forumbit_post .foruminfo .forumdata {
    padding: {vb:math {vb:stylevar padding}/2-1} 0;
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
}

.forumbit_nopost .forumhead .forumtitle {
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
    min-width: 64%;
}

.forumbit_nopost .forumhead .forumtitle a {
    color: {vb:stylevar forumhead_color};
    margin-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
    font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
    width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
    position:absolute;
    top: -{vb:math {vb:stylevar padding} * 1.5};
    {vb:stylevar right}: -{vb:math {vb:stylevar padding} * 0.6};
    display:block;
    width:13px;
    height:13px;
    overflow:hidden;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
}

.forumbit_nopost:hover .forumhead  a.collapsegadget {
    visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata  {
    padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
    padding-{vb:stylevar left}: 0;
    font-size: {vb:stylevar small_fontSize};
}

.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
    margin-{vb:stylevar left}: {vb:stylevar padding};
    position: relative;
    top: -{vb:stylevar padding};
}

/* forumbit post */
.forumbit_post {
    float: {vb:stylevar left};
    position:relative;
    width: 100%;
    display:block;
}

.forumbit_post .forumhead span {
    padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
    top: 0;
    margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
    padding: {vb:math {vb:stylevar padding}/2} 0;
}

.forumbit_post .forumhead .forumtitle {
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
    min-width: 64%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_post .foruminfo {
    width: 57%;
    min-width: 30%;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    min-height: {vb:stylevar forumicon_size}; 
}

.forumbit_post .foruminfo .forumicon{
    position: absolute;
    {vb:stylevar left}: {vb:stylevar padding};
    width: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    color: {vb:stylevar forumbits_text_color};
}

.forumbit_post .foruminfo .viewing {
        white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
    padding: 0;
    width: 100%;
    _width: 99%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
    float: {vb:stylevar left};
    width: 88%;
    padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {

 [B][COLOR=Red]   font-size: 15px;[/COLOR][/B]
    margin-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
    font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
        padding-{vb:stylevar left}:1.8em;
        background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
    font-style: italic;
    margin-{vb:stylevar right}:{vb:stylevar padding};
    margin-top: 3px;
    font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
}

.forumbit_post .forumactionlinks {
    width: 5%;
    display:block;
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
}

.forumbit_post .forumactionlinks li {
    display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
    display:block;
    width:18px;
    height:12px;
    overflow:hidden;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    background:transparent none no-repeat;
    position: relative;
    margin: 3px {vb:stylevar padding} 0 0;
}

.forumactionlink a {
/* values based on icon size */
    display:block;
    padding-{vb:stylevar left}:18px;
}

.forumactionlinks .rsslink {
    background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}

.forumactionlinks .subslink {
    background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
    background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
    display:block;
    clear:both;
    padding-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .unsubscribe {
    display:block;
    {vb:stylevar right}: 0;
    top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
    display: block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: 12%;
    margin-{vb:stylevar right}: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
    font-size: {vb:stylevar mid_fontSize};
    text-align: {vb:stylevar right};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
    display:block;
}


.forumbit_post .forumlastpost {
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.forumbit_post .forumrow .forumlastpost {
    width: 22%;
    font-size: {vb:stylevar mid_fontSize};
    padding-top: {vb:math {vb:stylevar padding}/2};
}

.forumbit_post .forumlastpost .lastpostdate {
    font-size: {vb:stylevar small_fontSize};
}

.lastpostlabel { 
    display: none; 
}

.moderators, .subforums {
    display: block;
    clear:both;
}

.moderators h4, .subforums h4 {
    font-weight: bold;
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist {
    float:{vb:stylevar left};
    clear:{vb:stylevar right};
}

/* Project Tools Forum Display */
.forumstats dt {
    display: inline;
    margin-{vb:stylevar right}: 0;
}

.forumstats dl {
    color: {vb:stylevar body_color};
    font-size: {vb:stylevar mid_fontSize};
    display: block;
    text-align: {vb:stylevar right};
}

.forumstats dd {
    display: inline-block;
    padding-{vb:stylevar left}: {vb:stylevar padding};
    padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}

.forumstats dt:after {
    content:":";
}

h2 span.forumthreadpost {
    width: 12%;
    text-align: center;
}
 
WAO, THANKS ALOT MAN

One left threadlist.css
Code:
@charset "UTF-8";
/* CSS Document */

/*threadlisthead*/
.threadlisthead {
    font: {vb:stylevar threadlisthead_font};
    margin: 0;
    width: 100%;
    border: {vb:stylevar threadlisthead_border};
    background: {vb:stylevar threadlisthead_background};
    color: {vb:stylevar threadlisthead_color};
    float: {vb:stylevar left};
    display:block;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar threadlisthead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_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};
    position: relative;
}

.threadlisthead a, .threadlisthead a:hover {
    color: {vb:stylevar threadlisthead_color};
}

.threadlisthead div {
    /*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
    margin-{vb:stylevar left}: 3px;
    margin-{vb:stylevar right}: 3px;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar threadlisthead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

.threadlisthead span.threadinfo, .threadlisthead span.threadinfo_withnotification, .threadlisthead span.threadstats, .threadlisthead span.threadreplies, .threadlisthead span.threadviews, .threadlisthead span.threadnotification, .threadlisthead span.threadlastpost {
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    padding: {vb:math {vb:stylevar padding}/2-1} 0;
}

.threadlisthead span.threadinfo {
    width: 62%;
}

.threadlisthead span.threadinfo_withnotification {
    width: 47%;
}

.threadlisthead span.threadinfo .threadtitle {
    padding-{vb:stylevar left}: {vb:stylevar padding};
}

.threadlisthead span.threadreplies {
    width: 6%;
    text-align:center;
}

.threadlisthead span.threadviews {
    width: 6%;
    text-align:center;
}

.threadlisthead span.threadstats {
    text-align:center;
    width: 12%;
}

.threadlisthead span.threadnotification {
    width: 10%;
    text-align: center;
    word-wrap: break-word;
}

.threadlisthead span.threadlastpost {
    width: 23%;
    text-align:{vb:stylevar left};
    padding-{vb:stylevar left}: 2%;
}

.threadlisthead a:hover {
    background: transparent;
}

.threadlisthead .threadimod {
    position: absolute;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    padding-top: {vb:math {vb:stylevar padding}/2};
}

/*threadbit*/
.threadbit{
    padding:0;
    width:100%;
    display:block;
    clear:both;
    color: {vb:stylevar body_color};
    float: {vb:stylevar left};
    position: relative;
    -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};
}


.threadbit .threadtitle {
    margin-top: {vb:math {vb:stylevar padding}/2};
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}

.threadbit .threadtitle_unread {
    font-weight: bold;
}

.threadbit .threaddetails {
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    position: relative;
    {vb:stylevar right}: 0;
    bottom:{vb:math {vb:stylevar padding}*2};
    margin-{vb:stylevar right}: {vb:stylevar padding};
    margin-bottom: -{vb:math {vb:stylevar padding}*2};
}

.threadbit .sticky{
    background: {vb:stylevar threadbit_hilite_background};
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width: 100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
}

.threadbit .nonthread{
    background: {vb:stylevar threadbit_background};
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width: 100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
    padding: 0.5em 0 0.5em;
    text-indent: {vb:stylevar padding};
}

.threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width:100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
    margin-top: 0;
}

.threadbit .nonsticky, .threadbit .discussionrow {
    background: {vb:stylevar threadbit_background};
}

.threadbit .deleted, .threadbit .ignored {
    background: {vb:stylevar threadbit_deleted_background};
}

.threadbit .threadmeta {
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadstatus {
    min-height: {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units}+{vb:stylevar padding}};
    height: auto;
}

.threadbit .threadstatus, .threadbit .threadinfo, .threadbit .threadinfo_withnotification, .threadbit .threadstats, .threadbit .threadlastpost, .threadbit .threaddeleted, .threadbit .threadnotification, .threadbit .nothreadstatus, .threadbit .threadthread, .threadbit img.statusicon {
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display:inline-block;
}

.threadbit .threadinfo {
    width: 62%;
    min-width: 350px;
}

.threadbit .threadinfo_withnotification {
    width: 47%;
}

.threadbit .threadstats {
    width: 12%;
}

.threadbit .threadnotification {
    width: 10%;
}

.threadbit .threadthread {
    width: 10%;
}

.threadbit .threadstats {
    font-size: {vb:stylevar mid_fontSize};
    text-align: {vb:stylevar right};
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2} + {vb:stylevar padding}}/2} 0;
}

.threadbit .threadstats li {
    margin-{vb:stylevar right}: 20px;
}

.threadbit .threadstats .replies, .threadbit .threadstats .views, .threadbit .threadstats .smallreplies {
    display: inline-block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}} + {vb:stylevar padding}}/2} 0;
    text-align: center;
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadstats .replies, .threadbit .threadstats .views {
    width: 50%;
}

.threadbit .threadstats .smallreplies {
    width: 33.3%;
}

.threadbit .discussionrow .threadstats .views, .threadbit .ignored .threadstats .views {
    text-align:  center;
}

.threadbit .threadstats .replies a.understate:link {
    color: {vb:stylevar body_color};
}

.threadbit .threadlastpost {
    width: 23%;
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
    padding-{vb:stylevar left}: 2%;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display:block;
    height: {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2};
    font-size: {vb:stylevar small_fontSize};
}

.threadbit .alt {
    background: {vb:stylevar threadbit_alt_background};
}

.threadbit .threaddeleted {
    width: 33%;
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display: block;
    vertical-align: middle;
    padding-{vb:stylevar left}:3%;
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadnotification {
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}}}/2} 0;
    font-size: {vb:stylevar mid_fontSize};
    text-align: center;
}

.threadbit .threadlastpost .username {
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .discussionrow img.statusicon {
        padding: 5px 10px;
}

.threadbit .discussionrow .inner {
    margin-{vb:stylevar left}: {vb:stylevar padding};
}
span.searchdesc, .threadbit .discussionrow .inner span.searchdesc {
    font-size: {vb:stylevar small_fontSize};
}

.threadbit .discussionrow .threadinfo {
    padding: {vb:math {vb:math {vb:math {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*3}}+10px-{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
}

.threadbit .discussionrow.hasstatus .threadinfo {
    width: 62%;
    padding: 0;
}

.threadbit .discussionrow.hasstatus .threadlastpost {
    height: auto;
}

.threadbit .discussionrow.hasstatus .threadtitle {
    margin-top: {vb:math {vb:stylevar padding}/2};
}

.threadbit .discussionrow.hasstatus .threadstats {
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:stylevar mid_fontSize} + {vb:stylevar padding}}/2} 0; 
    font: {vb:stylevar mid_fontSize};
}

.threadbit .discussionrow.hasstatus .threadstats li {
    margin-{vb:stylevar left}: 10px;
}

.threadbit .discussionrow .threadtitle {
    margin-top: 0;
}

.threadbit .discussionrow .threadstats {
    font-size: {vb;stylevar mid_fontSize};
    padding: 5px 0;
}

.threadbit .discussionrow .threadlastpost {
    padding-{vb:stylevar left}: 3%;
    height: {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*3}};
}

.threadbit .threadimod {
    width: 0%;
    overflow: show;
}

.threadbit .threadimod input {
    position: absolute;
    {vb:stylevar right}: 1%;
    margin-top: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - 13px}/2};
}

.threadbit .threadnotification + .threadimod {
    position:absolute;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    margin-top: 0;
}

.threadbit.imod_highlight .deleted,
.threadbit.imod_highlight .sticky,
.threadbit.imod_highlight .nonsticky,
.threadbit.imod_highlight .discussionrow,
.threadbit.imod_highlight .alt,
.threadbit.imod_highlight .ignored {
    background-color:{vb:stylevar imodhilite_backgroundColor};
}

/* threadbit status */
.threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {
    background-repeat: no-repeat;
    background-position: {vb:stylevar padding} 4px;
    position: relative;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: {vb:math {vb:stylevar threadbit_iconsize.width}{vb:stylevar threadbit_iconsize.units} + {vb:math 2 * {vb:stylevar padding}}};
    display:block;
}

.threadbit .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_old-30.png); }
.threadbit.dot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot-30-{vb:stylevar right}.png); }
.threadbit.dot.hot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_lock-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_lock_new-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_new-30-{vb:stylevar right}.png); }
.threadbit.dot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_lock-30-{vb:stylevar right}.png); }
.threadbit.dot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_lock_new-30-{vb:stylevar right}.png); }
.threadbit.dot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_new-30-{vb:stylevar right}.png); }
.threadbit.hot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot-30.png); }
.threadbit.hot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_lock-30.png); }
.threadbit.hot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_lock_new-30.png); }
.threadbit.hot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_new-30.png); }
.threadbit.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_lock-30.png); }
.threadbit.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_lock_new-30.png); }
.threadbit.moved .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_moved-30.png); }
.threadbit.moved.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_moved_new-30.png); }
.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_new-30.png); }

.threadbit .deleted .threadstatus {
    background: url({vb:stylevar imgdir_statusicon}/thread_deleted_30-{vb:stylevar right}.png) no-repeat {vb:stylevar padding} 4px;
    position: relative;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: {vb:math {vb:stylevar threadbit_iconsize.width}{vb:stylevar threadbit_iconsize.units} + {vb:math 2 * {vb:stylevar padding}}};
    display:block;

}

/*threadbit ratings */
.threadbit .threadtitle {
    background:transparent none no-repeat {vb:stylevar right} top;
    padding-{vb:stylevar left}:0;
    margin-{vb:stylevar right}: {vb:stylevar padding};
}
.threadbit .rating1 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_1.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 1}px; }
.threadbit .rating2 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_2.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 2}px; }
.threadbit .rating3 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_3.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 3}px; }
.threadbit .rating4 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_4.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 4}px; }
.threadbit .rating5 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_5.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 5}px; }

/*threadbit icon*/
.threadbit .title {
    background:transparent none no-repeat {vb:stylevar left} top;
}

.threadbit .pagination {
    position: relative;
    display: inline-block;
    margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
    margin-top: 0.25em;
}

.threadbit .pagination dd span {
    padding-top: 0;
    padding-bottom: 0;
}

.threadbit .pagination a {
    padding: 0 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: {vb:stylevar pagination_color};
    font-size: {vb:stylevar small_fontSize};
    display: inline;
    float: none;
}

.threadbit .deleted .threadinfo {
    width: 62%
}

.threadbit .deleted .author {
    display: inline-block;
    float: {vb:stylevar left};
}

.threadbit .managethread {
    display: inline-block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.threadbit .managethread li {
    display: inline;
    margin-{vb:stylevar left}: {vb:stylevar padding};
}

.threadinfo_withnotification .statusicon {
    padding:5px;
    float:{vb:stylevar left};
}

.threadbit.attachments {
    margin: 0;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}

/*************************************************/
/* ADS THREADS */
#ad_forum_below_threadlist {
        width:100%;
        padding:{vb:stylevar ad_padding};
        text-align:{vb:stylevar left};
}
 
Code:
@charset "UTF-8";
/* CSS Document */

/*threadlisthead*/
.threadlisthead {
    font: {vb:stylevar threadlisthead_font};
    margin: 0;
    width: 100%;
    border: {vb:stylevar threadlisthead_border};
    background: {vb:stylevar threadlisthead_background};
    color: {vb:stylevar threadlisthead_color};
    float: {vb:stylevar left};
    display:block;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar threadlisthead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_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};
    position: relative;
}

.threadlisthead a, .threadlisthead a:hover {
    color: {vb:stylevar threadlisthead_color};
}

.threadlisthead div {
    /*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
    margin-{vb:stylevar left}: 3px;
    margin-{vb:stylevar right}: 3px;
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar threadlisthead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar right}-radius: {vb:stylevar threadlisthead_top_corner_radius};
    border-top-{vb:stylevar left}-radius: {vb:stylevar threadlisthead_top_corner_radius};
}

.threadlisthead span.threadinfo, .threadlisthead span.threadinfo_withnotification, .threadlisthead span.threadstats, .threadlisthead span.threadreplies, .threadlisthead span.threadviews, .threadlisthead span.threadnotification, .threadlisthead span.threadlastpost {
    display:block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    padding: {vb:math {vb:stylevar padding}/2-1} 0;
}

.threadlisthead span.threadinfo {
    width: 62%;
}

.threadlisthead span.threadinfo_withnotification {
    width: 47%;
}

.threadlisthead span.threadinfo .threadtitle {
    padding-{vb:stylevar left}: {vb:stylevar padding};
}

.threadlisthead span.threadreplies {
    width: 6%;
    text-align:center;
}

.threadlisthead span.threadviews {
    width: 6%;
    text-align:center;
}

.threadlisthead span.threadstats {
    text-align:center;
    width: 12%;
}

.threadlisthead span.threadnotification {
    width: 10%;
    text-align: center;
    word-wrap: break-word;
}

.threadlisthead span.threadlastpost {
    width: 23%;
    text-align:{vb:stylevar left};
    padding-{vb:stylevar left}: 2%;
}

.threadlisthead a:hover {
    background: transparent;
}

.threadlisthead .threadimod {
    position: absolute;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    padding-top: {vb:math {vb:stylevar padding}/2};
}

/*threadbit*/
.threadbit{
    padding:0;
    width:100%;
    display:block;
    clear:both;
    color: {vb:stylevar body_color};
    float: {vb:stylevar left};
    position: relative;
    -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};
}


.threadbit .threadtitle {
    margin-top: {vb:math {vb:stylevar padding}/2};
    font-size: 15px;
}

.threadbit .threadtitle_unread {
    font-weight: bold;
}

.threadbit .threaddetails {
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    position: relative;
    {vb:stylevar right}: 0;
    bottom:{vb:math {vb:stylevar padding}*2};
    margin-{vb:stylevar right}: {vb:stylevar padding};
    margin-bottom: -{vb:math {vb:stylevar padding}*2};
}

.threadbit .sticky{
    background: {vb:stylevar threadbit_hilite_background};
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width: 100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
}

.threadbit .nonthread{
    background: {vb:stylevar threadbit_background};
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width: 100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
    padding: 0.5em 0 0.5em;
    text-indent: {vb:stylevar padding};
}

.threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
    border: {vb:stylevar threadbit_border};
    border-top: 1px solid {vb:stylevar body_background.backgroundColor};
    width:100%;
    float: {vb:stylevar left};
    display:block;
    clear:both;
    position: relative;
    margin-top: 0;
}

.threadbit .nonsticky, .threadbit .discussionrow {
    background: {vb:stylevar threadbit_background};
}

.threadbit .deleted, .threadbit .ignored {
    background: {vb:stylevar threadbit_deleted_background};
}

.threadbit .threadmeta {
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadstatus {
    min-height: {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units}+{vb:stylevar padding}};
    height: auto;
}

.threadbit .threadstatus, .threadbit .threadinfo, .threadbit .threadinfo_withnotification, .threadbit .threadstats, .threadbit .threadlastpost, .threadbit .threaddeleted, .threadbit .threadnotification, .threadbit .nothreadstatus, .threadbit .threadthread, .threadbit img.statusicon {
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display:inline-block;
}

.threadbit .threadinfo {
    width: 62%;
    min-width: 350px;
}

.threadbit .threadinfo_withnotification {
    width: 47%;
}

.threadbit .threadstats {
    width: 12%;
}

.threadbit .threadnotification {
    width: 10%;
}

.threadbit .threadthread {
    width: 10%;
}

.threadbit .threadstats {
    font-size: {vb:stylevar mid_fontSize};
    text-align: {vb:stylevar right};
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2} + {vb:stylevar padding}}/2} 0;
}

.threadbit .threadstats li {
    margin-{vb:stylevar right}: 20px;
}

.threadbit .threadstats .replies, .threadbit .threadstats .views, .threadbit .threadstats .smallreplies {
    display: inline-block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}} + {vb:stylevar padding}}/2} 0;
    text-align: center;
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadstats .replies, .threadbit .threadstats .views {
    width: 50%;
}

.threadbit .threadstats .smallreplies {
    width: 33.3%;
}

.threadbit .discussionrow .threadstats .views, .threadbit .ignored .threadstats .views {
    text-align:  center;
}

.threadbit .threadstats .replies a.understate:link {
    color: {vb:stylevar body_color};
}

.threadbit .threadlastpost {
    width: 23%;
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
    padding-{vb:stylevar left}: 2%;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display:block;
    height: {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2};
    font-size: {vb:stylevar small_fontSize};
}

.threadbit .alt {
    background: {vb:stylevar threadbit_alt_background};
}

.threadbit .threaddeleted {
    width: 33%;
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    display: block;
    vertical-align: middle;
    padding-{vb:stylevar left}:3%;
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .threadnotification {
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}}}/2} 0;
    font-size: {vb:stylevar mid_fontSize};
    text-align: center;
}

.threadbit .threadlastpost .username {
    font-size: {vb:stylevar mid_fontSize};
}

.threadbit .discussionrow img.statusicon {
        padding: 5px 10px;
}

.threadbit .discussionrow .inner {
    margin-{vb:stylevar left}: {vb:stylevar padding};
}
span.searchdesc, .threadbit .discussionrow .inner span.searchdesc {
    font-size: {vb:stylevar small_fontSize};
}

.threadbit .discussionrow .threadinfo {
    padding: {vb:math {vb:math {vb:math {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*3}}+10px-{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*2}}/2} 0;
}

.threadbit .discussionrow.hasstatus .threadinfo {
    width: 62%;
    padding: 0;
}

.threadbit .discussionrow.hasstatus .threadlastpost {
    height: auto;
}

.threadbit .discussionrow.hasstatus .threadtitle {
    margin-top: {vb:math {vb:stylevar padding}/2};
}

.threadbit .discussionrow.hasstatus .threadstats {
    padding: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} - {vb:stylevar mid_fontSize} + {vb:stylevar padding}}/2} 0; 
    font: {vb:stylevar mid_fontSize};
}

.threadbit .discussionrow.hasstatus .threadstats li {
    margin-{vb:stylevar left}: 10px;
}

.threadbit .discussionrow .threadtitle {
    margin-top: 0;
}

.threadbit .discussionrow .threadstats {
    font-size: {vb;stylevar mid_fontSize};
    padding: 5px 0;
}

.threadbit .discussionrow .threadlastpost {
    padding-{vb:stylevar left}: 3%;
    height: {vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height}*3}};
}

.threadbit .threadimod {
    width: 0%;
    overflow: show;
}

.threadbit .threadimod input {
    position: absolute;
    {vb:stylevar right}: 1%;
    margin-top: {vb:math {vb:math {vb:stylevar threadbit_iconsize.height}{vb:stylevar threadbit_iconsize.units} + {vb:stylevar padding} - 13px}/2};
}

.threadbit .threadnotification + .threadimod {
    position:absolute;
    {vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    margin-top: 0;
}

.threadbit.imod_highlight .deleted,
.threadbit.imod_highlight .sticky,
.threadbit.imod_highlight .nonsticky,
.threadbit.imod_highlight .discussionrow,
.threadbit.imod_highlight .alt,
.threadbit.imod_highlight .ignored {
    background-color:{vb:stylevar imodhilite_backgroundColor};
}

/* threadbit status */
.threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {
    background-repeat: no-repeat;
    background-position: {vb:stylevar padding} 4px;
    position: relative;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: {vb:math {vb:stylevar threadbit_iconsize.width}{vb:stylevar threadbit_iconsize.units} + {vb:math 2 * {vb:stylevar padding}}};
    display:block;
}

.threadbit .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_old-30.png); }
.threadbit.dot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot-30-{vb:stylevar right}.png); }
.threadbit.dot.hot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_lock-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_lock_new-30-{vb:stylevar right}.png); }
.threadbit.dot.hot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_hot_new-30-{vb:stylevar right}.png); }
.threadbit.dot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_lock-30-{vb:stylevar right}.png); }
.threadbit.dot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_lock_new-30-{vb:stylevar right}.png); }
.threadbit.dot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_dot_new-30-{vb:stylevar right}.png); }
.threadbit.hot .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot-30.png); }
.threadbit.hot.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_lock-30.png); }
.threadbit.hot.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_lock_new-30.png); }
.threadbit.hot.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_hot_new-30.png); }
.threadbit.lock .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_lock-30.png); }
.threadbit.lock.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_lock_new-30.png); }
.threadbit.moved .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_moved-30.png); }
.threadbit.moved.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_moved_new-30.png); }
.new .threadstatus { background-image: url({vb:stylevar imgdir_statusicon}/thread_new-30.png); }

.threadbit .deleted .threadstatus {
    background: url({vb:stylevar imgdir_statusicon}/thread_deleted_30-{vb:stylevar right}.png) no-repeat {vb:stylevar padding} 4px;
    position: relative;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
    width: {vb:math {vb:stylevar threadbit_iconsize.width}{vb:stylevar threadbit_iconsize.units} + {vb:math 2 * {vb:stylevar padding}}};
    display:block;

}

/*threadbit ratings */
.threadbit .threadtitle {
    background:transparent none no-repeat {vb:stylevar right} top;
    padding-{vb:stylevar left}:0;
    margin-{vb:stylevar right}: {vb:stylevar padding};
}
.threadbit .rating1 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_1.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 1}px; }
.threadbit .rating2 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_2.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 2}px; }
.threadbit .rating3 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_3.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 3}px; }
.threadbit .rating4 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_4.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 4}px; }
.threadbit .rating5 .threadtitle { background-image:url({vb:stylevar imgdir_rating}/rating-trans-15_5.png); padding-{vb:stylevar right}:{vb:math 75 / 5 * 5}px; }

/*threadbit icon*/
.threadbit .title {
    background:transparent none no-repeat {vb:stylevar left} top;
}

.threadbit .pagination {
    position: relative;
    display: inline-block;
    margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
    margin-top: 0.25em;
}

.threadbit .pagination dd span {
    padding-top: 0;
    padding-bottom: 0;
}

.threadbit .pagination a {
    padding: 0 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: {vb:stylevar pagination_color};
    font-size: {vb:stylevar small_fontSize};
    display: inline;
    float: none;
}

.threadbit .deleted .threadinfo {
    width: 62%
}

.threadbit .deleted .author {
    display: inline-block;
    float: {vb:stylevar left};
}

.threadbit .managethread {
    display: inline-block;
    float: {vb:stylevar left};
    clear: {vb:stylevar right};
}

.threadbit .managethread li {
    display: inline;
    margin-{vb:stylevar left}: {vb:stylevar padding};
}

.threadinfo_withnotification .statusicon {
    padding:5px;
    float:{vb:stylevar left};
}

.threadbit.attachments {
    margin: 0;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}

/*************************************************/
/* ADS THREADS */
#ad_forum_below_threadlist {
        width:100%;
        padding:{vb:stylevar ad_padding};
        text-align:{vb:stylevar left};
}

there you go.
 
Status
Not open for further replies.

About the author

S
Active Member · Joined
Human!
382
Messages
10
Reactions
18
Points

Advertise on WJunction

Reach 1000's of webmasters, hosts & affiliates. Banner & sponsored-thread slots available.

Contact us
Back
Top Bottom