vb.org Archive
Page 5 of 12 « First 34 5 67 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Forum Display Enhancements - Split replies/views like vb3 (https://vborg.vbsupport.ru/showthread.php?t=299531)

stevieb 08-05-2013 10:27 AM
Quote:
Originally Posted by peugeot405 (Post 2437236)
hold on a few secs.

just finished updating to v1.3, i'm going to test it.
ok thanks mate :)

peugeot405 08-05-2013 10:38 AM
1 Attachment(s)
i've made a copy of my threadbit and forumdisplay and additional.css

stevieb 08-05-2013 10:38 AM
I've reloaded the new version (v1.3) to the site, it's still the same - I have left it for now so you can go check out my site if you wanted to..

Thanks :)

stevieb 08-05-2013 10:42 AM
Quote:
Originally Posted by peugeot405 (Post 2437250)
i've made a copy of my threadbit and forumdisplay and additional.css
Ok just added all your files, same output with same errors (take a look).....

peugeot405 08-05-2013 10:49 AM
It is something with the coding in addition.css

Have you added some coding before adding mine?

I've been looking at your additional.css and it seems some parts are missing, very strange.

stevieb 08-05-2013 10:50 AM
Quote:
Originally Posted by peugeot405 (Post 2437255)
It is something with the coding in addition.css

Have you added some coding before adding mine?
Ooooh yea lol - I have lots of additional css in there

Want to see it...?

It's all headed so you can see what I have done and where.... :)

Code:
/#################### Postbit_Legacy ####################/

.postbit_invisible {
        background: url("images/postbit_invisible.png") repeat scroll 0 0 #474747;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #FFF;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_invisible  dd { float: right; }
 
.postbit_online {
        background: url("images/postbit_online.png") repeat scroll 0 0 #d20303;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_online  dd { float: right; }
 
.postbit_offline {
        background: url("images/postbit_offline.png") repeat scroll 0 0 #86c901;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_offline  dd { float: right; }
 
.postbitlegacy .userinfo {
    background: none repeat scroll 0 0 #E5E3E3;
    border: 1px solid #D1CFCF;
    margin: 5px;
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 1px #E2E2E2;
    -moz-box-shadow: 0px 0px 5px 1px #E2E2E2;
    box-shadow: 0px 0px 5px 1px #E2E2E2; }


.etiket_postbit_alanI_imlinks {
        background: none repeat scroll 0 0 transparent;
    border: 0px solid #DDDDDD;
    text-align: center;
    margin-top: 2px;
    padding: 2px 6px 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
    .etiket_postbit_alanI_imlinks :hover {
        background: #6DB53E;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }

.etiket_postbit_alanI_userinfo_extra_yazIlarI {
    color:{vb:stylevar post_field_font_color};
    margin-top: 2px;
    text-align:left;
        border-bottom: 1px solid #DBDBDB;} 

        .etiket_postbit_alanI_userinfo_extra_yazIlarI dd { float: right;}


.etiket_postbit_alanI_userinfo_extra {
        background: url("images/postbit_avatar.png") repeat scroll center center transparent;
    border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 0 4px 6px;
    -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;}
 
.etiket_postbit_alanI_postbit_reputation {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.etiket_postbit_alanI_rank { 
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
 
.etiket_postbit_alanI_usertitle {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    font-size: 13px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 

.etiket_postbit_alanI_username {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.postbitlegacy .userinfo .postuseravatar, .postuseravatar img {
        background: url("images/postbit_avatar.png") repeat scroll 0 0 transparent;
    float: none;
    padding: 4px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin: 2px 1px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.postbitlegacy .userinfo .username_container { margin-bottom: 1px; }
 
.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F2F6F8;
    margin-top: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
 
.postcontainer .username_container .popupmenu a.popupctrl { font-size: 19px; }

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {border-left: 0px solid #EFEFEF;}

.postbitlegacy .postdetails, .eventbit .eventdetails { background: {vb:stylevar postbit_background};}

.postbit .posttitle, .postbitlegacy .title {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
        -webkit-border-radius:  5px 0 0 5px;;
    -moz-border-radius:  5px 0 0 5px;;
    border-radius:  5px 0 0 5px;;
        border: 1px solid #E9E9E9;
        margin-bottom: 5px;
        margin-right: -10px;
        padding: 5px;}
/#################### Postbit_Legacy ####################/ 

 

/#################### Custom Buttons ####################/

.custom_forum_button {
        background: {vb:stylevar control_content_background};
        _background-image: none;
        -moz-border-radius: {vb:stylevar control_content_radius};
        -webkit-border-radius: {vb:stylevar control_content_radius};
        -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
        -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
        font: {vb:stylevar control_content_font};
        color: {vb:stylevar control_content_color};
        padding: {vb:stylevar control_content_padding};
        border: {vb:stylevar control_content_border};
        display:inline-block;
}

/#################### Custom Buttons ####################/

/#################### Rounded Corner Notices ####################/

.notices li {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/#################### Rounded Corner Notices ####################/

/#################### Insert pop-up image to url's ####################/

/* .signature a {
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

} */

.postcontent a {
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

}

/#################### Insert pop-up image to url's ####################/

/#################### Fixed Avatar CSS ####################/

.cms_widget .widget_post_useravatar img, .block .widget_post_useravatar img {
margin-top:2px;
display: block;
height: 36px;
position: absolute;
box-shadow: 0px 1px 1px #FF8800;
}
.postbit-lite .avatarlink img {
        border: 1px solid #ddd;
        width: 60px;
        height: 60px;
}

ul.userlist_showavatars img {       
        border: 1px solid #ddd;
        width: 60px;
        height: 60px;
}
#memberlist td.profilepic img, #memberlist img.avatar {
        width: 40px;
        height: 40px;
}
.member_summary .friends_mini .friends_list li img {
        width: 48px;
}

.postbit-lite .avatarlink img {
    width: 58px;
    height: 58px;
}

.activitybit .avatar img {
    width: 58px;
    height: 58px;
}

/#################### Fixed Avatar CSS ####################/

/#################### Breadcrumbs ####################/

.bread_box {
        margin: 0;
        overflow: hidden;
        clear: both;
}
.breadcrumb {
        position: relative;
        font: 11px Arial,Calibri,Verdana,Geneva,sans-serif;
        background: {vb:stylevar sidebar_background};
        border: {vb:stylevar sidebar_border}; /* this is the border color that's around the whole thing */
        -moz-border-radius:{vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
        overflow: hidden;
}
.breadcrumb .crust {
        display: block;
        float: left;
        position: relative;
}
.breadcrumb .crust:first-child a.crumb {
        padding-left: 13px;
        -moz-border-radius-topleft:{vb:stylevar border_radius};
        -moz-border-radius-bottomleft:{vb:stylevar border_radius};
        -webkit-border-top-left-radius: {vb:stylevar border_radius};
        -webkit-border-bottom-left-radius: {vb:stylevar border_radius};
        border-top-left-radius: {vb:stylevar border_radius};
        border-bottom-left-radius: {vb:stylevar border_radius};
}
.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
        text-decoration: none;
        background-color: {vb:stylevar sidebar_background.backgroundColor}; /* this is the background color of the CRUMBS, ie: the links */
        padding: 0 10px 0 23px;
        border-bottom: {vb:stylevar sidebar_border}; /* this is the same as the border value higher up, this only shows if the last crumb causes it to overflow */
        margin-bottom: -1px;
        outline: 0 none;
        -moz-outline-style: 0 none;
        display: block;
        line-height: 22px;
        _border-bottom: none;
        color:{vb:stylevar link_color}; /* this is the color of the links in the crumbs */
        text-decoration:{vb:stylevar link_textDecoration};
}
.breadcrumb .crust b.lastcrumb {
        background: transparent none;
        color: {vb:stylevar footer_time_color}; /* this is the color of the last crumb, ie: the final destination */
        font-weight: bold;
}
.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
        line-height: 22px;
}
.breadcrumb .crust .arrow {
        border: 12px solid transparent;
        border-right: 1px none black;
        border-left: {vb:stylevar sidebar_border}; /* this is the _background_ color of the "arrow" */
        border-left-width: 12px !important;
        border-left-style: solid !important;
        display: block;
        position: absolute;
        right: -12px;
        top: -1px;
        z-index: 50;
        width: 0px;
        height: 0px;
}
.breadcrumb .crust .arrow span {
        border: 12px solid transparent;
        border-right: 1px none black;
        border-left-color: {vb:stylevar sidebar_background.backgroundColor}; /* this is the border color of the "arrow" */
        display: block;
        position: absolute;
        left: -13px;
        top: -12px;
        z-index: 51;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 9999px;
        width: 0px;
        height: 0px;
}
.breadcrumb .refresh:hover { background-position: 0px -16px; }
.breadcrumb .crust:last-child a.crumb { font-weight: bold; }
.breadcrumb .crust:hover a.crumb {
        background-color:{vb:stylevar blocksubhead_background.backgroundColor}; /* this is the background color of the crumb when it's hovered */
        color:{vb:stylevar linkhover_color}; /* likewise, this is the color of the crumb's link when hovered */
        text-decoration:{vb:stylevar linkhover_textDecoration};
}
.breadcrumb .crust:hover .arrow span {
        border-left-color:{vb:stylevar blocksubhead_background.backgroundColor}; /* this is the color of the "arrow" when hovered. It should be identical to the `.breadcrumb .crust:hover a.crumb` background value */
}

/#################### Breadcrumbs ####################/

/#################### New WGO Collapse ####################/

.wgo_block .blockhead a.collapse {
        position: absolute;
        top: {vb:math {vb:math {vb:math {vb:stylevar padding}+{vb:math  {vb:stylevar mid_fontSize}*{vb:stylevar line_height}}-13}/2}+1};
}

.wgo_block .blockhead a.collapse img {
/* values are based on the image */
        position:absolute;
        {vb:stylevar right}: -{vb:math {vb:stylevar padding} * 0.6};
        display:block;
        width:13px;
        height:13px;
        overflow:hidden;
        top:-5px;
        float: {vb:stylevar right};
        clear: {vb:stylevar left};
}
/#################### New WGO Collapse ####################/

/#################### New Start ####################/
/* Split replies/views like vb3*/
.threadbit .threadstats {
    height: 29px;
    padding: 1.2% 0 0;
    text-align: center;
    width: 7%;
}
.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 33%;
}
.threadbit .threadstats li {
    margin-right: 0;
}
.threadbit .threadinfo {
    min-width: 350px;
    width: 50%;
}
.threadlisthead span.threadinfo {
    width: 50%;
}
.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 33%;
}
.threadlisthead span.threadstats {
    text-align: center;
    width: 7%;
}
/* Split replies/views like vb3*/

peugeot405 08-05-2013 10:58 AM
try this:

Code:
/#################### Postbit_Legacy ####################/

.postbit_invisible {
        background: url("images/postbit_invisible.png") repeat scroll 0 0 #474747;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #FFF;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_invisible  dd { float: right; }
 
.postbit_online {
        background: url("images/postbit_online.png") repeat scroll 0 0 #d20303;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_online  dd { float: right; }
 
.postbit_offline {
        background: url("images/postbit_offline.png") repeat scroll 0 0 #86c901;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
 
    .postbit_offline  dd { float: right; }
 
.postbitlegacy .userinfo {
    background: none repeat scroll 0 0 #E5E3E3;
    border: 1px solid #D1CFCF;
    margin: 5px;
    padding: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 1px #E2E2E2;
    -moz-box-shadow: 0px 0px 5px 1px #E2E2E2;
    box-shadow: 0px 0px 5px 1px #E2E2E2; }


.etiket_postbit_alanI_imlinks {
        background: none repeat scroll 0 0 transparent;
    border: 0px solid #DDDDDD;
    text-align: center;
    margin-top: 2px;
    padding: 2px 6px 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
    .etiket_postbit_alanI_imlinks :hover {
        background: #6DB53E;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }

.etiket_postbit_alanI_userinfo_extra_yazIlarI {
    color:{vb:stylevar post_field_font_color};
    margin-top: 2px;
    text-align:left;
        border-bottom: 1px solid #DBDBDB;} 

        .etiket_postbit_alanI_userinfo_extra_yazIlarI dd { float: right;}


.etiket_postbit_alanI_userinfo_extra {
        background: url("images/postbit_avatar.png") repeat scroll center center transparent;
    border-bottom: 1px solid #DDDDDD;
        border-left: 1px solid #DDDDDD;
        border-right: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 0 4px 6px;
    -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;}
 
.etiket_postbit_alanI_postbit_reputation {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.etiket_postbit_alanI_rank { 
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    padding: 2px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
 
.etiket_postbit_alanI_usertitle {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    margin-top: 2px;
    font-size: 13px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 

.etiket_postbit_alanI_username {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
    border: 1px solid #DDDDDD;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.postbitlegacy .userinfo .postuseravatar, .postuseravatar img {
        background: url("images/postbit_avatar.png") repeat scroll 0 0 transparent;
    float: none;
    padding: 4px;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin: 2px 1px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
 
.postbitlegacy .userinfo .username_container { margin-bottom: 1px; }
 
.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F2F6F8;
    margin-top: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
 
.postcontainer .username_container .popupmenu a.popupctrl { font-size: 19px; }

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {border-left: 0px solid #EFEFEF;}

.postbitlegacy .postdetails, .eventbit .eventdetails { background: {vb:stylevar postbit_background};}

.postbit .posttitle, .postbitlegacy .title {
        background: url("images/postbit_rank.png") repeat scroll center center transparent;
        -webkit-border-radius:  5px 0 0 5px;;
    -moz-border-radius:  5px 0 0 5px;;
    border-radius:  5px 0 0 5px;;
        border: 1px solid #E9E9E9;
        margin-bottom: 5px;
        margin-right: -10px;
        padding: 5px;}
/#################### Postbit_Legacy ####################/ 

 

/#################### Custom Buttons ####################/

.custom_forum_button {
        background: {vb:stylevar control_content_background};
        _background-image: none;
        -moz-border-radius: {vb:stylevar control_content_radius};
        -webkit-border-radius: {vb:stylevar control_content_radius};
        -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
        -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
        font: {vb:stylevar control_content_font};
        color: {vb:stylevar control_content_color};
        padding: {vb:stylevar control_content_padding};
        border: {vb:stylevar control_content_border};
        display:inline-block;
}

/#################### Custom Buttons ####################/

/#################### Rounded Corner Notices ####################/

.notices li {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/#################### Rounded Corner Notices ####################/

/#################### Insert pop-up image to url's ####################/

/* .signature a {
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

} */

.postcontent a {
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

}

/#################### Insert pop-up image to url's ####################/

/#################### Fixed Avatar CSS ####################/

.cms_widget .widget_post_useravatar img, .block .widget_post_useravatar img {
margin-top:2px;
display: block;
height: 36px;
position: absolute;
box-shadow: 0px 1px 1px #FF8800;
}
.postbit-lite .avatarlink img {
        border: 1px solid #ddd;
        width: 60px;
        height: 60px;
}

ul.userlist_showavatars img {       
        border: 1px solid #ddd;
        width: 60px;
        height: 60px;
}
#memberlist td.profilepic img, #memberlist img.avatar {
        width: 40px;
        height: 40px;
}
.member_summary .friends_mini .friends_list li img {
        width: 48px;
}

.postbit-lite .avatarlink img {
    width: 58px;
    height: 58px;
}

.activitybit .avatar img {
    width: 58px;
    height: 58px;
}

/#################### Fixed Avatar CSS ####################/

/#################### Breadcrumbs ####################/

.bread_box {
        margin: 0;
        overflow: hidden;
        clear: both;
}
.breadcrumb {
        position: relative;
        font: 11px Arial,Calibri,Verdana,Geneva,sans-serif;
        background: {vb:stylevar sidebar_background};
        border: {vb:stylevar sidebar_border}; /* this is the border color that's around the whole thing */
        -moz-border-radius:{vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
        overflow: hidden;
}
.breadcrumb .crust {
        display: block;
        float: left;
        position: relative;
}
.breadcrumb .crust:first-child a.crumb {
        padding-left: 13px;
        -moz-border-radius-topleft:{vb:stylevar border_radius};
        -moz-border-radius-bottomleft:{vb:stylevar border_radius};
        -webkit-border-top-left-radius: {vb:stylevar border_radius};
        -webkit-border-bottom-left-radius: {vb:stylevar border_radius};
        border-top-left-radius: {vb:stylevar border_radius};
        border-bottom-left-radius: {vb:stylevar border_radius};
}
.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
        text-decoration: none;
        background-color: {vb:stylevar sidebar_background.backgroundColor}; /* this is the background color of the CRUMBS, ie: the links */
        padding: 0 10px 0 23px;
        border-bottom: {vb:stylevar sidebar_border}; /* this is the same as the border value higher up, this only shows if the last crumb causes it to overflow */
        margin-bottom: -1px;
        outline: 0 none;
        -moz-outline-style: 0 none;
        display: block;
        line-height: 22px;
        _border-bottom: none;
        color:{vb:stylevar link_color}; /* this is the color of the links in the crumbs */
        text-decoration:{vb:stylevar link_textDecoration};
}
.breadcrumb .crust b.lastcrumb {
        background: transparent none;
        color: {vb:stylevar footer_time_color}; /* this is the color of the last crumb, ie: the final destination */
        font-weight: bold;
}
.breadcrumb .crust a.crumb, .breadcrumb .crust b.lastcrumb {
        line-height: 22px;
}
.breadcrumb .crust .arrow {
        border: 12px solid transparent;
        border-right: 1px none black;
        border-left: {vb:stylevar sidebar_border}; /* this is the _background_ color of the "arrow" */
        border-left-width: 12px !important;
        border-left-style: solid !important;
        display: block;
        position: absolute;
        right: -12px;
        top: -1px;
        z-index: 50;
        width: 0px;
        height: 0px;
}
.breadcrumb .crust .arrow span {
        border: 12px solid transparent;
        border-right: 1px none black;
        border-left-color: {vb:stylevar sidebar_background.backgroundColor}; /* this is the border color of the "arrow" */
        display: block;
        position: absolute;
        left: -13px;
        top: -12px;
        z-index: 51;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 9999px;
        width: 0px;
        height: 0px;
}
.breadcrumb .refresh:hover { background-position: 0px -16px; }
.breadcrumb .crust:last-child a.crumb { font-weight: bold; }
.breadcrumb .crust:hover a.crumb {
        background-color:{vb:stylevar blocksubhead_background.backgroundColor}; /* this is the background color of the crumb when it's hovered */
        color:{vb:stylevar linkhover_color}; /* likewise, this is the color of the crumb's link when hovered */
        text-decoration:{vb:stylevar linkhover_textDecoration};
}
.breadcrumb .crust:hover .arrow span {
        border-left-color:{vb:stylevar blocksubhead_background.backgroundColor}; /* this is the color of the "arrow" when hovered. It should be identical to the `.breadcrumb .crust:hover a.crumb` background value */
}

/#################### Breadcrumbs ####################/

/#################### New WGO Collapse ####################/

.wgo_block .blockhead a.collapse {
        position: absolute;
        top: {vb:math {vb:math {vb:math {vb:stylevar padding}+{vb:math  {vb:stylevar mid_fontSize}*{vb:stylevar line_height}}-13}/2}+1};
}

.wgo_block .blockhead a.collapse img {
/* values are based on the image */
        position:absolute;
        {vb:stylevar right}: -{vb:math {vb:stylevar padding} * 0.6};
        display:block;
        width:13px;
        height:13px;
        overflow:hidden;
        top:-5px;
        float: {vb:stylevar right};
        clear: {vb:stylevar left};
}
/#################### New WGO Collapse ####################/

/#################### New Start ####################/
/* Split replies/views like vb3*/
.threadbit .threadstats {
    height: 29px;
    padding: 1.2% 0 0;
    text-align: center;
    width: 7%;
}
.threadbit .threadlastpost {
    clear: right;
    display: block;
    float: left;
    padding: 0.5% 0 0;
    width: 33%;
}
.threadbit .threadstats li {
    margin-right: 0;
}
.threadbit .threadinfo {
    min-width: 350px;
    width: 50%;
}
.threadlisthead span.threadinfo {
    width: 50%;
}
.threadlisthead span.threadlastpost {
    padding-left: 0;
    text-align: left;
    width: 33%;
}
.threadlisthead span.threadstats {
    text-align: center;
    width: 7%;
}
/* Split replies/views like vb3*/
this includes the updated version (v1.3)

nice idee with the heading :)

stevieb 08-05-2013 11:05 AM
Quote:
Originally Posted by peugeot405 (Post 2437262)
try this:

this includes the updated version (v1.3)

nice idee with the heading :)
Ok, that's loaded - take a look - no difference! Weird isn't it.... just doesn't make much sense :(

I like to know what css I have added because if there is a conflict I can then easily remove the offending stuff, depending which mod I prefer of course but right now I really want to get these tables sorting so will try almost anything lol

But as you've seen, our forum is pretty cool and I'd hate to lose all the functions but the layout is crap as default hence this hack is awesome if we can fix it....

Thanks by the way, for all your patience and time. :)

stevieb 08-05-2013 11:08 AM
I just removed all css other than yours and nothing changed either.....

peugeot405 08-05-2013 11:13 AM
Quote:
Originally Posted by stevieb (Post 2437265)
Ok, that's loaded - take a look - no difference! Weird isn't it.... just doesn't make much sense :(
Code:
.threadbit .threadstats {
    height: 29px;
    padding: 1.2% 0 0;
    text-align: center;
    width: 7%;
}
is missing in additional.css

Quote:
Originally Posted by stevieb (Post 2437265)
I like to know what css I have added because if there is a conflict I can then easily remove the offending stuff, depending which mod I prefer of course but right now I really want to get these tables sorting so will try almost anything lol
I'll be doing that aswell in the future

Quote:
Originally Posted by stevieb (Post 2437265)
Thanks by the way, for all your patience and time. :)l
no problem, that is what support is for.


All times are GMT. The time now is 10:50 PM.
Page 5 of 12 « First 34 5 67 Last »
Show 40 post(s) from this thread on one page

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.01290 seconds
  • Memory Usage 1,886KB
  • 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
  • (3)bbcode_code_printable
  • (7)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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