Css:
- Spoiler:
- Code:
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:720px;}
.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #E8F3FD; border-top: 1px solid #FFF; border-bottom: 1px solid #CAD9EA; }
.tabs li { list-style: none;float: left; line-height: 27px; border-right: 1px solid #CAD9EA; height: 27px; font-size: 11px; }
.tabs li.current { background: #FFF; height: 27px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; margin-bottom: 6px; }
.mainbox table { width: 100%; }
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before{
content: "Khu vực Chém gió";
}
/* Resize */
.blogmessage img {max-width: 650px;}
.blogmessage img:hover {max-width:100%;}
.code{ overflow: auto;display: block;width: auto;max-width:440px; height: auto;max-height: 200px;white-space: normal;padding-top: 5px;font: 0.9em Courier,'CourierNew',sans-serif;line-height: 1.3em;color: #2E8B57;margin: 2px 0; border: 1px solid #8F8F8F ;}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #444444;
line-height: 125%;
background-color: #fafafa;
border: #d1d7dc;
border-style: solid;
border: 1px}
a.copyright{
color: #844A21;
text-decoration: none;
}
a.copyright:hover {
color: #dd6900;
text-decoration: underline;
}
.coloradmin {
color: #ffa34f}
.colormod {
color: #006600}
.vote {
float: left;
width: 40px;
margin: 0px 1px 0px 1px;
}
.vote .vote-button {
text-align: left;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
.vote .vote-button a {
text-decoration: none !important;
}
.vote .vote-bar {
width: 3px;
height: 50px;
margin: 2 auto;
border: 1px solid #000000;
font-size: 0;
}
.vote .vote-no-bar {
letter-spacing:0px;
margin-left:0px;
white-space:nowrap;
}
.vote .vote-bar-plus {
background-color: #0f0;
}
.vote .vote-bar-minus {
background-color: #f00;
}
h1.pagetitle {
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
color: #ffa34f;
}
h1.title2 {
font-size: 11px;
}
.secondarytitle,.secondarytitle h2 {
margin: 0;
padding: 0;
color: #ffa34f;
}
.secondarytitle h2 {
display:inline;
}
.nav h1 {
display: inline;
}
.hierarchy {
display: inline;
margin: 0;
padding: 0;
text-transform: none;
border: none;
font-size: 10px;
}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #000000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #000000;
}
input.post, textarea.post, select {
background-color : #ffffff;
}
.post-options {
text-align: right;
}
.post-options img {
cursor: pointer;
vertical-align: middle;
}
input {
text-indent : 2px;
}
input.button {
background-color : #efefef;
color : #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #fafafa;
font-weight : bold;
}
input.liteoption {
background-color : #fafafa;
font-weight : normal;
}
.helpline {
background-color: #dee3e7;
border-style: none;
}
input {
background-color: #dee3e7;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #dd6900;
color: #dd6900;
background-position: 0 100%;
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
#page-footer .gen strong {
font-weight: normal;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 9px;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
/* TGF Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
position: relative;
height: 1%;
clear: both;
}
#page-footer, .clear {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#content-container #left {
width: 0px;
margin-right: px;
}
#content-container #right {
width: 0px;
margin-left: px;
}
.module-title {
font-weight: bold;
margin: 0 auto;
text-align: center;
display: block;
}
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
}
#dhtmltooltip
{
border: #666 2.4px solid;
-moz-opacity: 0.8; /* lam mo tooltip FF */
opacity: 0.8; /* lam mo tooltip Opera */
filter: alpha(opacity=80); /* lam mo tooltip IE */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
font-size: 10pt;
font-family: Arial;
background-color: white;
width: auto;
max-width: 340px; /* chieu rong toi da cho FF */
width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */
text-align:left;
}
#mudimPanel {
-moz-opacity: 0.4;
opacity: 0.4;
filter: alpha(opacity=40);
}
#mudimPanel:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
body
{
background: #FFF url(http://www.wallpaper-place.com/images/wallpapers/win-7-hd-wallpaper-1440x900.jpeg) top left fixed;;
color: #000000;
font: 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;;
margin: 0px;
padding: 0px;
text-align: center;
}
a:link, body_alink
{
color: #002B77;
text-decoration: none;
}
a:visited, body_avisited
{
color: #002B77;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #FF4400;
text-decoration: none;
}
.page
{
background: #FFFFFF;
color: #000000;
}
.page a:link, .page_alink
{
text-decoration: none;
}
.page a:visited, .page_avisited
{
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
text-decoration: none;
}
td, th, p, li
{
font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #FFFFFF;
color: #000000;
font-size: 10pt;
border: 1px solid #E0E0E0;
}
.tcat
{
background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/logoa_10.jpg) repeat-x top left;
color: #FFFFFF;
font: bold 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px !important;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.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: none;
}
.thead
{
background: transparent url(http://i68.servimg.com/u/f68/15/18/46/10/thead10.gif) repeat-x top left;
color: #000;
font: 11px Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px !important;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.thead a:link, .thead_alink
{
color: #000;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #000;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFCC00;
text-decoration: none;
}
..tfoot
{
background: url(hoabinhds/h1.gif) repeat;;
color: #000000;
}
.tfoot a:link, .tfoot_alink
{
color: #000000;
}
.tfoot a:visited, .tfoot_avisited
{
color: #000000;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #0066FF;
}
.alt1, .alt1Active
{
background: #FFFFFF;
color: #000000;
border: 1px solid #E0E0E0;
line-height: 135%;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
text-decoration: none;
}
.alt2, .alt2Active
{
background: #FFFFFF;
color: #000000;
border: 1px solid #E0E0E0;
line-height: 135%;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
text-decoration: none;
}
.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 5px 10px 10px 10px;
padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #002B77;
text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #002B77;
text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #FF4400;
text-decoration: none;
}
textarea, .bginput
{
font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #FF4400;
}
.navbar
{
font: 11px Segoe UI, 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://demo.vietvbb.vn/images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #D1D4E0 url(http://demo.vietvbb.vn/images/gradients/gradient_panelsurround.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #002B77;
font: 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/logoa_12.jpg) repeat-x top left;
color: #FFFFFF;
font: bold 10pt Segoe UI, tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px !important;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.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: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}
.vbmenu_option
{
background: #BBC7CE;
color: #000000;
font: 10pt Segoe UI, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #002B77;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #002B77;
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: 10pt Segoe UI, 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; }
#wrapper
{
background: transparent url(http://i69.servimg.com/u/f69/14/79/14/14/sac10.png);
text-align: left;
width: 1000px;
padding: 0px;
margin: 0 auto;
}
#wrapper2
{
background: transparent;
text-align: left;
width: 960px;
margin: 4px auto;
}
#wrapper3
{
padding: 0 8px;
}
#submenu
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://i68.servimg.com/u/f68/14/98/61/65/menu10.gif) no-repeat;
width: 100%;
text-align: left;
height: 31px;
}
a:hover{
text-decoration: none !important;
color :
#ff2c9c;
}
/* Chatbox */
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: #fffffff;
background-image: url(http://i68.servimg.com/u/f68/14/98/61/65/hinhch10.jpg);
}
#chatbox_members {
position: absolute;
top: 35px;
overflow: hidden;
height: 30px;
border-right: 0px solid ;
}
#content-container #add-google{display: none !important;height: 0px !important;
width: 0px !important;padding: 0px !important;margin: 0px !important;border: none
!important;background: nome !important;}