samuka
CSS:
- Code:
body
{
background: #0066FF url(http://img853.imageshack.us/img853/254/12566321181600x1200stal.jpg) repeat fixed;
color: #000000;
font: 11pt "Times New Roman", Arial, Helvetica, Geneva, sans-serif;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
a:link, body_alink
{
color: #1a98f9;
text-decoration: none;
}
a:visited, body_avisited
{
color: #1a98f9;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #1a98f9;
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: #EDEDED;
color: #333333;
border: 0px solid #000000;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
background: #69cbfe url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_bg.jpg) repeat;
color: #FFFFFF;
font: bold 13pt 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: #FF34AD url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/thead_bg.gif) repeat-x;
color: #FFFFFF;
font: bold 8pt 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: none;
}
.tfoot
{
background: #ff62be url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tfoot_bg.gif) repeat;
color: #FFFFFF;
font: bold 9pt tahoma;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #000000;
}
.alt2, .alt2Active
{
background: #F5F5F5 url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/alt2.gif) repeat;
color: #000000;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #FFFFFF;
color: #000000;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 11pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 11pt;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
background: #1a98f9;
color: #ffffff;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
color: #000000;
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: #666686;
font-family: tahoma;
}
.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;
}
.panel
{
background: #FFFFFF;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #FFFFFF;
color: #000000;
}
legend
{
color: #1a98f9;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #dae7f0;
}
.vbmenu_option
{
background: #EBEBEB;
color: #1a98f9;
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: #1a98f9;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #1a98f9;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #0033FF;
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;
}
.vbmenu_control
{
background: #ff62be url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tfoot_bg.gif) repeat;
border: 0px solid #a9a9a9;
padding: 3px;
margin: 3px;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.blast
{
background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/blast.gif) no-repeat top left;
color: #000000;
font: italic 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a img {
color: #FFFFFF;
}
.tcat_top_bgZZZ
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_bg.jpg) no-repeat; height: 150px; }
#ptitle{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/ptitle.gif) no-repeat;
height:106px;
margin:10px 8px 0px 0px;
}
.tcat_left
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_left.gif) no-repeat; width: 300px; height: 150px; }
.tcat_bar_right
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_layout/bar_right.gif) no-repeat; width: 217px; height: 150px; }
.tcat_bar_left
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/bar_left.gif) no-repeat; width: 31px; height: 150px; }
.tcat_bar_bg
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/bar_bg.gif) no-repeat top; width: 525px; height: 45px; }
#titlet{
width:685px;
font:18px arial,verdana,tahoma,arial;
color:#c83a14;
padding:0px 0px 3px 0px;
border-bottom:1px dashed #777777;}
.tcat_bottom
{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_bottom.gif) no-repeat; width: 762px; height: 60px; }
.tcat_bg
{
background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_bg.jpg) repeat-y center;
width: 762px;
}
.hackinfo,.navlist div a,.navlist div a:active,.navlist div a:link,.navlist div a:visited{
Font:12px verdana,arial,helvetica,sans-serif;
Border:1px solid #E1E4F2;
Width:165px;
Display:block;
Padding:3px 3px 3px 7px;
Background:#ffffff;
Color:#000099;
Text-decoration:none
}
.navlist div a:hover{
Border-width:0px;
Border-top:1px solid #e1e1e1;
Border-bottom:1px solid #e1e1e1;
Background:#E1E4F2;
Color:#000000
}
.navlist div.account a{padding-left:20px;Width:165px;text-transform:lowercase}
#avat{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/ava1.gif) center no-repeat;
height:28px;}
#avab{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/ava3.gif) center no-repeat;
height:46px;}
.avatop{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/ava2.gif) top no-repeat;
height:100%;}
.avabg{
background:url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/avabg.gif) center repeat-y;}
#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:550px;}
.postbody img:hover{
max-width:800px;
overflow:auto;
}
.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto;
}
.code{
font-family: courier new;
font-size: 12px;
color: #7FFF00;
line-height: 125%;
background-color: #A9A9A9;
max-width: 600px;
border: #d1d7dc;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px; text-indent: 2em;
line-height: 125%; min-width:500px; padding:6px;
border:1px solid #d4d4d4;
background: #D2E4F2 url('http://i78.servimg.com/u/f78/15/88/80/70/quote10.gif') no-repeat top left;
}
.quote .quote {background-color:#EFE0E6}
.quote .quote .quote {background-color:#EBEADD}
.quote table {margin:5px 16px 0 16px;text-indent:0px!important}
fieldset {margin-top:10px;
padding:5px;
border:1.5px dashed #000000;
}
legend {
background: url('http://vinaanh.com/images0/42640/f/4a064db29d720_f.gif') left no-repeat;
padding-left: 30px;
font-size:12px;
padding:3px 10px 3px 10px;
border:2px solid #000000;
margin-left: 10px;
background:#868686;
color: #FFFFFF;
font-weight: bold;
}
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cat_cen"></div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><div class="tcat_left"></div></td>
<td class="tcat_bar_bg" nowrap="nowrap" valign="top">
<table style="margin-top: 80px; margin-left: 100px;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td nowrap="nowrap">
<span class="secondarytitle"><font color=white><strong>{catrow.tablehead.L_FORUM}</strong></font></span>
</td></tr>
</tbody></table>
</td>
</tr>
</table>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr align="center">
<td class="thead"> </td>
<td class="thead" width="50%" align="left">Chuyên m?c</td>
<td class="thead" width="50%">Bài m?i g?i</td>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tbody id="collapseobj_forumbit_1" style="">
<tr align="center">
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="alt2">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td width="60%" class="alt1Active" align="left" id="f3" bgcolor="#FFFFFF" onMouseOver="this.style.backgroundColor='#FFFFFF'; " onMouseOut="this.style.backgroundColor='#FFFFFF';">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="alt2" nowrap="nowrap" width="40%">
<div class="smallfont" align="left">
<img src="http://i61.servimg.com/u/f61/13/61/26/37/forum_10.gif"/>
{catrow.forumrow.LAST_POST}
</div><br>
<div align="center"><div style="background-color: #fff;width: 270px;-moz-border-radius: 4px; border-radius: 4px;border: 1px dotted #e7e7e7;">
<span class="genmed"><b>»</b> Ch? d? : <font size="2" color="red"><b>{catrow.forumrow.TOPICS}</b></font> | <b>»</b> S? bài : <font size="2" color="orange"><b>{catrow.forumrow.POSTS}</b></font></span></div>
</div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr></tbody>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --><br>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody>
<tr>
<td class="tfoot" align="center" colspan="6"><div class="smallfont"><strong>
<a href="U_MARK_READ" rel="nofollow">Ðánh d?u dã d?c</a>
-
<a href="/groups" rel="nofollow">Nhóm di?u hành</a>
</strong></div></td>
</tr>
</tbody>
</table>