CSS:
- Code:
body
{
background: #FFFFFF url(http://i48.servimg.com/u/f48/14/28/30/23/bg_pag10.png) repeat bottom center fixed;
color: #333333;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
a:link, body_alink
{
color: #FF6633;
text-decoration: none;
}
a:visited, body_avisited
{
color: #FF6600;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #999933;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #eeeeee;
color: #000000;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #FFFFFF url(http://i48.servimg.com/u/f48/14/28/30/23/titleb10.png) bottom right;
color: #000000;
font: bold 13pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 40px;
text-align:center;
}
.tcat a:link, .tcat_alink
{
color: #000000;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #000000;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66;
text-decoration: underline;
}
.thead, th
{
background: #eeeeee;
color: #333333;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #333333;
}
.thead a:visited, .thead_avisited
{
color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #CC0066;
}
.tfoot
{
background: #000000;
color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FF0066;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #333333;
border: 1px solid #cccccc; -moz-border-radius:4px;
}
.alt2Active, td.row1,td.row3.over:hover, td.row3, td.row1Right,td.row2,td.row1.over:hover, td.row3Right,td.spaceRow
{
background: #FFFFFF;
color: #333333;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #333333;
border: 1px solid #cccccc; -moz-border-radius:4px;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.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;
}
.gensmall
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px tahoma, 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;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #000000;
color: #FFFFFF;
font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 6px 6px 6px 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: #CC0033;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: #BBC7CE;
color: #000000;
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: #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 tahoma, 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; }
.svit { border-left: 1px #5c95ab solid; border-right: 1px #5c95ab solid; border-top: 1px #5c95ab dotted; border-bottom: 1px #5c95ab dotted; padding: 2px; margin-bottom: 4px;margin-left: 6px;margin-right: 6.5px;}
.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 }
Lời nhắn
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;}
#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;}
/*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;}
.slide_likebox{background:url(http://c3zone.net/users/2611/10/63/87/album/c3zfb210.png)
no-repeat!important;display:block;float:right;height:385px;padding:0;position:fixed;right:-205px;top:170px;width:247px;z-index:999}.slide_text{color:#FFF;font-family:Geneva,
Verdana,
sans-serif;font-size:8px;padding-left:10px;text-decoration:none}
#mudimPanel{-moz-box-shadow:5px
5px 5px #000;-moz-opacity:.9;-moz-transition:all 2s
ease;-webkit-box-shadow:5px 5px 5px #000;-webkit-transition:all 2s
ease;background:#FFF
url(http://c3zone.net/users/2611/10/63/87/album/go10.jpg) no-repeat
right center!important;bottom:9px!important;box-shadow:5px 5px 5px
#000;filter:alpha(opacity=90);font-size:9px!important;font-weight:700;height:47px!important;left:-333px!important;opacity:.9;padding:4px
26px 4px 4px
!important;vertical-align:middle;width:330px!important}#mudimPanel:hover{-moz-opacity:1;-moz-transition:all
1s ease;-webkit-transition:all 1s
ease;filter:alpha(opacity=100);left:0!important;opacity:1}#divInput{bottom:2px;padding:2px;position:fixed;right:3px;z-index:50}#AVIMControl{background-color:#EEE;border:1px
solid #999;bottom:-1px;display:none;padding:1px 1px
2px;position:fixed;right:0;z-index:50}#AVIMControl input,#AVIMControl
span{font-size:11px;vertical-align:middle}
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;
}