For those of you who would like the updated status icons they are attached to this post for all 3 colors offered. Simply unzip them to the base directory of your vBulletin installation and then edit the template for
Code:
forumhome_forumbit_level2_post
Find:
Code:
<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
Replace With:
Code:
<img src="styles/vbb/f_cat_{vb:raw forum.statusicon}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
It also replaces the image that is shown on the main page to show the latest post, image called "lastpost-right.png".
This only applies to the Red and Green themes, the Blue theme's image is correct looking.
Enjoy!
Edit
I have figured out how to fix the problem with the quote boxes without reverted additional.css, which messes up other parts of the theme. Simply remove the code block:
Code:
.message {
padding:{vb:stylevar pagetitle_padding};
clear:both;
padding-top: {vb:math {vb:stylevar padding}/2};
background:{vb:stylevar pagetitle_background};
margin: 10px -20px 0 -20px;
}
From additional.css and all seems to work nicely! This applies for all 3 versions of the theme. For those who are not familiar with CSS then simply copy and paste the following three code blocks into the "additional.css" file for the appropriate theme.
Blue's additional.css:
Code:
/* CSS Document */
.style {
border: 1px solid #cbd6df;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#logindetails {
-moz-border-radius-bottom: 10px;
-webkit-border-bottom-radius: 10px;
margin-top:-10px;
padding-top:10px;
height:30px;
background:url(styles/vbb/loginBG.png) repeat;
}
#nouser {
background:url(styles/vbb/loginBG.png) repeat;
margin-right:-20px;
margin-top:-10px;
padding-left:10px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.info-left ul {
padding-top:3px;
border-right:#dbe6ee 1px solid;
}
#messge-left {
float:left;
width:120px;
}
.message-right {
float:right;
width:90%;
margin-top:-110px;
}
#register {
border:0;
}
.register {
background:#c6d2de;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.register:hover {
background:#a9c0d7;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.show-hide {
padding:{vb:stylevar pagetitle_padding};
clear:both;
padding-top: {vb:math {vb:stylevar padding}/2};
background:{vb:stylevar pagetitle_background};
margin: -10px -20px 10px -20px;
}
#show-hide {
margin-left:85%;
}
.info-left{
background:#FF0000;
border-right:#FF0000 1px solid;
}
#bit_post {
border-left:1px solid #c0ccd9;
border-right: 1px solid #c0ccd9;
}
#footer {
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
#forumbit_post_footer {
border:1px;
-moz-border-radius-bottom: {vb:stylevar border_radius};
-webkit-border-bottom-radius: {vb:stylevar border_radius};
}
.textboxcontainer input {
background:#0e1f35;
color:#CCCCCC;
padding-left:10px;
padding-bottom:3px;
}
.footer-forum {
float:left;
background:#c0ccd9;
height:3px;
border:#c0ccd9 1px solid;
width:100%;
margin-bottom:5px;
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright: 10px !important;
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
}
Green's additional.css
Code:
/* CSS Document */
.style {
border: 1px solid #b5ccc2;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#logindetails {
-moz-border-radius-bottom: 10px;
-webkit-border-bottom-radius: 10px;
margin-top:-10px;
padding-top:10px;
height:30px;
background:url(styles/vbb-green/topBG.png) repeat;
}
#nouser {
background:url(styles/vbb-green/topBG.png) repeat;
margin-right:-20px;
margin-top:-10px;
padding-left:10px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.info-left ul {
padding-top:3px;
border-right:#cee1da 1px solid;
}
#messge-left {
float:left;
width:120px;
}
.message-right {
float:right;
width:90%;
margin-top:-110px;
}
#register {
border:0;
}
.register {
background:#c6ded4;
color:#325648;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.register:hover {
background:#b1cdc1;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.show-hide {
color:#8baba0;
padding:{vb:stylevar pagetitle_padding};
clear:both;
padding-top: {vb:math {vb:stylevar padding}/2};
background:{vb:stylevar pagetitle_background};
margin: -10px -20px 10px -20px;
}
#show-hide {
margin-left:85%;
}
.info-left{
background:#ddcfcf;
border-right:#ddcfcf 1px solid;
}
#bit_post {
border-left:1px solid #c0ccd9;
border-right: 1px solid #c0ccd9;
}
#footer {
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
#forumbit_post_footer {
border:1px;
-moz-border-radius-bottom: {vb:stylevar border_radius};
-webkit-border-bottom-radius: {vb:stylevar border_radius};
}
.textboxcontainer input {
background:url(styles/vbb-green/searchBG.png) repeat-x;
color:#b8cec4;
padding-left:10px;
padding-bottom:3px;
}
.blockrow input {
background:#FFFFFF;
}
.footer-forum {
float:left;
background:#bbcdc5;
height:3px;
border:#bbcdc5 1px solid;
width:100%;
margin-bottom:5px;
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright: 10px !important;
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
}
Red's additional.css
Code:
/* CSS Document */
.style {
border: 1px solid #d8d0d0;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#logindetails {
-moz-border-radius-bottom: 10px;
-webkit-border-bottom-radius: 10px;
margin-top:-10px;
padding-top:10px;
height:30px;
background:url(styles/vbb-red/topBG.png) repeat;
}
#nouser {
background:url(styles/vbb-red/topBG.png) repeat;
margin-right:-20px;
margin-top:-10px;
padding-left:10px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.info-left ul {
padding-top:3px;
border-right:#ddcfcf 1px solid;
}
#messge-left {
float:left;
width:120px;
}
.message-right {
float:right;
width:90%;
margin-top:-110px;
}
#register {
border:0;
}
.register {
background:#dec6c6;
color:#401717;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.register:hover {
background:#d0b5b5;
border:0;
height:26px;
padding: 0 10px 0 10px;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
.show-hide {
color:#401717;
padding:{vb:stylevar pagetitle_padding};
clear:both;
padding-top: {vb:math {vb:stylevar padding}/2};
background:{vb:stylevar pagetitle_background};
margin: -10px -20px 10px -20px;
}
#show-hide {
margin-left:85%;
}
.info-left{
background:#ddcfcf;
border-right:#ddcfcf 1px solid;
}
#bit_post {
border-left:1px solid #c0ccd9;
border-right: 1px solid #c0ccd9;
}
#footer {
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}
#forumbit_post_footer {
border:1px;
-moz-border-radius-bottom: {vb:stylevar border_radius};
-webkit-border-bottom-radius: {vb:stylevar border_radius};
}
.textboxcontainer input {
background:url(styles/vbb-red/search.png) repeat-x;
color:#CCCCCC;
padding-left:10px;
padding-bottom:3px;
}
.blockrow input {
background:#FFFFFF;
}
.footer-forum {
float:left;
background:#d6c6c6;
height:3px;
border:#d6c6c6 1px solid;
width:100%;
margin-bottom:5px;
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright: 10px !important;
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
}