Classic Blue for 3.8.2

[kakers]

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]

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:

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]

wow great..

[ctforumsdotorg]

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

https://vborg.vbsupport.ru/

[kamrul]

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

http://completewebmasters.com/screen.jpg

you have to edit by ownself.

something like that
<div style="float:left" class="buttons">


for every button

[Llandy]

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

[kakers]

Thanks for loving my style :)

[kakers]

Who is the Original Designer ?

[kakers]

you know the better thn me.

I don't know the naem ;)

[Princeton]

Who is the Original Designer ?
are you saying that you are not the designer?