The Arcive of Official vBulletin Modifications Site.

Split replies/views like vb3 · **Released**: 06-26-2013

This mod splits replies/views on threadbit like on a vb3 forum.

changelog:

v1.0
initial release

v1.1
updated the css code

v1.2
updated the css code

v1.3
updated the css code

Two files are included in the zip-file:

split_replies_views_like_vb3_v_1_3.txt for new install
split_replies_views_like_vb3_ updatev1_2_to_v1_3.txt to update from v1.2 to v1.3

Added a fix for new post search in what's new, caussed by the changes from split replies/views like vb3.

stevieb · #42 08-05-2013, 10:27 AM

Quote:

Originally Posted by peugeot405

hold on a few secs.

just finished updating to v1.3, i'm going to test it.

ok thanks mate

peugeot405 · #43 08-05-2013, 10:38 AM

i've made a copy of my threadbit and forumdisplay and additional.css

stevieb · #44 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 · #45 08-05-2013, 10:42 AM

Quote:

Originally Posted by peugeot405

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 · #46 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 · #47 08-05-2013, 10:50 AM

Quote:

Originally Posted by peugeot405

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 · #48 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 · #49 08-05-2013, 11:05 AM

Quote:

Originally Posted by peugeot405

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 · #50 08-05-2013, 11:08 AM

I just removed all css other than yours and nothing changed either.....

peugeot405 · #51 08-05-2013, 11:13 AM

Quote:

Originally Posted by stevieb

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

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

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

l

no problem, that is what support is for.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04618 seconds Memory Usage 2,402KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (7)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (3)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (5)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

3 благодарности(ей) от:
Amaury, davidg, fai99al99

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!