Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Topic giải đáp thắc mắc skin Vna.us.to ver 2

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

Topic giải đáp thắc mắc skin Vna.us.to ver 2 hết
css - file trong file nén bị lỗi nên post lên đây
Code:
/* style chuyển đến trang */
.pagination b, .pagination.topic-options b, .goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a{
font-weight: bold;
color: #EEF3F8;
background-color: #7E8A9E;
border-color: black;
border-color: rgba(0, 0, 0, 0.35);
_border-color: rgb(0,0,0);
border-top-color: black;
border-top-color: rgba(0, 0, 0, 0.5);
_border-top-color: rgb(0,0,0);
border-bottom-color: black;
border-bottom-color: rgba(0, 0, 0, 0.1);
_border-bottom-color: rgb(0,0,0);
position: relative;
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35);
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);
-khtml-box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
}
div.pagination a,.pagination b, .pagination.topic-options b, .goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a{
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;
width: 19px;
}
div.pagination a:hover,.pagination b:hover, .pagination.topic-options b:hover, .goto:hover, .pagination.topic-options a:hover, .pagination.topic-options a:active:hover, .pagination.topic-options a:link:hover, .pagination.topic-options a:visited:hover, .topic-paging a:hover{
         color: rgb(126, 138, 158);
text-decoration: none;
background-color: rgb(222, 229, 237);
border-color: rgb(199, 216, 233);
border-top-color: rgb(222, 229, 237);
text-shadow: 0 1px rgba(255,255,255,0.75);
box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
}
div.pagination a,.topic-paging a, strong.pagination a,.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a {
color: #547283;
background-color: #D0D9E2;
border-color: #B6C7DA;
border-top-color: #C7D8E9;
text-shadow: 0 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a  {
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;

}
/* style button */
.button.primary ,.button, .mainoption
{
   background-color: rgb(9, 50, 79);
}

   ul.privmsg li div.tabitem:hover,.button.primary:hover ,.button:hover, .mainoption:hover
   {
      background-color: #164975;
   }

   .button.primary:active,.button:active, .mainoption:active
   {
      background-color: rgb(6, 37, 66);
   }
.posting-options .posting-buttons li { padding-right:5px;}
 
.popmenubutton a,.popmenubutton a.addthis_button,button.button2, input.button2{
  float:left;
border: 0;
cursor: pointer;
font-weight: bold;
font-size: 12px;
font-family: ;
color: #DEE5ED;
background-color: #113D63;
border: 1px solid #113D63;
border-top-color: #164975;
border-bottom-color: #09324F;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
display: block;
text-shadow: 0 1px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.35);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}
/* style khung code quote spoiler*/
   
.codebox dt,blockquote cite,.spoiler dt{
    min-width :400px;
color: #547283;
background-color: #C7D8E9;
background-repeat: repeat-x;
background-position: top;
border-bottom: 1px solid black;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
_border-bottom: 1px solid rgb(0,0,0);
text-shadow: 0 1px rgba(255, 255, 255, 0.35);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
}

dl.codebox,blockquote,.spoiler{
  min-width :400px;
background-color: #EEF3F8;

border: 1px solid #C7D8E9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
}
.codebox dd { border:0px;}.hidecode dt+dd dt {
display: block;
}

.hidecode > dd {
max-height: 5000px;
}/*cột phải */
.topnewmem .mini-avatar img,.topposterd .mini-avatar img,.topvisit .mini-avatar img{border:.7px solid #ccc;border-radius:2px;box-shadow:0 0 1px #aaa;float:right;height:18px;margin-left:160px!important;margin-top:-0px;padding:.8px;position:absolute;width:18px}
.topnewmem .mini-avatar img:hover,.topposterd .mini-avatar img:hover,.topvisit .mini-avatar img:hover{-moz-transform:rotate(360deg);-moz-transition:all 3s ease;-webkit-transform:rotate(360deg);-webkit-transition:all 3s ease;height:100px;margin-left:130px!important;margin-top:-50px;transform:rotate(360deg);transition:all 3s ease;width:100px;z-index:999!important}
/* cột phải */
/* style vna.us.to*/

   
#userlinks{padding: .6em;}

#submenu ul li a img,.imglp , .lp8 {display:none;}
#submenu {
background: #979BA0;
color: #303B4A;
padding: 1em .65em;
text-align: right;
}
#userlinks ul li a {text-decoration: none;}

ul.privmsg li a {color: #DEE5ED;}
.bannerBox {
background: url(http://i16.servimg.com/u/f16/16/16/45/18/buonth10.jpg) no-repeat top left;
width: 610px;
height: 120px;
position: absolute;
top: 1px;
right: -670px;
}
.qreply { width:100%;}
.post-icon img { display:none;}

.ipbform2 dl,.ipbform2 dl dd,#smiley-box,.messaging-box,div.newslink,.qreply{
color: black;
background-color: #C7D8E9;
border-bottom-color: #A2B6CA;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 -1px 1px rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 -1px 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.75), inset 0 -1px 1px rgba(255,255,255,0.15);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.75), inset 0 -1px 1px rgba(255,255,255,0.15);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
}#ipbwrapper{ width: 960px;
  min-width: 960px;}
.chu{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;

}
.row2 , .row1 { background-color: #FFFFFF; border:0px;}
.borderwrapm, div.borderwrap { border:0px;}
div#logostrip {
display: table;
width: 100%;
height: 210px;
background-color: none;
}
body {
background-color: #1D2A2F !important;
background: url(http://i40.servimg.com/u/f40/17/60/05/62/bgblur10.jpg) fixed top center no-repeat;
height: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
overflow-y: scroll !important;
}

 div#logostrip, .pageWidth {
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
max-width: 1000px;
border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-khtml-border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-khtml-border-top-right-radius: 8px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-khtml-border-bottom-right-radius: 4px;
}
#submenu{
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px; }
div#logostrip #logo {
display: inline-block;
float: left;
width: 180px;
height: 125px !important;
position: absolute;
left: 50%;
margin: 70px 0px 20px -470px;
}
div#logostrip #main-title, div#logostrip #main-title h1 , tfoot{ display :none;}
#submenu{
font-size: 10px;
background-color: #3E3E40;
padding-right: 14px;
padding-left: 14px;
border: 1px solid #062542;
border-top-color: #09324F;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-khtml-border-top-right-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(255, 255, 255, 0.05);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(255, 255, 255, 0.05);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.075), inset 0 -1px 1px rgba(255,255,255,0.1), 0 0 3px rgba(255,255,255,0.05);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.075), inset 0 -1px 1px rgba(255,255,255,0.1), 0 0 3px rgba(255,255,255,0.05);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));

}
#submenu ul li a {
color: white;
font-weight: bold;
text-shadow: 0 1px #111;
text-align: center;
font-size: 12px;
}


#userlinks {
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px;
width :auto;
font-size: 12px;
}
#userlinks ul li a {
font-size: 12px;
color: #EEE;
padding: 0 12px;
margin: 0;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
line-height: 20px;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s ease, color 0.2s ease;
-moz-transition: background 0.2s ease, color 0.2s ease;
-ms-transition: background 0.2s ease, color 0.2s ease;
-o-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;
display: inline-block;
}




#content-container div#container{
 
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px;
width :930px;
  margin-top:10px;
  margin-bottom: 15px;
background-color: #FCFCFF;
padding: 0 14px 14px;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-khtml-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-top-right-radius: 5px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-khtml-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-khtml-border-bottom-left-radius: 3px;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 14px rgba(0,0,0,0.5);
-khtml-box-shadow: 0 2px 14px rgba(0,0,0,0.5);
}


#gfooter .footer-links { width :55%;}
div.maintitle , .formbuttonrow ,.topic-footer,.bar{
font-size: 12px;
color: white;
padding: 5px 10px;
margin: 3px auto 0;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
padding: 8px 15px;
margin: 0;
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
background-color: #0B75B1;
box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
-khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}.khung{

z-index: 5;
height: 350px;

line-height: 18px;
border: 1px solid #D0D9E2;
background: white;
}
.forum-desc{
margin: 3px 1px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
  width: 360px;}

table.ipbtable td.icon p a.gensmall {
display: inline-block;
text-align: left;
width: 190px;
}

#smiley-box {
width:100%;
}#submenu ul li a:hover , #userlinks ul li a:hover
         {
            text-decoration: none;
background-color: rgb(26, 61, 102);
background-image: -webkit-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -moz-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -ms-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -o-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
outline: 0;
box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -khtml-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15);

         }
#submenu ul li a
      {
         font-size: 13px;
color: #eee;
padding: 0 17px;
margin: 0;
border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px;
line-height: 20px;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s ease, color 0.2s ease;
-moz-transition: background 0.2s ease, color 0.2s ease;
-ms-transition: background 0.2s ease, color 0.2s ease;
-o-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;

display: inline-block;
      }
.sprite-icon_post_target { width :auto ; height :auto ;}
/* ©️Copyright by giObanii -MTMY. All Rights Reserved. */
#userlinks {
   background-color: #0b75b1;
   border-bottom: 1px solid rgb(26, 61, 102);
   padding-left: 14px;
   padding-right: 14px;

   box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);

   background-image: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
}
div.pagination a,div.pagination b,.pagination b, .pagination.topic-options b,.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a { padding: 2px 6px;}
.formsubtitle, table.ipbtable th.formsubtitle,table.ipbtable th{
background-color: #DEE5ED;
border: 1px solid #C7D8E9;
border-top-color: #DEE5ED;
border-bottom-color: #B6C7DA;
margin-top: -1px;
}.formsubtitle, table.ipbtable th.formsubtitle,table.ipbtable th,.borderwrap .subtitle{
font-size: 11px;
color: #557897;
background-color: #C7D8E9;
padding: 4px 10px;
border-color: #B6C7DA;
border-top: 1px solid #C7D8E9;
border-bottom-width: 1px;
border-bottom-style: solid;
line-height: 16px;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.5);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.box-content {border-bottom-color: #B6C7DA;}
/* viewtopic_body */
.postprofile-details dt {
background-color: #F0F7FC;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
  width: 104px;
margin-left: -11px;
  margin-top: -11px;
}
.post-header,.postprofile{
background: #D7EDFC url('http://c.gocmobile.net/styles/default/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
border: 1px solid #D7EDFC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
position: relative;
 
}
.postprofile {
float: left;
margin-left: -11em;
width: 124px;
}.post-container {
background-color: #EFF1F3;
margin-left: 12em;
}.post{
  background-color: #FCFCFF;


border-bottom: 1px solid #D7EDFC;
}
.postbody,.post .post-header{background-color: #FCFCFF;}

.postprofile-details img{
max-width: 96px;
max-height: 96px;
}
.postprofile-details a span {padding: 0px 30px;}
.post-footer {
clear: both;
width: 83%;
float: right;
  background-color : #FCFCFF;
  border-top:0px;
}
.foxy {
margin-left: -5px;
}
.foxy {
position: absolute;
top: 10px;
right: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: #D7EDFC;
border-right: none;
_display: none;
}.foxy {
left: 104%;
margin-left: -5px;
}
.foxy span{border-top-color:rgb(252, 252, 255);top: -6px;left: -5px}
.foxy span {
position: absolute;
top: -10px;
left: -12px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: #F0F7FC;
border-right: none;
}
.post1a{margin-left:0!important}
.post1{background:#F6F6F6;border-bottom:6px solid #EAEAEA;clear:initial;float:initial;margin-left:0!important;min-height:100px;text-shadow:#fff 0 1px 0;width:100%}
.post1b a img {
border-radius: 3px;
box-shadow: 0 0 4px black;
float: left;
margin: 4px 18px;
}
.post1b img{max-height:60px}
.post1b dt{float:left;}

.post1c {
clear: both;
width: 100%;
float:left;
background-color: #FCFCFF;
border-top: 0px;
}
.post1b dd+dd+dd{float:right;margin-right:50px;margin-top:-80px;}
.post1c li{
float: left;
  list-style: none;
}
.post1c ul.posting-icons {
float: right;
list-style: none;
margin: 5px;
}
.postprofile-details dd{text-align: center;}
.post1d{
margin: 1em;
overflow: hidden;
min-height: 60px;
border-bottom: 1px solid #D7EDFC;
}
.post1e{max-width:150px;}
/*viewtopic*/
a:link,a:active,a:visited {
    text-decoration: none;
    }

a:hover{
  text-decoration: none !important;
    }ol, ul {
list-style: none;
}li { display: list-item; }

/* colorbox*/

#cboxOverlay,#cboxWrapper,#colorbox{left:0;overflow:hidden;position:absolute;top:0;z-index:999}
#cboxOverlay{background:#000;height:100%;position:fixed;width:100%}
#cboxBottomLeft,#cboxMiddleLeft{clear:left}
#cboxContent{background:#fff;overflow:visible;position:relative; max-width:1024px;max-height:768px;}
#cboxLoadedContent{margin-bottom:5px;overflow:auto}
#cboxLoadedContent iframe{border:0;display:block;height:100%;width:100%}
#cboxTitle{bottom:-25px;color:#7C7C7C;font-weight:700;left:0;position:absolute;text-align:center;width:100%;margin:0}
#cboxLoadingGraphic,#cboxLoadingOverlay{left:0;position:absolute;top:0;width:100%}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 0;bottom:-29px;cursor:pointer;height:23px;position:absolute;text-indent:-9999px;width:23px}
#cboxTopLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 0;height:14px;width:14px}
#cboxTopCenter{background:url(http://i27.servimg.com/u/f27/15/67/36/41/border10.png) repeat-x top left;height:14px}
#cboxTopRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat -36px 0;height:14px;width:14px}
#cboxBottomLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 -32px;height:43px;width:14px}
#cboxBottomCenter{background:url(http://i27.servimg.com/u/f27/15/67/36/41/border10.png) repeat-x bottom left;height:43px}
#cboxBottomRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat -36px -32px;height:43px;width:14px}
#cboxMiddleLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) repeat-y -175px 0;width:14px}
#cboxMiddleRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) repeat-y -211px 0;width:14px}
#cboxLoadingOverlay{background:url(http://i27.servimg.com/u/f27/15/67/36/41/loadin10.png) no-repeat center center}
#cboxLoadingGraphic{background:url(http://i27.servimg.com/u/f27/15/67/36/41/loadin10.gif) no-repeat center center}
#cboxCurrent{bottom:-25px;color:#7C7C7C;font-weight:700;left:58px;position:absolute}
#cboxPrevious{background-position:-51px -25px;left:0}
#cboxPrevious.hover{background-position:-51px 0}
#cboxNext{background-position:-75px -25px;left:27px}
#cboxNext.hover{background-position:-75px 0}
#cboxClose{background-position:-100px -25px;right:0}
#cboxClose.hover{background-position:-100px 0}
.cboxSlideshow_off #cboxSlideshow{background-position:-125px -25px;right:27px}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-150px 0}
.cboxSlideshow_on #cboxSlideshow{background-position:-150px -25px;right:27px}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-125px 0}
.post1d img,.post-entry img{max-width:450px;vertical-align:middle}
.post1d img.not-colorbox,.post-entry img.not-colorbox{max-width:650px!important;vertical-align:middle}
.iconPlayer{background:url(http://i40.servimg.com/u/f40/17/70/31/89/play-o10.png) no-repeat scroll center center transparent;left:140px;top:-55px;opacity:0.8;position:absolute;z-index:99;padding:40px!important}

/* thanh bar đầu 4r */

body #moderatorBar {
font-size: 11px;
background: white url(http://i40.servimg.com/u/f40/17/60/05/62/top-me10.png) repeat-x bottom center;
position: fixed;
width: 100%;
box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
top: 0;
z-index: 999;
border-bottom: 2px solid #BDBDBD;
  left :0px;
}




body #moderatorBar a
{
   color: rgba(255,255,255,0.7);
   border-right: 1px solid rgba(0,0,0,0.25);
   border-radius: 0;
   text-shadow: 0px 1px rgba(0,0,0,0.5);
   box-shadow: 1px 0 rgba(255,255,255,0.07), inset -1px 0 rgba(255,255,255,0.07);

   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

#moderatorBar a:hover,
#moderatorBar .navTab.PopupOpen .navLink
{
   color: @primaryLighterStill;
   background-color: rgba(255,255,255,0.05);
   text-decoration: none;
}

body #moderatorBar .itemCount
{
   color: rgba(255,255,255,0.5);
   background-color: rgba(0,0,0,0.2);
   border-radius: 3px;
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.1);
}

body #moderatorBar .itemCount.alert,
body #moderatorBar .visitorTabs .itemCount
{
   color: #fff;
   background-color: #E03030;
   text-shadow: 0 1px rgba(0,0,0,0.35);
   box-shadow: inset 0 1px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.25);

   background-image: -webkit-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -moz-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -ms-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -o-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
}

body #moderatorBar .visitorTabs .itemCount.Zero
{
   display: none;
}


body #moderatorBar .pageContent
{
   padding: 0;
   margin: 0 -1px;
}

#moderatorBar .pageContent:after
{
   content: "";
   display: block;
   clear: both;
   visibility: hidden;
}

#moderatorBar .visitorTabs,
#moderatorBar .visitorTabs .navTab
{
   float: left;
}

#moderatorBar .visitorTabs .navTab:first-child .navLink,
#moderatorBar .modLink:last-of-type
{

   box-shadow: 1px 0 rgba(255,255,255,0.07), -1px 0 rgba(255,255,255,0.07), inset -1px 0 rgba(255,255,255,0.07), inset 1px 0 rgba(255,255,255,0.07);
}

#moderatorBar .modLink,
#moderatorBar .adminLink
{
   float: right;
}
#top-menu {
padding: 0px 6px;
}
#top-menu .container.mid {width:480px;float:left;}
 #top-menu ul#menu-top-menu {float:left!important;list-style-type:none!important;margin:0px!important;padding:0px!important;position:relative!important;z-index:200!important;}
 #top-menu ul#menu-top-menu li {float:left!important;padding:0px!important;margin:0px!important;position:relative!important;}
 #top-menu ul#menu-top-menu li a {display:block!important;padding:9px 12px 8px 12px!important;text-align:center!important;font-size:10px!important;color:#000!important;font-weight:bold!important;text-transform:uppercase!important;height:12px!important;margin-top:2px;border:none !important;text-shadow: 0px 1px rgba(255,255, 255, 0.8);}
 #top-menu ul#menu-top-menu li a:hover,
 #top-menu ul#menu-top-menu li.current_page_item a,
 #top-menu ul#menu-top-menu li.current_page_ancestor a,
 #top-menu ul#menu-top-menu li.current_page_parent a {background:#FFF!important;}
 #top-menu ul#menu-top-menu li.current-cat a {}
/*dropdowns*/
 #top-menu ul#menu-top-menu li:hover a,
 #top-menu ul#menu-top-menu li.over a {background:#FFF!important;}logo-bar
 #top-menu ul#menu-top-menu li:hover ul,
 #top-menu ul#menu-top-menu li.over ul {display:block!important;}
 #top-menu ul#menu-top-menu li ul li.current_page_item a,
 #top-menu ul#menu-top-menu li ul li.current_page_ancestor a,
 #top-menu ul#menu-top-menu li ul li.current_page_parent a {text-align:left!important;}
 #top-menu ul#menu-top-menu li ul li.current_page_item a:hover {text-align:left!important;}
 #top-menu ul#menu-top-menu li ul {display:none!important;position:absolute!important;background:#FFF!important;padding:0px 0px 0px 0px!important;}
 #top-menu ul#menu-top-menu li ul li {float:none!important;padding:0px!important;}
 #top-menu ul#menu-top-menu li ul li a,
 #top-menu ul#menu-top-menu li:hover ul li a,
 #top-menu ul#menu-top-menu li.over ul li a {padding:8px 20px 8px 12px!important;display:block!important;width:100px!important;text-align:left!important;height:auto!important;background:none!important;}
 #top-menu ul#menu-top-menu li ul li a:hover {text-align:left!important;background:#EEE!important;}
/*second-level dropdowns */
 #top-menu ul#menu-top-menu li ul li:hover a,
 #top-menu ul#menu-top-menu li ul li.over a {background:#EEE!important;cursor:pointer!important;}
 #top-menu ul#menu-top-menu li ul li ul {display:none!important;position:absolute!important;left:132px!important;top:0!important;background:#FFF!important;}
 #top-menu ul#menu-top-menu li ul li:hover ul,
 #top-menu ul#menu-top-menu li ul li.sfHover ul {display:block!important;position:absolute!important;left:132px!important;top:0!important;background:#FFF!important;}
 #top-menu ul#menu-top-menu li ul li ul li a:hover {text-align:left!important;background:#EEE!important;}
 #top-menu ul#menu-top-menu li ul li.over ul li a {background:none!important;}
 #top-menu ul#menu-top-menu li ul li ul li a:hover {background:#EEE!important;}
/* arrows */


 #top-menu ul#menu-top-menu a.orange_focus{
background: #FF6317 url(http://i40.servimg.com/u/f40/17/60/05/62/cat-me10.png) repeat-x 0px 0px;
color:#fff !important;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:1px solid #fff  !important;
text-shadow: 0px 1px rgba(0,0, 0, 0.2) !important;
}
 #top-menu ul#menu-top-menu a.orange_focus:hover{
color:#222 !important;
}#login_bar {
max-width: 520px !important;
margin-top:2px;
border: 1px solid #ddd;
border-bottom: none;
background: #fff url(http://i40.servimg.com/u/f40/17/60/05/62/cat-me11.png) repeat-x bottom center;
height:28px;
display:block;
float:right;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}

#login_bar:hover,.sd_button{
box-shadow: rgba(0,0,0,0.25) 0px 3px 3px;
-webkit-box-shadow: rgba(0,0,0,0.25) 0px 3px 3px;
-khtml-box-shadow: rgba(0,0,0, 0.25) 0px 3px 3px;
-moz-box-shadow: rgba(0,0,0, 0.25) 0px 3px 3px;
}

#login_bar.not_logged_in
{
width: 210px;
}

#login_bar.logged_in
{
max-width: 520px !important;
}


#login_bar  ul li{
margin:0px 4px  !important;
}

#login_bar ul li a {
display:inline-block;
border:none;
margin-top:4px;
padding:  4px 12px  4px 12px  !important;
}

#login_bar  ul li a strong.name_visitor{
color: #000 !important;
font-weight: bold;
font-size: 10px !important;
font-family:Tahoma !important;
text-shadow: 0 0 0 transparent, 1px 1px 2px #cccccc !important;
text-transform: capitalize  !important;
}

#login_bar  ul li:hover a:hover strong{
color: #FF6317 !important;
}



#login_bar  ul li .profies,#login_bar  ul li .profies:hover{
padding-left:20px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/user_p10.png) no-repeat left center !important;
}

#login_bar ul li a strong.name_visitor{
display:block;
max-width:160px  !important;
overflow:hidden  !important;
height:15px;
}

           
#login_bar  ul li .favorites,#login_bar  ul li .favorites:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/li-sta10.png) no-repeat left center !important;
}

#login_bar  ul li .logout,#login_bar  ul li .logout:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/user_l10.png) no-repeat left center !important;
}         

#login_bar  ul li .sign_up,#login_bar  ul li .sign_up:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/sign_u10.png) no-repeat left center !important;
}         
#login_bar  ul li .control,#login_bar  ul li .control:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/admin_10.png) no-repeat left center !important;
}         
      
#login_bar  ul li .hop_thu,#login_bar  ul li .hop_thu:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/hop_th10.png) no-repeat left center !important;
}      


#login_bar  ul li .thong_bao,#login_bar  ul li .thong_bao:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/thong_10.png) no-repeat left center !important;
}
/* cột phải */
.sidebar .secondaryContent {
border: 1px solid #DEE5ED;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
}
.secondaryContent
{
   color: rgb(126, 138, 158);
background-color: rgb(238, 243, 248);
padding: 10px;
border-color: rgb(222, 229, 237);
border-top-color: rgb(238, 243, 248);
border-bottom-width: 1px;
border-bottom-style: solid;
text-shadow: 0 1px rgba(255,255,255,0.75);
box-shadow: inset 0 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));

}

   .secondaryContent a
   {
      color: rgb(39, 100, 145);

   }
.sidebar
{
   font-size: 11px;
float: right;
width: 200px;
padding-top: 20px;
}
/* chỉnh widget*/
#content,#content-container div#content{background:#FFF}
#content-container div#main{border:1px solid rgba(255,255,255,0.1)}
#content-container div#left{float:none;width:100%}
#left .module .box-content a{margin:2px 0}
#left{clear:none!important;width:100%!important;float:none!important}
/*cột phải */

/* generic sidebar blocks */
      
.sidebar .section .primaryContent  h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3
{
   font-weight: bold;
font-size: 12px;
color: #547283;
background-color: rgb(222, 229, 237);
padding: 5px 10px;
margin: -11px -11px 10px;
border: 1px solid rgb(208, 217, 226);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -khtml-border-bottom-right-radius: 0;
border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -khtml-border-bottom-left-radius: 0;
text-shadow: 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0) 75%);

}

.sidebar .section .primaryContent  h3 a,
.sidebar .section .secondaryContent h3 a
{
   font-weight: bold;
font-size: 12px;
color: #547283;
}

.sidebar .section .secondaryContent .footnote,
.sidebar .section .secondaryContent .minorHeading
{
   color: rgb(162, 182, 202);
margin-top: 5px;

}

   .sidebar .section .secondaryContent .minorHeading a
   {
      color: rgb(162, 182, 202);
   }









.lp2 span.intooltip, .mimi span.intooltip {position: absolute; }





#smiley-box { max-width:220px;}

.op-last2, div.TabView div.Tabs a.Active{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}

















recent{float:left;width:567px}#last-posts{width:100%}#option-lastpost{height:18px}#main-lastpost{background:url(http://i40.servimg.com/u/f40/17/70/31/89/listbg10.gif) #FFF;height:325px}#name-lastpost{font-style:italic;position:absolute}.op-last-select{color:#0E53FB;font-weight:700!important}.op-last-bottom2{color:red;cursor:pointer;float:left;font-weight:700;padding-top:2px;width:43px!important}.lp1,.lp4,.lp5,.lp6,.lp7,.lp8,.mlp2,.mlp4,.mlp5,.mlp6,.mlp7,.title{font-size:11px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}.lp1 img{margin-left:3px}
.lp2,.mlp2{font-size:11px;margin-left:14px;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:180px}.dl-post:hover{background:#f1f1f1}.dl-post,.ltpvds{height:20px}.lpmi{width:100px}.ds1vds{width:70px}.title{margin-left:5px;width:260px}.lp4,.mlp4{margin-left:295px;width:100px}.lp6,.mlp6{font-style:italic;margin-left:415px;width:40px}.lp7,.mlp7{font-style:italic;margin-left:450px;width:40px}.lp5,.mlp5{float:right;margin-left:500px;width:100px}.imglp{font-size:11px;margin-left:615px;overflow:hidden;position:absolute;white-space:nowrap}.lp8{margin-left:640px}
#dl-lastpost,.DL_Tooltip{display:none}#DL_LastTopic,#main-lastpost1,.DL_TooltipCCM{background-image:url(http://i40.servimg.com/u/f40/17/70/31/89/opacit10.png);border-radius:5px;color:#fff;display:none;padding:10px 20px;position:absolute;z-index:99}



.op-last2, div.TabView div.Tabs a.Active{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}



.op-last, .op-last:hover, div.TabView div.Tabs a, div.TabView div.Tabs a:hover {
display: block;
width: 110px;
height: 30px;
margin: 0px;
padding: 14px 0 14px 20px;
font-size: 11px;
color: #5C5C5C;
font-weight: bold;
line-height: normal;
text-decoration: none;
outline: none;
border-right: 1px solid #D0D9E2;
border-bottom: 1px solid #D0D9E2;
border-left: 1px solid #D0D9E2;
background: white repeat-x 0px 0px;
}


.options-button a.small_textbutton,a.postbit:link,a.postbit:visited {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#EEE url(http://www.themefreak.net/themes/Delicate/tcat.png) repeat-x;
border:solid 1px #CBCBCB;
border-radius:2px;
clear:left;
color:#444;
font-size:11px;
margin-left:5px;
text-shadow:1px 1px 0 #FAFAFA;
padding:4px 8px;
}


button.button2,input.button2 {
background-image:url();
border-radius:4px 4px 4px 4px;
padding:4px!important;
}




   





.popmenubutton-new-out img {
z-index: 999;
display: block;
position: absolute;
margin: 27px 50px 0px;
}

#Load{background:url(http://i40.servimg.com/u/f40/17/70/31/89/loadaj10.gif) no-repeat 50% 50% #FFF;border:20px solid rgba(130,210,60,.3);border-radius:50px;display:none;height:50px;left:50%;margin-left:-25px;position:fixed;top:40%;width:50px}
/* chatbox*/
#chatbox_header,div.maintitle, .formbuttonrow, .topic-footer, .bar {
font-size: 12px;
color: white;
padding: 5px 10px;
margin: 3px auto 0;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
padding: 8px 15px;
margin: 0;
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
background-color: #0B75B1;
box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
-khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}
#chatbox_members {display:none;border-right:0px;}
#chatbox {
left:0px;
top: 120px;
}
.date-and-time {color: #666686;}
#chatbox_footer {

top: 0;
bottom: 360px;
}
#chatbox_footer { background-color:#FFF;
top : 40px;
padding-bottom: 65px;
border-bottom:1px;}
#message {
border-width: 1px;
width: 620px;
float: left;
  margin-top:-15px;
}
#submit_button{ position: absolute; top:0px;margin-left: -50px;}

.fontbutton:hover,#submit_button:hover,ul.privmsg li div.tabitem:hover, .button.primary:hover, .button:hover, .mainoption:hover
{
background-color: #164975;
}
.fontbutton,#submit_button,ul.privmsg li div.tabitem, .button.primary, .button, .mainoption {
min-width: 100px;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #DEE5ED;
background-color: #113D63;
padding: 6px 15px;
border: 1px solid #113D63;
border-top-color: #164975;
border-bottom-color: #09324F;

border-image: initial;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.34902) 0px 1px;
outline: none;
line-height: 16px;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset, rgba(0, 0, 0, 0.34902) 0px 1px 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset, rgba(0, 0, 0, 0.34902) 0px 1px 3px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.247059), rgba(255, 255, 255, 0));
-webkit-transition: all 0.1s ease;
height: 28px;
}
.fontbutton,#submit_button{min-width:29px;border:0px;}
#chatbox_messenger_form .right{float:left;margin-top: 5px;}
.chatbox{background-color: #FFF;}
.chatbox_row_2 , .chatbox_row_1 {background-color:#FFF;padding: 6px;}
body.chatbox {
background-color: white!important;
background: url(http://2img.net/i/fa/empty.gif) fixed top center no-repeat;
}
.postprofile-details dd + dd + dd { display:none;}


input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
.textCtrl {

border: 1px solid black;
border: 1px solid rgba(0, 0, 0, 0.15);
_border: 1px solid rgb(0,0,0);
border-top-color: black;
border-top-color: rgba(0, 0, 0, 0.2);
_border-top-color: rgb(0,0,0);
border-bottom-color: black;
border-bottom-color: rgba(0, 0, 0, 0.1);
_border-bottom-color: rgb(0,0,0);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
outline: 0;
}
.textCtrl {
color: #DEE5ED;
font-size: 11px;
background-color: #1A3D66;
border: none;
padding: 4px 8px;
width: 226px;
height: 14px;
line-height: 14px;
text-shadow: 0 1px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.15);
-khtml-box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.15);
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
}
#userlinks p ,#userlinks ul .last{display:none; }
#userlinks ul { float:left;}
#QuickSearch { float:right;}

.lp2 span.intooltip,.mimi span.intooltip{box-shadow:5px 5px 8px #CCC;display:none;margin-left:9px;margin-top:11px;padding:14px 20px;z-index:999;border-bottom:1.5px dashed;
padding-bottom:5px;
margin-bottom:5px;}
.lp2:hover span.intooltip,.mimi:hover span.intooltip{
position:absolute;
border:5px solid #333;
opacity: 0.8;
background:#FFFFFF;
padding:2px 5px;
color:#000; 
border-radius:10px;
box-shadow:0 0 20px #222;
text-shadow: 1px 1px 2px #FFFFFF;
font-weight:bold;
height:auto;
width:auto;
padding: 8px 13px;
display:inline;}

lỗi ko tạo dc trnag chủ => last ko hiện
vào js fancybox
xóa đoạn này ( đầu js )
Code:
$(function () {    if(window.location.href.indexOf("/forum") > -1) { } else {        $(".khung").remove()    } });
thay bằng đoạn này
Code:
$(function(){$(".nav:contains('')").each(function(){$(".khung").remove();});});
đổi tên mục trên last thì vào widget Last Post style Vna
tìm cái đoạn
Code:
 <span class="op-last" onclick="Op1Last('c5')"><div class="chu">Skins <br/><font color="#000">Tổng hợp skin fm</font></div></span>
 <span class="op-last" onclick="Op1Last('c11')"><div class="chu">Mods <br/><font color="#000">Tổng hợp Mods</font></div></span>
 <span class="op-last" onclick="Op1Last('f8')"><div class="chu">Thông Báo <br/><font color="#000">Thông bào mới nhất của 4r</font></div></span>
 <span class="op-last" onclick="Op1Last('f1')"><div class="chu">Yêu cầu skin<br/><font color="#000">Yêu cầu skin mới nhất</font></div></span>
 <span class="op-last" onclick="Op1Last('f18')"><div class="chu">Thắc mắc Code, TUT,...<br/><font color="#000">thắc mắc mới nhất</font></div></span>
c5 là id số nhóm chuyên mục [You must be registered and logged in to see this link.]
f8 là id diễn đàn [You must be registered and logged in to see this link.]
Muốn thay logo trên đầu 4r thì vào ACP -> display -> Pictures and Colors -> Pics management -> mã mở rộng -> thay cái ảnh đầu tiên
muốn thay banner trên header thì vào js fancybox tìm link ảnh và thay
[You must be registered and logged in to see this link.]
là tấm banner gốc thay cho buonthungpro


[You must be registered and logged in to see this link.]
là tấm banner thay cho istvn + nhaozdo
k thích thì tự chọn tấm khác ! tùy



Được sửa bởi ๖ۣۜTom ngày Fri Jan 04, 2013 3:07 pm; sửa lần 5.

http://www.vn-answer.tk
Share this post on: reddit

sweetboy785

Bài gửi Wed Jan 02, 2013 3:21 pm by sweetboy785

cái skin mặc định Import hem được hok ra css

๖ۣۜTom

Bài gửi Wed Jan 02, 2013 3:32 pm by ๖ۣۜTom

có sẵn css trong ACP - display - Pictures and Colors - color mà ! ko đọc file hướng dẫn .txt à

๖ۣۜTom

Bài gửi Wed Jan 02, 2013 4:23 pm by ๖ۣۜTom

css skin
Code:
/* style chuyển đến trang */
.pagination b, .pagination.topic-options b, .goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a{
font-weight: bold;
color: #EEF3F8;
background-color: #7E8A9E;
border-color: black;
border-color: rgba(0, 0, 0, 0.35);
_border-color: rgb(0,0,0);
border-top-color: black;
border-top-color: rgba(0, 0, 0, 0.5);
_border-top-color: rgb(0,0,0);
border-bottom-color: black;
border-bottom-color: rgba(0, 0, 0, 0.1);
_border-bottom-color: rgb(0,0,0);
position: relative;
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35);
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);
-khtml-box-shadow: inset 0 1px 4px rgba(0,0,0,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.15));
}
div.pagination a,.pagination b, .pagination.topic-options b, .goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a{
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;
width: 19px;
}
div.pagination a:hover,.pagination b:hover, .pagination.topic-options b:hover, .goto:hover, .pagination.topic-options a:hover, .pagination.topic-options a:active:hover, .pagination.topic-options a:link:hover, .pagination.topic-options a:visited:hover, .topic-paging a:hover{
         color: rgb(126, 138, 158);
text-decoration: none;
background-color: rgb(222, 229, 237);
border-color: rgb(199, 216, 233);
border-top-color: rgb(222, 229, 237);
text-shadow: 0 1px rgba(255,255,255,0.75);
box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0));
}
div.pagination a,.topic-paging a, strong.pagination a,.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a {
color: #547283;
background-color: #D0D9E2;
border-color: #B6C7DA;
border-top-color: #C7D8E9;
text-shadow: 0 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5), 0 1px 3px rgba(0,0,0,0.1);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a  {
text-decoration: none;
border: 1px solid transparent;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
text-align: center;

}
/* style button */
.button.primary ,.button, .mainoption
{
   background-color: rgb(9, 50, 79);
}

   ul.privmsg li div.tabitem:hover,.button.primary:hover ,.button:hover, .mainoption:hover
   {
      background-color: #164975;
   }

   .button.primary:active,.button:active, .mainoption:active
   {
      background-color: rgb(6, 37, 66);
   }
.posting-options .posting-buttons li { padding-right:5px;}
 
.popmenubutton a,.popmenubutton a.addthis_button,button.button2, input.button2{
  float:left;
border: 0;
cursor: pointer;
font-weight: bold;
font-size: 12px;
font-family: ;
color: #DEE5ED;
background-color: #113D63;
border: 1px solid #113D63;
border-top-color: #164975;
border-bottom-color: #09324F;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
display: block;
text-shadow: 0 1px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.35);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.2), 0px 1px 3px rgba(0,0,0,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}
/* style khung code quote spoiler*/
   
.codebox dt,blockquote cite,.spoiler dt{
    min-width :400px;
color: #547283;
background-color: #C7D8E9;
background-repeat: repeat-x;
background-position: top;
border-bottom: 1px solid black;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
_border-bottom: 1px solid rgb(0,0,0);
text-shadow: 0 1px rgba(255, 255, 255, 0.35);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.35);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.35);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 75%);
}

dl.codebox,blockquote,.spoiler{
  min-width :400px;
background-color: #EEF3F8;

border: 1px solid #C7D8E9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0));
}
.codebox dd { border:0px;}.hidecode dt+dd dt {
display: block;
}

.hidecode > dd {
max-height: 5000px;
}/*cột phải */
.topnewmem .mini-avatar img,.topposterd .mini-avatar img,.topvisit .mini-avatar img{border:.7px solid #ccc;border-radius:2px;box-shadow:0 0 1px #aaa;float:right;height:18px;margin-left:160px!important;margin-top:-0px;padding:.8px;position:absolute;width:18px}
.topnewmem .mini-avatar img:hover,.topposterd .mini-avatar img:hover,.topvisit .mini-avatar img:hover{-moz-transform:rotate(360deg);-moz-transition:all 3s ease;-webkit-transform:rotate(360deg);-webkit-transition:all 3s ease;height:100px;margin-left:130px!important;margin-top:-50px;transform:rotate(360deg);transition:all 3s ease;width:100px;z-index:999!important}
/* cột phải */
/* style vna.us.to*/

   
#userlinks{padding: .6em;}

#submenu ul li a img,.imglp , .lp8 {display:none;}
#submenu {
background: #979BA0;
color: #303B4A;
padding: 1em .65em;
text-align: right;
}
#userlinks ul li a {text-decoration: none;}

ul.privmsg li a {color: #DEE5ED;}
.bannerBox {
background: url(http://i16.servimg.com/u/f16/16/16/45/18/buonth10.jpg) no-repeat top left;
width: 610px;
height: 120px;
position: absolute;
top: 1px;
right: -670px;
}
.qreply { width:100%;}
.post-icon img { display:none;}

.ipbform2 dl,.ipbform2 dl dd,#smiley-box,.messaging-box,div.newslink,.qreply{
color: black;
background-color: #C7D8E9;
border-bottom-color: #A2B6CA;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 -1px 1px rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 -1px 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.75), inset 0 -1px 1px rgba(255,255,255,0.15);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.75), inset 0 -1px 1px rgba(255,255,255,0.15);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
}#ipbwrapper{ width: 960px;
  min-width: 960px;}
.chu{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;

}
.row2 , .row1 { background-color: #FFFFFF; border:0px;}
.borderwrapm, div.borderwrap { border:0px;}
div#logostrip {
display: table;
width: 100%;
height: 210px;
background-color: none;
}
body {
background-color: #1D2A2F !important;
background: url(http://i40.servimg.com/u/f40/17/60/05/62/bgblur10.jpg) fixed top center no-repeat;
height: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
overflow-y: scroll !important;
}

 div#logostrip, .pageWidth {
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
max-width: 1000px;
border-top-left-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-khtml-border-top-left-radius: 8px;
border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
-khtml-border-top-right-radius: 8px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-khtml-border-bottom-right-radius: 4px;
}
#submenu{
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px; }
div#logostrip #logo {
display: inline-block;
float: left;
width: 180px;
height: 125px !important;
position: absolute;
left: 50%;
margin: 70px 0px 20px -470px;
}
div#logostrip #main-title, div#logostrip #main-title h1 , tfoot{ display :none;}
#submenu{
font-size: 10px;
background-color: #3E3E40;
padding-right: 14px;
padding-left: 14px;
border: 1px solid #062542;
border-top-color: #09324F;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-khtml-border-top-right-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(255, 255, 255, 0.05);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0 0 3px rgba(255, 255, 255, 0.05);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.075), inset 0 -1px 1px rgba(255,255,255,0.1), 0 0 3px rgba(255,255,255,0.05);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.075), inset 0 -1px 1px rgba(255,255,255,0.1), 0 0 3px rgba(255,255,255,0.05);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0));

}
#submenu ul li a {
color: white;
font-weight: bold;
text-shadow: 0 1px #111;
text-align: center;
font-size: 12px;
}


#userlinks {
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px;
width :auto;
font-size: 12px;
}
#userlinks ul li a {
font-size: 12px;
color: #EEE;
padding: 0 12px;
margin: 0;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
line-height: 20px;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s ease, color 0.2s ease;
-moz-transition: background 0.2s ease, color 0.2s ease;
-ms-transition: background 0.2s ease, color 0.2s ease;
-o-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;
display: inline-block;
}




#content-container div#container{
 
padding-right: 24px;
padding-left: 24px;
margin: 0 auto;
min-width: 800px;
  max-width: 1000px;
width :930px;
  margin-top:10px;
  margin-bottom: 15px;
background-color: #FCFCFF;
padding: 0 14px 14px;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-khtml-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-top-right-radius: 5px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-khtml-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-khtml-border-bottom-left-radius: 3px;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 14px rgba(0,0,0,0.5);
-khtml-box-shadow: 0 2px 14px rgba(0,0,0,0.5);
}


#gfooter .footer-links { width :55%;}
div.maintitle , .formbuttonrow ,.topic-footer,.bar{
font-size: 12px;
color: white;
padding: 5px 10px;
margin: 3px auto 0;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
padding: 8px 15px;
margin: 0;
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
background-color: #0B75B1;
box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
-khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}.khung{

z-index: 5;
height: 350px;

line-height: 18px;
border: 1px solid #D0D9E2;
background: white;
}
.forum-desc{
margin: 3px 1px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
  width: 360px;}

table.ipbtable td.icon p a.gensmall {
display: inline-block;
text-align: left;
width: 190px;
}

#smiley-box {
width:100%;
}#submenu ul li a:hover , #userlinks ul li a:hover
         {
            text-decoration: none;
background-color: rgb(26, 61, 102);
background-image: -webkit-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -moz-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -ms-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: -o-linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
background-image: linear-gradient(rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
outline: 0;
box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15); -khtml-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25), 0 1px rgba(255,255,255,0.15);

         }
#submenu ul li a
      {
         font-size: 13px;
color: #eee;
padding: 0 17px;
margin: 0;
border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px;
line-height: 20px;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.2s ease, color 0.2s ease;
-moz-transition: background 0.2s ease, color 0.2s ease;
-ms-transition: background 0.2s ease, color 0.2s ease;
-o-transition: background 0.2s ease, color 0.2s ease;
transition: background 0.2s ease, color 0.2s ease;

display: inline-block;
      }
.sprite-icon_post_target { width :auto ; height :auto ;}
/* ©️Copyright by giObanii -MTMY. All Rights Reserved. */
#userlinks {
   background-color: #0b75b1;
   border-bottom: 1px solid rgb(26, 61, 102);
   padding-left: 14px;
   padding-right: 14px;

   box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25); -khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);

   background-image: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
   background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
}
div.pagination a,div.pagination b,.pagination b, .pagination.topic-options b,.goto, .pagination.topic-options a, .pagination.topic-options a:active, .pagination.topic-options a:link, .pagination.topic-options a:visited, .topic-paging a { padding: 2px 6px;}
.formsubtitle, table.ipbtable th.formsubtitle,table.ipbtable th{
background-color: #DEE5ED;
border: 1px solid #C7D8E9;
border-top-color: #DEE5ED;
border-bottom-color: #B6C7DA;
margin-top: -1px;
}.formsubtitle, table.ipbtable th.formsubtitle,table.ipbtable th,.borderwrap .subtitle{
font-size: 11px;
color: #557897;
background-color: #C7D8E9;
padding: 4px 10px;
border-color: #B6C7DA;
border-top: 1px solid #C7D8E9;
border-bottom-width: 1px;
border-bottom-style: solid;
line-height: 16px;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.5);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.box-content {border-bottom-color: #B6C7DA;}
/* viewtopic_body */
.postprofile-details dt {
background-color: #F0F7FC;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
  width: 104px;
margin-left: -11px;
  margin-top: -11px;
}
.post-header,.postprofile{
background: #D7EDFC url('http://c.gocmobile.net/styles/default/xenforo/gradients/tab-selected-light.png') repeat-x bottom;
border: 1px solid #D7EDFC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
position: relative;
 
}
.postprofile {
float: left;
margin-left: -11em;
width: 124px;
}.post-container {
background-color: #EFF1F3;
margin-left: 12em;
}.post{
  background-color: #FCFCFF;


border-bottom: 1px solid #D7EDFC;
}
.postbody,.post .post-header{background-color: #FCFCFF;}

.postprofile-details img{
max-width: 96px;
max-height: 96px;
}
.postprofile-details a span {padding: 0px 30px;}
.post-footer {
clear: both;
width: 83%;
float: right;
  background-color : #FCFCFF;
  border-top:0px;
}
.foxy {
margin-left: -5px;
}
.foxy {
position: absolute;
top: 10px;
right: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: #D7EDFC;
border-right: none;
_display: none;
}.foxy {
left: 104%;
margin-left: -5px;
}
.foxy span{border-top-color:rgb(252, 252, 255);top: -6px;left: -5px}
.foxy span {
position: absolute;
top: -10px;
left: -12px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: #F0F7FC;
border-right: none;
}
.post1a{margin-left:0!important}
.post1{background:#F6F6F6;border-bottom:6px solid #EAEAEA;clear:initial;float:initial;margin-left:0!important;min-height:100px;text-shadow:#fff 0 1px 0;width:100%}
.post1b a img {
border-radius: 3px;
box-shadow: 0 0 4px black;
float: left;
margin: 4px 18px;
}
.post1b img{max-height:60px}
.post1b dt{float:left;}

.post1c {
clear: both;
width: 100%;
float:left;
background-color: #FCFCFF;
border-top: 0px;
}
.post1b dd+dd+dd{float:right;margin-right:50px;margin-top:-80px;}
.post1c li{
float: left;
  list-style: none;
}
.post1c ul.posting-icons {
float: right;
list-style: none;
margin: 5px;
}
.postprofile-details dd{text-align: center;}
.post1d{
margin: 1em;
overflow: hidden;
min-height: 60px;
border-bottom: 1px solid #D7EDFC;
}
.post1e{max-width:150px;}
/*viewtopic*/
a:link,a:active,a:visited {
    text-decoration: none;
    }

a:hover{
  text-decoration: none !important;
    }ol, ul {
list-style: none;
}li { display: list-item; }

/* colorbox*/

#cboxOverlay,#cboxWrapper,#colorbox{left:0;overflow:hidden;position:absolute;top:0;z-index:999}
#cboxOverlay{background:#000;height:100%;position:fixed;width:100%}
#cboxBottomLeft,#cboxMiddleLeft{clear:left}
#cboxContent{background:#fff;overflow:visible;position:relative; max-width:1024px;max-height:768px;}
#cboxLoadedContent{margin-bottom:5px;overflow:auto}
#cboxLoadedContent iframe{border:0;display:block;height:100%;width:100%}
#cboxTitle{bottom:-25px;color:#7C7C7C;font-weight:700;left:0;position:absolute;text-align:center;width:100%;margin:0}
#cboxLoadingGraphic,#cboxLoadingOverlay{left:0;position:absolute;top:0;width:100%}
#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 0;bottom:-29px;cursor:pointer;height:23px;position:absolute;text-indent:-9999px;width:23px}
#cboxTopLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 0;height:14px;width:14px}
#cboxTopCenter{background:url(http://i27.servimg.com/u/f27/15/67/36/41/border10.png) repeat-x top left;height:14px}
#cboxTopRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat -36px 0;height:14px;width:14px}
#cboxBottomLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat 0 -32px;height:43px;width:14px}
#cboxBottomCenter{background:url(http://i27.servimg.com/u/f27/15/67/36/41/border10.png) repeat-x bottom left;height:43px}
#cboxBottomRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) no-repeat -36px -32px;height:43px;width:14px}
#cboxMiddleLeft{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) repeat-y -175px 0;width:14px}
#cboxMiddleRight{background:url(http://i27.servimg.com/u/f27/15/67/36/41/contro10.png) repeat-y -211px 0;width:14px}
#cboxLoadingOverlay{background:url(http://i27.servimg.com/u/f27/15/67/36/41/loadin10.png) no-repeat center center}
#cboxLoadingGraphic{background:url(http://i27.servimg.com/u/f27/15/67/36/41/loadin10.gif) no-repeat center center}
#cboxCurrent{bottom:-25px;color:#7C7C7C;font-weight:700;left:58px;position:absolute}
#cboxPrevious{background-position:-51px -25px;left:0}
#cboxPrevious.hover{background-position:-51px 0}
#cboxNext{background-position:-75px -25px;left:27px}
#cboxNext.hover{background-position:-75px 0}
#cboxClose{background-position:-100px -25px;right:0}
#cboxClose.hover{background-position:-100px 0}
.cboxSlideshow_off #cboxSlideshow{background-position:-125px -25px;right:27px}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-150px 0}
.cboxSlideshow_on #cboxSlideshow{background-position:-150px -25px;right:27px}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-125px 0}
.post1d img,.post-entry img{max-width:450px;vertical-align:middle}
.post1d img.not-colorbox,.post-entry img.not-colorbox{max-width:650px!important;vertical-align:middle}
.iconPlayer{background:url(http://i40.servimg.com/u/f40/17/70/31/89/play-o10.png) no-repeat scroll center center transparent;left:140px;top:-55px;opacity:0.8;position:absolute;z-index:99;padding:40px!important}

/* thanh bar đầu 4r */

body #moderatorBar {
font-size: 11px;
background: white url(http://i40.servimg.com/u/f40/17/60/05/62/top-me10.png) repeat-x bottom center;
position: fixed;
width: 100%;
box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
-khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 1px rgba(255,255,255,0.1), inset 0 -1px rgba(255,255,255,0.05);
top: 0;
z-index: 999;
border-bottom: 2px solid #BDBDBD;
  left :0px;
}




body #moderatorBar a
{
   color: rgba(255,255,255,0.7);
   border-right: 1px solid rgba(0,0,0,0.25);
   border-radius: 0;
   text-shadow: 0px 1px rgba(0,0,0,0.5);
   box-shadow: 1px 0 rgba(255,255,255,0.07), inset -1px 0 rgba(255,255,255,0.07);

   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

#moderatorBar a:hover,
#moderatorBar .navTab.PopupOpen .navLink
{
   color: @primaryLighterStill;
   background-color: rgba(255,255,255,0.05);
   text-decoration: none;
}

body #moderatorBar .itemCount
{
   color: rgba(255,255,255,0.5);
   background-color: rgba(0,0,0,0.2);
   border-radius: 3px;
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.1);
}

body #moderatorBar .itemCount.alert,
body #moderatorBar .visitorTabs .itemCount
{
   color: #fff;
   background-color: #E03030;
   text-shadow: 0 1px rgba(0,0,0,0.35);
   box-shadow: inset 0 1px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.25);

   background-image: -webkit-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -moz-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -ms-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: -o-linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
   background-image: linear-gradient(rgba(0,0,0,0) 25%, rgba(0,0,0,0.35));
}

body #moderatorBar .visitorTabs .itemCount.Zero
{
   display: none;
}


body #moderatorBar .pageContent
{
   padding: 0;
   margin: 0 -1px;
}

#moderatorBar .pageContent:after
{
   content: "";
   display: block;
   clear: both;
   visibility: hidden;
}

#moderatorBar .visitorTabs,
#moderatorBar .visitorTabs .navTab
{
   float: left;
}

#moderatorBar .visitorTabs .navTab:first-child .navLink,
#moderatorBar .modLink:last-of-type
{

   box-shadow: 1px 0 rgba(255,255,255,0.07), -1px 0 rgba(255,255,255,0.07), inset -1px 0 rgba(255,255,255,0.07), inset 1px 0 rgba(255,255,255,0.07);
}

#moderatorBar .modLink,
#moderatorBar .adminLink
{
   float: right;
}
#top-menu {
padding: 0px 6px;
}
#top-menu .container.mid {width:480px;float:left;}
 #top-menu ul#menu-top-menu {float:left!important;list-style-type:none!important;margin:0px!important;padding:0px!important;position:relative!important;z-index:200!important;}
 #top-menu ul#menu-top-menu li {float:left!important;padding:0px!important;margin:0px!important;position:relative!important;}
 #top-menu ul#menu-top-menu li a {display:block!important;padding:9px 12px 8px 12px!important;text-align:center!important;font-size:10px!important;color:#000!important;font-weight:bold!important;text-transform:uppercase!important;height:12px!important;margin-top:2px;border:none !important;text-shadow: 0px 1px rgba(255,255, 255, 0.8);}
 #top-menu ul#menu-top-menu li a:hover,
 #top-menu ul#menu-top-menu li.current_page_item a,
 #top-menu ul#menu-top-menu li.current_page_ancestor a,
 #top-menu ul#menu-top-menu li.current_page_parent a {background:#FFF!important;}
 #top-menu ul#menu-top-menu li.current-cat a {}
/*dropdowns*/
 #top-menu ul#menu-top-menu li:hover a,
 #top-menu ul#menu-top-menu li.over a {background:#FFF!important;}logo-bar
 #top-menu ul#menu-top-menu li:hover ul,
 #top-menu ul#menu-top-menu li.over ul {display:block!important;}
 #top-menu ul#menu-top-menu li ul li.current_page_item a,
 #top-menu ul#menu-top-menu li ul li.current_page_ancestor a,
 #top-menu ul#menu-top-menu li ul li.current_page_parent a {text-align:left!important;}
 #top-menu ul#menu-top-menu li ul li.current_page_item a:hover {text-align:left!important;}
 #top-menu ul#menu-top-menu li ul {display:none!important;position:absolute!important;background:#FFF!important;padding:0px 0px 0px 0px!important;}
 #top-menu ul#menu-top-menu li ul li {float:none!important;padding:0px!important;}
 #top-menu ul#menu-top-menu li ul li a,
 #top-menu ul#menu-top-menu li:hover ul li a,
 #top-menu ul#menu-top-menu li.over ul li a {padding:8px 20px 8px 12px!important;display:block!important;width:100px!important;text-align:left!important;height:auto!important;background:none!important;}
 #top-menu ul#menu-top-menu li ul li a:hover {text-align:left!important;background:#EEE!important;}
/*second-level dropdowns */
 #top-menu ul#menu-top-menu li ul li:hover a,
 #top-menu ul#menu-top-menu li ul li.over a {background:#EEE!important;cursor:pointer!important;}
 #top-menu ul#menu-top-menu li ul li ul {display:none!important;position:absolute!important;left:132px!important;top:0!important;background:#FFF!important;}
 #top-menu ul#menu-top-menu li ul li:hover ul,
 #top-menu ul#menu-top-menu li ul li.sfHover ul {display:block!important;position:absolute!important;left:132px!important;top:0!important;background:#FFF!important;}
 #top-menu ul#menu-top-menu li ul li ul li a:hover {text-align:left!important;background:#EEE!important;}
 #top-menu ul#menu-top-menu li ul li.over ul li a {background:none!important;}
 #top-menu ul#menu-top-menu li ul li ul li a:hover {background:#EEE!important;}
/* arrows */


 #top-menu ul#menu-top-menu a.orange_focus{
background: #FF6317 url(http://i40.servimg.com/u/f40/17/60/05/62/cat-me10.png) repeat-x 0px 0px;
color:#fff !important;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border:1px solid #fff  !important;
text-shadow: 0px 1px rgba(0,0, 0, 0.2) !important;
}
 #top-menu ul#menu-top-menu a.orange_focus:hover{
color:#222 !important;
}#login_bar {
max-width: 520px !important;
margin-top:2px;
border: 1px solid #ddd;
border-bottom: none;
background: #fff url(http://i40.servimg.com/u/f40/17/60/05/62/cat-me11.png) repeat-x bottom center;
height:28px;
display:block;
float:right;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}

#login_bar:hover,.sd_button{
box-shadow: rgba(0,0,0,0.25) 0px 3px 3px;
-webkit-box-shadow: rgba(0,0,0,0.25) 0px 3px 3px;
-khtml-box-shadow: rgba(0,0,0, 0.25) 0px 3px 3px;
-moz-box-shadow: rgba(0,0,0, 0.25) 0px 3px 3px;
}

#login_bar.not_logged_in
{
width: 210px;
}

#login_bar.logged_in
{
max-width: 520px !important;
}


#login_bar  ul li{
margin:0px 4px  !important;
}

#login_bar ul li a {
display:inline-block;
border:none;
margin-top:4px;
padding:  4px 12px  4px 12px  !important;
}

#login_bar  ul li a strong.name_visitor{
color: #000 !important;
font-weight: bold;
font-size: 10px !important;
font-family:Tahoma !important;
text-shadow: 0 0 0 transparent, 1px 1px 2px #cccccc !important;
text-transform: capitalize  !important;
}

#login_bar  ul li:hover a:hover strong{
color: #FF6317 !important;
}



#login_bar  ul li .profies,#login_bar  ul li .profies:hover{
padding-left:20px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/user_p10.png) no-repeat left center !important;
}

#login_bar ul li a strong.name_visitor{
display:block;
max-width:160px  !important;
overflow:hidden  !important;
height:15px;
}

           
#login_bar  ul li .favorites,#login_bar  ul li .favorites:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/li-sta10.png) no-repeat left center !important;
}

#login_bar  ul li .logout,#login_bar  ul li .logout:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/user_l10.png) no-repeat left center !important;
}         

#login_bar  ul li .sign_up,#login_bar  ul li .sign_up:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/sign_u10.png) no-repeat left center !important;
}         
#login_bar  ul li .control,#login_bar  ul li .control:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/admin_10.png) no-repeat left center !important;
}         
      
#login_bar  ul li .hop_thu,#login_bar  ul li .hop_thu:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/hop_th10.png) no-repeat left center !important;
}      


#login_bar  ul li .thong_bao,#login_bar  ul li .thong_bao:hover{
padding-left:18px !important;
background:  url(http://i40.servimg.com/u/f40/17/60/05/62/thong_10.png) no-repeat left center !important;
}
/* cột phải */
.sidebar .secondaryContent {
border: 1px solid #DEE5ED;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
}
.secondaryContent
{
   color: rgb(126, 138, 158);
background-color: rgb(238, 243, 248);
padding: 10px;
border-color: rgb(222, 229, 237);
border-top-color: rgb(238, 243, 248);
border-bottom-width: 1px;
border-bottom-style: solid;
text-shadow: 0 1px rgba(255,255,255,0.75);
box-shadow: inset 0 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0));

}

   .secondaryContent a
   {
      color: rgb(39, 100, 145);

   }
.sidebar
{
   font-size: 11px;
float: right;
width: 200px;
padding-top: 20px;
}
/* chỉnh widget*/
#content,#content-container div#content{background:#FFF}
#content-container div#main{border:1px solid rgba(255,255,255,0.1)}
#content-container div#left{float:none;width:100%}
#left .module .box-content a{margin:2px 0}
#left{clear:none!important;width:100%!important;float:none!important}
/*cột phải */

/* generic sidebar blocks */
      
.sidebar .section .primaryContent  h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3
{
   font-weight: bold;
font-size: 12px;
color: #547283;
background-color: rgb(222, 229, 237);
padding: 5px 10px;
margin: -11px -11px 10px;
border: 1px solid rgb(208, 217, 226);
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -khtml-border-bottom-right-radius: 0;
border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -khtml-border-bottom-left-radius: 0;
text-shadow: 0 1px rgba(255,255,255,0.5);
box-shadow: inset 0 1px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0 1px rgba(255,255,255,0.5); -khtml-box-shadow: inset 0 1px rgba(255,255,255,0.5);

background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0) 75%);

}

.sidebar .section .primaryContent  h3 a,
.sidebar .section .secondaryContent h3 a
{
   font-weight: bold;
font-size: 12px;
color: #547283;
}

.sidebar .section .secondaryContent .footnote,
.sidebar .section .secondaryContent .minorHeading
{
   color: rgb(162, 182, 202);
margin-top: 5px;

}

   .sidebar .section .secondaryContent .minorHeading a
   {
      color: rgb(162, 182, 202);
   }









.lp2 span.intooltip, .mimi span.intooltip {position: absolute; }





#smiley-box { max-width:220px;}

.op-last2, div.TabView div.Tabs a.Active{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}

















recent{float:left;width:567px}#last-posts{width:100%}#option-lastpost{height:18px}#main-lastpost{background:url(http://i40.servimg.com/u/f40/17/70/31/89/listbg10.gif) #FFF;height:325px}#name-lastpost{font-style:italic;position:absolute}.op-last-select{color:#0E53FB;font-weight:700!important}.op-last-bottom2{color:red;cursor:pointer;float:left;font-weight:700;padding-top:2px;width:43px!important}.lp1,.lp4,.lp5,.lp6,.lp7,.lp8,.mlp2,.mlp4,.mlp5,.mlp6,.mlp7,.title{font-size:11px;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}.lp1 img{margin-left:3px}
.lp2,.mlp2{font-size:11px;margin-left:14px;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:180px}.dl-post:hover{background:#f1f1f1}.dl-post,.ltpvds{height:20px}.lpmi{width:100px}.ds1vds{width:70px}.title{margin-left:5px;width:260px}.lp4,.mlp4{margin-left:295px;width:100px}.lp6,.mlp6{font-style:italic;margin-left:415px;width:40px}.lp7,.mlp7{font-style:italic;margin-left:450px;width:40px}.lp5,.mlp5{float:right;margin-left:500px;width:100px}.imglp{font-size:11px;margin-left:615px;overflow:hidden;position:absolute;white-space:nowrap}.lp8{margin-left:640px}
#dl-lastpost,.DL_Tooltip{display:none}#DL_LastTopic,#main-lastpost1,.DL_TooltipCCM{background-image:url(http://i40.servimg.com/u/f40/17/70/31/89/opacit10.png);border-radius:5px;color:#fff;display:none;padding:10px 20px;position:absolute;z-index:99}



.op-last2, div.TabView div.Tabs a.Active{
position: relative;
z-index: 10;
color: #FF6317;
padding-right: 1px;
font-size: 0.95em;
background: #F8F8F8;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCCCCC;
-khtml-box-shadow: 5px 5px 7px #CCCCCC;
}



.op-last, .op-last:hover, div.TabView div.Tabs a, div.TabView div.Tabs a:hover {
display: block;
width: 110px;
height: 30px;
margin: 0px;
padding: 14px 0 14px 20px;
font-size: 11px;
color: #5C5C5C;
font-weight: bold;
line-height: normal;
text-decoration: none;
outline: none;
border-right: 1px solid #D0D9E2;
border-bottom: 1px solid #D0D9E2;
border-left: 1px solid #D0D9E2;
background: white repeat-x 0px 0px;
}


.options-button a.small_textbutton,a.postbit:link,a.postbit:visited {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#EEE url(http://www.themefreak.net/themes/Delicate/tcat.png) repeat-x;
border:solid 1px #CBCBCB;
border-radius:2px;
clear:left;
color:#444;
font-size:11px;
margin-left:5px;
text-shadow:1px 1px 0 #FAFAFA;
padding:4px 8px;
}


button.button2,input.button2 {
background-image:url();
border-radius:4px 4px 4px 4px;
padding:4px!important;
}




   





.popmenubutton-new-out img {
z-index: 999;
display: block;
position: absolute;
margin: 27px 50px 0px;
}

#Load{background:url(http://i40.servimg.com/u/f40/17/70/31/89/loadaj10.gif) no-repeat 50% 50% #FFF;border:20px solid rgba(130,210,60,.3);border-radius:50px;display:none;height:50px;left:50%;margin-left:-25px;position:fixed;top:40%;width:50px}
/* chatbox*/
#chatbox_header,div.maintitle, .formbuttonrow, .topic-footer, .bar {
font-size: 12px;
color: white;
padding: 5px 10px;
margin: 3px auto 0;
border-color: #C7D8E9;
border-bottom: 1px solid #A2B6CA;
padding: 8px 15px;
margin: 0;
border-width: 1px;
border-style: solid;
border-bottom-color: #A2B6CA;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
min-height: 6px;
background-color: #0B75B1;
box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255, 255, 255, 0.25), inset 0 -1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
-khtml-box-shadow: inset 20px 0 50px -15px #0A285C, inset -20px 0 50px -15px #0A285C, inset 0 1px rgba(255,255,255,0.25), inset 0 -1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.25);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}
#chatbox_members {display:none;border-right:0px;}
#chatbox {
left:0px;
top: 120px;
}
.date-and-time {color: #666686;}
#chatbox_footer {

top: 0;
bottom: 360px;
}
#chatbox_footer { background-color:#FFF;
top : 40px;
padding-bottom: 65px;
border-bottom:1px;}
#message {
border-width: 1px;
width: 620px;
float: left;
  margin-top:-15px;
}
#submit_button{ position: absolute; top:0px;margin-left: -50px;}

.fontbutton:hover,#submit_button:hover,ul.privmsg li div.tabitem:hover, .button.primary:hover, .button:hover, .mainoption:hover
{
background-color: #164975;
}
.fontbutton,#submit_button,ul.privmsg li div.tabitem, .button.primary, .button, .mainoption {
min-width: 100px;
font-style: normal;
font-weight: bold;
font-size: 11px;
color: #DEE5ED;
background-color: #113D63;
padding: 6px 15px;
border: 1px solid #113D63;
border-top-color: #164975;
border-bottom-color: #09324F;

border-image: initial;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.34902) 0px 1px;
outline: none;
line-height: 16px;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset, rgba(0, 0, 0, 0.34902) 0px 1px 3px;
-webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px inset, rgba(0, 0, 0, 0.34902) 0px 1px 3px;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.247059), rgba(255, 255, 255, 0));
-webkit-transition: all 0.1s ease;
height: 28px;
}
.fontbutton,#submit_button{min-width:29px;border:0px;}
#chatbox_messenger_form .right{float:left;margin-top: 5px;}
.chatbox{background-color: #FFF;}
.chatbox_row_2 , .chatbox_row_1 {background-color:#FFF;padding: 6px;}
body.chatbox {
background-color: white!important;
background: url(http://2img.net/i/fa/empty.gif) fixed top center no-repeat;
}
.postprofile-details dd + dd + dd { display:none;}


input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
.textCtrl {

border: 1px solid black;
border: 1px solid rgba(0, 0, 0, 0.15);
_border: 1px solid rgb(0,0,0);
border-top-color: black;
border-top-color: rgba(0, 0, 0, 0.2);
_border-top-color: rgb(0,0,0);
border-bottom-color: black;
border-bottom-color: rgba(0, 0, 0, 0.1);
_border-bottom-color: rgb(0,0,0);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
outline: 0;
}
.textCtrl {
color: #DEE5ED;
font-size: 11px;
background-color: #1A3D66;
border: none;
padding: 4px 8px;
width: 226px;
height: 14px;
line-height: 14px;
text-shadow: 0 1px rgba(0, 0, 0, 0.35);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px rgba(255, 255, 255, 0.15);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35), 0 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.15);
-khtml-box-shadow: inset 0 1px 3px rgba(0,0,0,0.35), 0 1px rgba(255,255,255,0.15);
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 75%);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
transition: background 0.2s ease;
}
#userlinks p ,#userlinks ul .last{display:none; }
#userlinks ul { float:left;}
#QuickSearch { float:right;}

.lp2 span.intooltip,.mimi span.intooltip{box-shadow:5px 5px 8px #CCC;display:none;margin-left:9px;margin-top:11px;padding:14px 20px;z-index:999;border-bottom:1.5px dashed;
padding-bottom:5px;
margin-bottom:5px;}
.lp2:hover span.intooltip,.mimi:hover span.intooltip{
position:absolute;
border:5px solid #333;
opacity: 0.8;
background:#FFFFFF;
padding:2px 5px;
color:#000; 
border-radius:10px;
box-shadow:0 0 20px #222;
text-shadow: 1px 1px 2px #FFFFFF;
font-weight:bold;
height:auto;
width:auto;
padding: 8px 13px;
display:inline;}

๖ۣۜTom

Bài gửi Fri Jan 04, 2013 2:52 pm by ๖ۣۜTom

cập nhật lỗi ko tạo dc trnag chủ => last ko hiện

aaaaaaaaaaaaaaaaaaaaa

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết