[Share] skin audition - edit từ skin 9x

Tình hình là gần đây k thể export skin nên làm bằng tay cho khổ Vui

skin được edit lại từ skin của 9xstudio - cho phù hợp với game audition

demo online : http://anhoang4.forumvi.com/

Link dowload

Code:

http://www.mediafire.com/download/r95nfkhhgeaxz4m/audition.rar

sau khi down về giải nén ra - add temp và css như trong file nén

Chèn ảnh cho box:
thêm vào css code sau

Code:

table[id^="c"] td.row2.icon a[href^="LINK BOX"]{background:#fff url(LINK ẢNH)}

Trong đó thay LINK BOX thành đường dẫn tới box cần thêm ảnh : ví dụ box code của DEVs thì LINK BOX sẽ là /f19-forum
Thay LINK ẢNH thành link của ảnh muốn thêm vào box
vào ACP>>DISPLAY>>COLOR>>CSS>>CSS options -> MuitenDeactivate the basic CSS : Không - Optimize your CSS: Không

Code:

-Không last + không view (css là cũng đủ để thấy cái view rồi)
-trong này chỉ có body + box + head + begin + end + css :)
-Sử dụng skin vui lòng không xóa thông tin phía cuối skin nhằm tôn trọng tác giả
-Mọi vấn đề về skin vui lòng comment trong topic này

Nguồn : http://devs.forumvi.com/t227-dong-gop-skin-audition-edit-tu-skin-9x#1362
cảm ơn đã ghé topic và sử dụng skin !

khi add skin bị lỗi lẹch sang bên trái (xin lỗi vì sự cố)
thay toàn bộ css bằng css sau đây

Code:


@-webkit-keyframes blink{0%{opacity:1}
100%{opacity:.1}
}
@-moz-keyframes blink{0%{opacity:1}
100%{opacity:.1}
}
@-ms-keyframes blink{0%{opacity:1}
100%{opacity:.1}
}
@keyframes blink{0%{opacity:1}
100%{opacity:.1}
}
Body{ background: url(http://i.imgur.com/oSog8h0.jpg) fixed no-repeat
}
#pun-navlinks li > a{display:inline-block;height:40px;font-weight:bold}
.user-ident img{box-shadow:0 0 10px 0;height:85px;width:85px;margin-bottom:5px;margin-left:0;margin-top:0;padding:0;border-radius:50px;color:#fbfbfb}
.pun .posthead h2{clear:left}
.pun .user-ident .username{display:none!important}
.pun .user-ident{font-weight:700;margin-top:-18px;padding:4px}
.pun .topic{border-style:none!important}
.posthead{position:relative}
.posthead:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #CCC;position:absolute;left:-11px;top:5px}
.posthead:after{content:'';display:inline-block;border-bottom:10px solid transparent;border-top:10px solid transparent;border-right:10px solid #ddd;position:absolute;left:-16px;width:5px;top:5px}
#process section{position:absolute}
#process section:nth-child(3){background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;width:97px;height:78px;margin-left:174px;z-index:100}
#process section:nth-child(1){background:url(http://i.imgur.com/ZycxI5p.png) no-repeat;width:97px;height:78px;margin-left:415px;z-index:100}
#process section:nth-child(2){background:url(http://i.imgur.com/JyHpCtY.png) no-repeat;width:194px;height:156px;margin-top:20px;margin-left:600px;z-index:100}
#process section:nth-child(4){background:url(http://i.imgur.com/Qe0JpjC.png) no-repeat;width:85px;height:68px;margin-top:70px;margin-left:884px;z-index:100}
.pun .p-hidden{border-bottom:none!important}
.pun table.table td{border-color:none!important}
#pun-navlinks a,#pun-navlinks a:visited{color:#fff}
a[href*="/login"]{font-weight:bold;color:yellow!important}
a[href*="/register"]{font-weight:bold;color:red!important}
#pun-navlinks{border-bottom: 2px dashed #E33C74;background: url(/users/1214/94/30/93/album/wbg10.png);text-align:center!important;position:fixed!important;width:100%!important;left:0!important;top:-60px!important;z-index:999!important;-moz-transition:top 0.4s ease;-webkit-transition:top 0.4s ease;-o-transition:top 0.4s ease;-ms-transition:top 0.4s ease;transition:top 0.4s ease}
div.mekiep{border-right:1px solid #DBE4EF;float:left;height:339px;margin-right:-1px;overflow:hidden;position:relative;width:137px;z-index:100;border:1px solid #ddd}
.last{border-bottom:1px solid #DBE4EF;border-right:1px solid #DBE4EF;display:block;font-size:11px;font-weight:700;line-height:normal;outline:none;text-decoration:none;width:116px}
.tag div{background:none repeat scroll 0 0 #F6F8FB;padding:10px;margin:0 6px 0 0;float:left;cursor:pointer}
.tag div:hover{transition:background-color 0.3s ease-in-out 0s;background:none repeat scroll 0 0 #EAEFF5}
.tag div.active{background:#fbfbfb;z-index:999;position:relative;cursor:none;font-style:italic;border-right:1px solid #fbfbfb!important}
.****** ol{display:none}
.****** ol.activea{display:block}
.tag{height:32px}
p#pun-desc{display:none}
#pun-legend img{margin-left:20px!important;margin-bottom:-10px}
ul#pun-legend{margin-bottom:-45px!important}
.overview{top:30px!important}
/* Crumbs */.pun-crumbs{border:1px solid #F3F3F3;background:#f4f4f4;padding:0}
.crumbs > a[href="/"]:before,.crumbs > a[href="/?tt=1"]:before,.crumbs > a[href=""]:before{border-left-color:#57baff}
.pun-crumbs p{display:block;font-size:0;position:relative;margin-bottom:-1px}
.crumbs > a,.crumbs > strong{font-size:14px;border:1px solid #F3F3F3;line-height:32px;display:inline-block;position:relative;font-weight:400;background:#fbfbfb;margin-top:-1px;border-width:1px 0;padding:0 10px 2px 20px}
#pun-navlinks a[href="/"],#pun-navlinks a[href="/?tt=1"],.crumbs > a[href="/"],.crumbs > a[href="/?tt=1"],.crumbs > a[href=""]{background-image:url(http://i56.servimg.com/u/f56/18/59/49/93/home10.png);background-position:center;text-indent:-9999px;width:30px;background-repeat:no-repeat;}
.crumbs > a:before,.crumbs > strong:before{content:"";border:18px solid transparent;border-left-width:12px;border-right:0;border-left-color:#fbfbfb;display:block;position:absolute;right:-11px;top:-1px;z-index:10;width:0;height:0}
.crumbs > a:after,.crumbs > strong:after{content:"";border:18px solid transparent;border-right:1px none #F3F3F3;border-left-width:12px;border-left-color:#E6E6E6;display:block;position:absolute;right:-12px;top:-1px;z-index:5;width:0;height:0}
.crumbs > a[href="/"],.crumbs > a[href="/?tt=1"],.crumbs > a[href=""]{border-color:none}
.crumbs > a[href="/"]:before,.crumbs > a[href="/?tt=1"]:before,.crumbs > a[href=""]:before{border-left-color:none}
.crumbs > b:hover,.crumbs > a:hover,.crumbs > .active{background-color:#359BED!important;color:#FFF!important;border-color:#359BED!important}
.crumbs > b:hover:after,.crumbs > a:hover:after,.crumbs > .active:after{border-left-color:#2898F1!important}
.crumbs > b:hover:before,.crumbs > a:hover:before,.crumbs > .active:before{border-left-color:#359BED!important}
#copyright {
background:#fff url(http://i34.servimg.com/u/f34/16/03/04/56/untitl12.png) no-repeat;
height:30px;
padding:18px;
  border: 1px solid #ddd;
border-radius: 0 0 15px 15px;
}
.pun-crumbs{margin:0!important;padding:0!important;margin-top:10px!important}
.frm_connexion {width: 194px;line-height: 26px;margin: auto 275px;background: #F1F1F1;margin-top: 0px;border-radius: 100%;box-shadow: 0px 0px 15px -6px;padding: 40px;text-align: center;}
#profile-advanced-layout{margin-top:119px!important}
#profile-advanced-add{padding:91px 0 6px!important}
fieldset.frm-set{border:none;margin:0!important;padding:5px!important}
.pun .sig-content{padding:0!important}
fieldset.frm-set dl dd{margin:0!important;padding:.1em!important}
fieldset.frm-set dl dt{text-align:left!important;float:none!important;width:66em!important;padding:.3em!important}
.pun .frm dd.frm-input,.pun .frm dd.frm-input input,.pun .frm dd.frm-textarea{width:94.7%!important}
.sig-content{clear:both;max-height:30px;overflow:hidden;position:relative;border-top:1px solid #d8d8d8}
#chatbox_portal{padding-bottom:8px;margin:-12px}
.sig-content:hover{max-height:1000px;transition:all 1s}
.pun a:hover{color:red;transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0}

.pun .paged-foot,.pun .paged-head{padding:.3em 1.3em!important}
#userbar{height:56px;background:#fbfbfb;clear:both;font-family:Oxygen,sans-serif;text-transform:uppercase;padding:0 10px;border:1px solid #ddd;border-radius: 13px 13px 0px 0px;}
#quicknav{float:left;margin-top:12px}
#quicknav ul,#quicknav li{float:left;list-style:none;margin:0;padding:0}
#quicknav a{display:block;padding-left:15px;line-height:36px;color:#444}
#quicknav .social_icon{background:url(http://i.imgur.com/nNXyd6R.png) no-repeat;height:36px;width:36px;padding:0;}
#quicknav .facebook{background-position:0 0}
#quicknav .twitter{background-position:0 -78px}
#quicknav .googleplus{background-position:0 -156px}
#quicknav .dribble{background-position:0 -234px}
#quicknav .flickr{background-position:0 -312px}
#quicknav .youtube{background-position:0 -390px}
#quicknav .rss{background-position:0 -468px}
#quicknav .facebook:hover{background-position:0 -39px;}
#quicknav .twitter:hover{background-position:0 -117px}
#quicknav .googleplus:hover{background-position:0 -195px}
#quicknav .dribble:hover{background-position:0 -273px}
#quicknav .flickr:hover{background-position:0 -351px}
#quicknav .youtube:hover{background-position:0 -429px}
#quicknav .rss:hover{background-position:0 -507px}
#search{float:right;margin-top:13px}
#search input{float:left}
#search input.search-input{background:#fff;border:1px solid #e3e3e3;outline:none;width:182px;height:20px;margin-right:-7px;line-height:1;font-family:Oxygen,sans-serif;color:#555;padding:6px 8px}
#search input.search-button{background:url(http://i.imgur.com/FfK6U5Q.png) 0 0 no-repeat;border:none;width:46px;height:34px;cursor:pointer}
#search input.search-button:hover{background-position:0 100%}
.c3zplus{background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat scroll 0 0 #eceef5;background-position:6px 36%;background-repeat:no-repeat;border:1px solid #cad4e7;border-radius:3px;color:#FFF!important;display:block;float:left;height:13px;position:relative;text-align:left;width:25px;margin:2px 2px 0;padding:3px 3px 3px 24px}
.frm-buttons{margin-bottom:0!important;padding:.5em 0 0 26em !important}
.chatbox{border:1px solid #ddd!important}
#chatbox{top:43px!important}
.c3zminus{background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat scroll #eceef5;background-position:6px 36%;background-repeat:no-repeat;border:1px solid #cad4e7;border-radius:3px;color:#FFF!important;display:block;float:left;height:13px;position:relative;text-align:left;width:55px;margin:2px 0 0;padding:3px 3px 3px 24px}
.c3zplus:hover,.c3zminus:hover{background-color:#ebedf4;border-color:#9dacce}
.vote-button{float:left;width:60px}
.ost{background-image:url(http://i43.servimg.com/u/f43/16/03/04/56/f10.gif)}
.stavote .qua{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #c2d5e3;margin:2px 0 0;padding:5px 8px 5px 25px}
.no .vop{background:url(http://i43.servimg.com/u/f43/16/03/04/56/like-f10.png) no-repeat left center;padding:0 0 0 18px}
.no .vom{background:url(http://i43.servimg.com/u/f43/16/03/04/56/dislik10.png) no-repeat left center;margin:2px 0 0;padding:0 0 0 18px}
.no,.stavote .qua{background-position:5px 50%;background-repeat:no-repeat;border:1px solid #cad4e7;background:#eceef5;color:#3B5998;border-radius:4px;font:normal 11px Tahoma,Arial,Helvetica,sans-serif;margin:1px;padding:3px}
.stavote{float:left;margin-left:-5px;padding:6px}
.postmain img{max-width:400px}
#chatbox_header{height:30px}
.chatbox-title{margin-bottom:-3px!important;height:21px!important;margin-top:17px;width:5em!important;background:#fbfbfb!important;padding:17px 5px 0}
#chatbox_members{bottom:30px!important;top:43px!important;}
#chatbox_footer{bottom:-2px!important;border-top:1px dashed #E33C74!important}
#chatbox_members .member-title{border-bottom:1px solid #d8d8d8!important}
.sceditor-container,#textarea_content{width:99.8%!important}
.frm-form textarea,.frm-form iframe{width:calc(100%-10px)!important}
#smiley-box{float:none;clear:both;width:100%;margin-left:5px}
.smiley-element{text-align:center}
select{background-color:#fff;vertical-align:middle;display:inline-block;color:#555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:2px}
.pagenavi span.extend{display:inline!important;border:none!important}
.hierarchy{border:none;display:inline;font-weight:700!important;text-transform:uppercase}
#pun-navlinks ul.clearfix{text-align:center;padding-left:30px}
#pun-navlinks li{display:inline-block;line-height:45px;margin-top:-1px}
#pun-foot{clear:none!important}
#pun-intro{background:none;border:0;margin:0;padding:44px 1em 155px}
#head{top:0;left:0;width:100%;min-width:960px;overflow:hidden;background-attachment:scroll;background-position:center top;background-repeat:no-repeat;height: 400px;}
#content-container div#content{margin:-85px auto 140px!important;position:relative}
.pun{min-width:100px;width:837px;padding:0}
a:link{text-decoration:none!important}
#content-container div#left{float:none;margin-bottom:10px;width:100%}
.rlink{float:right;display:inline-block;text-align:right}
ul#cungchuyenmuc{padding-top:25px}
#cungchuyenmuc li{margin-left:25px;list-style:square;margin-top:2px;width:45%;float:left;padding-bottom:3px}
#cungchuyenmuc span{position:absolute;display:inline-block;width:342px;height:16px;overflow:hidden;margin-bottom:-3px}
#cungchuyenmuc a{text-decoration:none!important;color:#333;font:12px Tahoma}
#cungchuyenmuc a:hover{color:#ba3814}
#lastest{padding-left:20px;line-height:20px;list-style:decimal-leading-zero outside none}
#lastest li{border-bottom:1px dotted #ccc;clear:both}
#pun-head #pun-navlinks{background: url(/users/1214/94/30/93/album/wbg10.png);margin:57px auto 0;text-transform:uppercase;padding:0!important;height:40px}
#pun-navlinks li a{margin:0 .8em 0 0}
.user-info{clear:both;max-height:0;overflow:hidden;position:relative}
.user-ident:hover ~ .user-info{max-height:250px;transition:all 1s ease;-moz-transition:all 1s ease-out;-ms-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out}
.i_icon_online{margin-left:-11px}
.offline{padding:3px}
.sceditor-container.ltr{border:1px solid #ddd!important;padding:0!important}
.pun .user .user-ident{font-size:12px;text-align:center;padding:0 0 .3em!important}
.pun table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
.pun .user-ident .user-basic-info{font-weight:700;margin-top:-18px;padding:4px}
.pun .post{padding-bottom:13px;border-style:none!important}
.user-basic-info .user-ava img{box-shadow:0 0 10px 0;height:85px;width:85px;margin-bottom:5px;margin-left:0;margin-top:0;padding:0;border-radius:50px;color:#57baff}
.pun .user .user-info{width:93px;color:#666;line-height:1.8em;background:lavender;padding-left:11px;margin-top:-5px;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;font-size:11px;font-style:italic}
.pun .user-ident .username{color:#00569c;display:block;font-size:1.2em;font-weight:700;position:absolute;text-decoration:none;top:0;background:#fbfbfb;width:142px;border:1px solid #ddd;line-height:27px;border-bottom:2px solid #E83636}
.pun .post .user{float:left;margin-left:-17em;margin-top:-31px;position:relative}
.postmain cite{font-weight:700;text-transform:uppercase;border-bottom:2px solid #d8d8d8;margin-left:-6px;margin-right:-6px;margin-top:-5px;padding:.25em}
.pun .main .options{margin-top:7px}
.pun .postmain{background-color:#fbfbfb;border-left:none;margin-left:104px;border:1px solid #ddd}
.pun .posthead{border-bottom:1px solid #ddd!important;padding:.5em 1.1em .5em 1em !important;background:#ddd}
.pun .user{width:9em}
[class^="post post--"]:hover .postfoot{opacity:1;max-height:100%}
.postfoot{border-top:1px solid #ddd!important;max-height:0;opacity:0;height:25px}
.pun .post .user{margin-left:-113px;border-top:none!important}
.pun a:link{font-family:Arial,Helvetica,verdana,sans-serif;font-size:10pt;text-decoration:none}
.clearfix{clear:both}
#ads{border:1px solid #ccc;height:80px;position:relative}
#s_ads{-webkit-transform:rotate(270deg);background:#ccc;left:-29px;position:absolute;top:28px;width:66px;padding:5px 5px 5px 10px}
.fol{border-right:0!important}
#pun-title{font-size:40px!important;font-weight:700!important;font-family:comic sans ms;color:#EEE8AA;max-width:0;margin:110px 528px 45px}
.left{float:left!important}
.top-menu.search{-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;height:45px;overflow:hidden;padding-right:10px;width:94px}
.top-menu.search.selected{background:#fff;width:219px}
.fol > span[data-icon],.icn_list,.icn_profile,.icn_search,.left [data-icon]{display:inline-block;float:left;height:25px;width:25px;margin:10px 8px}
.okk{background:none;border:none;cursor:pointer;height:25px;width:25px;margin:10px 2px}
.selected .formsearch{-moz-animation:showmenu 1s;-ms-animation:showmenu 1s;-o-animation:showmenu 1s;-webkit-animation:showmenu 2s;display:inline;white-space:nowrap}
.module.main.module-advert{margin-left:248px!important;position:absolute;top:66px}
#content-container{max-width:900px;margin:0 auto!important}
.main .main-foot,.main .main-head,.main-head{
    background: none!important; 
    border-bottom: 5px solid #E33C74;  padding: 0!important;  margin-bottom: 13px;  border-radius: 0 35px;
}
.main-head .h3,.main-head h2,.main-head h3,.pun .main-foot .h2,.pun .main-head .h2,div.subtitle,h1.page-title{
    color: #000;  display: inline-block;  font-family: 'Segoe UI Light','Open Sans',Tahoma;  font-size: 25px;  font-style: normal;  font-variant: normal;  font-weight: 900;  line-height: 15px;  margin-bottom: 3px;  margin-top: 22px;  text-transform: uppercase;  margin-left: 27px;  background: none;  padding-left: 5px;  padding-right: 5px;  font-style: italic;
}
.pun table.table th{background:none;border-bottom:1px solid #ddd}
#calendar th:nth-child(even){background:rgba(255,255,255,0.19)!important}
#calendar tr{background:#333!important}
#calendar .date{background:#fff!important}
#calendar .date .row2:nth-child(even){background:rgba(0,0,0,0.07)}
#calendar .date .row2{background:rgba(0,0,0,0.03)}
#calendar .date .row3:nth-child(odd){background:rgba(0,0,0,0.06)}
#calendar .date .row3{background:transparent}
.date td{position:relative}
.date a{background:#ff8c8c;bottom:0;color:#fff!important;display:inline-block;left:0;line-height:30px;position:absolute;right:0;top:0}
a[name=p_calendar] + .module.main .main-head{background:#EC5353!important;border:3px solid #EC5353}
a[name=p_calendar] + .module.main .main-head .h3{border:none;color:#fff;padding-top:10px}
a[href*=/s/]{background:#ddd;display:inline!important;float:left!important;font-family:arial,sans-serif!important;font-size:10px!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:18px!important;position:relative!important;margin:2px 2px 2px 3px;padding:3px}
a[href*=/s/]:hover{background:#EC5353;color:#fff}
.paging a,.paging b{background:#ccc;display:inline;height:25px;line-height:26px;margin-left:-9px;margin-right:5px;min-width:18px;text-align:center;transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-moz-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-webkit-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;-o-transition:color .2s ease-in-out 0 padding-left .1s ease-in-out 0;padding:3px 10px}
.paging a:hover,.paging b{background:#e83939;color:#fff}
.main .frm-info{background-color:#FFE4BE;border:2px solid #FFAF51;color:#D58524;font-weight:700;width:809px;margin:0!important;margin:none!important}
.pun .main .main-content p.message{background-color:none!important;border:none!important;margin:none!important}
.codebox{background:#FFF;border:1px solid #D4D4D4}
.codebox dd{background:#FFF;margin:0}
.codebox dt{font-weight:700;text-transform:uppercase;border-bottom:3px solid #d8d8d8}
.codebox dt a{float:right}
blockquote{border-radius:0;border-color:#ccc}
blockquote cite{border-radius:0}
.spoiler_title{background:none;border-radius:0;color:#fff}
.spoiler,.codebox{border-radius:0;color:#000;border:1px solid #ddd}
.postmain blockquote{font-style:italic;padding:.5em!important;margin-bottom:5px}
.pun table.table td{border-style:none none solid}
.pun table.table tr:hover td{background:#f5f5f5}
#tabs ul li a{background:none;border:none;color:#ccc;font-family:'Segoe UI',Tahoma,Helvetica,sans-serif;font-size:17px;letter-spacing:-2px;line-height:30px}
#tabs ul li.activetab a{background:none!important;color:#333;text-decoration:none}
#pun-navlinks [data-icon]{font-size:20px}
#folow span[data-icon]:before{bottom:-2px;font-size:17px;position:relative}
.arrow{bottom:0;height:13px!important;position:absolute;right:10px;visibility:hidden;margin:0!important;padding:0}
#pun-about{background:none;border:none;font-size:9px;text-align:center}
#pun-about a{color:#6f6f6f;font-size:9px}
.frm-form[name=form_login]{padding-top:1px}
.frm-form[name=form_login] .frm-info{background-color:rgba(0,173,255,0.19);border:2px solid #51abff;color:#2480d5;font-weight:700;position:relative;margin-top:-1px;width:98%;border-radius: 0px 0px 20px 20px;}
.frm-form[name=form_login] .frm-info:before{color:rgba(26,149,245,0.45);content:"✖";font-family:icomoon;font-size:50px;font-weight:400;left:10px;position:absolute;top:24px;left:780px}
.frm-form[name=form_login] .frm-info li{background:none!important;padding:0}
#pro li a:before,.new:before,.old:before{font-family:icomoon;margin:2px}
.mainmenu[href=/search?search_id=favouritesearch]:before{content:"\e006"}
.mainmenu[href=/privmsg?folder=inbox]:before{content:"\e02e"}
.mainmenu[href=/profile?mode=editprofile]:before{content:"\e025"}
.mainmenu[href=/memberlist]:before{content:"\e038"}
.new:before,.old:before{content:"e032";color:#fff;font-size:18px}
.lock:before,.new:before,.old:before{font-size:28px;font-style:normal}
.new:before{color:#E83636}
#pun-navlinks .Cp a{color:#F40}
#pun-navlinks .face a{color:#445f9c}
#pun-navlinks .rss a{color:#ffaa31}
#pun-navlinks .dva a{color:#5A6D63}
#custom-menu{background-color:#fff;border:solid 2px #000;display:none;position:absolute;z-index:999;padding:5px 0}
#custom-menu ol{font-family:Verdana;font-size:12px;list-style-type:none;max-width:200px;min-width:130px;width:auto;margin:0;padding:0}
#custom-menu ol li{display:block;list-style:none;margin:0;padding:5px}
#custom-menu ol li:hover{background-color:#efefef}
#custom-menu ol li:active{background-color:#000;color:#fff}
#custom-menu ol .list-devider{margin:0;padding:0}
#custom-menu ol .list-devider hr{margin:2px 0}
#custom-menu ol li a{color:#000;display:block;text-decoration:none;padding:0 5px}
body .galleria-image-nav-left,body .galleria-image-nav-right{width:150px}
#galleria-loader{height:1px}
47%,100%{opacity:1}
50%,97%{opacity:0}
#pun-navlinks ul.clearfix > li:hover,#pun-navlinks ul.clearfix li.left.logo a,#custom-menu ol li a:active{color:#fff}
#pun-navlinks ul.clearfix > li:hover .arrow,.top-menu:hover .cursor,.galleria-info.toggler.open{visibility:visible}
#sub.left ul li,#sub.profile ul li:last-child,#sub.profile ul li:nth-child(1),#sub.profile ul li:nth-child(2),#sub.profile ul li:nth-child(3),#sub.profile ul li:nth-child(4),#sub:hover ul,.galleria-carousel .galleria-thumb-nav-left,.galleria-carousel .galleria-thumb-nav-right{display:block}
#smallrum{color:#fbfbfb;margin:3px 1px;padding:1em}
#smallrum a img{vertical-align:middle;padding-right:2px}
#smallrum a.gensmall{display:inline-block;text-align:left;width:44%}
#lbOverlay{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}
#lbCenter,#lbBottomContainer{position:absolute;z-index:999;overflow:hidden;background-color:#fff}
.lbLoading{background:#fff url(http://i82.servimg.com/u/f82/18/27/81/04/loadin10.gif) no-repeat center}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/prevla10.gif) no-repeat 0 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/nextla10.gif) no-repeat 100% 15%}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(http://i82.servimg.com/u/f82/18/27/81/04/closel10.gif) no-repeat center;outline:none;margin:5px 0}
#lbCaption,#lbNumber{margin-right:71px}
#content{
    max-width: 837px;  -webkit-border-radius: 6px 6px 6px 6px;  border-radius: 26px 26px 26px 26px;  background: url(/users/1214/94/30/93/album/wbg10.png);  padding: 13px; 
    border: 2px dashed #E33C74;  padding-bottom: 0px;  box-shadow: 0 0px 60px -25px;
}
.pun .main table td.tc2,.pun .main table td.tc3{background-color:none!important}
#page-body{margin:0 auto}
.main-head:hover .c3zone{visibility:visible}
.c3zone{float:right;padding:14px;visibility:hidden}
.c3zone i{display:block;cursor:pointer;border:5px solid #fff;border-radius:5px}
.c3zone i.c3show{border:5px solid #EE82EE;border-radius:5px}
#pun-head #pun-navlinks li:first-child a,#lbCaption{font-weight:700}
#mudimPanel{opacity:.7;position:fixed;z-index:999!important;text-align:center!important;border:1px solid #ADD8E6!important;-webkit-transition:all .3s ease;-moz-transition-property:left;-moz-transition-duration:.3s;-o-transition-property:left;-o-transition-duration:.3s;background:#fff url(http://i45.servimg.com/u/f45/16/55/88/76/bogo11.png) no-repeat right center!important;bottom:9px!important;left:-364px!important;width:330px!important;height:47px!important;font-size:11px!important;line-height:22px!important;padding:4px 50px 4px 4px !important}
#mudimPanel:hover{left:0!important;opacity:1!important}
#toTop{position:fixed;bottom:10px;right:10px;overflow:hidden;display:inline;width:21px;height:21px;border:none;text-indent:100%;background:url(http://i.imgur.com/qPAA32G.png) no-repeat left top}
#toTop:hover{background-position:0 -26px;-webkit-transition:.3s}
#profile-advanced-right{margin-top:139px;width:175px!important}
#profile-advanced-details{margin-right:-120px!important}
#profile-advanced-details .message-footer{border-top:1s solid #ddd!important}
#profile-advanced-details .message-header{border-bottom:2px solid #ddd;margin-bottom:15px!important;border-top:none!important}
.sig-content>br:nth-child(1),.sig-content>br:nth-child(2),#pun-about #qjump,#toggle-button,#add-google-bottom,#calendar > p,#calendar > table + br,#right,#sub.profile ul li,.formsearch,.selected .label,#pun-visit,.c3zone i.c3inv,#mudimPanel a:first-child{display:none}
.pun .frm-form,.pun .topic{background:none!important}
/*! * leftslideshow - jQuery Plugin * version:2.0 (Thursday,September 19,2013) * requires jQuery v1.4 or later * Homepage http://zzbaivong.blogspot.com/ * Copyright 2013 baivong */.b_SideImg{position:relative;border:5px solid #FFF;box-shadow:0 0 1px #000;overflow:hidden;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;margin:10px auto}
.b_slides{margin-left:0!important;background:#333;position:absolute;top:0;left:0;list-style:none;width:inherit;height:inherit}
.b_content{position:relative;width:inherit}
.b_slides li{background:inherit;position:absolute;top:0;left:0;width:inherit;height:inherit}
.b_slides.faded li{opacity:0;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.faded li.selected{opacity:1;transition:opacity .4s;-webkit-transition:opacity .4s}
.b_slides.slided li{display:none}
.b_slides li img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.b_slides li p{background:rgba(0,0,0,0.54);font-size:.8em;line-height:1.3em;color:rgba(255,255,255,.8);position:absolute;bottom:0;right:0;left:0;text-align:left;opacity:0;padding:5px 10px}
.b_slides li p.show_info{opacity:1;transition:opacity .5s;-webkit-transition:opacity .5s}
.b_slides.slided li.selected,.b_slides.slided li.change{display:block}
.b_control{position:relative;bottom:0;left:0;background:#FFF;width:100%}
.b_control.hidden{position:absolute;opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_control.hidden:hover{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s}
.b_timebar{position:absolute;top:0;left:0;height:3px;width:0;background:red;z-index:30}
.b_paging{margin-left:32px;text-align:right;padding:1px 0}
.b_prev,.b_next,.b_pause,.b_play,.b_paging a,.b_paging a.selected,.b_fullscreen,.b_info{background:url(data:image/png;base64,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) no-repeat;width:32px;height:32px;z-index:20}
.b_prev,.b_next{cursor:pointer;position:absolute;top:50%;margin-top:-23px;width:37px;height:43px;opacity:.5}
.b_prev{background-position:0 -43px;left:0}
.b_next{background-position:0 0;right:0}
.b_pause,.b_play{position:absolute;top:1px;left:0;cursor:pointer}
.b_pause{background-position:0 -214px;display:none}
.b_play{background-position:0 -86px}
.b_paging a{color:#FFF!important;font-size:11px;display:inline-block;text-decoration:none;text-align:center;background-position:0 -246px;line-height:32px}
.b_paging a:hover,.b_paging a.selected{color:#FFF!important;background-position:0 -150px}
.b_paging a.b_wait{opacity:.3;cursor:wait}
.b_info,.b_fullscreen{cursor:pointer;background-position:0 -182px;opacity:.3;position:absolute;top:5px;left:5px}
.b_fullscreen{background-position:0 -118px;left:auto;right:5px}
.b_info:hover,.b_fullscreen:hover,.b_prev:hover,.b_next:hover{opacity:1}
.b_load{position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-75px;z-index:30;text-align:center;width:150px;line-height:50px;height:50px;font-size:50px;color:#FFF;opacity:.5;font-weight:700;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000}
.b_copy{position:absolute;z-index:10;width:inherit;height:inherit;left:0;top:0}
.b_SideImg:fullscreen{width:100%!important;height:100%;border:0 none}
.b_SideImg:fullscreen .b_content{height:100%!important}
.b_SideImg:fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-ms-fullscreen{width:100%!important;height:100%;border:0 none}
.b_SideImg:-ms-fullscreen .b_content{height:100%!important}
.b_SideImg:-ms-fullscreen .b_control{position:absolute;opacity:0;transition:opacity .3s}
.b_SideImg:-ms-fullscreen .b_control:hover{opacity:1;transition:opacity .3s}
.b_SideImg:-webkit-full-screen{width:100%!important;height:100%;border:0 none}
.b_SideImg:-webkit-full-screen .b_content{height:100%!important}
.b_SideImg:-webkit-full-screen .b_control{position:absolute;opacity:0;-webkit-transition:opacity .3s}
.b_SideImg:-webkit-full-screen .b_control:hover{opacity:1;-webkit-transition:opacity .3s}
.b_SideImg:-moz-full-screen{border:0 none;height:100%}
.b_SideImg:-moz-full-screen .b_content{height:100%!important}
.b_SideImg:-moz-full-screen .b_control{position:absolute;opacity:0;-moz-transition:opacity .3s}
.b_SideImg:-moz-full-screen .b_control:hover{opacity:1;-moz-transition:opacity .3s}
/* Chatbox */#chatbox_header.main-head{margin:0 0 0}
#chatbox_header.main-head,#chatbox_members,#chatbox,#chatbox_footer{background:#FFF}
#chatbox p[class*="chatbox_row"]{background:#FFF;margin-bottom:1px;border-top:1px solid #ddd}
#chatbox p[class*="chatbox_row"] .date-and-time{float:right;color:#aaa}
#chatbox_messenger_form .right:last-child{-webkit-transition:all .3s;bottom:-1px;opacity:0;padding:6px;position:absolute;right:700px;transition:all .3s;width:180px}
#divcolor img{display:none}
#chatbox_messenger_form .right:first-child{color:transparent}
#chatbox_messenger_form .right:first-child:hover + .right,#chatbox_messenger_form .right:last-child:hover{opacity:1;right:450px}
#mbt-menu,#mbt-menu ul{list-style:none;margin:0;padding:0}
#mbt-menu{background:#444 url(http://i77.servimg.com/u/f77/16/55/90/36/bg_rep10.jpg);border:1.5px solid #000;border-radius:5px;margin-left:0;position:fixed;width:978px!important;z-index:998;zoom:1}
#mbt-menu:after,#mbt-menu:before{content:"";display:table}
#mbt-menu:after{clear:both}
#mbt-menu li{-moz-box-shadow:1px 0 0 #444;-webkit-box-shadow:1px 0 0 #444;border-right:1px solid #222;box-shadow:1px 0 0 #444;float:left;position:relative}
#mbt-menu a{color:#f5fffa;float:left;font-family:Arial,Helvetica;font-size:12px;font-style:normal;font-variant:normal;font-weight:700;padding:12px 25px;text-decoration:none;text-shadow:0 0 0 #111,0 0 .5em #306EFF,0 0 .4em #306EFF;text-transform:uppercase}
#mbt-menu li:hover > a{-moz-border-radius:4px;-moz-box-shadow:inset 0 0 10px #EEE;-webkit-border-radius:4px;-webkit-box-shadow:inset 0 0 10px #EEE;border-image:initial;border-radius:4px;box-shadow:inset 0 0 10px #EEE;color:#f5fffa;text-shadow:0 0 0 #111,0 0 .5em Orange,0 0 .4em Orange}
*html #mbt-menu li a:hover{color:#fafafa}
#mbt-menu ul{-moz-border-radius:3px;-moz-box-shadow:0 -1px rgba(255,255,255,.3);-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-border-radius:3px;-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);-webkit-transition:all .2s ease-in-out;_margin:0;background:linear-gradient(#444,#111);border-radius:3px;box-shadow:0 -1px 0 rgba(255,255,255,.3);left:0;margin:20px 0 0;opacity:0;position:absolute;top:38px;transition:all .2s ease-in-out;visibility:hidden;z-index:999}
#mbt-menu li:hover > ul{margin:0;opacity:1;visibility:visible}
#mbt-menu ul ul{-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);_margin:0;box-shadow:-1px 0 0 rgba(255,255,255,.3);left:150px;margin:0 0 0 20px;top:0}
#mbt-menu ul li{-moz-box-shadow:0 1px 0 #111,0 2px 0 #666;-webkit-box-shadow:0 1px 0 #111,0 2px 0 #666;_line-height:0;border:0;box-shadow:0 1px 0 #111,0 2px 0 #666;display:block;float:none}
#mbt-menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
#mbt-menu ul a{_height:10px;display:block;float:none;padding:10px;text-transform:none;white-space:nowrap;width:130px}
#mbt-menu ul a:hover{background-color:#0186ba;background-image:linear-gradient(#04acec,#0186ba)}
#mbt-menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
#mbt-menu ul li:first-child > a:after{border-bottom:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;content:'';left:40px;position:absolute;top:-6px}
#mbt-menu ul ul li:first-child a:after{border-bottom:6px solid transparent;border-left:0;border-right:6px solid #3b3b3b;border-top:6px solid transparent;left:-6px;margin-top:-6px;top:50%}
#mbt-menu ul li:first-child a:hover:after{border-bottom-color:#04acec}
#mbt-menu ul ul li:first-child a:hover:after{border-bottom-color:transparent;border-right-color:#0299d3}
#mbt-menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
a,a:hover,a:link{text-decoration:none!important}
#chatbox_main_options{margin-top:6px}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label{color:#999}
#chatbox_footer{padding:3px 0}
#message,#submit_button{border:1px solid #A8A8A8;border-width:1px;height:24px!important;line-height:22px!important;padding:2px 5px!important}
#message:hover{background:#FFF}
#divstrike{display:none}
#chatbox_messenger_form{margin-top:2px}
.chatbox-title{font-weight:300;padding:0 0 0!important}
#show_color{display:block!important;height:20px;width:20px}
#chatbox_footer #submit_button{background: #E33C74;color:#FFF;height:30px!important;padding:4px 8px!important}
.chatbox{background:#fff}
.chatbox-title{padding:3px 10px;font-size:13px;font-weight:bold}
.chatbox-title a{color:#e74c2e}
.chatbox-options{margin:1px}
#chatbox .user span,.online-users li a span,.online-users li span,.away-users li a span,.away-users li span{display:none}
#chatbox .user a *,.online-users li a span:last-child,.away-users li a span:last-child{display:inline-block !important}
#chatbox_members{left:-160px;background-color:#fff;z-index:1;border-right:3px dashed #E33C74;position:fixed;opacity:0}
#chatbox_members:hover{left:0;opacity:1}
#chatbox{left:0;bottom:39px}
#chatbox_footer{background-color:#fff;border-top:1px solid #ddd;z-index:3}
#chatbox_footer input[name="submit_button"]{height:28px}
#chatbox_bottom{min-height:500px!important}
#message{width:390px}
#chatbox img{max-width:400px;border:1px solid #d4d4d4;padding:4px;margin-top:4px}
#chatbox img[src*="r12.imgfast.net"]{border:0;padding:0;margin-top:0}
#chatbox{background:#FFF!important;font-family:Comic Sans Ms;font-size:13px}
#chatbox_members{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
#chatbox_members{border-right:1px dashed #E33C74;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}
.chatbox-title,.chatbox-title a.chat-title{color: #E33C74;text-decoration:none}
#chatbox_members .member-title{background-color: #E33C74;background-image:none;color:#FFF;font-family:Comic Sans Ms;font-size:13px;padding:.5em .25em;text-align:center;opacity: .5;}
/*doi mau scroll*/::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb{background: rgba(227,59,115,.7);border:1px solid rgba(0,0,0,0);opacity: .7;}
::-webkit-scrollbar-thumb:hover{background:rgba(227,59,115,1.0)}
::-webkit-scrollbar-button{width:0;height:0;display:none}
::-webkit-scrollbar-track{background:transparent;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.05)}
.lb_lazy img{display:block;max-width:600px;min-width:150px;cursor:url(//dl.dropboxusercontent.com/u/126946313/zoomin.cur),-webkit-zoom-in;margin:0 auto}
.CPtableW1{padding-left:100px;border-radius:10px;margin:0 auto;color:#FFF}
.CPtableW2{border:0;width:66px;border-radius:90px;height:66px;position:absolute;margin:-12px 0 0 -91px;border:7px solid #FFF}
.CPtableW3{border:0;vertical-align:top;max-width:420px;text-align:justify;padding:0 10px 10px 5px;border:0}
.prefix{background:#b300e0;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px}
/* Mặc định cho các tiền tố chưa đặt style riêng */.prefix.thao-luan{background:#16499a}
/* Màu riêng cho tiền tố code */.prefix.Thac-mac{background:#60a917}
/* Màu riêng cho tiền tố Tool */.prefix.thong-bao{background:#e00000}
/* Màu riêng cho tiền tố Thông báo */.prefix.Tat-ca-thanh-vien{background:#b300e0}
/* Màu riêng cho tiền tố admin */ .prefix.Hoi-dap{background:#c79f00}
/* Màu riêng cho tiền tố admin */ /*button*/ .pun .frm .frm-buttons input{margin-top:-3px;height:30px;padding:0 10px}
button,input[type="reset"],input[type="button"],input[type="submit"],input[type="text"]{border-color:1px solid #F3F3F3!important}
button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover{background-color:#777!important;border-color:#666!important}
textarea:focus,button:focus,input:focus,.pun select:focus{border:1px solid #ff0084!important;outline:none}
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{border-color:#000!important;color:#000!important}
input[type="text"]{background:#FFF!important}
#search_form{padding:5px}
.frm-buttons{margin-bottom:0}
.frm-buttons.full{padding:.7em .4em .1em}
.sceditor-maximize .sceditor-button-maximize{background:none repeat scroll 0 0 #FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.3) inset,-1px 0 rgba(0,0,0,0.3) inset,0 -1px 0 rgba(0,0,0,0.2) inset}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
::-webkit-scrollbar-button{height:0;width:0}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
.frameTop .button2{border:1px solid #044569!important;margin-left:-1px}
form[name="go_page"] .button{background-color:#4BB7F9;border:1px solid #3F95CB;color:#FFF;font-weight:700;padding:0 5px}
.options-button.user-contact img{width:24px;height:24px;padding:2px}
.pun .main-content ul{padding-left:0!important}
#main-content > .module.main > .main-content > div:first-child{background:url(http://i56.servimg.com/u/f56/18/59/49/93/187e1010.png) no-repeat left transparent!important;margin-top:0!important;margin-left:0!important;position:relative!important;z-index:9999!important;width:100%!important}
#pun-navlinks .clearfix li:nth-of-type(2) a:hover {background:#f0912b;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(3) a:hover {background:#fcdb35;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(4) a:hover {background:#c7fc35;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(5) a:hover {background:#1dc222;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(6) a:hover {background:#2de09e;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(7) a:hover {background:#2dc3f0;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(8) a:hover {background:#3e6bc7;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}
#pun-navlinks .clearfix li:nth-of-type(9) a:hover {background:#753ec7;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;border-radius:10px}