Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How about a classic theme?
#1
Question 
Is anyone working on a classic skin for MyBB??

I mean the skin that was here on 1.6 .. Then whoever might also like that skin can select it here Smile

I love MYBB and was hopefull someone out there like me might have @ least thought about it...
Reply
#2
(10-21-2015, 02:56 AM)Dude111 Wrote: Is anyone working on a classic skin for MyBB??

I mean the skin that wss here on 1.6 .. Then whoever might also like that skin can select it here Smile

I love MYBB and was hopefull someone out there like me might have @ least thought about it...




Classic ACP on 1.8.x
[Image: dm5ypu.png]


Classic front-end continuation progress on 1.8.x:

[Image: 2s78exd.png]

[Image: 106c3l3.png]
[Image: 2i0vxgx.png]
[Image: 33c8xed.png]
[Image: 15gyudi.png][Image: 35ar5fr.png]
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply
#3
global.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: global.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */


body {
    background: #efefef;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    overflow-y: scroll;
}

a:link {
    color: #026CB1;
    text-decoration: none;
}

a:visited {
    color: #026CB1;
    text-decoration: none;
}

a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}


#logo {
    background: #fff;
    padding: 10px 0;

}

#content {
    width: auto !important;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
/* background-image: url('themes/classic/sprites/headerlinks_sprite.png'); */ /** for sprite usage **/
    background-repeat: no-repeat;
    display: inline-block;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
/* background-position: 0 0; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/search.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.memberlist {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/memberlist.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.calendar {
/* background-position: 0 -40px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/calendar.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.help {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/help.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.portal {
/* background-position: 0 -180px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/portal.gif') top left no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.logout {
    font-weight: bold;
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    background: url('themes/classic/welcomeblock/logout.gif') top right no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.login,
#panel .upper a.lost_password {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') 0 -100px no-repeat; */ /** for sprite usage **/
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/login.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .upper a.register {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/register.gif') top right no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.panel_links a.usercp {
/* background-position: 0 -120px; */ /** for sprite usage **/
    background: url('themes/classic/welcomeblock/usercp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links a.modcp {
/*    background-position: 0 -140px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/modcp.gif') top left no-repeat;  /** for individual icon usage **/
}    

#panel .lower ul.panel_links a.admincp {
/*    background-position: 0 -160px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/admincp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.user_links {
    float: right;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #000;
}

#panel .lower {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #000;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle; 
}

#search input.button {
    border-color: #000;
}

#search input.textbox {
    border-color: #D4D4D4;
    background: #F5F5F5;
}

#search input.button {
    background: #0066a2 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

#search input {
    margin: -3px 0;
}

#quick_login .remember_me input {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

#footer {
    padding-top: 15px;
    clear: both;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    border-top: 1px solid #4874A3;
    border-bottom: 1px solid #4874A3;
    border-left: 1px solid #4874A3;
    border-right: 1px solid #4874A3;
    padding:  6px;
    font-size: 12px;
    overflow: hidden;
}

#footer a:link {
    color: #026CB1;
    text-decoration: none;
}

#footer a:visited {
    color: #026CB1;
    text-decoration: none;
}

#footer a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#footer .upper .language {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
/*    font-weight: bold; */
}

#footer .lower a:link,
#footer .lower a:visited {
    color:  #026CB1;
    /* font-weight: bold; */
}

#footer .lower a:hover {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}


#footer .lower a:active {
    color: #026CB1;
    text-decoration: underline;
/*    font-weight: bold; */
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img {
    max-width: 100%;
}

.forum_status {
    height: 22px;
    width: 22px;     
/* background: url('themes/classic/sprites/forum_icon_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
    display: inline-block;
}

.forum_on {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/on.gif'); /** for individual on/off icon usage **/
}

.forum_off {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/off.gif');  /** for individual on/off icon usage **/
}

.forum_offlock {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlock.gif');  /** for individual on/off icon usage **/
}

.forum_offlink {
/* background-position: 0 -90px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlink.gif');  /** for individual on/off icon usage **/
}

.subforumicon {
/* height: 10px; */ /** for sprite usage **/
/* width: 10px; */ /** for sprite usage **/
    height: 16px; /** for individual mini on/off icon usage **/
    width: 16px; /** for individual mini on/off icon usage **/
    display: inline-block;  
    vertical-align: middle; /** for individual mini on/off icon usage **/
/* margin: 0 5px; */ /** for sprite usage **/
/* background: url('themes/classic/sprites/mini_status_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
}

.subforum_minion {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/minion.gif');  /** for individual mini on/off icon usage **/
}

.subforum_minioff {
/* background-position: 0 -10px; */ /** for sprite usage **/
    background-image: url('themes/classic/minioff.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflock {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflock.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflink {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflink.gif');  /** for individual mini on/off icon usage **/
}

table {
    color: #333;
    font-size: 13px;
}

.tborder {
    background: #81A2C4;
    width: 100%;
    margin: auto auto;
    border: 1px solid #0F5C8E;
    padding: 1px;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #ffffff;
    padding: 8px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7;
    color: #000;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link {
    color: #000;
}

.tcat a:visited {
    color: #000;
}

.tcat a:hover,
.tcat a:active {
    color: #000000;
}

.trow1 {
    background: #f5f5f5;
}

.trow2 {
    background: #EFEFEF;
}

.trow_shaded {
    background: #ffdde0;
}

.no_bottom_border {
    border-bottom: 0;
}

.post.unapproved_post {
    background: #ffdde0;
}

.post.unapproved_post .post_author {
    border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
    border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
    border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
    background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
    background: #FFFBD9;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #333;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

.tfoot a:link {
    color: #fff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #fff;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #fff;
    text-decoration: underline;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.bottommenu {
    background: #efefef;
    color: #000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #000;
    font-size: 12px;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

fieldset {
    padding: 12px;
    border: 1px solid #0F5C8E;
    background: #F5F5F5;
    margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

fieldset.align_right {
    text-align: right;
}

input.textbox {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #0f5c8e;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

button,
input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background: #eee url('themes/classic/sprites/buttons_bg.png') repeat-x;
    border: 1px solid #bbb;
    color: #333;
    outline: 0;
}

button:hover,
input.button:hover {
    border-color: #aaa;
}

form {
    margin: 0;
    padding: 0;
}

form input.error {
    border: 1px solid #f30;
    color: #f30;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form input.valid {
    border: 1px solid #0c0;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form label.error {
    color: #f30;
    margin: 5px;
    padding: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #ccc;
}

.post .editor_control_bar {
    background: #f5f5f5;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

img {
    border: none;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    color: #333;
    text-align: center;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage {
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.smilie {
    vertical-align: middle;
}

.smilie_pointer {
    cursor: pointer;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 4px;
    white-space: nowrap;
    text-decoration: none;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active  {
    color: #A5161A;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url('themes/classic/error.gif') no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
    padding: 3px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: none;
    color: #333;
    border: none;
    font-weight: bold;
}

.pagination a:hover {
    background: #0072BC;
    color: #fff;
    border-color: #263c30;
    text-decoration: none;
}

.pagination .go_page img {
    margin-bottom: -4px;
}

.drop_go_page {
    background: #f5f5f5;
    padding: 4px;
}

.pagination_breadcrumb {
    background-color: #efefef;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.thread_legend,
.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
    margin: 0;
    padding: 0;
        padding-bottom: 10px;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

#posts_container {
    padding: 0;
}

.ignored_post {
    border-top: 3px solid #333;
    padding: 15px;
}

.ignored_post .show_ignored_post {
    margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
    background-position: 0 -400px;
}

.post {
    overflow: hidden;
}

.post.classic {
    padding-top: 15px;
    background: #f5f5f5;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

.post .post_author div.author_avatar {
    float: left;
    margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    float: right;
    font-size: 11px;
    padding: 3px 10px 3px 5px;
    color: #666;
    line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #ccc;
    margin: 6px 0 0 0;
    padding: 6px 6px 3px 6px;
    float: none;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
}

.post.classic .post_content {
    float: left;
    width: 79%;
    padding: 0 1% 5px 1%;
}

.post_content {
    padding: 9px 10px 5px 10px;
    background: #f5f5f5;
}

.post_content .signature {
    margin-top: 5px;
    border-top: 1px dotted #ddd;
    padding: 10px 0 4px 0;
}

.post .post_meta {
    margin: 4px 0;
    font-size: 11px;
    color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
    color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
    color: #777;
}

.post_controls {
    clear: both;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #026CB1 url('themes/classic/thead_bg.gif') repeat-x;
    border: 1px solid #ccc;
    color: #fff;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons a span {
    padding-left: 20px;
    display: inline-block;
    height: 16px;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
    background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
    background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
    background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
    background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #026aad url('themes/classic/thead_bg.gif') repeat-x;
    color: #fff;
    display: inline-block;
    padding: 4px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    padding-left: 20px;
    display: inline-block;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

a.button.new_thread_button span {
    background-position: 0 -340px;
}

a.button.new_reply_button span {
    background-position: 0 -360px;
}

a.button.closed_button span {
    background-position: 0 -380px;
}

a.button.rate_user_button span {
    background-position: 0 -400px;
}

a.button.add_buddy_button span {
    background-position: 0 -440px;
}

a.button.remove_buddy_button span {
    background-position: 0 -480px;
}

a.button.add_ignore_button span {
    background-position: 0 -460px;
}

a.button.remove_ignore_button span {
    background-position: 0 -500px;
}

a.button.report_user_button span {
    background-position: 0 -520px;
}

.quick_jump {
    background: url('themes/classic/jump.gif') no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    margin-top: -3px;
    border: none;
}

.pollbar {
    background: url('themes/classic/pollbar.gif') top left repeat-x;
    border: 1px solid #3f3f3f;
    height: 10px;
}

.pollbar .percent {
    display: none;
}

.posticons_label {
    white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
    position: absolute;
}

.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom:    0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    border-radius: 5px;
}

.jGrowl .jGrowl-notification {
    min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

.jGrowl .jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    .jGrowl {
        display: none;
    }
}

/** jGrowl End **/

/** Modal Start **/

.modal {
    display: none;
    width: 400px;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url('themes/classic/close.gif') no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url('themes/classic/spinner_big.gif') no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    max-width:90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi .jqiclose {
    position: absolute;
    top: 4px; right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}

div.jqi .jqistate {
    background-color: #fff;
}

div.jqi .jqititle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

div.jqi .jqibuttons {
    text-align: right;
    margin: 0 -7px -7px -7px;
    border-top: solid 1px #e4e4e4;
    background-color: #f4f4f4;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: normal;
    border: none;
    border-left: solid 1px #e4e4e4;
    color: #777;
    font-weight: bold;
    font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
    color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
    color: #287ade;
    outline: none;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
    padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
    position: absolute;
    height: 0; width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

/** Impromptu End */
            



showthread.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: showthread.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

ul.thread_tools,
ul.thread_tools li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	font-size: 11px;
	/* background-image: url('themes/classic/sprites/showthread_sprite.png'); */ /** for sprite usage **/
	background-repeat: no-repeat;
}

ul.thread_tools li.printable {
/*  background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/printable.gif');  /** for individual icon usage **/
}

ul.thread_tools li.sendthread {
/*  background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/send.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_add {
/*  background-position: 0 -40px; */ /** for sprite usage **/
    background-image: url('themes/classic/subscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_remove {
/*  background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/unsubscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.poll {
/*	background-position: 0 -80px; */ /** for sprite usage **/
    background-image: url('themes/classic/poll.png');  /** for individual icon usage **/
}

.showthread_spinner {
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
	width: 100%;
}



thread_status.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: thread_status.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.thread_status {
	display: inline-block;
	/* height: 16px; */ /** for sprite usage **/
	/* background-image: url('themes/classic/sprites/folders_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
	/* width: 16px; */ /** for sprite usage **/
	height: 18px;
	width: 18px;
}

.thread_status.dot_folder {
/*	background-position: 0 0; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_folder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_hotfolder {
/*	background-position: 0 -20px; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_hotfolder.gif');  /** for individual folder icon usage **/	
}

.thread_status.dot_hotlockfolder {
	background-position: 0 -40px; /** for sprite usage **/
 background-image: url('themes/classic/dot_hotlockfolder.gif'); */ /** for individual folder icon usage **/
}

.thread_status.dot_lockfolder {
/*	background-position: 0 -60px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_lockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_newfolder {
/* 	background-position: 0 -80px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotfolder {
/*	background-position: 0 -100px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotlockfolder {
/* background-position: 0 -120px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotlockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newlockfolder {
/*	background-position: 0 -140px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.folder {
/*	background-position: 0 -160px; */ /** for sprite usage **/
 background-image: url('themes/classic/folder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotfolder {
/*	background-position: 0 -180px; */ /** for sprite usage **/
 background-image: url('themes/classic/hotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotlockfolder {
/* background-position: 0 -200px; */ /** for sprite usage **/
   background-image: url('themes/classic/hotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.lockfolder {
/*	background-position: 0 -220px; */ /** for sprite usage **/
   background-image: url('themes/classic/lockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.movefolder {
/*	background-position: 0 -240px; */ /** for sprite usage **/
    background-image: url('themes/classic/movefolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newfolder {
/*	background-position: 0 -260px; */ /** for sprite usage **/
    background-image: url('themes/classic/newfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotfolder {
/*	background-position: 0 -280px; */ /** for sprite usage **/
 background-image: url('themes/classic/newhotfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotlockfolder {
/*	background-position: 0 -300px; */ /** for sprite usage **/
    background-image: url('themes/classic/newhotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newlockfolder {
/*	background-position: 0 -320px; */ /** for sprite usage **/
    background-image: url('themes/classic/newlockfolder.gif');  /** for individual folder icon usage **/
}




css3.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: css3.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
	border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
	border-right: 0;
}

.tborder {
	width: 100%;
	margin: auto auto;
	border: 1px solid #0F5C8E;
}

.tborder tbody tr:last-child td {
	border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
}

.tborder tbody tr:last-child td:last-child {
}

.thead {
}

.thead_collapsed {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.thead_left {
}

.thead_right {
}

.tcat_menu {
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
}


input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea {

}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.post.classic .post_author {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.popup_menu .popup_item_container:last-child .popup_item {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination a {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.pollbar {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

modcp.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: modcp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.modcp_nav_item {
	display: block;
	padding: 1px 0 1px 23px;
/*	background-image: url('themes/classic/sprites/modcp_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
}

.modcp_nav_home {
/*	background-position: 0 0;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/home.gif');  /** for individual icon usage **/
} 

.modcp_nav_announcements {
/*	background-position: 0 -20px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/announcements.gif');  /** for individual icon usage **/
}

.modcp_nav_reports {
/*	background-position: 0 -40px;   */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/reports.gif');  /** for individual icon usage **/
}

.modcp_nav_modqueue {
/*	background-position: 0 -60px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/modqueue.gif');  /** for individual icon usage **/
}

.modcp_nav_modlogs {
/*	background-position: 0 -80px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/modlogs.gif');  /** for individual icon usage **/
}

.modcp_nav_editprofile {
/*	background-position: 0 -100px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/editprofile.gif');  /** for individual icon usage **/
}

.modcp_nav_banning {
/*	background-position: 0 -120px; */  /** for sprite usage **/
	background-image: url('themes/classic/modcp/banning.gif');  /** for individual icon usage **/
}

.modcp_nav_warninglogs {
/*	background-position: 0 -140px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/warninglogs.gif');  /** for individual icon usage **/
}

.modcp_nav_ipsearch {
/*	background-position: 0 -160px; */  /** for sprite usage **/
	background-image: url('themes/classic/modcp/ipsearch.gif');  /** for individual icon usage **/
}

.modqueue_message {
	overflow: auto;
	max-height: 250px;
}

.modqueue_controls {
	width: 270px;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	padding: 6px;
	font-weight: bold;
}

.modqueue_controls label {
	margin-right: 8px;
}

.label_radio_ignore,
.label_radio_delete,
.label_radio_approve {
	font-weight: bold;
}

.modqueue_meta {
	color: #444;
	font-size: 95%;
	margin-bottom: 8px;
}

.modqueue_mass {
	list-style: none;
	margin: 0;
	width: 150px;
	padding: 0;
}

.modqueue_mass li {
	margin-bottom: 4px;
	padding: 0;
}

.modqueue_mass li a {
	display: block;
	padding: 4px;
	border: 1px solid transparent;
}

.modqueue_mass li a:hover {
	background: #efefef;
	border: 1px solid #ccc;
	text-decoration: none;
}




usercp.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: usercp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.usercp_nav_item {
	display: block;
	padding: 1px 0 1px 23px;
/*	background-image: url('themes/classic/sprites/usercp_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
}

.usercp_nav_composepm {
	background-position: 0 0;   /** for sprite usage **/
	background-image: url('themes/classic/usercp/composepm.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolder {
/*	background-position: 0 -20px;  */ /** for sprite usage **/
    background-image: url('themes/classic/usercp/pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_sub_pmfolder {
	padding-left: 40px;
/*	background-position: 0 -40px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/sub_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_trash_pmfolder {
	padding-left: 40px;
/*	background-position: 0 -60px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/trash_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_pmtracking {
/*	background-position: 0 -80px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/pmtracking.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolders {
/*	background-position: 0 -100px; */  /** for sprite usage **/
    background-image: url('themes/classic/usercp/editfolders.gif');  /** for individual icon usage **/
}

.usercp_nav_profile {
/*	background-position: 0 -120px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/profile.gif');  /** for individual icon usage **/
}

.usercp_nav_email {
	padding-left: 40px;
/*	background-position: 0 -140px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/email.gif');  /** for individual icon usage **/
}

.usercp_nav_password {
	padding-left: 40px;
/*	background-position: 0 -160px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/password.gif');  /** for individual icon usage **/
}

.usercp_nav_username {
	padding-left: 40px;
/*	background-position: 0 -180px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/username.gif');  /** for individual icon usage **/
} 

.usercp_nav_editsig {
	padding-left: 40px;
/*	background-position: 0 -200px;   *//** for sprite usage **/
	background-image: url('themes/classic/usercp/editsig.gif');  /** for individual icon usage **/
}

.usercp_nav_avatar {
	padding-left: 40px;
/*	background-position: 0 -220px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/avatar.gif');  /** for individual icon usage **/
}

.usercp_nav_options {
/*	background-position: 0 -240px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/options.gif');  /** for individual icon usage **/
}

.usercp_nav_usergroups {
/*	background-position: 0 -260px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/usergroups.gif');  /** for individual icon usage **/
}

.usercp_nav_editlists {
/*	background-position: 0 -280px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/editlists.gif');  /** for individual icon usage **/
}

.usercp_nav_attachments {
/*	background-position: 0 -300px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/attachments.gif');  /** for individual icon usage **/
}

.usercp_nav_drafts {
/*	background-position: 0 -320px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/drafts.gif');  /** for individual icon usage **/
}

.usercp_nav_subscriptions {
/*	background-position: 0 -340px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/subscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_fsubscriptions {
/*	background-position: 0 -360px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/fsubscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_viewprofile {
/*	background-position: 0 -380px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/viewprofile.gif');  /** for individual icon usage **/
}

.usercp_nav_home {
/*	background-position: 0 -400px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/home.gif');  /** for individual icon usage **/
}

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid #CCCCCC;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: #fff;
	border: 1px solid #ccc;
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #fff;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid #0c5a01;
	background: #167203;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}




star_rating.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: star_rating.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
	background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
	vertical-align: middle;
}

.star_rating {
	position: relative;
	width:80px;
	height:16px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

td .star_rating {
	margin: auto;
}

.star_rating li {
	display: inline;
}

.star_rating li a,
.star_rating .current_rating {
	position: absolute;
	text-indent: -1000px;
	height: 16px;
	line-height: 16px;
	outline: none;
	overflow: hidden;
	border: none;
	top:0;
	left:0;
}

.star_rating_notrated li a:hover {
	background-position: left bottom;
}

.star_rating li a.one_star {
	width:20%;
	z-index:6;
}

.star_rating li a.two_stars {
	width:40%;
	z-index:5;
}

.star_rating li a.three_stars {
	width:60%;
	z-index:4;
}

.star_rating li a.four_stars {
	width:80%;
	z-index:3;
}

.star_rating li a.five_stars {
	width:100%;
	z-index:2;
}

.star_rating .current_rating {
	z-index:1;
	background-position: left center;
}

.star_rating_success,
.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.inline_rating {
	background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
	float: left;
	vertical-align: middle;
	padding-right: 5px;
}


..... etc, etc. Plenty of images and links will be changed as well as some other further edits overall as I get around to working further on this project continuation as my time allows....
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply
#4
Did not have much time today to get around to further edits but did spend a few minutes changing image links and image extensions for example:

[Image: kckv3c.png]

Current progress on global.css:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: global.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */


body {
	background: #efefef;
	color: #000;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; /* IE 5 fix */
	line-height: 1.4;
	overflow-y: scroll;
}

a:link {
	color: #026CB1;
	text-decoration: none;
}

a:visited {
	color: #026CB1;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

#container {
	width: 95%;
	background: #fff;
	border: 1px solid #e4e4e4;
	color: #000000;
	margin: auto auto;
	padding: 20px;
	text-align: left; /* IE 5 fix */
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}


#logo {
	background: #fff;
	padding: 10px 0;

}

#content {
	width: auto !important;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
/* background-image: url('themes/classic/sprites/headerlinks_sprite.png'); */ /** for sprite usage **/
	background-repeat: no-repeat;
	display: inline-block;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
/* background-position: 0 0; */ /** for sprite usage **/
	background: url('themes/classic/toplinks/search.png') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.memberlist {
/* background-position: 0 -20px; */ /** for sprite usage **/
	background: url('themes/classic/toplinks/memberlist.png') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.calendar {
/* background-position: 0 -40px; */ /** for sprite usage **/
	background: url('themes/classic/toplinks/calendar.png') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.help {
/* background-position: 0 -60px; */ /** for sprite usage **/
	background: url('themes/classic/toplinks/help.png') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.portal {
/* background-position: 0 -180px; */ /** for sprite usage **/
	background: url('themes/classic/toplinks/portal.png') top left no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.logout {
	font-weight: bold;
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
	padding-right: 20px;
	margin-left: 10px;
	background: url('themes/classic/welcomeblock/logout.png') top right no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.login,
#panel .upper a.lost_password {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') 0 -100px no-repeat; */ /** for sprite usage **/
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
	background: url('themes/classic/welcomeblock/login.png') top left no-repeat;  /** for individual icon usage **/
}

#panel .upper a.register {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
	background: url('themes/classic/welcomeblock/register.png') top right no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
/* background-position: 0 -120px; */ /** for sprite usage **/
	background: url('themes/classic/welcomeblock/usercp.png') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links a.modcp {
/*	background-position: 0 -140px; */ /** for sprite usage **/
	 background: url('themes/classic/welcomeblock/modcp.png') top left no-repeat;  /** for individual icon usage **/
}	

#panel .lower ul.panel_links a.admincp {
/*	background-position: 0 -160px; */ /** for sprite usage **/
	 background: url('themes/classic/welcomeblock/admincp.png') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #efefef;
	color: #000;
	border-left: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #000;
}

#panel .lower {
	background: #efefef;
	color: #000;
	border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #000;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle; 
}

#search input.button {
	border-color: #000;
}

#search input.textbox {
	border-color: #D4D4D4;
	background: #F5F5F5;
}

#search input.button {
	background: #0066a2 url('themes/classic/thead_bg.png') top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	padding-top: 15px;
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #4874A3;
	border-bottom: 1px solid #4874A3;
	border-left: 1px solid #4874A3;
	border-right: 1px solid #4874A3;
	padding:  6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link {
	color: #026CB1;
	text-decoration: none;
}

#footer a:visited {
	color: #026CB1;
	text-decoration: none;
}

#footer a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
/*	font-weight: bold; */
}

#footer .lower a:link,
#footer .lower a:visited {
	color:  #026CB1;
	/* font-weight: bold; */
}

#footer .lower a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}


#footer .lower a:active {
	color: #026CB1;
	text-decoration: underline;
/*	font-weight: bold; */
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 22px;
	width: 22px; 	
/* background: url('themes/classic/sprites/forum_icon_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
	display: inline-block;
}

.forum_on {
/* background-position: 0 0; */ /** for sprite usage **/
	background-image: url('themes/classic/on.png'); /** for individual on/off icon usage **/
}

.forum_off {
/* background-position: 0 -30px; */ /** for sprite usage **/
	background-image: url('themes/classic/off.png');  /** for individual on/off icon usage **/
}

.forum_offlock {
/* background-position: 0 -60px; */ /** for sprite usage **/
	background-image: url('themes/classic/offlock.png');  /** for individual on/off icon usage **/
}

.forum_offlink {
/* background-position: 0 -90px; */ /** for sprite usage **/
	background-image: url('themes/classic/offlink.png');  /** for individual on/off icon usage **/
}

.subforumicon {
/* height: 10px; */ /** for sprite usage **/
/* width: 10px; */ /** for sprite usage **/
	height: 16px; /** for individual mini on/off icon usage **/
	width: 16px; /** for individual mini on/off icon usage **/
	display: inline-block;  
	vertical-align: middle; /** for individual mini on/off icon usage **/
/* margin: 0 5px; */ /** for sprite usage **/
/* background: url('themes/classic/sprites/mini_status_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
}

.subforum_minion {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/minion.png');  /** for individual mini on/off icon usage **/
}

.subforum_minioff {
/* background-position: 0 -10px; */ /** for sprite usage **/
	background-image: url('themes/classic/minioff.png');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflock {
/* background-position: 0 -20px; */ /** for sprite usage **/
	background-image: url('themes/classic/miniofflock.png');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflink {
/* background-position: 0 -30px; */ /** for sprite usage **/
	background-image: url('themes/classic/miniofflink.png');  /** for individual mini on/off icon usage **/
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: #81A2C4;
	width: 100%;
	margin: auto auto;
	border: 1px solid #0F5C8E;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #026CB1 url('themes/classic/thead_bg.png') top left repeat-x;
	color: #ffffff;
	padding: 8px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #ADCBE7;
	color: #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #000;
}

.tcat a:visited {
	color: #000;
}

.tcat a:hover,
.tcat a:active {
	color: #000000;
}

.trow1 {
	background: #f5f5f5;
}

.trow2 {
	background: #EFEFEF;
}

.trow_shaded {
	background: #ffdde0;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #e5e5e5;
	color: #000;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #026CB1 url('themes/classic/thead_bg.png') top left repeat-x;
	color: #fff;
}

.tfoot a:link {
	color: #fff;
	text-decoration: none;
}

.tfoot a:visited {
	color: #fff;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #fff;
	text-decoration: underline;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #000;
    border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #000;
	font-size: 12px;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #000;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #0F5C8E;
	background: #F5F5F5;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #000;
	border: 1px solid #0f5c8e;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
	background: #ffffff;
	color: #000;
	border: 1px solid #0f5c8e;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #0f5c8e;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url('themes/classic/sprites/buttons_bg.png') repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

form input.error {
	border: 1px solid #f30;
	color: #f30;
	background: #ffffff;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form input.valid {
	border: 1px solid #0c0;
	background: #ffffff;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active  {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url('themes/classic/error.png') no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	padding: 3px 6px;
	margin-bottom: 3px;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.pagination .pagination_current {
	background: none;
	color: #333;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #0072BC;
	color: #fff;
	border-color: #263c30;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
		padding-bottom: 10px;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
    background: #f5f5f5;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
    background: #f5f5f5;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #026CB1 url('themes/classic/thead_bg.png') repeat-x;
	border: 1px solid #ccc;
	color: #fff;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url('themes/classic/sprites/buttons_sprite.png');
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #026aad url('themes/classic/thead_bg.png') repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px;
    margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url('themes/classic/sprites/buttons_sprite.png');
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url('themes/classic/jump.png') no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url('themes/classic/pollbar.png') top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 12px;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom:	0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	border-radius: 5px;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
	margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl .jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
	}
}

/** jGrowl End **/

/** Modal Start **/

.modal {
	display: none;
	width: 400px;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url('themes/classic/close.png') no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url('themes/classic/spinner_big.png') no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
	position: absolute;
	background-color: #777777;
}

div.jqi {
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqiclose {
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate {
	background-color: #fff;
}

div.jqi .jqititle {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
	padding: 10px;
	line-height: 20px;
	color: #444444;
}

div.jqi .jqibuttons {
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
	color: #287ade;
	outline: none;
}

.jqiwarning .jqi .jqibuttons {
	background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
	position: absolute;
	top: 0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
	padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
	position: absolute;
	height: 0; width: 0;
	line-height: 0;
	font-size: 0;
	border: solid 10px transparent;
}

.jqi .jqiarrowtl {
	left: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
	left: 50%;
	top: -20px;
	border-bottom-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowtr {
	right: 10px;
	top: -20px;
	border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
	left: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
	left: 50%;
	bottom: -20px;
	border-top-color: #ffffff;
	margin-left: -10px;
}

.jqi .jqiarrowbr {
	right: 10px;
	bottom: -20px;
	border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
	left: -20px;
	top: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
	left: -20px;
	top: 50%;
	border-right-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowlb {
	left: -20px;
	bottom: 10px;
	border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
	right: -20px;
	top: 10px;
	border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
	right: -20px;
	top: 50%;
	border-left-color: #ffffff;
	margin-top: -10px;
}

.jqi .jqiarrowrb {
	right: -20px;
	bottom: 10px;
	border-left-color: #ffffff;
}

/** Impromptu End */
			

Current progress on usercp.css:
/*
 * MyBB: Classic Frontend Theme 
 *
 * File: usercp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.usercp_nav_item {
	display: block;
	padding: 1px 0 1px 23px;
/*	background-image: url('themes/classic/sprites/usercp_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
}

.usercp_nav_composepm {
	background-position: 0 0;   /** for sprite usage **/
	background-image: url('themes/classic/usercp/composepm.png');  /** for individual icon usage **/
}

.usercp_nav_pmfolder {
/*	background-position: 0 -20px;  */ /** for sprite usage **/
    background-image: url('themes/classic/usercp/pmfolder.png');  /** for individual icon usage **/
}

.usercp_nav_sub_pmfolder {
	padding-left: 40px;
/*	background-position: 0 -40px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/sub_pmfolder.png');  /** for individual icon usage **/
}

.usercp_nav_trash_pmfolder {
	padding-left: 40px;
/*	background-position: 0 -60px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/trash_pmfolder.png');  /** for individual icon usage **/
}

.usercp_nav_pmtracking {
/*	background-position: 0 -80px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/pmtracking.png');  /** for individual icon usage **/
}

.usercp_nav_pmfolders {
/*	background-position: 0 -100px; */  /** for sprite usage **/
    background-image: url('themes/classic/usercp/editfolders.png');  /** for individual icon usage **/
}

.usercp_nav_profile {
/*	background-position: 0 -120px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/profile.png');  /** for individual icon usage **/
}

.usercp_nav_email {
	padding-left: 40px;
/*	background-position: 0 -140px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/email.png');  /** for individual icon usage **/
}

.usercp_nav_password {
	padding-left: 40px;
/*	background-position: 0 -160px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/password.png');  /** for individual icon usage **/
}

.usercp_nav_username {
	padding-left: 40px;
/*	background-position: 0 -180px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/username.png');  /** for individual icon usage **/
} 

.usercp_nav_editsig {
	padding-left: 40px;
/*	background-position: 0 -200px;   *//** for sprite usage **/
	background-image: url('themes/classic/usercp/editsig.png');  /** for individual icon usage **/
}

.usercp_nav_avatar {
	padding-left: 40px;
/*	background-position: 0 -220px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/avatar.png');  /** for individual icon usage **/
}

.usercp_nav_options {
/*	background-position: 0 -240px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/options.png');  /** for individual icon usage **/
}

.usercp_nav_usergroups {
/*	background-position: 0 -260px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/usergroups.png');  /** for individual icon usage **/
}

.usercp_nav_editlists {
/*	background-position: 0 -280px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/editlists.png');  /** for individual icon usage **/
}

.usercp_nav_attachments {
/*	background-position: 0 -300px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/attachments.png');  /** for individual icon usage **/
}

.usercp_nav_drafts {
/*	background-position: 0 -320px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/drafts.png');  /** for individual icon usage **/
}

.usercp_nav_subscriptions {
/*	background-position: 0 -340px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/subscriptions.png');  /** for individual icon usage **/
}

.usercp_nav_fsubscriptions {
/*	background-position: 0 -360px;   */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/fsubscriptions.png');  /** for individual icon usage **/
}

.usercp_nav_viewprofile {
/*	background-position: 0 -380px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/viewprofile.png');  /** for individual icon usage **/
}

.usercp_nav_home {
/*	background-position: 0 -400px;  */ /** for sprite usage **/
	background-image: url('themes/classic/usercp/home.png');  /** for individual icon usage **/
}

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid #CCCCCC;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: #fff;
	border: 1px solid #ccc;
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #fff;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid #0c5a01;
	background: #167203;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}


Current progress on modcp.css:
/*
 * MyBB: Classic Frontend Theme 
 *
 * File: modcp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.modcp_nav_item {
	display: block;
	padding: 1px 0 1px 23px;
/*	background-image: url('themes/classic/sprites/modcp_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
}

.modcp_nav_home {
/*	background-position: 0 0;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/home.png');  /** for individual icon usage **/
} 

.modcp_nav_announcements {
/*	background-position: 0 -20px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/announcements.png');  /** for individual icon usage **/
}

.modcp_nav_reports {
/*	background-position: 0 -40px;   */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/reports.png');  /** for individual icon usage **/
}

.modcp_nav_modqueue {
/*	background-position: 0 -60px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/modqueue.png');  /** for individual icon usage **/
}

.modcp_nav_modlogs {
/*	background-position: 0 -80px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/modlogs.png');  /** for individual icon usage **/
}

.modcp_nav_editprofile {
/*	background-position: 0 -100px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/editprofile.png');  /** for individual icon usage **/
}

.modcp_nav_banning {
/*	background-position: 0 -120px; */  /** for sprite usage **/
	background-image: url('themes/classic/modcp/banning.png');  /** for individual icon usage **/
}

.modcp_nav_warninglogs {
/*	background-position: 0 -140px;  */ /** for sprite usage **/
	background-image: url('themes/classic/modcp/warninglogs.png');  /** for individual icon usage **/
}

.modcp_nav_ipsearch {
/*	background-position: 0 -160px; */  /** for sprite usage **/
	background-image: url('themes/classic/modcp/ipsearch.png');  /** for individual icon usage **/
}

.modqueue_message {
	overflow: auto;
	max-height: 250px;
}

.modqueue_controls {
	width: 270px;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	padding: 6px;
	font-weight: bold;
}

.modqueue_controls label {
	margin-right: 8px;
}

.label_radio_ignore,
.label_radio_delete,
.label_radio_approve {
	font-weight: bold;
}

.modqueue_meta {
	color: #444;
	font-size: 95%;
	margin-bottom: 8px;
}

.modqueue_mass {
	list-style: none;
	margin: 0;
	width: 150px;
	padding: 0;
}

.modqueue_mass li {
	margin-bottom: 4px;
	padding: 0;
}

.modqueue_mass li a {
	display: block;
	padding: 4px;
	border: 1px solid transparent;
}

.modqueue_mass li a:hover {
	background: #efefef;
	border: 1px solid #ccc;
	text-decoration: none;
}

 
Current progress on showthread.css:
/*
 * MyBB: Classic Frontend Theme 
 *
 * File: showthread.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

ul.thread_tools,
ul.thread_tools li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	font-size: 11px;
	/* background-image: url('themes/classic/sprites/showthread_sprite.png'); */ /** for sprite usage **/
	background-repeat: no-repeat;
}

ul.thread_tools li.printable {
/*  background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/printable.png');  /** for individual icon usage **/
}

ul.thread_tools li.sendthread {
/*  background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/send.png');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_add {
/*  background-position: 0 -40px; */ /** for sprite usage **/
    background-image: url('themes/classic/subscribe.png');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_remove {
/*  background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/unsubscribe.png');  /** for individual icon usage **/
}

ul.thread_tools li.poll {
/*	background-position: 0 -80px; */ /** for sprite usage **/
    background-image: url('themes/classic/poll.png');  /** for individual icon usage **/
}

.showthread_spinner {
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
	width: 100%;
}

Current progress on thread_status.css
/*
 * MyBB: Classic Frontend Theme 
 *
 * File: thread_status.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.thread_status {
	display: inline-block;
	/* height: 16px; */ /** for sprite usage **/
	/* background-image: url('themes/classic/sprites/folders_sprite.png');  */ /** for sprite usage **/
	background-repeat: no-repeat;
	/* width: 16px; */ /** for sprite usage **/
	height: 18px;
	width: 18px;
}

.thread_status.dot_folder {
/*	background-position: 0 0; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_folder.png'); /** for individual folder icon usage **/
}

.thread_status.dot_hotfolder {
/*	background-position: 0 -20px; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_hotfolder.png');  /** for individual folder icon usage **/	
}

.thread_status.dot_hotlockfolder {
	background-position: 0 -40px; /** for sprite usage **/
 background-image: url('themes/classic/dot_hotlockfolder.png'); */ /** for individual folder icon usage **/
}

.thread_status.dot_lockfolder {
/*	background-position: 0 -60px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_lockfolder.png'); /** for individual folder icon usage **/
}

.thread_status.dot_newfolder {
/* 	background-position: 0 -80px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newfolder.png');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotfolder {
/*	background-position: 0 -100px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotfolder.png');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotlockfolder {
/* background-position: 0 -120px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotlockfolder.png');  /** for individual folder icon usage **/
}

.thread_status.dot_newlockfolder {
/*	background-position: 0 -140px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newlockfolder.png'); /** for individual folder icon usage **/
}

.thread_status.folder {
/*	background-position: 0 -160px; */ /** for sprite usage **/
 background-image: url('themes/classic/folder.png');  /** for individual folder icon usage **/
}

.thread_status.hotfolder {
/*	background-position: 0 -180px; */ /** for sprite usage **/
 background-image: url('themes/classic/hotfolder.png');  /** for individual folder icon usage **/
}

.thread_status.hotlockfolder {
/* background-position: 0 -200px; */ /** for sprite usage **/
   background-image: url('themes/classic/hotlockfolder.png'); /** for individual folder icon usage **/
}

.thread_status.lockfolder {
/*	background-position: 0 -220px; */ /** for sprite usage **/
   background-image: url('themes/classic/lockfolder.png');  /** for individual folder icon usage **/
}

.thread_status.movefolder {
/*	background-position: 0 -240px; */ /** for sprite usage **/
    background-image: url('themes/classic/movefolder.png'); /** for individual folder icon usage **/
}

.thread_status.newfolder {
/*	background-position: 0 -260px; */ /** for sprite usage **/
    background-image: url('themes/classic/newfolder.png'); /** for individual folder icon usage **/
}

.thread_status.newhotfolder {
/*	background-position: 0 -280px; */ /** for sprite usage **/
 background-image: url('themes/classic/newhotfolder.png'); /** for individual folder icon usage **/
}

.thread_status.newhotlockfolder {
/*	background-position: 0 -300px; */ /** for sprite usage **/
    background-image: url('themes/classic/newhotlockfolder.png'); /** for individual folder icon usage **/
}

.thread_status.newlockfolder {
/*	background-position: 0 -320px; */ /** for sprite usage **/
    background-image: url('themes/classic/newlockfolder.png');  /** for individual folder icon usage **/
}


Current progress on css3.css:
/*
 * MyBB: Classic Frontend Theme 
 *
 * File: css3.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
	border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
	border-right: 0;
}

.tborder {
	width: 100%;
	margin: auto auto;
	border: 1px solid #0F5C8E;
}

.tborder tbody tr:last-child td {
	border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
}

.tborder tbody tr:last-child td:last-child {
}

.thead {
}

.thead_collapsed {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.thead_left {
}

.thead_right {
}

.tcat_menu {
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
}


input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea {

}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.post.classic .post_author {
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.popup_menu .popup_item_container:last-child .popup_item {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination a {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.pollbar {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

Current progress on star_rating.css:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: star_rating.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
	background: url('themes/classic/star_rating.png') left -1000px repeat-x;
	vertical-align: middle;
}

.star_rating {
	position: relative;
	width:80px;
	height:16px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

td .star_rating {
	margin: auto;
}

.star_rating li {
	display: inline;
}

.star_rating li a,
.star_rating .current_rating {
	position: absolute;
	text-indent: -1000px;
	height: 16px;
	line-height: 16px;
	outline: none;
	overflow: hidden;
	border: none;
	top:0;
	left:0;
}

.star_rating_notrated li a:hover {
	background-position: left bottom;
}

.star_rating li a.one_star {
	width:20%;
	z-index:6;
}

.star_rating li a.two_stars {
	width:40%;
	z-index:5;
}

.star_rating li a.three_stars {
	width:60%;
	z-index:4;
}

.star_rating li a.four_stars {
	width:80%;
	z-index:3;
}

.star_rating li a.five_stars {
	width:100%;
	z-index:2;
}

.star_rating .current_rating {
	z-index:1;
	background-position: left center;
}

.star_rating_success,
.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.inline_rating {
	background: url('themes/classic/star_rating.png') left -1000px repeat-x;
	float: left;
	vertical-align: middle;
	padding-right: 5px;
}


* Temp Download of current progress below:  ( * it is a dev not final! )

As I am currently doing this on a cheap android phone..., clearly I have not completed as much as I would like but will get to more when I get back to using my laptop.

Haha...., cheap android phone devel environment hell sceens for giggles
[Image: 29fumfs.jpg]

[Image: bit2ms.png]


[Image: 33mvoqv.png]


Attached Files
.zip   Clasic_Dev.zip (Size: 339.72 KB / Downloads: 88)
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply
#5
yes i loved this skin more then this new one.
thanks
Reply
#6
@vintagedaddyo

Sorry for bumping this thread, but could you update your Classic theme (https://community.mybb.com/mods.php?action=view&pid=685) to fully work in MyBB 1.8.11?

I installed it in a sandbox here, it works but I had to force compatibility for old themes and some new buttons with Default theme look are not displaying as the ones of this theme.

I'm thinking on modifying it manually, but if you could do it, I would thank you.

I hope this theme be updated to MyBB 2.x in the future. Big Grin
Reply
#7
(04-11-2017, 07:22 PM)northerly Wrote: @vintagedaddyo

Sorry for bumping this thread, but could you update your Classic theme (https://community.mybb.com/mods.php?action=view&pid=685) to fully work in MyBB 1.8.11?

I installed it in a sandbox here, it works but I had to force compatibility for old themes and some new buttons with Default theme look are not displaying as the ones of this theme.

I'm thinking on modifying it manually, but if you could do it, I would thank you.

I hope this theme be updated to MyBB 2.x in the future. Big Grin

@ northerly

Sorry for the delay in response..., been away from MyBB stuff for awhile..., but, build #4 should be what you are looking for: *

https://community.mybb.com/mods.php?acti...5&bid=2552


* I will make further improvements if and when my time allows...
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply
#8
Star 
Very nice thank you guys!!!

Im using a custom CSS file on this site to keep the original look...... (To me it was the best Smile)
Reply
#9
(12-07-2015, 08:32 PM)vintagedaddyo Wrote: global.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: global.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */


body {
    background: #efefef;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    overflow-y: scroll;
}

a:link {
    color: #026CB1;
    text-decoration: none;
}

a:visited {
    color: #026CB1;
    text-decoration: none;
}

a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}


#logo {
    background: #fff;
    padding: 10px 0;

}

#content {
    width: auto !important;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
/* background-image: url('themes/classic/sprites/headerlinks_sprite.png'); */ /** for sprite usage **/
    background-repeat: no-repeat;
    display: inline-block;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
/* background-position: 0 0; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/search.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.memberlist {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/memberlist.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.calendar {
/* background-position: 0 -40px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/calendar.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.help {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/help.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.portal {
/* background-position: 0 -180px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/portal.gif') top left no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.logout {
    font-weight: bold;
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    background: url('themes/classic/welcomeblock/logout.gif') top right no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.login,
#panel .upper a.lost_password {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') 0 -100px no-repeat; */ /** for sprite usage **/
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/login.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .upper a.register {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/register.gif') top right no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.panel_links a.usercp {
/* background-position: 0 -120px; */ /** for sprite usage **/
    background: url('themes/classic/welcomeblock/usercp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links a.modcp {
/*    background-position: 0 -140px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/modcp.gif') top left no-repeat;  /** for individual icon usage **/
}    

#panel .lower ul.panel_links a.admincp {
/*    background-position: 0 -160px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/admincp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.user_links {
    float: right;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #000;
}

#panel .lower {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #000;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle; 
}

#search input.button {
    border-color: #000;
}

#search input.textbox {
    border-color: #D4D4D4;
    background: #F5F5F5;
}

#search input.button {
    background: #0066a2 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

#search input {
    margin: -3px 0;
}

#quick_login .remember_me input {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

#footer {
    padding-top: 15px;
    clear: both;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    border-top: 1px solid #4874A3;
    border-bottom: 1px solid #4874A3;
    border-left: 1px solid #4874A3;
    border-right: 1px solid #4874A3;
    padding:  6px;
    font-size: 12px;
    overflow: hidden;
}

#footer a:link {
    color: #026CB1;
    text-decoration: none;
}

#footer a:visited {
    color: #026CB1;
    text-decoration: none;
}

#footer a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#footer .upper .language {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
/*    font-weight: bold; */
}

#footer .lower a:link,
#footer .lower a:visited {
    color:  #026CB1;
    /* font-weight: bold; */
}

#footer .lower a:hover {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}


#footer .lower a:active {
    color: #026CB1;
    text-decoration: underline;
/*    font-weight: bold; */
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img {
    max-width: 100%;
}

.forum_status {
    height: 22px;
    width: 22px;     
/* background: url('themes/classic/sprites/forum_icon_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
    display: inline-block;
}

.forum_on {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/on.gif'); /** for individual on/off icon usage **/
}

.forum_off {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/off.gif');  /** for individual on/off icon usage **/
}

.forum_offlock {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlock.gif');  /** for individual on/off icon usage **/
}

.forum_offlink {
/* background-position: 0 -90px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlink.gif');  /** for individual on/off icon usage **/
}

.subforumicon {
/* height: 10px; */ /** for sprite usage **/
/* width: 10px; */ /** for sprite usage **/
    height: 16px; /** for individual mini on/off icon usage **/
    width: 16px; /** for individual mini on/off icon usage **/
    display: inline-block;  
    vertical-align: middle; /** for individual mini on/off icon usage **/
/* margin: 0 5px; */ /** for sprite usage **/
/* background: url('themes/classic/sprites/mini_status_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
}

.subforum_minion {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/minion.gif');  /** for individual mini on/off icon usage **/
}

.subforum_minioff {
/* background-position: 0 -10px; */ /** for sprite usage **/
    background-image: url('themes/classic/minioff.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflock {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflock.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflink {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflink.gif');  /** for individual mini on/off icon usage **/
}

table {
    color: #333;
    font-size: 13px;
}

.tborder {
    background: #81A2C4;
    width: 100%;
    margin: auto auto;
    border: 1px solid #0F5C8E;
    padding: 1px;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #ffffff;
    padding: 8px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7;
    color: #000;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link {
    color: #000;
}

.tcat a:visited {
    color: #000;
}

.tcat a:hover,
.tcat a:active {
    color: #000000;
}

.trow1 {
    background: #f5f5f5;
}

.trow2 {
    background: #EFEFEF;
}

.trow_shaded {
    background: #ffdde0;
}

.no_bottom_border {
    border-bottom: 0;
}

.post.unapproved_post {
    background: #ffdde0;
}

.post.unapproved_post .post_author {
    border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
    border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
    border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
    background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
    background: #FFFBD9;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #333;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

.tfoot a:link {
    color: #fff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #fff;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #fff;
    text-decoration: underline;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.bottommenu {
    background: #efefef;
    color: #000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #000;
    font-size: 12px;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

fieldset {
    padding: 12px;
    border: 1px solid #0F5C8E;
    background: #F5F5F5;
    margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

fieldset.align_right {
    text-align: right;
}

input.textbox {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #0f5c8e;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

button,
input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background: #eee url('themes/classic/sprites/buttons_bg.png') repeat-x;
    border: 1px solid #bbb;
    color: #333;
    outline: 0;
}

button:hover,
input.button:hover {
    border-color: #aaa;
}

form {
    margin: 0;
    padding: 0;
}

form input.error {
    border: 1px solid #f30;
    color: #f30;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form input.valid {
    border: 1px solid #0c0;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form label.error {
    color: #f30;
    margin: 5px;
    padding: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #ccc;
}

.post .editor_control_bar {
    background: #f5f5f5;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

img {
    border: none;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    color: #333;
    text-align: center;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage {
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.smilie {
    vertical-align: middle;
}

.smilie_pointer {
    cursor: pointer;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 4px;
    white-space: nowrap;
    text-decoration: none;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active  {
    color: #A5161A;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url('themes/classic/error.gif') no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
    padding: 3px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: none;
    color: #333;
    border: none;
    font-weight: bold;
}

.pagination a:hover {
    background: #0072BC;
    color: #fff;
    border-color: #263c30;
    text-decoration: none;
}

.pagination .go_page img {
    margin-bottom: -4px;
}

.drop_go_page {
    background: #f5f5f5;
    padding: 4px;
}

.pagination_breadcrumb {
    background-color: #efefef;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.thread_legend,
.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
    margin: 0;
    padding: 0;
        padding-bottom: 10px;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

#posts_container {
    padding: 0;
}

.ignored_post {
    border-top: 3px solid #333;
    padding: 15px;
}

.ignored_post .show_ignored_post {
    margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
    background-position: 0 -400px;
}

.post {
    overflow: hidden;
}

.post.classic {
    padding-top: 15px;
    background: #f5f5f5;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

.post .post_author div.author_avatar {
    float: left;
    margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    float: right;
    font-size: 11px;
    padding: 3px 10px 3px 5px;
    color: #666;
    line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #ccc;
    margin: 6px 0 0 0;
    padding: 6px 6px 3px 6px;
    float: none;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
}

.post.classic .post_content {
    float: left;
    width: 79%;
    padding: 0 1% 5px 1%;
}

.post_content {
    padding: 9px 10px 5px 10px;
    background: #f5f5f5;
}

.post_content .signature {
    margin-top: 5px;
    border-top: 1px dotted #ddd;
    padding: 10px 0 4px 0;
}

.post .post_meta {
    margin: 4px 0;
    font-size: 11px;
    color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
    color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
    color: #777;
}

.post_controls {
    clear: both;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #026CB1 url('themes/classic/thead_bg.gif') repeat-x;
    border: 1px solid #ccc;
    color: #fff;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons a span {
    padding-left: 20px;
    display: inline-block;
    height: 16px;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
    background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
    background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
    background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
    background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #026aad url('themes/classic/thead_bg.gif') repeat-x;
    color: #fff;
    display: inline-block;
    padding: 4px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    padding-left: 20px;
    display: inline-block;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

a.button.new_thread_button span {
    background-position: 0 -340px;
}

a.button.new_reply_button span {
    background-position: 0 -360px;
}

a.button.closed_button span {
    background-position: 0 -380px;
}

a.button.rate_user_button span {
    background-position: 0 -400px;
}

a.button.add_buddy_button span {
    background-position: 0 -440px;
}

a.button.remove_buddy_button span {
    background-position: 0 -480px;
}

a.button.add_ignore_button span {
    background-position: 0 -460px;
}

a.button.remove_ignore_button span {
    background-position: 0 -500px;
}

a.button.report_user_button span {
    background-position: 0 -520px;
}

.quick_jump {
    background: url('themes/classic/jump.gif') no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    margin-top: -3px;
    border: none;
}

.pollbar {
    background: url('themes/classic/pollbar.gif') top left repeat-x;
    border: 1px solid #3f3f3f;
    height: 10px;
}

.pollbar .percent {
    display: none;
}

.posticons_label {
    white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
    position: absolute;
}

.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom:    0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    border-radius: 5px;
}

.jGrowl .jGrowl-notification {
    min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

.jGrowl .jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    .jGrowl {
        display: none;
    }
}

/** jGrowl End **/

/** Modal Start **/

.modal {
    display: none;
    width: 400px;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url('themes/classic/close.gif') no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url('themes/classic/spinner_big.gif') no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    max-width:90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi .jqiclose {
    position: absolute;
    top: 4px; right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}

div.jqi .jqistate {
    background-color: #fff;
}

div.jqi .jqititle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

div.jqi .jqibuttons {
    text-align: right;
    margin: 0 -7px -7px -7px;
    border-top: solid 1px #e4e4e4;
    background-color: #f4f4f4;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: normal;
    border: none;
    border-left: solid 1px #e4e4e4;
    color: #777;
    font-weight: bold;
    font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
    color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
    color: #287ade;
    outline: none;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
    padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
    position: absolute;
    height: 0; width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

/** Impromptu End */
            



showthread.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: showthread.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

ul.thread_tools,
ul.thread_tools li {
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.thread_tools li {
 padding-left: 24px;
 padding-bottom: 4px;
 margin-bottom: 3px;
 font-size: 11px;
 /* background-image: url('themes/classic/sprites/showthread_sprite.png'); */ /** for sprite usage **/
 background-repeat: no-repeat;
}

ul.thread_tools li.printable {
/*  background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/printable.gif');  /** for individual icon usage **/
}

ul.thread_tools li.sendthread {
/*  background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/send.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_add {
/*  background-position: 0 -40px; */ /** for sprite usage **/
    background-image: url('themes/classic/subscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_remove {
/*  background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/unsubscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.poll {
/* background-position: 0 -80px; */ /** for sprite usage **/
    background-image: url('themes/classic/poll.png');  /** for individual icon usage **/
}

.showthread_spinner {
 margin: 0 auto;
 display: block;
 text-align: center;
 padding: 20px;
 width: 100%;
}



thread_status.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: thread_status.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.thread_status {
 display: inline-block;
 /* height: 16px; */ /** for sprite usage **/
 /* background-image: url('themes/classic/sprites/folders_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
 /* width: 16px; */ /** for sprite usage **/
 height: 18px;
 width: 18px;
}

.thread_status.dot_folder {
/* background-position: 0 0; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_folder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_hotfolder {
/* background-position: 0 -20px; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_hotfolder.gif');  /** for individual folder icon usage **/ 
}

.thread_status.dot_hotlockfolder {
 background-position: 0 -40px; /** for sprite usage **/
 background-image: url('themes/classic/dot_hotlockfolder.gif'); */ /** for individual folder icon usage **/
}

.thread_status.dot_lockfolder {
/* background-position: 0 -60px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_lockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_newfolder {
/* background-position: 0 -80px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotfolder {
/* background-position: 0 -100px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotlockfolder {
/* background-position: 0 -120px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotlockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newlockfolder {
/* background-position: 0 -140px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.folder {
/* background-position: 0 -160px; */ /** for sprite usage **/
 background-image: url('themes/classic/folder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotfolder {
/* background-position: 0 -180px; */ /** for sprite usage **/
 background-image: url('themes/classic/hotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotlockfolder {
/* background-position: 0 -200px; */ /** for sprite usage **/
   background-image: url('themes/classic/hotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.lockfolder {
/* background-position: 0 -220px; */ /** for sprite usage **/
   background-image: url('themes/classic/lockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.movefolder {
/* background-position: 0 -240px; */ /** for sprite usage **/
    background-image: url('themes/classic/movefolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newfolder {
/* background-position: 0 -260px; */ /** for sprite usage **/
    background-image: url('themes/classic/newfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotfolder {
/* background-position: 0 -280px; */ /** for sprite usage **/
 background-image: url('themes/classic/newhotfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotlockfolder {
/* background-position: 0 -300px; */ /** for sprite usage **/
    background-image: url('themes/classic/newhotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newlockfolder {
/* background-position: 0 -320px; */ /** for sprite usage **/
    background-image: url('themes/classic/newlockfolder.gif');  /** for individual folder icon usage **/
}




css3.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: css3.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
 border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
 border-right: 0;
}

.tborder {
 width: 100%;
 margin: auto auto;
 border: 1px solid #0F5C8E;
}

.tborder tbody tr:last-child td {
 border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
}

.tborder tbody tr:last-child td:last-child {
}

.thead {
}

.thead_collapsed {
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}

.thead_left {
}

.thead_right {
}

.tcat_menu {
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
}


input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea {

}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.post.classic .post_author {
 -moz-border-radius: 0 6px 6px 0;
 -webkit-border-radius: 0 6px 6px 0;
 border-radius: 0 6px 6px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}

.popup_menu .popup_item_container:last-child .popup_item {
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}

.pagination a {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.pollbar {
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

modcp.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: modcp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.modcp_nav_item {
 display: block;
 padding: 1px 0 1px 23px;
/* background-image: url('themes/classic/sprites/modcp_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
}

.modcp_nav_home {
/* background-position: 0 0;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/home.gif');  /** for individual icon usage **/
} 

.modcp_nav_announcements {
/* background-position: 0 -20px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/announcements.gif');  /** for individual icon usage **/
}

.modcp_nav_reports {
/* background-position: 0 -40px;   */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/reports.gif');  /** for individual icon usage **/
}

.modcp_nav_modqueue {
/* background-position: 0 -60px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/modqueue.gif');  /** for individual icon usage **/
}

.modcp_nav_modlogs {
/* background-position: 0 -80px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/modlogs.gif');  /** for individual icon usage **/
}

.modcp_nav_editprofile {
/* background-position: 0 -100px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/editprofile.gif');  /** for individual icon usage **/
}

.modcp_nav_banning {
/* background-position: 0 -120px; */  /** for sprite usage **/
 background-image: url('themes/classic/modcp/banning.gif');  /** for individual icon usage **/
}

.modcp_nav_warninglogs {
/* background-position: 0 -140px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/warninglogs.gif');  /** for individual icon usage **/
}

.modcp_nav_ipsearch {
/* background-position: 0 -160px; */  /** for sprite usage **/
 background-image: url('themes/classic/modcp/ipsearch.gif');  /** for individual icon usage **/
}

.modqueue_message {
 overflow: auto;
 max-height: 250px;
}

.modqueue_controls {
 width: 270px;
 float: right;
 text-align: center;
 border: 1px solid #ccc;
 background: #fff;
 padding: 6px;
 font-weight: bold;
}

.modqueue_controls label {
 margin-right: 8px;
}

.label_radio_ignore,
.label_radio_delete,
.label_radio_approve {
 font-weight: bold;
}

.modqueue_meta {
 color: #444;
 font-size: 95%;
 margin-bottom: 8px;
}

.modqueue_mass {
 list-style: none;
 margin: 0;
 width: 150px;
 padding: 0;
}

.modqueue_mass li {
 margin-bottom: 4px;
 padding: 0;
}

.modqueue_mass li a {
 display: block;
 padding: 4px;
 border: 1px solid transparent;
}

.modqueue_mass li a:hover {
 background: #efefef;
 border: 1px solid #ccc;
 text-decoration: none;
}




usercp.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: usercp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.usercp_nav_item {
 display: block;
 padding: 1px 0 1px 23px;
/* background-image: url('themes/classic/sprites/usercp_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
}

.usercp_nav_composepm {
 background-position: 0 0;   /** for sprite usage **/
 background-image: url('themes/classic/usercp/composepm.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolder {
/* background-position: 0 -20px;  */ /** for sprite usage **/
    background-image: url('themes/classic/usercp/pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_sub_pmfolder {
 padding-left: 40px;
/* background-position: 0 -40px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/sub_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_trash_pmfolder {
 padding-left: 40px;
/* background-position: 0 -60px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/trash_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_pmtracking {
/* background-position: 0 -80px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/pmtracking.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolders {
/* background-position: 0 -100px; */  /** for sprite usage **/
    background-image: url('themes/classic/usercp/editfolders.gif');  /** for individual icon usage **/
}

.usercp_nav_profile {
/* background-position: 0 -120px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/profile.gif');  /** for individual icon usage **/
}

.usercp_nav_email {
 padding-left: 40px;
/* background-position: 0 -140px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/email.gif');  /** for individual icon usage **/
}

.usercp_nav_password {
 padding-left: 40px;
/* background-position: 0 -160px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/password.gif');  /** for individual icon usage **/
}

.usercp_nav_username {
 padding-left: 40px;
/* background-position: 0 -180px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/username.gif');  /** for individual icon usage **/
} 

.usercp_nav_editsig {
 padding-left: 40px;
/* background-position: 0 -200px;   *//** for sprite usage **/
 background-image: url('themes/classic/usercp/editsig.gif');  /** for individual icon usage **/
}

.usercp_nav_avatar {
 padding-left: 40px;
/* background-position: 0 -220px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/avatar.gif');  /** for individual icon usage **/
}

.usercp_nav_options {
/* background-position: 0 -240px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/options.gif');  /** for individual icon usage **/
}

.usercp_nav_usergroups {
/* background-position: 0 -260px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/usergroups.gif');  /** for individual icon usage **/
}

.usercp_nav_editlists {
/* background-position: 0 -280px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/editlists.gif');  /** for individual icon usage **/
}

.usercp_nav_attachments {
/* background-position: 0 -300px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/attachments.gif');  /** for individual icon usage **/
}

.usercp_nav_drafts {
/* background-position: 0 -320px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/drafts.gif');  /** for individual icon usage **/
}

.usercp_nav_subscriptions {
/* background-position: 0 -340px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/subscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_fsubscriptions {
/* background-position: 0 -360px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/fsubscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_viewprofile {
/* background-position: 0 -380px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/viewprofile.gif');  /** for individual icon usage **/
}

.usercp_nav_home {
/* background-position: 0 -400px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/home.gif');  /** for individual icon usage **/
}

.usercp_notepad {
 width: 99%;
}

.usercp_container {
 margin: 5px;
 padding: 8px;
 border:1px solid #CCCCCC;
}

.pmspace {
 float: right;
 margin: -3px 5px;
}

.pmspace_container {
 background: #fff;
 border: 1px solid #ccc;
 width: 100px;
 display: inline-block;
}

.pmspace_used {
 display: inline-block;
 color: #fff;
 margin: -1px;
}

.pmspace_used.low {
 border: 1px solid #0c5a01;
 background: #167203;
}

.pmspace_used.medium {
 background: #ff862b;
 border: 1px solid #d7611e;
}

.pmspace_used.high {
 background: #e73c3c;
 border: 1px solid #c00;
}

.pmspace_unused {
 display: inline-block;
}

.pmspace_text {
 padding: 1px 5px;
 display: inline-block;
}




star_rating.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: star_rating.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
 background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
 vertical-align: middle;
}

.star_rating {
 position: relative;
 width:80px;
 height:16px;
 overflow: hidden;
 list-style: none;
 margin: 0;
 padding: 0;
 background-position: left top;
}

td .star_rating {
 margin: auto;
}

.star_rating li {
 display: inline;
}

.star_rating li a,
.star_rating .current_rating {
 position: absolute;
 text-indent: -1000px;
 height: 16px;
 line-height: 16px;
 outline: none;
 overflow: hidden;
 border: none;
 top:0;
 left:0;
}

.star_rating_notrated li a:hover {
 background-position: left bottom;
}

.star_rating li a.one_star {
 width:20%;
 z-index:6;
}

.star_rating li a.two_stars {
 width:40%;
 z-index:5;
}

.star_rating li a.three_stars {
 width:60%;
 z-index:4;
}

.star_rating li a.four_stars {
 width:80%;
 z-index:3;
}

.star_rating li a.five_stars {
 width:100%;
 z-index:2;
}

.star_rating .current_rating {
 z-index:1;
 background-position: left center;
}

.star_rating_success,
.success_message {
 color: #00b200;
 font-weight: bold;
 font-size: 10px;
 margin-bottom: 10px;
}

.inline_rating {
 background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
 float: left;
 vertical-align: middle;
 padding-right: 5px;
}


..... etc, etc. Plenty of images and links will be changed as well as some other further edits overall as I get around to working further on this project continuation as my time allows....

http://forumpluso.com/konu-emre-krmn-1-6...theme.html Big Grin Big Grin
Reply
#10
(03-25-2019, 06:33 AM)Emre KRMN Wrote:
(12-07-2015, 08:32 PM)vintagedaddyo Wrote: global.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: global.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */


body {
    background: #efefef;
    color: #000;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    overflow-y: scroll;
}

a:link {
    color: #026CB1;
    text-decoration: none;
}

a:visited {
    color: #026CB1;
    text-decoration: none;
}

a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}


#logo {
    background: #fff;
    padding: 10px 0;

}

#content {
    width: auto !important;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
/* background-image: url('themes/classic/sprites/headerlinks_sprite.png'); */ /** for sprite usage **/
    background-repeat: no-repeat;
    display: inline-block;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
/* background-position: 0 0; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/search.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.memberlist {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/memberlist.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.calendar {
/* background-position: 0 -40px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/calendar.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.help {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/help.gif') left no-repeat;  /** for individual toplink icon usage **/
}

#logo ul.top_links a.portal {
/* background-position: 0 -180px; */ /** for sprite usage **/
    background: url('themes/classic/toplinks/portal.gif') top left no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.logout {
    font-weight: bold;
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    background: url('themes/classic/welcomeblock/logout.gif') top right no-repeat;  /** for individual toplink icon usage **/
}

#panel .upper a.login,
#panel .upper a.lost_password {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') 0 -100px no-repeat; */ /** for sprite usage **/
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/login.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .upper a.register {
/* background: url('themes/classic/sprites/headerlinks_sprite.png') right -80px no-repeat; */ /** for sprite usage **/
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
    background: url('themes/classic/welcomeblock/register.gif') top right no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.panel_links a.usercp {
/* background-position: 0 -120px; */ /** for sprite usage **/
    background: url('themes/classic/welcomeblock/usercp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.panel_links a.modcp {
/*    background-position: 0 -140px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/modcp.gif') top left no-repeat;  /** for individual icon usage **/
}    

#panel .lower ul.panel_links a.admincp {
/*    background-position: 0 -160px; */ /** for sprite usage **/
     background: url('themes/classic/welcomeblock/admincp.gif') top left no-repeat;  /** for individual icon usage **/
}

#panel .lower ul.user_links {
    float: right;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #000;
}

#panel .lower {
    background: #efefef;
    color: #000;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #000;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle; 
}

#search input.button {
    border-color: #000;
}

#search input.textbox {
    border-color: #D4D4D4;
    background: #F5F5F5;
}

#search input.button {
    background: #0066a2 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

#search input {
    margin: -3px 0;
}

#quick_login .remember_me input {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

#footer {
    padding-top: 15px;
    clear: both;
}

#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    border-top: 1px solid #4874A3;
    border-bottom: 1px solid #4874A3;
    border-left: 1px solid #4874A3;
    border-right: 1px solid #4874A3;
    padding:  6px;
    font-size: 12px;
    overflow: hidden;
}

#footer a:link {
    color: #026CB1;
    text-decoration: none;
}

#footer a:visited {
    color: #026CB1;
    text-decoration: none;
}

#footer a:hover, a:active {
    color: #000;
    text-decoration: underline;
}

#footer .upper .language {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
/*    font-weight: bold; */
}

#footer .lower a:link,
#footer .lower a:visited {
    color:  #026CB1;
    /* font-weight: bold; */
}

#footer .lower a:hover {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}


#footer .lower a:active {
    color: #026CB1;
    text-decoration: underline;
/*    font-weight: bold; */
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img {
    max-width: 100%;
}

.forum_status {
    height: 22px;
    width: 22px;     
/* background: url('themes/classic/sprites/forum_icon_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
    display: inline-block;
}

.forum_on {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/on.gif'); /** for individual on/off icon usage **/
}

.forum_off {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/off.gif');  /** for individual on/off icon usage **/
}

.forum_offlock {
/* background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlock.gif');  /** for individual on/off icon usage **/
}

.forum_offlink {
/* background-position: 0 -90px; */ /** for sprite usage **/
    background-image: url('themes/classic/offlink.gif');  /** for individual on/off icon usage **/
}

.subforumicon {
/* height: 10px; */ /** for sprite usage **/
/* width: 10px; */ /** for sprite usage **/
    height: 16px; /** for individual mini on/off icon usage **/
    width: 16px; /** for individual mini on/off icon usage **/
    display: inline-block;  
    vertical-align: middle; /** for individual mini on/off icon usage **/
/* margin: 0 5px; */ /** for sprite usage **/
/* background: url('themes/classic/sprites/mini_status_sprite.png') no-repeat 0 0; */ /** for sprite usage **/
}

.subforum_minion {
/* background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/minion.gif');  /** for individual mini on/off icon usage **/
}

.subforum_minioff {
/* background-position: 0 -10px; */ /** for sprite usage **/
    background-image: url('themes/classic/minioff.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflock {
/* background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflock.gif');  /** for individual mini on/off icon usage **/
}

.subforum_miniofflink {
/* background-position: 0 -30px; */ /** for sprite usage **/
    background-image: url('themes/classic/miniofflink.gif');  /** for individual mini on/off icon usage **/
}

table {
    color: #333;
    font-size: 13px;
}

.tborder {
    background: #81A2C4;
    width: 100%;
    margin: auto auto;
    border: 1px solid #0F5C8E;
    padding: 1px;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #ffffff;
    padding: 8px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #ADCBE7;
    color: #000;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link {
    color: #000;
}

.tcat a:visited {
    color: #000;
}

.tcat a:hover,
.tcat a:active {
    color: #000000;
}

.trow1 {
    background: #f5f5f5;
}

.trow2 {
    background: #EFEFEF;
}

.trow_shaded {
    background: #ffdde0;
}

.no_bottom_border {
    border-bottom: 0;
}

.post.unapproved_post {
    background: #ffdde0;
}

.post.unapproved_post .post_author {
    border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
    border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
    border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
    background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
    background: #FFFBD9;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #333;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url('themes/classic/thead_bg.gif') top left repeat-x;
    color: #fff;
}

.tfoot a:link {
    color: #fff;
    text-decoration: none;
}

.tfoot a:visited {
    color: #fff;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #fff;
    text-decoration: underline;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.bottommenu {
    background: #efefef;
    color: #000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #000;
    font-size: 12px;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #000;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

fieldset {
    padding: 12px;
    border: 1px solid #0F5C8E;
    background: #F5F5F5;
    margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

fieldset.align_right {
    text-align: right;
}

input.textbox {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #0f5c8e;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

button,
input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    background: #eee url('themes/classic/sprites/buttons_bg.png') repeat-x;
    border: 1px solid #bbb;
    color: #333;
    outline: 0;
}

button:hover,
input.button:hover {
    border-color: #aaa;
}

form {
    margin: 0;
    padding: 0;
}

form input.error {
    border: 1px solid #f30;
    color: #f30;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form input.valid {
    border: 1px solid #0c0;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form label.error {
    color: #f30;
    margin: 5px;
    padding: 0px;
    display: block;
    font-weight: bold;
    font-size: 11px;
}

form #message {
    width: 500px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #ccc;
}

.post .editor_control_bar {
    background: #f5f5f5;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

img {
    border: none;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    color: #333;
    text-align: center;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage {
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.smilie {
    vertical-align: middle;
}

.smilie_pointer {
    cursor: pointer;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 4px;
    white-space: nowrap;
    text-decoration: none;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
    word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active  {
    color: #A5161A;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url('themes/classic/error.gif') no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
    padding: 3px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: none;
    color: #333;
    border: none;
    font-weight: bold;
}

.pagination a:hover {
    background: #0072BC;
    color: #fff;
    border-color: #263c30;
    text-decoration: none;
}

.pagination .go_page img {
    margin-bottom: -4px;
}

.drop_go_page {
    background: #f5f5f5;
    padding: 4px;
}

.pagination_breadcrumb {
    background-color: #efefef;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.thread_legend,
.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
    margin: 0;
    padding: 0;
        padding-bottom: 10px;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

#posts_container {
    padding: 0;
}

.ignored_post {
    border-top: 3px solid #333;
    padding: 15px;
}

.ignored_post .show_ignored_post {
    margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
    background-position: 0 -400px;
}

.post {
    overflow: hidden;
}

.post.classic {
    padding-top: 15px;
    background: #f5f5f5;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

.post .post_author div.author_avatar {
    float: left;
    margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    float: right;
    font-size: 11px;
    padding: 3px 10px 3px 5px;
    color: #666;
    line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #ccc;
    margin: 6px 0 0 0;
    padding: 6px 6px 3px 6px;
    float: none;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
}

.post.classic .post_content {
    float: left;
    width: 79%;
    padding: 0 1% 5px 1%;
}

.post_content {
    padding: 9px 10px 5px 10px;
    background: #f5f5f5;
}

.post_content .signature {
    margin-top: 5px;
    border-top: 1px dotted #ddd;
    padding: 10px 0 4px 0;
}

.post .post_meta {
    margin: 4px 0;
    font-size: 11px;
    color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
    color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
    color: #777;
}

.post_controls {
    clear: both;
    background: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    display: inline-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 11px;
    background: #026CB1 url('themes/classic/thead_bg.gif') repeat-x;
    border: 1px solid #ccc;
    color: #fff;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons a span {
    padding-left: 20px;
    display: inline-block;
    height: 16px;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
    background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
    background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
    background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
    background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
    background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
    background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
    background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
    background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
    background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
    background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
    background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
    background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
    background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
    background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
    background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
    background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
    background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
    background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #026aad url('themes/classic/thead_bg.gif') repeat-x;
    color: #fff;
    display: inline-block;
    padding: 4px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

a.button span {
    padding-left: 20px;
    display: inline-block;
    background-image: url('themes/classic/sprites/buttons_sprite.png');
    background-repeat: no-repeat;
}

a.button.new_thread_button span {
    background-position: 0 -340px;
}

a.button.new_reply_button span {
    background-position: 0 -360px;
}

a.button.closed_button span {
    background-position: 0 -380px;
}

a.button.rate_user_button span {
    background-position: 0 -400px;
}

a.button.add_buddy_button span {
    background-position: 0 -440px;
}

a.button.remove_buddy_button span {
    background-position: 0 -480px;
}

a.button.add_ignore_button span {
    background-position: 0 -460px;
}

a.button.remove_ignore_button span {
    background-position: 0 -500px;
}

a.button.report_user_button span {
    background-position: 0 -520px;
}

.quick_jump {
    background: url('themes/classic/jump.gif') no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    margin-top: -3px;
    border: none;
}

.pollbar {
    background: url('themes/classic/pollbar.gif') top left repeat-x;
    border: 1px solid #3f3f3f;
    height: 10px;
}

.pollbar .percent {
    display: none;
}

.posticons_label {
    white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
    position: absolute;
}

.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
    left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom:    0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    border-radius: 5px;
}

.jGrowl .jGrowl-notification {
    min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

.jGrowl .jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
    .jGrowl {
        display: none;
    }
}

/** jGrowl End **/

/** Modal Start **/

.modal {
    display: none;
    width: 400px;
    text-align: left;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url('themes/classic/close.gif') no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url('themes/classic/spinner_big.gif') no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    max-width:90%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi .jqiclose {
    position: absolute;
    top: 4px; right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-weight: bold;
}

div.jqi .jqistate {
    background-color: #fff;
}

div.jqi .jqititle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
    padding: 10px;
    line-height: 20px;
    color: #444444;
}

div.jqi .jqibuttons {
    text-align: right;
    margin: 0 -7px -7px -7px;
    border-top: solid 1px #e4e4e4;
    background-color: #f4f4f4;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
    margin: 0;
    padding: 15px 20px;
    background-color: transparent;
    font-weight: normal;
    border: none;
    border-left: solid 1px #e4e4e4;
    color: #777;
    font-weight: bold;
    font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
    color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
    color: #287ade;
    outline: none;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
    background-color: #777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
    position: absolute;
    top: 0;
    left: 20%;
    width: 60%;
    padding: 7px;
    border: solid 1px #eeeeee;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
    padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
    position: absolute;
    height: 0; width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

/** Impromptu End */
            



showthread.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: showthread.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

ul.thread_tools,
ul.thread_tools li {
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.thread_tools li {
 padding-left: 24px;
 padding-bottom: 4px;
 margin-bottom: 3px;
 font-size: 11px;
 /* background-image: url('themes/classic/sprites/showthread_sprite.png'); */ /** for sprite usage **/
 background-repeat: no-repeat;
}

ul.thread_tools li.printable {
/*  background-position: 0 0; */ /** for sprite usage **/
    background-image: url('themes/classic/printable.gif');  /** for individual icon usage **/
}

ul.thread_tools li.sendthread {
/*  background-position: 0 -20px; */ /** for sprite usage **/
    background-image: url('themes/classic/send.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_add {
/*  background-position: 0 -40px; */ /** for sprite usage **/
    background-image: url('themes/classic/subscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.subscription_remove {
/*  background-position: 0 -60px; */ /** for sprite usage **/
    background-image: url('themes/classic/unsubscribe.gif');  /** for individual icon usage **/
}

ul.thread_tools li.poll {
/* background-position: 0 -80px; */ /** for sprite usage **/
    background-image: url('themes/classic/poll.png');  /** for individual icon usage **/
}

.showthread_spinner {
 margin: 0 auto;
 display: block;
 text-align: center;
 padding: 20px;
 width: 100%;
}



thread_status.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: thread_status.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.thread_status {
 display: inline-block;
 /* height: 16px; */ /** for sprite usage **/
 /* background-image: url('themes/classic/sprites/folders_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
 /* width: 16px; */ /** for sprite usage **/
 height: 18px;
 width: 18px;
}

.thread_status.dot_folder {
/* background-position: 0 0; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_folder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_hotfolder {
/* background-position: 0 -20px; */ /** for sprite usage **/
  background-image: url('themes/classic/dot_hotfolder.gif');  /** for individual folder icon usage **/ 
}

.thread_status.dot_hotlockfolder {
 background-position: 0 -40px; /** for sprite usage **/
 background-image: url('themes/classic/dot_hotlockfolder.gif'); */ /** for individual folder icon usage **/
}

.thread_status.dot_lockfolder {
/* background-position: 0 -60px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_lockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.dot_newfolder {
/* background-position: 0 -80px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotfolder {
/* background-position: 0 -100px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newhotlockfolder {
/* background-position: 0 -120px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newhotlockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.dot_newlockfolder {
/* background-position: 0 -140px; */ /** for sprite usage **/
 background-image: url('themes/classic/dot_newlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.folder {
/* background-position: 0 -160px; */ /** for sprite usage **/
 background-image: url('themes/classic/folder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotfolder {
/* background-position: 0 -180px; */ /** for sprite usage **/
 background-image: url('themes/classic/hotfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.hotlockfolder {
/* background-position: 0 -200px; */ /** for sprite usage **/
   background-image: url('themes/classic/hotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.lockfolder {
/* background-position: 0 -220px; */ /** for sprite usage **/
   background-image: url('themes/classic/lockfolder.gif');  /** for individual folder icon usage **/
}

.thread_status.movefolder {
/* background-position: 0 -240px; */ /** for sprite usage **/
    background-image: url('themes/classic/movefolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newfolder {
/* background-position: 0 -260px; */ /** for sprite usage **/
    background-image: url('themes/classic/newfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotfolder {
/* background-position: 0 -280px; */ /** for sprite usage **/
 background-image: url('themes/classic/newhotfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newhotlockfolder {
/* background-position: 0 -300px; */ /** for sprite usage **/
    background-image: url('themes/classic/newhotlockfolder.gif'); /** for individual folder icon usage **/
}

.thread_status.newlockfolder {
/* background-position: 0 -320px; */ /** for sprite usage **/
    background-image: url('themes/classic/newlockfolder.gif');  /** for individual folder icon usage **/
}




css3.css continuation progress so far:



/*
 * MyBB: Classic Frontend Theme 
 *
 * File: css3.css File
 * 
 * Authors: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
 border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
 border-right: 0;
}

.tborder {
 width: 100%;
 margin: auto auto;
 border: 1px solid #0F5C8E;
}

.tborder tbody tr:last-child td {
 border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
}

.tborder tbody tr:last-child td:last-child {
}

.thead {
}

.thead_collapsed {
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}

.thead_left {
}

.thead_right {
}

.tcat_menu {
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
}


input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea {

}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

button,
input.button,
.editor_control_bar,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.post.classic .post_author {
 -moz-border-radius: 0 6px 6px 0;
 -webkit-border-radius: 0 6px 6px 0;
 border-radius: 0 6px 6px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}

.popup_menu .popup_item_container:last-child .popup_item {
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}

.pagination a {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}

.pollbar {
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

modcp.css continuation progress so far:


/*
 * MyBB: Classic Frontend Theme 
 *
 * File: modcp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.modcp_nav_item {
 display: block;
 padding: 1px 0 1px 23px;
/* background-image: url('themes/classic/sprites/modcp_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
}

.modcp_nav_home {
/* background-position: 0 0;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/home.gif');  /** for individual icon usage **/
} 

.modcp_nav_announcements {
/* background-position: 0 -20px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/announcements.gif');  /** for individual icon usage **/
}

.modcp_nav_reports {
/* background-position: 0 -40px;   */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/reports.gif');  /** for individual icon usage **/
}

.modcp_nav_modqueue {
/* background-position: 0 -60px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/modqueue.gif');  /** for individual icon usage **/
}

.modcp_nav_modlogs {
/* background-position: 0 -80px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/modlogs.gif');  /** for individual icon usage **/
}

.modcp_nav_editprofile {
/* background-position: 0 -100px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/editprofile.gif');  /** for individual icon usage **/
}

.modcp_nav_banning {
/* background-position: 0 -120px; */  /** for sprite usage **/
 background-image: url('themes/classic/modcp/banning.gif');  /** for individual icon usage **/
}

.modcp_nav_warninglogs {
/* background-position: 0 -140px;  */ /** for sprite usage **/
 background-image: url('themes/classic/modcp/warninglogs.gif');  /** for individual icon usage **/
}

.modcp_nav_ipsearch {
/* background-position: 0 -160px; */  /** for sprite usage **/
 background-image: url('themes/classic/modcp/ipsearch.gif');  /** for individual icon usage **/
}

.modqueue_message {
 overflow: auto;
 max-height: 250px;
}

.modqueue_controls {
 width: 270px;
 float: right;
 text-align: center;
 border: 1px solid #ccc;
 background: #fff;
 padding: 6px;
 font-weight: bold;
}

.modqueue_controls label {
 margin-right: 8px;
}

.label_radio_ignore,
.label_radio_delete,
.label_radio_approve {
 font-weight: bold;
}

.modqueue_meta {
 color: #444;
 font-size: 95%;
 margin-bottom: 8px;
}

.modqueue_mass {
 list-style: none;
 margin: 0;
 width: 150px;
 padding: 0;
}

.modqueue_mass li {
 margin-bottom: 4px;
 padding: 0;
}

.modqueue_mass li a {
 display: block;
 padding: 4px;
 border: 1px solid transparent;
}

.modqueue_mass li a:hover {
 background: #efefef;
 border: 1px solid #ccc;
 text-decoration: none;
}




usercp.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: usercp.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.usercp_nav_item {
 display: block;
 padding: 1px 0 1px 23px;
/* background-image: url('themes/classic/sprites/usercp_sprite.png');  */ /** for sprite usage **/
 background-repeat: no-repeat;
}

.usercp_nav_composepm {
 background-position: 0 0;   /** for sprite usage **/
 background-image: url('themes/classic/usercp/composepm.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolder {
/* background-position: 0 -20px;  */ /** for sprite usage **/
    background-image: url('themes/classic/usercp/pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_sub_pmfolder {
 padding-left: 40px;
/* background-position: 0 -40px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/sub_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_trash_pmfolder {
 padding-left: 40px;
/* background-position: 0 -60px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/trash_pmfolder.gif');  /** for individual icon usage **/
}

.usercp_nav_pmtracking {
/* background-position: 0 -80px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/pmtracking.gif');  /** for individual icon usage **/
}

.usercp_nav_pmfolders {
/* background-position: 0 -100px; */  /** for sprite usage **/
    background-image: url('themes/classic/usercp/editfolders.gif');  /** for individual icon usage **/
}

.usercp_nav_profile {
/* background-position: 0 -120px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/profile.gif');  /** for individual icon usage **/
}

.usercp_nav_email {
 padding-left: 40px;
/* background-position: 0 -140px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/email.gif');  /** for individual icon usage **/
}

.usercp_nav_password {
 padding-left: 40px;
/* background-position: 0 -160px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/password.gif');  /** for individual icon usage **/
}

.usercp_nav_username {
 padding-left: 40px;
/* background-position: 0 -180px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/username.gif');  /** for individual icon usage **/
} 

.usercp_nav_editsig {
 padding-left: 40px;
/* background-position: 0 -200px;   *//** for sprite usage **/
 background-image: url('themes/classic/usercp/editsig.gif');  /** for individual icon usage **/
}

.usercp_nav_avatar {
 padding-left: 40px;
/* background-position: 0 -220px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/avatar.gif');  /** for individual icon usage **/
}

.usercp_nav_options {
/* background-position: 0 -240px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/options.gif');  /** for individual icon usage **/
}

.usercp_nav_usergroups {
/* background-position: 0 -260px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/usergroups.gif');  /** for individual icon usage **/
}

.usercp_nav_editlists {
/* background-position: 0 -280px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/editlists.gif');  /** for individual icon usage **/
}

.usercp_nav_attachments {
/* background-position: 0 -300px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/attachments.gif');  /** for individual icon usage **/
}

.usercp_nav_drafts {
/* background-position: 0 -320px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/drafts.gif');  /** for individual icon usage **/
}

.usercp_nav_subscriptions {
/* background-position: 0 -340px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/subscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_fsubscriptions {
/* background-position: 0 -360px;   */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/fsubscriptions.gif');  /** for individual icon usage **/
}

.usercp_nav_viewprofile {
/* background-position: 0 -380px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/viewprofile.gif');  /** for individual icon usage **/
}

.usercp_nav_home {
/* background-position: 0 -400px;  */ /** for sprite usage **/
 background-image: url('themes/classic/usercp/home.gif');  /** for individual icon usage **/
}

.usercp_notepad {
 width: 99%;
}

.usercp_container {
 margin: 5px;
 padding: 8px;
 border:1px solid #CCCCCC;
}

.pmspace {
 float: right;
 margin: -3px 5px;
}

.pmspace_container {
 background: #fff;
 border: 1px solid #ccc;
 width: 100px;
 display: inline-block;
}

.pmspace_used {
 display: inline-block;
 color: #fff;
 margin: -1px;
}

.pmspace_used.low {
 border: 1px solid #0c5a01;
 background: #167203;
}

.pmspace_used.medium {
 background: #ff862b;
 border: 1px solid #d7611e;
}

.pmspace_used.high {
 background: #e73c3c;
 border: 1px solid #c00;
}

.pmspace_unused {
 display: inline-block;
}

.pmspace_text {
 padding: 1px 5px;
 display: inline-block;
}




star_rating.css continuation progress so far:

/*
 * MyBB: Classic Frontend Theme 
 *
 * File: star_rating.css File
 * 
 * Author: MrBrechreiz & Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.0
 * 
 */

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
 background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
 vertical-align: middle;
}

.star_rating {
 position: relative;
 width:80px;
 height:16px;
 overflow: hidden;
 list-style: none;
 margin: 0;
 padding: 0;
 background-position: left top;
}

td .star_rating {
 margin: auto;
}

.star_rating li {
 display: inline;
}

.star_rating li a,
.star_rating .current_rating {
 position: absolute;
 text-indent: -1000px;
 height: 16px;
 line-height: 16px;
 outline: none;
 overflow: hidden;
 border: none;
 top:0;
 left:0;
}

.star_rating_notrated li a:hover {
 background-position: left bottom;
}

.star_rating li a.one_star {
 width:20%;
 z-index:6;
}

.star_rating li a.two_stars {
 width:40%;
 z-index:5;
}

.star_rating li a.three_stars {
 width:60%;
 z-index:4;
}

.star_rating li a.four_stars {
 width:80%;
 z-index:3;
}

.star_rating li a.five_stars {
 width:100%;
 z-index:2;
}

.star_rating .current_rating {
 z-index:1;
 background-position: left center;
}

.star_rating_success,
.success_message {
 color: #00b200;
 font-weight: bold;
 font-size: 10px;
 margin-bottom: 10px;
}

.inline_rating {
 background: url('themes/classic/star_rating.gif') left -1000px repeat-x;
 float: left;
 vertical-align: middle;
 padding-right: 5px;
}


..... etc, etc. Plenty of images and links will be changed as well as some other further edits overall as I get around to working further on this project continuation as my time allows....

http://forumpluso.com/konu-emre-krmn-1-6...theme.html  Big Grin  Big Grin

And your point is? Classic, Classic Rtl and Classic ACP have been completed and available for several years. So the necro attempt with a theme not even on the same par is not only laughable and pointless...., but 2 seconds of reading your xml shows you are using sprites? Ie: 1.8 sprites...., lol, sorry but I will not even bother looking at your xml or your attempt any further after seeing that. Not to mention a theme is more than just an xml file...., you are usimg 1.8 images from the default image directory and not theme specific images to even attempt to create a "classic theme" and the images were completely different back then. Not to mention "classic" means not just 1.6 because the theme was around before 1.6 if you knew the history.  I did not even bother to look at the rest of the xml but I would not be shocked to see how many other things you did not even think to address. Also the welcomeblock is wider than the tborder, yes  you did ok on the welcomeblock as far as making old school, of which I could have but chose not to for reasons I will not get into at the moment except to say I kept some things current to have users that never used prior to 1.8 still comfortable while retaining mostly classic feel for older users., also the toplinks images do not display, the trow items scroll off the page, etc, etc. Want proof of that?

[Image: 1r3mds.png]

The modal is broken. Want proof?


[Image: 2coq2pc.png]
[Image: 331inhy.png]

Makes me think you borrowed some of the css from this thread as yeah the modal css has changed since then and has been changed in the released and continued updated version of classic. Just saying. Wink

Also your login has auth code mismatch:

Quote:Authorization code mismatch. Are you accessing this function correctly? Please go back and try again.


Also you have externally linked images in the css that returned a 403 forbidden notice. Why externally link in the first place? Again why I said a theme is more than just the xml file and there is more to the package. Notice I said pakage? Wink lol

Also you have hardcoded turkish text in the welcomeblock for usercp menu rather than simply use the language values in existing welcomeblock so that localization works and users are not stuck with turkish???? Same with post buttons being hardcoded in turkish well not hardcoded persay but externally linked to turkish button pack..., umm why? and why not just include the 1.6 buttons in a theme package..., ahah, notice I said package again? Wink   Or you could have done what I did and style the existing 1.8 buttons in css so that you retained full localization support and also cut down on the amount of image calls and image space. See why I said earlier some thing fron 1.8 were smarter to keep in the theme while still applying a classic feel. Also doing that way cuts down on update time when you have to upate the theme each time mybb gets updated if you even considered that factor. Nice modification of the mybb copyright in the footer also????!!!! Also you are using the 1.8 logo that was not even in concept during 1.4 or 1.6 thus also not classic??? Etc, etc, etc, sigh! The only reason why I may look at this further is to see if you used any of my work in it as that would be a direct violation of my release terms. Also since you seem to think you can do the job better than I even though the job has been completed and updated for several years, as well as used on at least a few live sites over those years, so maybe I can name you as the primary reason why I may completely remove all my projects, shares, tutorials, etc that I have shared freely over the many years because you obviously seem to think you can do it better and would like to do my job for me. How is that for Big GrinBig Grin ??!!! Huh??!! Maybe every time you post something in development I will come along and necro the hell out of it for you and post sub par work on it even if you have completed the project???!! Sound polite???!!! Food for thought! As I normally am a really patient, and giving person, thanks for being the first mybb community member to successfully piss me the f*** off! Only two other persons that even came close to that was one that tried to charge me to preview their update of mine and [email protected] versions of mybulletin from years ago and did not credit either original people when told to do so at the time when I mentioned that and the reason I wanted a preview was because I was already updating it to 1.8 and was willing to colab as there was no point in two versions. Instead I opted to be patient and let that slide and did not continue and release the updated version of mine from 1.2.x  or what not to 1.8.x that was already completed. And the other that released a theme called classic2 that still had all my work, my comments my code headers and tried to tell me it was all his and he had never seen my work..., and continued to claim such even after I pointed out my identifiers throughout his so called work...., and yeah those came close to pissing me off. Lol... so congrats on successfully pissing me off when the others could and did not.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)