enlighten skin - css
/**
* vBulletin 3.8.4 CSS
* Style: 'enlighten'; Style ID: 79
*/
body
{
background: #DCDCB7 url(http://www.extremepixels.com/forum/enlighten/misc/bg.gif);
color: #4d4d4d;
font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
MARGIN-TOP: 10px;
MARGIN-BOTTOM: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
}
a:link, body_alink
{
color: #5d5d5e;
}
a:visited, body_avisited
{
color: #5d5d5e;
}
a:hover, a:active, body_ahover
{
color: #99977e;
}
.page
{
background: #ebebe2;
color: #4d4d4d;
}
td, th, p, li
{
font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #d9d9c2;
color: #555A5F;
border: 1px solid #f5f5e7;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #ffeb7a url(http://www.extremepixels.com/forum/enlighten/misc/cat_back.gif) repeat-x top left;
color: #8e4c08;
font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #8e4c08;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #8e4c08;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #b97025;
text-decoration: none;
}
.thead, th
{
background: #e6e6d8 url(http://www.extremepixels.com/forum/enlighten/misc/strip_back.gif) repeat-x top left;
color: #767569;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #767569;
}
.thead a:visited, .thead_avisited
{
color: #767569;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #99977e;
}
.tfoot
{
background: #ebebe2;
color: #4d4d4d;
}
.tfoot a:link, .tfoot_alink
{
color: #5d5d5e;
}
.tfoot a:visited, .tfoot_avisited
{
color: #5d5d5e;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #99977e;
}
.alt1, .alt1Active
{
background: #eeeee0;
color: #626262;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.alt2, .alt2Active
{
background: #eaeadb;
color: #4d4d4d;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.inlinemod
{
background: #FFFFCC;
color: #4d4d4d;
}
.wysiwyg
{
background: #f5f5ef;
color: #4d4d4d;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
background: #f5f5ef;
color: #4d4d4d;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 9pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
background: #f5f5ef;
color: #767569;
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
{
color: #5d5d5e;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #f9612c;
}
.navbar
{
color: #5d5d5e;
font: 10px 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: #f5f5ef;
color: #4d4d4d;
padding: 10px;
border: 1px solid #cccccc;
}
.panelsurround
{
background: #eaeadb;
color: #4d4d4d;
}
legend
{
color: #4d4d4d;
font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #eaeadb url(http://www.extremepixels.com/forum/enlighten/misc/cat_back.gif) repeat-x top;
color: #767663;
font: 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: #767663;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #767663;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #6B6B50;
text-decoration: none;
}
.vbmenu_popup
{
background: #cfcfa4;
color: #848450;
text-align: left;
}
.vbmenu_option
{
background: #e9e9cf;
color: #848450;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border-left: 1px solid #fbfbd3;
border-top: 1px solid #fbfbd3;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #848450;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #848450;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #b0b051;
text-decoration: none;
}
.vbmenu_hilite
{
background: #dfdfc2;
color: #848450;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
border-left: 1px solid #fbfbd3;
border-top: 1px solid #fbfbd3;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #848450;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #848450;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #848450;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }
/* ***** 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: none; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #767569; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** Begin eXtremepixels custom CSS properties ***** */
/* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#logo {
background: url(http://www.extremepixels.com/forum/enlighten/misc/header_logo.gif);
width: 197px;
height: 102px;
float: left;
margin: 0;
padding: 0;
}
/* ***** sets background for header area - No need to change this ***** */
#hdr {
background: #F7632F url(http://www.extremepixels.com/forum/enlighten/misc/header_back.gif) ;
width: 100%;
height: 102px;
margin: 0;
padding: 0;
}
/* ***** SETS HEADER RIGHT SIDE AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
#hdr_rs {
background: url(http://www.extremepixels.com/forum/enlighten/misc/header_rs.gif);
width: 34px;
height: 102px;
float: right;
padding: 0;
}
/* ***** NAVIGATION BOTTOM ***** */
#nav_btm {
background: url(http://www.extremepixels.com/forum/enlighten/misc/nav_btm.gif);
width: 100%;
height: 10px;
margin: 0;
padding: 0;
}
/* ***** used to create shadow affect for sides ***** */
#brd_in {
border-left: 2px solid #F5F5F5;
border-right: 2px solid #F5F5F5;
}
/* ***** used to create shadow affect for sides ***** */
#brd_outer {
border-left: 2px solid #B3B4B2;
border-right: 2px solid #B3B4B2;
}
/* ***** used for navigation background ***** */
#nav_back {
background: #F1F1DF url(http://www.extremepixels.com/forum/enlighten/misc/nav_background.gif);
width: 100%;
height: 33px;
margin: 0;
padding: 0;
}
.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f7f7e6;
border-top: 1px solid #dedec1;
border-right: 2px solid #dedec1;
border-left: 1px solid #dedec1;
border-bottom: 2px solid #dedec1;
margin-bottom: 3px;
}
.announce_l {
background: #ececc2;
color: #4d4d4d;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.announce_r {
background: #f5f5ce;
color: #4d4d4d;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.stuck {
background: #f5f5ce;
color: #4d4d4d;
border-left: 1px solid #f5f5e7;
border-top: 1px solid #f5f5e7;
}
.spacer {
padding: 7px 7px 7px 7px;
}
/* ***** used to 1 px sides for bottom category etc ***** */
.hdr_spacer {
padding: 4px 4px 4px 4px;
}
/* ***** Navigation Link Text Properties ***** */
.h_nav {
color: #767663;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align: center;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.h_nav a:link
{
color: #767663;
text-decoration: none;
}
.h_nav a:visited
{
color: #767663;
text-decoration: none;
}
.h_nav a:hover, .h_nav a:active
{
color: #6B6B50;
text-decoration: none;
}
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
padding: 1px 1px 1px 1px;
margin: 0;
background-color: #ffffff;
background-image: none;
font: nomal 11px Tahoma;
}
#chatbox_header {
height: 33px;
}
#chatbox_header.main-head {
color: #dedfdf;
background-color: #1f537b;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 44px;
bottom: 60px;
width: 168px;
overflow: auto;
padding: 1px;
border: 1px #00000 dashed;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 7px;
font-size: 12px;
background: #fff url(http://i38.servimg.com/u/f38/14/58/28/06/cat11010.gif) no-repeat top center;
color : #00569c;
font-family: Tahoma;
}
#chatbox_members ul {
list-style: none;
font-family: Tahoma;
font-size: 12px;
}
#chatbox_members ul li {
margin: 0 2px 0 0;
padding-left: 8px;
padding-bottom: 1px;
padding-top: 1px;
background-color: #;
font-family: Tahoma;
font-size: 12px;
border-left: 6px #6699ff solid;
border-top: 1px #ff69b4 dashed;
border-bottom: 1px #ff69b4 dashed;
border-right: 1px #ff69b4 solid;
}
#chatbox {
font-family: Tahoma;
font-size: 12px;
position: absolute;
top: 44px;
left: 181px;
right: 1px;
bottom: 60px;
overflow: auto;
line-height: 10px;
background: #fff url(http://i28.servimg.com/u/f28/15/78/75/45/chatbo10.jpg) no-repeat top right;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 8px;
background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_2 {
padding: 8px;
background-color: #;
border-top: 0px;
border-bottom: 0px;
padding: 2px;
color: #2b8bc7;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_3 {
padding: 8px;
background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#030303;
float:left;
margin-right:10px;
padding:1px;
}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: Tahoma;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #FFEFFD;
border: #d5deff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.signature_div img{max-height: 300px;max-width: 200px;}
.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 15px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
}
#dhtmltooltip
{
border: #666 2.4px solid;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
font-size: 9pt;
font-family: Arial;
background-color: white;
width: auto;
max-width: 340px;
width:expression( document.body.clientWidth > 340? "340px": "auto" );
text-align:left;
}
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
background: #FFF;
color: #000; border:1px solid #CCC;
}
A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cow.ani"), url("http://i64.servimg.com/u/f64/13/54/69/46/saolap10.gif"), auto;}
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i64.servimg.com/u/f64/13/54/69/46/00510.gif
);} Pasted: Oct 29, 2010, 2:42:07 am
Views: 18