css:
- Code:
/**
* vBulletin 3.8.1 CSS
* Style: '20/11'; Style ID: 41
*/
body
{
background: #FFFFFF;
color: #000000;
font: 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
a:link, body_alink
{
color: #146f99;
}
a:visited, body_avisited
{
color: #146f99;
}
a:hover, a:active, body_ahover
{
color: #FF6600;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #666666;
}
td, th, p, li
{
font: 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #bbb8b9;
color: #666666;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #5490ab url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_c.png) repeat-x;
color: #FFFFFF;
font: bold 10pt tahoma,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: none;
}
.thead, th
{
background: #fdfee7 url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h.png) repeat;
color: #666666;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #666666;
}
.thead a:visited, .thead_avisited
{
color: #666666;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #666666;
text-decoration: none;
}
.tfoot
{
background: #ffffff url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_f.png) repeat;
color: #666666;
}
.tfoot a:link, .tfoot_alink
{
color: #666666;
}
.tfoot a:visited, .tfoot_avisited
{
color: #666666;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #666666;
text-decoration: none;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #666666;
}
.alt2, .alt2Active
{
background: #f0f8fa;
color: #666666;
}
.inlinemod
{
background: #FFFFCC;
color: #666666;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #FF4400;
}
textarea, .bginput
{
font: 10pt tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666666;
}
.navbar
{
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #666666;
font-weight: bold;
}
.fjsel
{
background: #3E5C92;
color: #E0E0F6;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background: #FFFFFF;
color: #666666;
padding: 10px;
}
.panelsurround
{
background: #FFFFFF;
color: #666666;
}
legend
{
color: #666666;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #5490ab url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_c.png) repeat-x;
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: none;
}
.vbmenu_popup
{
background: #fdfee7;
color: #666666;
}
.vbmenu_option
{
background: #fdfee7;
color: #666666;
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #666666;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #666666;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #666666;
text-decoration: none;
}
.vbmenu_hilite
{
background: #FFFFFF;
color: #666666;
font: 11px tahoma,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #666666;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #666666;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #666666;
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: none; }
.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; }
#wrap{
background:#fff;
width:1000px;
margin:auto;}
#main{
background:#fff;
width:820px;
margin:auto;}
#head1{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h1.png) top left no-repeat;
height:101px;}
#head2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h2.png) top right no-repeat;
height:101px;}
#head3{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/hqth_h10.png) top left no-repeat;
height:100px;}
#head4{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h4.png) top right no-repeat;
height:100px;}
#head5{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/510.png) top left no-repeat;
height:100px;}
#head6{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/hqth_h11.png) top right no-repeat;
height:100px;}
#head7{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/hqth_h13.png) top left no-repeat;
height:100px;}
#head8{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/hqth_h14.png) top right no-repeat;
height:100px;}
#head9{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h9.png) top left no-repeat;
height:46px;}
#head10{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h10.png) top right no-repeat;
height:46px;}
#head11{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_h11.png) no-repeat;
height:90px;}
#foot1{
background:url(http://skin-vbb.uni.cc/3x/HQTH/kubipig/20-11/images/hqth_f1.png) no-repeat;
height:135px;}
#foot2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_f2.png) top left no-repeat;
height:39px;}
#foot3{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_f3.png) top right no-repeat;
height:39px;}
#foot4{
background:url(http://i61.servimg.com/u/f61/13/61/26/37/footer11.jpg) top left no-repeat;
height:122px;}
#foot5{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/footer10.jpg) top right no-repeat;
height:122px;}
#foot6{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_f6.png) top left no-repeat;
height:98px;}
#foot7{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_f7.png) top right no-repeat;
height:98px;}
#left{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_l.png) top left repeat-y;}
#right{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_r.png) top right repeat-y;}
.footbg{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_fbg.png) bottom repeat-x;}
#footw{
width:1000px;
margin:auto;}
.headbg{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_hbg.png) top repeat-x;}
#headw{
width:1000px;
margin:auto;}
#bodybg{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_bg.png) repeat;}
#boxl{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_bl.png) top left repeat-y;}
#boxr{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_br.png) top right repeat-y;}
#cat1{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_c1.png) top left no-repeat;
height:90px;}
#cat2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_c2.png) top left no-repeat;
height:90px;
margin-left:156px;}
#cat3{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_c3.png) top right no-repeat;
height:90px;}
#bot1{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_b1.png) top left no-repeat;
height:40px;}
#bot2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_b2.png) top left no-repeat;
height:40px;
margin-left:273px;}
#bot3{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_b3.png) top right no-repeat;
height:40px;}
#boxw{
margin:0px 8px 0px 8px;
background:#fff url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_bbg.png) top repeat-x;}
#catw, #catw a:link, #catw a:visited{
padding-top:24px;
font:bold 12pt tahoma;
color:#fff;
text-shadow:1px 0 1px #666666;}
#catw a:hover{
padding-top:24px;
font:bold 12pt tahoma;
color:#333;
text-decoration:none;
text-shadow:1px 0 1px #fff;}
#foott{
padding:50px 0px 0px 100px;
float:left;}
.tfoot2, .tfoot2 a:link, .tfoot2 a:visited{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_tf.gif) repeat;
font:bold 8pt tahoma;
color:#666;}
.tfoot2 a:hover{
font:bold 8pt tahoma;
color:#666;
text-decoratione: none;}
.dest{
padding:25px 0px 0px 0px;
font:bold 8pt tahoma;
font:#999;}
.tborder2{
border-bottom:1px dotted #ccc;}
#dn1{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_dn1.gif) top left no-repeat;
height:54px;}
#dn2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_dn2.gif) top left no-repeat;
height:54px;
margin-left:20px;}
#dn3{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/hqth_dn3.gif) top right no-repeat;
height:54px;}
#dnw{
width:646px;
float:right;
padding:19px 90px 0px 0px;}
.dnt{
padding:0;
color:#c0270e;
font: bold8pt tahoma;}
#pb1{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb1.png) top left no-repeat;
height:90px;}
#pb2{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb2.png) top repeat-x;
height:90px;}
#pb3{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb3.png) top right no-repeat;
height:90px;}
#pb4{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb4.png) top left no-repeat;
height:38px;}
#pb5{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb5.png) top repeat-x;
height:38px;}
#pb6{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pb6.png) top right no-repeat;
height:38px;}
#pbl{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pbl.png) bottom left no-repeat;}
#pbr{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/lbb/pbr.png) top right no-repeat;}
.pbg{
background:#fff;
border-left:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
margin-left:54px;
width:738px;
}
.toolt, .toolt a:link, .toolt a:visited{
font:bold 8pt tahoma;
color:#666;}
.toolt a:hover{
font:bold 8pt tahoma;
color:#666;
text-decoration: none;}
#toolw{
padding:49px 35px 0px 0px;}
/* 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: ;
}
.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;
}