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 )
thay bằng đoạn này
- Code:
$(function () { if(window.location.href.indexOf("/forum") > -1) { } else { $(".khung").remove() } });
- 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
c5 là id số nhóm chuyên mục [You must be registered and logged in to see this link.]
- 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>
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.