» 
Giới tính
thay lần lượt:CSS,Inde_body,index_box,footer,header
demo:www.vn-xiteen.tk
demo:www.vn-xiteen.tk
- Code:
<style type="text/css" id="vbulletin_css">
/**
* vBulletin 3.8.4 CSS
* Style: 'StyleTeen'; Style ID: 61
*/
body
{
background: url(http://4r.phongcachteen.vn/mrdenpro/bgpct.png) bottom center fixed;;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
a:link, body_alink
{
color: #22229C;
}
a:visited, body_avisited
{
color: #22229C;
}
a:hover, a:active, body_ahover
{
color: #FF4400;
}
.page
{
background: #FFFFFF;
color: #000000;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #D1D1E1;
color: #000000;
border: 1px solid #0B198C;
}
.tcat
{
background: #869BBF url(http://4r.phongcachteen.vn/images/gradients/gradient_tcat.gif) repeat-x top left;
color: #FFFFFF;
font: bold 10pt 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: #FFFF66;
text-decoration: underline;
}
.thead
{
background: #5C7099 url(http://4r.phongcachteen.vn/images/gradients/gradient_thead.gif) repeat-x top left;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00;
}
.tfoot
{
background: #3E5C92;
color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
color: #E0E0F6;
}
.tfoot a:visited, .tfoot_avisited
{
color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background: #F5F5FF;
color: #000000;
}
.alt2, .alt2Active
{
background: #E1E4F2;
color: #000000;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt 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 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
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
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px 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: #E4E7F5 url(http://4r.phongcachteen.vn/images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #D1D4E0 url(http://4r.phongcachteen.vn/images/gradients/gradient_panelsurround.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #738FBF;
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: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: #BBC7CE;
color: #000000;
font: 11px 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 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;
}
body
{
color: #333333;
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding 0px;
}
a:link, body_alink
{
color: #3f3b03;
text-decoration: none;
}
a:visited, body_avisited
{
color: #3f3b03;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #3f3b03;
text-decoration: none;
}
.page
{
background: #ffffff;
color: #333333;
}
td, th, p, li
{
font: 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #fffffd;
color: #333333;
border: 1px solid #fee8ff;
}
.tcat
{
background: url(http://4r.phongcachteen.vn/mrdenpro/tcat.png) bottom right;
color: #000000;
font: bold 11pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
height: 40px;
}
.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: #333333;
text-decoration: underline;
}
.thead
{
background: url(http://4r.phongcachteen.vn/mrdenpro/nenbaiviet.png);
color: #000000;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight:bold;
}
.thead a:link, .thead_alink
{
color: #000000;
}
.thead a:visited, .thead_avisited
{
color: #ffffff;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #ffffff;
}
.tfoot
{
background: url(http://4r.phongcachteen.vn/mrdenpro/bg.png);
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: #FFFFFF;
}
.alt1, .alt1Active
{
background: #ffffff;
color: #333333;
border: 1px solid #dbdbdb; -moz-border-radius:5px;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #333333;
border: 1px solid #dbdbdb; -moz-border-radius:5px;
}
.inlinemod
{
background: #FFFFFF;
color: #333333;
}
.wysiwyg
{
background: #FFFFFF;
color: #333333;
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: #333333;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #333333;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #333333;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
background: #af3c09;
color: #FFFFFF;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #f3f3f3;
padding: 2px;
-moz-border-radius:5px;
}
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: #333333;
}
.navbar
{
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #333333;
font-weight: bold;
}
.fjsel
{
background: #FFFFFF;
color: #c801c1;
}
.fjdpth0
{
background: #FFFFFF;
color: #c200d3;
}
.panel
{
background: #EEEEEE;
color: #333333;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #EEEEEE;
color: #333333;
}
legend
{
color: #c200d3;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background:url(http://4r.phongcachteen.vn/mrdenpro/menu.png) ;height: 30px;
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: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #333333;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: url(http://4r.phongcachteen.vn/mrdenpro/nenbaiviet.png);
color: #ffffff;
font: 15px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #333333;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #333333;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #666666;
text-decoration: none;
}
.vbmenu_hilite
{
background: #e820ad;
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: 12pt; }
.fieldset { margin-bottom: 6px; }
.fieldset
{ -moz-border-radius: 4px;}
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; padding: 2px 2px 2px 2px;}
.user_info { color: #333333; padding: 2px; width: 180px; height: 100% }
.user_info div{ padding: 2px; }
.user_info .col1 { float: left; width: 60px; }
.user_info .col2 { color: #e120fe}
#adv { width: 180px; }
/* ***** 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; }
.explanation {
background-color:#FFFFCC; padding:3px;
}
.box2 { float:right; background: url(../../) right no-repeat; padding:0; margin:0px 0 0 0; width:400px; height:400px;}
.topboctem
{
background: url(http://4r.phongcachteen.vn/images/topboctem.png) bottom center fixed;
height: 50px;
}
.botron {
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
margin: 3px 5px;
padding: 2px;
color: #333333;
background: #EEEEEE;
font-size: 11px;
}
.khung {
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
margin: 3px 5px;
padding: 2px;
color: #333333;
background: #EEEEEE;
font-size: 11px;
}
/* ***** 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; }
.alt8, .alt8Active
{
background: #FFFFFF;
color: #111111;
font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px dashed #C0C0C0; -moz-border-radius:3px;
}
.phanthuong
{
width: auto;
border: 1px solid #CFCFCF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
float: left;
padding: 3px 5px 3px 5px;
margin: 0 3px 0 3px;
text-align: center;
}
</style>
Last edited by AnHùng on Tue Aug 16, 2011 8:23 am; edited 1 time in total
