The Arcive of Official vBulletin Modifications Site.

Classic Blue for 3.8.2 · **Released**: 05-09-2009

Install Guide

1) Upload folder upload/images/ClassicBlue in your images folder in forum root.

2) Import ClassicBlue.xml located in xml folder via AdminCP.

3) Click "Mark as Installed" if you like this skin. Thanks.

Have fun!

kakers · #2 05-10-2009, 01:37 PM

Style with name Classic blue already exits... Ouch... Sorry... But i think this isn't really matters.

p.s. = I forgot to add this. Style CSS:

PHP Code:


			
body
{
    background: #edeff4;
    color: #000000;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}
a:link, body_alink
{
    color: #315681;
    text-decoration: none;
}
a:visited, body_avisited
{
    color: #315681;
    text-decoration: none;
}
a:hover, a:active, body_ahover
{
    color: #446892;
    text-decoration: underline;
}
.page
{
    background: #edeff4;
    color: #000000;
}
td, th, p, li
{
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
    background: #D1D1E1;
    color: #000000;
    border: 1px solid #369;
}
.tcat
{
    background: #537aa6;
    color: #FFFFFF;
    font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.thead
{
    background: #698db7;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.thead a:visited, .thead_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.tfoot
{
    background: #6884a5;
    color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
    color: #E0E0F6;
    text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #E0E0F6;
    text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    color: #E0E0F6;
    text-decoration: underline;
}
.alt1, .alt1Active
{
    background: #F5F5FF;
    color: #000000;
}
.alt2, .alt2Active
{
    background: #E1E4F2;
    color: #000000;
}
.inlinemod
{
    background: #FFFFCC;
    color: #000000;
}
.wysiwyg
{
    background: #F5F5FF;
    color: #000000;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
    color: #315681;
    text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
    color: #315681;
    text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
    color: #446892;
    text-decoration: underline;
}
textarea, .bginput
{
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
    font-size: 10pt;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
    font-size: 11px;
    font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
    color: #000000;
}
.navbar
{
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
    color: #FF0000;
    font-weight: bold;
}
.fjsel
{
    background: #3E5C92;
    color: #E0E0F6;
}
.fjdpth0
{
    background: #F7F7F7;
    color: #000000;
}
.panel
{
    background: #E4E7F5;
    color: #000000;
    padding: 10px;
    border: 2px outset;
}
.panelsurround
{
    background: #D1D4E0 url(../../images/gradients/gradient_panelsurround.gif) repeat-x top left;
    color: #000000;
}
legend
{
    color: #22229C;
    font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
    background: #698db7;
    color: #FFFFFF;
    font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.vbmenu_popup
{
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #0B198C;
}
.vbmenu_option
{
    background: #BBC7CE;
    color: #000000;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
    color: #22229C;
    text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
    color: #22229C;
    text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_hilite
{
    background: #8A949E;
    color: #FFFFFF;
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
    color: #FFFFFF;
    text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ADMIN / MOD NOTICE */
.mod_bb
{
    background:#F5C7CD;
    color:#8a1f11;
    padding:.8em;
    margin-bottom:1.6em;
    border:2px solid #DC364E;
}
.mod_bb img
{
    position:relative;
    top:2px;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background-color:#e9ffe5;
    border:1px solid #bbd3f6;
    border-top:1px solid #d3e1f5;
    border-left:1px solid #d3e1f5;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    #header ul {
        clear:left;
        float:right;
        width:100%;
        list-style:none;
        margin:0 0 0 10px;
        padding:0;
    }
    #header ul li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
    }
    #header ul li input {
        display:inline;
        float:right;
        text-align:center;
        background:#eee;
        color:#000;
        text-decoration:none;
        position:relative;
    }
    #header ul li a {
        display:block;
        float:right;
        margin:0 0 0 2px;
        padding:3px 10px;
        text-align:center;
        background:#dee4ee;
        color:#000;
        text-decoration:none;
        position:relative;
        line-height:1.3em;
    }
    #header ul li a:hover {
        background:#369;
        color:#fff;
    }
#search-bar{padding:0px; clear:both;}
#search-bar .search-style{font-size:15px; color:#999999; border:solid 1px #CCCCCC; padding:2px;}
ul.search-options, ul.search-options li{padding:0; border:0; margin:0; list-style:none;}
ul.search-options{clear:both;}
ul.search-options li a{float:left; margin-left:1px; width:auto; padding:2px; text-decoration:none;}
#header ul.search-options li.selected a{background:#369;
        color:#fff; font-weight:bold;}

#topright {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 125px;
    width: 125px;
    background: url(http://your-images.com/example-donate.gif) no-repeat;
    text-indent: -999em;
    text-decoration: none;
}

You must add it, and style will work perfectly.

kamrul · #3 05-10-2009, 07:26 PM

wow great..

ctforumsdotorg · #4 05-10-2009, 07:28 PM

Fantastic. Love the style but their appears to be some problems with the buttons ?

kamrul · #5 05-10-2009, 07:58 PM

Quote:

Originally Posted by ctforumsdotorg

Fantastic. Love the style but their appears to be some problems with the buttons ?

you have to edit by ownself.

something like that

Code:

<div style="float:left" class="buttons">

for every button

Llandy · #6 05-10-2009, 10:31 PM

Ok "style", but seems like could need a bit more work.

kakers · #7 05-11-2009, 07:59 AM

Thanks for loving my style

kakers · #8 05-12-2009, 06:08 AM

Who is the Original Designer ?

kakers · #9 05-12-2009, 09:14 AM

Quote:

Originally Posted by kamrul

you know the better thn me.

I don't know the naem

Princeton · #10 05-12-2009, 08:45 PM

Quote:

Originally Posted by kakers

Who is the Original Designer ?

are you saying that you are not the designer?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04623 seconds Memory Usage 2,431KB Queries Executed 24 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_code (1)bbcode_php (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

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