CSS:
- Code:
.floatcontainer::after, .formcontrols .blockrow::after, dl.stats::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.floatcontainer, .formcontrols .blockrow, dl.stats {
display: block;
}
body {
width: 984px;
min-width: 650px;
max-width: auto;
margin: 0px auto 0px auto;
font-size: 13px;
color: #3E3E3E;
line-height: 1.230;
background-image: none;
background-color: #CCC;
}
.body_wrapper {
padding: 0px 20px 10px 20px;
background: #FDFDFD none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.above_body {
background: #4D5F80 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/gradient-grey-down.png) repeat-x;
_background-image: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.doc_header {
_background-image: none;
border: ;
color: #A8A8A8;
font: normal normal normal 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
}
.doc_header a {
color: ;
}
.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
height: 2em;
}
.toplinks {
position: absolute;
right: 20px;
top: 0;
color: white;
font: normal normal normal 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
text-align: right;
}
.toplinks ul.nouser {
display: block;
float: right;
clear: left;
list-style: none;
padding: 0px!important;
margin-top: 0px;
}
.toplinks ul.nouser li {
display: inline;
}
.toplinks ul.nouser li a {
display: block;
float: right;
clear: left;
color: white;
position: relative;
padding: 6px 10px 0 10px;
background: #6179A2;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
height: 20px;
font-weight: bold;
font-size: 12px;
margin-right: 10px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.toplinks form {
min-width: 220px;
display: block;
margin-right: 10px;
text-align: left;
float: right;
clear: left;
_width: 30%;
}
.toplinks .logindetails {
padding: 0 10px;
text-align: center;
background: #6179A2;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
height: 26px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border: none;
}
.toplinks form input {
margin: 3px 0 0;
vertical-align: baseline;
font-size: 11px;
padding: 1px;
border: 0;
}
.textbox, textarea, select {
background: white none;
border: solid 1px #8F95BF;
padding: 4px 5px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cb_cookieuser_navbar {
position: relative;
top: 2px;
}
.toplinks form input.loginbutton {
font-size: 11px;
padding: 0 5px;
background-color: ;
border: solid 1px #8F95BF;
}
.navbar {
position: relative;
height: 53px;
background: url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/navbar.png) repeat-x center bottom;
margin: 10px 0px 0px 0px;
color: white;
font: bold 11px Arial,Calibri,Verdana,Geneva,sans-serif;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.navtabs {
background: #6179A2 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/navtab.png) repeat-x;
padding: 0px 0px 0px 0px;
height: 26px;
_background-image: none;
}
.navtabs li:first-child {
border-left: 1px solid #415D8D;
}
.navtabs li {
float: left;
border-right: 1px solid #415D8D;
list-style: none;
}
.navtabs li a.navtab {
border-top: 0px solid #CEDFEB;
border-left: 0px solid #CEDFEB;
display: block;
background: #6179A2 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/navtab.png) repeat-x;
_background-image: none;
min-width: 60px;
width: auto !important;
width: 60px;
_min-width: 75px;
_width: auto !important;
_width: 75px;
text-align: center;
color: white;
font: bold 12px Arial,Calibri,Verdana,Geneva,sans-serif;
text-decoration: none;
line-height: 26px;
}
.navtabs li a {
height: 26px;
line-height: 26px;
padding: 0 10px;
text-decoration: none;
}
.navtabs li.selected {
height: 26px;
color: black;
}
.navtabs li.selected a.navtab, .navtabs li a.navtab:hover {
color: black;
background: white url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/navtab_selectted.png) repeat-x center bottom;
_background-image: none;
position: relative;
top: -4px;
padding-top: 4px;
z-index: 10;
text-decoration: none;
}
.navtabs ul {
position: absolute;
top: 26px;
left: 0px;
border-top: 1px solid #DCE2EB;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
margin-right: -80px;
direction: ltr;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.globalsearch {
position: absolute;
width: 180px;
right: 20px;
top: 0px;
float: right;
clear: left;
text-align: right;
line-height: 1.0em;
display: block;
}
.navbar_advanced_search li {
height: 26px;
display: block;
clear: both;
list-style: none;
}
.navbar_advanced_search li a {
color: black;
text-decoration: none;
}
.navtabs ul li:first-child {
text-indent: 20px;
border-left: 0;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
#content_container {
width: 100%;
float: left;
margin-right: -290px;
padding: 10px 0;
}
#content_container #content {
margin-right: 290px;
}
#sidebar_container {
float: right;
width: 270px;
padding: 17px 0;
margin-bottom: 3em;
}
#sidebar_container > ul {
background: #F1F1F1 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/top-highlight.png) repeat-x left top;
border: 1px solid #C1C1C1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px #C8C8C8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
box-shadow: -2px 2px 2px #C8C8C8;
float: left;
width: 100%;
padding: 0px;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
background: #EEF5FF url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/top-highlight.png) repeat-x left top;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}
#sidebar_container .blocksubhead {
padding: 10px 6px 10px 6px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse {
position: static;
}
#sidebar_container .blocksubhead span.blocktitle {
width: auto;
display: block;
white-space: nowrap;
float: left;
overflow: hidden;
padding-left: 3px;
}
#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
.widget_content {
color: #424242;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/gradient-black-down.png) repeat-x;
border: 1px solid #DADADA;
_background-image: none;
padding: 10px 6px 10px 6px;
}
#sidebar_container .blockrow {
padding: 0;
border-top: 1px solid white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/gradient-black-down.png) repeat-x;
padding: 6px;
}
#sidebar_container .blockrow {
font-size: 12px;
color: #424242;
}
.widget_post_bit:first-child {
border-top: 0;
}
li {
list-style: none;
}
#sidebar_container .underblock {
height: 9px;
background: transparent url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/bottom-shadow.png) repeat-x left bottom;
}
.footer {
clear: both;
margin-top: 15px;
text-align: right;
display: block;
width: 100%;
-moz-box-shadow: -2px 2px 2px #C8C8C8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
background: #6179A2 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/navtab.png) repeat;
padding: 5px 0px 5px 0px;
border: 0px solid #435769;
color: ;
font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
}
.footer_select {
float: left;
text-align: left;
margin-left: 10px;
margin-top: 0;
}
.footer_links {
margin-right: 10px;
margin-top: 2px;
}
.footer_links li {
display: inline;
margin-left: 5px;
}
.forumhead .forumtitle, .forumhead span, .forumhead .collapse, forumhead h2 span {
display: block;
float: left;
clear: right;
font: bold 12px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
padding: 4px 0;
color: white;
}
.forumhead h2, .forumhead h2 {
margin-left: 10px;
margin-right: 3px;
}
.forumhead a.collapse img {
position: absolute;
display: block;
width: 13px;
height: 13px;
overflow: hidden;
background: transparent url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/collapse_collapsed_40b.png) no-repeat;
float: right;
clear: left;
}
.forumhead {
padding-top: 12px;
padding-bottom: 8px;
padding-right: 2px;
border-bottom: 1px solid #8F95BF;
}
.forumhead {
background: #3D5EA0 url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/newbtn_middle.png) repeat-x;
_background-image: none;
padding: 0;
font: bold 12px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
clear: both;
margin-top: 8px;
float: left;
border: 0px solid #5A7F97;
width: 100%;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.forumhead .forumtitle {
font-size: 13;
min-width: 97%;
}
td.row1.over:hover, td.row3Right, td.spaceRow, .alt1, .alt1Active, td.row1, td.row3.over:hover, td.row3, td.row1Right, td.row2, .alt2, .alt2Active {
background: #F5F9FB url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/grey-u10.png) repeat-x left bottom;
border-bottom: 1px solid #C4C4C4;
padding: 3px;
}
.topictitle, h1, h2 {
color: #FFF;
font-size: 12px;
font-weight: 700;
}
a:link{
text-decoration: none;
}
a:hover {
text-decoration: none!important;
}
.tborder, .forumline {
background: #F3F3F3;
color: black;
border-bottom: 1px solid #C4C4C4;
border-left: 1px solid #C4C4C4;
border-right: 1px solid #C4C4C4;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-box-shadow: -1px 1px 3px rgba(000, 000, 000, 0.3),inset 0px 0px 1px rgba(255, 255, 255, 0.6);
-webkit-box-shadow: -1px 1px 3px rgba(000, 000, 000, 0.3),inset 0px 0px 1px rgba(255, 255, 255, 0.6);
}
#dd4all {
text-align: justify!important;
}
.blocksubhead {
font: normal 12px;
color: #3E3E3E;
background: #E9E9E9 none repeat-x;
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
.wgo_block .blocksubhead {
font: normal 13px;
color: #3E3E3E;
background: transparent;
}
.welcomeBody {
background: #F6F0D5;
border: 1px solid #D3CAA3;
color: #7F663A;
font-size: 13px;
line-height: 22px;
padding: 5px 14px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.wgo_block {
display: block;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-box-shadow: -2px 0px 2px #C8C8C8;
-webkit-box-shadow: -2px 0px 2px #C8C8C8;
box-shadow: -2px 0px 2px #C8C8C8;
margin-bottom: 0px;
}
.block {
background: transparent none;
clear: both;
padding: 0;
color: ;
font: ;
}
#forums *, #wgo *, #forumbits * {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
.wgo_block .blockbody {
border: 1px solid #C4C4C4;
background: #FDFEFF url(http://i967.photobucket.com/albums/ae153/ligerv/ligg/gradient-greytowhite.png) repeat-x;
_background-image: none;
}
.formcontrols {
border-right: 1px solid #B9C4CD;
border-left: 1px solid #B9C4CD;
border-bottom: 1px solid #B9C4CD;
}
.wgo_block .section {
display: block;
padding: 0 0 0.5em;
font: 12px;
color: #3E3E3E;
clear: both;
width: 100%;
}
.formcontrols > :first-child, .formcontrols .blocksubhead + .blockrow, .formcontrols .section .blockrow:first-child {
border-top: none;
}
.wgo_block .section div, .wgo_block .section ol {
padding-left: 20px;
}
#dd4all .row1 {
background: white;
border: none;
}
#sidebar_container .blocksubhead img {
vertical-align: middle;
float: right;
}
.quote IMG { max-width: 650px } .quote IMG:hover { max-width: 100% }
.code IMG { max-width: 650px } .code IMG:hover { max-width: 100% } .code
{ BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;
DISPLAY: block; FONT-SIZE: 11px; OVERFLOW: scroll; BORDER-LEFT: #cccccc
1px solid; WIDTH: 440px; COLOR: #4f0505; BORDER-BOTTOM: #cccccc 1px
solid; FONT-FAMILY: Courier,CourierNew,sans-serif; HEIGHT: auto;
BACKGROUND-COLOR: #fff; max-height: 250px } .quote { BORDER-RIGHT:
#d1d7dc 1px solid; BORDER-TOP: #d1d7dc 1px solid; FONT-SIZE: 11px;
BORDER-LEFT: #d1d7dc 1px solid; COLOR: #444444; LINE-HEIGHT: 125%;
BORDER-BOTTOM: #d1d7dc 1px solid; FONT-FAMILY:
Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fafafa }
#tooltip {
padding:0;
max-width: 50% !important;
color: #000;
background: #cfe0fa none ;
_background-image: none;
border: 2px #fff solid; -moz-border-radius: 3px;border-radius: 3px;
font-size:0.8em;text-align: left;
}
* html #tooltip {
width: 30%;
}
#tooltip * {
margin:2px 5px 2px 8px;
}
#tooltip ul {
padding: 0px 0px 0px 20px;
}
#tooltip dl {
clear:both;
position:relative;
margin-bottom: 10px;
}
#tooltip dt {
float:left;
border: medium none;
padding-top: 3px;
width: 50%;
}
#tooltip dd {
margin-left: 50%;
padding-left: 5px;
vertical-align: top;
}
#tooltip p.header {
margin:0;
font-size:13px;
color: green;
padding: 1px 5px;
background: #cfe0fa repeat;
font-weight: bold;
border-bottom:0px;
}
#tooltip p {
padding: 6px;
color: #666666;
font-size:11px;text-align: left;
}
.title_small{padding: 2px;
border-bottom: 1px #DBDBDB dashed;
font-size: 10px;
font-style: italic;}
span[style="color: rgb(245, 10, 49);"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/admin10.gif);padding-right:2px;}
span[style="color:#F50A31"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/admin10.gif);padding-right:2px;}
span[style="color: rgb(147, 14, 235);"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/smod_210.gif);padding-right:2px;}
span[style="color:#930EEB"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/smod_210.gif);padding-right:2px;}
span[style="color: rgb(2, 160, 20);"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/mod_110.gif);padding-right:2px;}
span[style="color:#02A114"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/mod_110.gif);padding-right:2px;}
span[style="color: rgb(232, 203, 12);"]:before{content: url(http://i48.servimg.com/u/f48/14/28/30/23/icon_v10.gif);padding-right:2px;}
span[style="color:#E8CB0C"]:before{content: url(http://i48.servimg.com/u/f48/14/28/30/23/icon_v10.gif);padding-right:2px;}
span[style="color: rgb(130, 70, 5);"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/member10.gif);padding-right:2px;}
span[style="color:#824605"]:before{content: url(http://i41.servimg.com/u/f41/16/71/94/24/member10.gif);padding-right:2px;}
a:link
{text-decoration: none;font-size: none;}
a:hover
{text-decoration: none;font-size: none;background-image:url(http://i64.servimg.com/u/f64/13/54/69/46/th_18511.gif);}
a:active{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
a.forumtitle {
text-decoration: none;
}
a.forumtitle:hover {
text-decoration: none;
}
a.forumtitle:active {
text-decoration: none;
}a.topictitle {
text-decoration: bold;
}
a.topictitle:hover {
text-decoration: none;
}
a.topictitle:active {
text-decoration: none;
}
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}
.postbody img:hover{
max-width:1600px;
overflow:auto;
}
.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto; background: #FFFFCC url(http://i292.photobucket.com/albums/mm30/huylordno1/resizeimg.jpg) top left no-repeat;}