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

 

[Skin] punbb Teen xanh

Tác giả: - vào lúc:
ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/9/2016, 22:23
#1
hom qua ghé buồn quá, ghé hotrofm uống ly cafe nhâm nhi điếu thuốc thấy có  1 bạn xin skin của [Only admins are allowed to see this link] nhưng topic đã bị khóa vì tội fm rip fm, hom nay ranh lam 1 cái skin tương tự share, Skin này thấy duo95c mắt mổi cái  idex_box + css thoi, nên minh share cho anh em mới vào nghề dùng, , còn cái hear của [Only admins are allowed to see this link] bạn nào thích thỳ thêm nav vào :

Demo :

[Only admins are allowed to see this image]

Css :

Code:

.tborder
{
 background: #0098cc;
 color: #000000;
 border: 0px solid #0099FF;
}
.tcat
{
 background: #d8e4ed;
 color: #000;
 font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
 padding: 5px;
}
.tcat a:link, .tcat_alink
{
 color: #000;
 text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
 color: #000;
 text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
 color: #000;
 text-decoration: underline;
}
.thead
{
 background: #0098cc;
 color: #FFFFFF;
 font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
 padding: 5px 10px 5px 15px;
}
.thead a:link, .thead_alink
{
 color: #FFFFFF;
 text-decoration: none;
}
.thead a:visited, .thead_avisited
{
 color: #FFFFFF;
 text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
 color: #FFFFFF;
 text-decoration: underline;
}
.tfoot
{
 background: #3883cc;
 color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
 color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
 color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
 color: #FFFFFF;
}
.alt1, .alt1Active
{
 background: #FFFFFF;
 color: #333333;
 font-size: 10pt;
 padding: 10px;
}
.alt2, .alt2Active
{
 background: #f7f9fa;
 color: #333333;
 font-size: 10pt;
 padding: 10px;
}
.inlinemod
{
 background: #FFF885;
 color: #000000;
}

.zzPoll{border:1px solid #09f;margin-bottom:50px;padding:10px 20px 0 20px}
.zzPoll h3{font-size:16px;height:34px;line-height:31px;position:relative;background:url(//i83.servimg.com/u/f83/16/58/89/73/combo10.png) no-repeat scroll left top transparent;border-bottom:1px solid #09f;padding-left:40px}
.zzPoll ul{list-style:none outside none;padding:10px 0}
.zzPoll li,#messedit{position:relative;line-height:30px;height:30px}
#poll_result .poll_t{position:absolute;width:24%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;left:0;top:0}
#poll_result .poll_m{height:25px;margin-left:25%;width:60%;float:left}
#poll_result .poll_w{background-color:#09f;border:5px solid #09f;float:left;line-height:18px;margin-top:3px;box-shadow:0 0 1px #000;padding:3px 1px}
#poll_result .percent{right:10%!important}
#poll_ballot .poll-c,#poll_ballot .poll-c label{display:block;height:30px;line-height:30px}
#poll_ballot .c_vote{background:url(//i78.servimg.com/u/f78/17/70/81/78/sinchr10.png) no-repeat left center transparent;padding-left:35px;height:30px;display:inline-block;line-height:30px}
#poll_ballot input[type="radio"],#poll_ballot input[type="checkbox"]{display:none!important}
#poll_ballot input[type="checkbox"] + label,#poll_ballot input[type="radio"] + label{cursor:pointer;padding-left:30px;background:url(//i78.servimg.com/u/f78/17/70/81/78/minus10.png) no-repeat left center transparent;height:26px;line-height:26px}
#poll_ballot input[type="checkbox"] + label{background-image:url(//i78.servimg.com/u/f78/17/70/81/78/minus11.png)}
#poll_ballot input[type="checkbox"]:checked + label,#poll_ballot input[type="radio"]:checked + label{background-image:url(//i78.servimg.com/u/f78/17/70/81/78/checkm10.png)!important;color:#0092d5}
#poll_ballot input[type="checkbox"]:disabled + label,#poll_ballot input[type="radio"]:disabled + label{background-image:url(//i79.servimg.com/u/f79/16/48/23/13/delete10.png)!important;color:#999}
.zzPoll .totalvote,#poll_result .poll_m span{position:absolute;right:0}
.zzPoll .frm-buttons{text-align:center;border-top:3px double #09f;height:50px;line-height:25px;margin:0;padding:10px 0}
.zzPoll .frm-buttons a{margin:0 10px;font-weight:bold;height:30px;line-height:22px;vertical-align:top}
.selectCode{float:right;cursor:pointer}
div.cont_code{clear:right}
.codebox{background-color:#fff;border:1px solid #09f;margin:1em;width:700px;font-size:16px}
.codebox dt{border-bottom:1px solid #09f;padding:.25em;background-color:#fff;color:#ff0084}
.main .frm-info{border:1px solid #09f;background:#fff;margin:1.7em;padding:1em;font-size:16px}
p.frm-info{color:#ff0084}
p.paging{margin:1px;color:#fff;float:left;margin-left:5px;font-size:14px;border:1px solid #09f;background:#09f}
p.paging a,p.paging b{padding:2px;color:#09f;border:1px solid #09f;background:#fff}
p.paging a:last-child,p.paging a:first-child{padding:2px!important}
p.paging b{padding:2px;color:#fff;border:solid 1px #ff0084;background:#ff0084}
div#pun-announcement{border:1px solid #09f;background:url(http://i.imgur.com/3gCG78z.png)no-repeat scroll right top / auto 100% transparent}
.thaymedal{position:absolute;width:140px;height:33px;overflow:hidden;overflow-y:scroll}
.entry-content img{max-width:460px !important;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.entry-content img:hover{max-width:600px !important;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=2,M12=-0,M21=0,M22=2);z-index:10;overflow:hidden}
.chupy{margin-left:10px;margin-right:16px!important;background-color:#fff;border:1px solid #09f;color:#3a3a3a;margin-top:-15px;padding-bottom:18px;padding-left:10px;width:154px}
.chupy:last-child{line-height:0;padding-bottom:8px}
.chupy img{position:relative;top:3px}
.pun .sig-content img{max-width:700px!important;float:center}
.signature_div{overflow:hidden;max-height:100px;font-size:9px;margin-top:12px}
.signature_div:hover{max-height:100%}
.signature_div>br:nth-child(1),.signature_div>br+center+br{display:none}
.medal img{max-width:32px}
.medal img:hover{max-width:100px;overflow:auto}
.medal img:before{content:".";display:block;height:32px;width:auto}
.fa_vote,.fa_voted,.fa_count{font-size:12px;font-family:Verdana,Arial,Helvetica,Sans-serif;display:inline-block !important;width:auto !important;transition:300ms}
.fa_voted,.fa_vote:hover{opacity:0.4}
.fa_voted{cursor:default}
.fa_count{font-weight:bold;margin:0 3px;cursor:default}
.fa_positive{color:#4A0}
.fa_negative{color:#A44}
.fa_votebar,.fa_votebar_inner{background:#C44;height:3px}
.fa_votebar_inner{background:#4A0;transition:300ms}
blockquote cite{font-size:13px;text-decoration:italic;background:url(http://i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent!important;margin:0!important;padding:0 0 3px 20px;font-weight:bold}
blockquote{border:1px solid!important;border-color:#09f!important;color:#333;position:relative;margin:0 0 10px 10px;padding:10px 15px!important;background:transparent!important}
blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #09f;position:absolute;top:10px;left:-10px}
blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px}
.codebox.spoiler{border:0 none;padding:0;margin:1em 0}
.codebox.spoiler > dt{appearance:button;-webkit-appearance:button;-moz-appearance:button;width:auto;display:inline-block;margin:0;color:inherit;font-size:0;font-weight:bold;background-color:#39C;border-radius:5px;display:inline-block;padding:2px 5px;cursor:pointer;border:1px solid fff}
.codebox.spoiler > dt:hover{color:#fff;background-color:#dc0b72}
dl.codebox.spoiler{background-color:#fff}
.codebox dd{background-color:#fff;margin:.5em;padding:.5em}
.codebox.spoiler > dt:after{content:"Xem tiếp!";font-size:18px;color:#fff}
.codebox.spoiler .spoiler_content{border:1px solid #09f;background:#fff;margin:0;padding:1em}
.bnf.fid_38{background:url(http://i.imgur.com/GJYle4C.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_21{background:url(http://i.imgur.com/lwROfZD.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_41{background:url(http://i.imgur.com/3fRGxCP.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_7{background:url(http://i.imgur.com/erRyioz.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_6{background:url(http://i.imgur.com/abbfAbW.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_42{background:url(http://i.imgur.com/qxH4a1h.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_39{background:url(http://i.imgur.com/1oMQW6w.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_9{background:url(http://i.imgur.com/tyNefyo.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_4{background:url(http://i.imgur.com/xe5yJYL.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_5{background:url(http://i.imgur.com/BD5UJPB.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_34{background:url(http://i.imgur.com/XzN9a7P.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_13{background:url(http://i.imgur.com/CtihbXb.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_30{background:url(http://i.imgur.com/qskmS8y.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_1{background:url(http://i.imgur.com/X2uZ5Y8.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_10{background:url(http://i.imgur.com/4esSP01.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_43{background:url(http://i.imgur.com/Exjpyrq.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_11{background:url(http://i.imgur.com/Xc9VXON.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_33{background:url(http://i.imgur.com/JQKpI1I.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_15{background:url(http://i.imgur.com/qLadxh0.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_37{background:url(http://i.imgur.com/FLdqdST.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_2{background:url(http://i.imgur.com/IQIVx3T.jpg) no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
.bnf.fid_44{background:url() no-repeat scroll center center / auto 100% transparent;height:200px;width:100%}
input[type=text]{padding:2px;border:2px solid #09f}
#fa_popup_overlay{background-color:#FFF;opacity:0.8;position:fixed;top:0;left:0;right:0;bottom:0}
#fa_popup{font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;background:#FFF;border-radius:3px;position:fixed;top:50px;left:12%;right:12%;bottom:30px;padding:3px;width:auto;overflow:hidden;box-shadow:0 3px 10px rgba(34,25,25,0.4)}
#fa_popup_content{border:1px solid #EEE;border-radius:3px;padding:3px;overflow:auto;height:90%}
.fa_popup_title{color:#333;font-size:12px;font-weight:bold;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif;border-bottom:1px solid #09f;margin:8px 0;padding-bottom:2px}
input.fa_popup_button,a.fa_popup_button{color:#FFF !important;font-size:12px;font-weight:bold;text-indent:0;text-decoration:none !important;background-color:#39C;border:none;border-bottom:2px solid #17A;border-radius:3px;display:inline-block;line-height:20px;padding:0 6px;cursor:pointer;transition:300ms}
input.fa_popup_close{background-color:#E53;border-color:#C31;min-width:25px;position:absolute;top:2px;right:2px}
input.fa_popup_button:hover,a.fa_popup_button:hover{background-color:#333;border-color:#111}
input.fa_popup_button:focus,a.fa_popup_button:active,a.fa_popup_button:focus{background-color:#EB5;border-color:#C93;outline:none}
.fa_popup_error{color:#966;font-size:12px;background:#FEE;border:1px solid #ECC;border-bottom-width:2px;border-radius:3px;padding:9px 6px;margin:6px}
.fa_popup_friends{background:#EEE;border:1px solid #09f;border-bottom-width:2px;border-radius:3px;display:inline-block;padding:3px;margin:3px;float:none;overflow:hidden}
#fa_popup .add_success{color:#8B5}
#fa_popup .deny_success{color:#E53}
#fa_popup .add_failed{color:#EB5}
.fa_popup_loading{color:#333;font-size:14px;font-weight:bold;text-align:center;padding:25px}
.fa_popup_more{text-align:center;margin:3px;clear:both}
#fa_popup_content > td{display:block}
#fa_popup.pun tbody.statused span.status{position:static}
input[type=text]:focus{border-color:#333}
input[type=submit]{padding:1px 10px;background:#006fb2;border:0 none;cursor:pointer;color:#fff}
input[type=submit]:hover{color:#FFF;background:#f06}
.field_uneditable{display:inherit!important}
a[href*="?thank="]:after{content:"Cảm ơn"}
a[href*="?thank="]{transition:.2s;color:#dc0b72;background:#fff;border:1px solid #dc0b72;color:#dc0b72;font:15px Arial;margin:2px;padding:2px 9px}
a[href*="?thank="]:hover{background:#dc0b72;border:1px solid grey}
a[href*="?thank="]:after{color:#dc0b72!important}
a[href*="?thank="]:hover:after{color:white!Important}
body #fa_toolbar #fa_menulist li{padding:10px!important}
span#fa_left:hover{transition:.2s;background:rgba(25,211,220,0.43)!important;color:#018f96!important;height:28px!important}
span#fa_left{cursor:pointer;transition:.2s;padding:1px;padding-right:8px!important;height:28px!important}
#fa_toolbar #fa_right #notif_list li{line-height:none!Important}
#fa_toolbar #fa_right #notif_list li:hover{background:whitesmoke!important;transition.1s}
#fa_toolbar #fa_right #notif_list li .contentText a{vertical-align:baseline;text-decoration:none!important;padding:3px;color:#018f96!important;border-radius:3px}
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{background:#181818;background-image:url(http://i.imgur.com/aovdw88.png);background-position:25px 2px;background-repeat:no-repeat;display:inline;padding:7px 25px 7px 5px;color:#FF2020}
#fa_toolbar:link,#fa_toolbar:visited{text-decoration:none!important}
#fa_toolbar #fa_left #fa_service{text-decoration:none!important}
#fa_welcome,#fa_notifications{background:#14A2A9;color:white!important}
!important#fa_toolbar #fa_right #notif_list li.unread,li.see_all,li.see_all a{background-color:transparent!important}
li.see_all,li.see_all a{color:#105289!important}
ul#fa_menulist,ul#notif_list{background-color:white!important;border:1px solid #09f!important;margin-top:5px!important;box-shadow:0 3px 6px rgba(26,26,26,.6)}
ul#fa_menulist{background-image:url(http://i72.servimg.com/u/f72/18/45/41/65/5dh11.png);background-repeat:no-repeat;background-position:right}
#fa_usermenu{border-right:1px solid #CCC;padding-right:5px!important;max-height:90%;height:auto;min-height:0}
#fa_usermenu img{width:90px!important;height:100px!important;padding:3px;border:1px solid red;background:whitesmoke}
#fa_toolbar{box-shadow:1px 1px 1px white}
body #fa_toolbar #fa_usermenu{position:initial!important;width:176px;background:white;padding:10px 0}
body #fa_toolbar #fa_usermenu img{padding:1px;border:1px solid #09f;box-shadow:0 1px 3px -1px #BEBEBE;width:150px!Important;height:150px!important}
body #fa_toolbar #fa_menulist{padding:5px!important;width:177px!important;background:url(http://i.imgur.com/5kJJAoi.png);border:1px solid #09f!important;margin-left:140px}
#fa_toolbar #fa_ranktitle,#fa_toolbar #fa_ranktitle + table,#fa_toolbar #fa_right .fa_separator{display:none!important}
body #fa_toolbar #fa_menulist li:hover{background:#f5f5f5;transition:.2s}
body #fa_toolbar #fa_menulist li{background:white;border-top:1px solid #09f;padding-left:15px}
a[href*="/login"]{width:100px;text-align:center}
a[href*="/register"]{width:100px;text-align:center}
#fa_welcome:hover,#fa_right #fa_notifications:hover,#fa_right a.rightHeaderLink:hover,#fa_right.welcome #fa_menu #fa_welcome,#fa_toolbar > #fa_right.notification > #fa_notifications{background-color:rgba(0,0,0,0.17)!important;color:#FFF!important;transition:.2s!important}
#fa_share a{background:url(http://i18.servimg.com/u/f18/18/45/41/65/fa_sha10.png) no-repeat 0 0 #FFF!important;border-radius:25px;height:25px!important;margin:-2px 3px 0!important;width:25px!important}
#fa_share a:hover{transition:.2s;background-color:black!important}
a#fa_fb{background-position:-50px 0!important}
a#fa_fb:hover{background-position:-75px 0!important}
a#fa_twitter{background-position:0 0!important}
a#fa_twitter:hover{background-position:-25px 0!important}
a#fa_gp{background-position:-98px 0!important}
a#fa_gp:hover{background-position:-123px 0!important}
a#fa_mail{background-position:-150px 0!important;display:none!important}
a#fa_mail:hover{background-position:-175px 0!important;display:none!important}
a#fa_rss{background-position:-199px 0!important}
a#fa_rss:hover{background-position:-224px 0!important}
#fa_search{position:relative}
#fa_search #fa_magnifier{background:url(http://i18.servimg.com/u/f18/18/45/41/65/fa_sea10.png) no-repeat 0 0 #EEE!important;border:1px solid #DDD;border-left:none;height:22px!important;right:0;top:3px;width:22px!important}
#fa_search #fa_magnifier:hover{background-color:#018F96!important;background-position:-22px 0!important;border-color:#09f}
#fa_search #fa_textarea{background:#FFF!important;border:1px solid #09f!important;border-radius:3px 0 0 3px!important;cursor:text;font-size:12px!important;height:16px!important;margin-right:23px!important;padding:3px!important;text-indent:0!important;width:150px!important}
#fa_search #fa_textarea:focus{border-color:#39C!important;outline:none}
#fa_menulist,#fa_toolbar #fa_right #notif_list{background:#FFF!important;border:1px solid #09f!important;box-shadow:0 6px 12px rgba(0,0,0,0.175);color:#FFF!important;margin-top:9px!important}
#fa_menulist:before,#fa_toolbar #fa_right #notif_list:before{content:url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');position:absolute;right:10%;top:-10px}
#fa_toolbar #fa_right #notif_list li.see_all a{color:#fff;font-size:13px;width:100%;text-align:center;font-weight:bold;color:#39c!important;padding:1px}
#fa_toolbar #fa_right #notif_list li.see_all{background-color:#fff!important;border:1px solid rgba(100,100,100,.4);box-shadow:0 3px 8px rgba(0,0,0,.25);color:#1d2129;overflow:visible;position:absolute;z-index:-1;width:326px;margin-left:-1px}
#fa_toolbar #live_notif .fa_notification{background:#FFF!important;border:1px solid #09f;border-bottom-width:2px;border-radius:3px!important;box-shadow:0 3px 12px rgba(0,0,0,0.175);margin-top:5px;opacity:1!important}
#fa_toolbar #live_notif .fa_notification .content{background-image:url(http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png)!important;color:#333!important}
#fa_toolbar #live_notif .fa_notification a{color:#39C!important}
#fa_toolbar #live_notif .fa_notification a:hover{color:#333!important}
#notif_unread{color:#F93;font-weight:700}
#fa_notifications:hover #notif_unread,#fa_toolbar > #fa_right.notification > #fa_notifications #notif_unread{color:#FFF}
a#fa_hide.rightHeaderLink{background-color:#63a59a;background-image:url(http://orig04.deviantart.net/a56d/f/2015/342/a/f/arrows_by_rhino123freak-d9jfuxi.png)!important;background-position:7px 6px;background-repeat:no-repeat;border-color:#63a59a;box-shadow:none!important;height:23.5px!important;padding:0!important;position:relative;right:4px;top:3px;transition-property:background-color,border-color;width:28px!important}
a#fa_show{background-color:#63a59a;background-image:url(http://orig04.deviantart.net/a56d/f/2015/342/a/f/arrows_by_rhino123freak-d9jfuxi.png)!important;background-position:-19px 6px;background-repeat:no-repeat;border-color:#63a59a;box-shadow:none!important;height:26px!important;padding:0!important;position:relative;right:1px;top:3px;transition-property:background-color,border-color;width:28px!important}
#fa_toolbar_hidden{background-color:transparent!important;border:none!important;border-radius:0!important;border-right:0;border-top:0;height:26px!important;width:28px!important}
a#fa_hide.rightHeaderLink:hover,a#fa_show:hover{background-color:#f08746;border-color:#f08746}
.fa_avatar img{width:21px;height:21px;margin-right:5px;margin-top:-3px;border:1px solid black;padding:2px;background:white}
#fa_icon{background-image:url(http://i18.servimg.com/u/f18/18/21/41/30/pa11.png)!important}
#fa_right #fa_menu #fa_welcome,#fa_right.notification #fa_menu #fa_welcome{text-decoration:none}
#fa_welcome,#fa_right #fa_notifications{line-height:30px;padding:0 5px;color:#FFF;text-decoration:none}
a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{background:#fff;border:1px solid #64a2db;color:#006fb2;font:;font:15px Arial;margin:2px;padding:2px 9px}
a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{background:fff;color:#dc0b72;border:1px solid #dc0b72}
a[href*="mode=reply"],a[href*="mode=newtopic"]{font:13px Arial,sans-serif!important}
a[href*="mode=quote"]:before{content:"Trích dẫn"}
a[href*="mode=editpost"]:before{content:"Sá»­a"}
a[href*="&mode=delete"]:before{content:"Xóa"}
a[href*="mode=newtopic"]:before{content:"* Tạo chủ đề **»›i"}
a[href*="mode=reply"]:before{content:"+ Trả lời chủ đề"}
img[src="http://2img.net/i/fa/empty.gif"]{display:none}
.zzMedal{float:right;width:110px}
.medal-view{border-top:1px solid #09f;color:#FFF;background-color:#09f;display:block;padding:2px;text-align:center;font-size:14px}
.medal-me{border-top:1px solid #09f;color:#FFF;background-color:#09f;display:block;padding:2px;text-align:center;font-size:14px}
.postprofile-right .prField:nth-child(6){display:none}
.medal-wrap:after{content:" ";display:table;clear:both}
.medal-items{width:35px;height:35px;background:none no-repeat center/100% transparent;float:left}
.medal-items:nth-child(6) ~ .medal-items{display:none}
.medal-tip-t{color:#E400FF;font-size:15px;width:300px}
.medal-tip-d{font-size:12px;color:#888;width:300px}
.medal-wrap:hover .medal-items{display:block!important}
.medal-wrap:hover + .medal-view{display:none}
div#content_ipb_style div#pun-qpost .main-head.clearfix{display:none}
#textarea_content .sceditor-container{background:none repeat scroll 0 0 #fff !important;border:1px solid #64a2db !important;border-radius:0 !important;box-shadow:0 0 8px #fff inset !important}
#textarea_content .sceditor-container .sceditor-toolbar{border:0 none;text-align:center!important;background:none repeat scroll 0% 0% transparent !important}
#textarea_content .sceditor-group{background:transparent;border:0!important;border-radius:3px!important;margin:0!important;padding:0!important}
#textarea_content .sceditor-group a.active,#textarea_content .sceditor-group a.hover,#textarea_content .sceditor-group a:hover{background:none repeat scroll 0% 0% #DCDCDC !important;border-radius:2px !important;box-shadow:none !important}
#textarea_content .sceditor-group a{margin:0 2px!important}
.title-quickipb{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-variant:normal;font-weight:400;margin:10px 8px}
#reply_ipb_style{box-shadow:#fff inset;border:1px solid #64a2db}
#content_ipb_style{border:1px solid #fff}
#smiley-box{width:140px;padding:3px;height:270px;color:#000;font-size:15px;font-weight:bold;border:1px solid #188af3;line-height:19px;padding-top:35px;position:relative}
#smiley-box iframe{height:270px}
#smiley-box::before{content:"Hình vui";position:absolute;top:9px;text-align:center;width:130px}
div#pun-visit.clearfix{border:1px solid #09f;background-color:#fff}
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:#09f;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #09f}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #09f}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#fff}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #09f;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#fff}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
##content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
#left a{text-decoration:none}
#left td{width:25%;vertical-align:top;border-width:0 1px}
#left .double{border-left:1px solid #09f;border-right:1px solid #09f;width:50%}
#left li{position:relative;width:100%;list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #09f;counter-increment:Zzindex}
#left li:before{content:counter(Zzindex);display:block;height:16px;background:#98D0FF;position:absolute;left:-23px;font-size:15px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
#left li:after{content:" ";background:#fff;display:block;width:6px;height:6px;position:absolute;top:10px;left:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
#left li:nth-child(2):before,#left li:nth-child(2):after{background:#d47a2a}
#left li:nth-child(3):before,#left li:nth-child(3):after{background:#b9ba45}
#left li:nth-child(4):before,#left li:nth-child(4):after{background:#aad655}
#left li:nth-child(5):before,#left li:nth-child(5):after{background:#55e7aa}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a{width:80%}
#left .lastRight{right:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:auto}
#left ul,#left th{padding-left:34px;padding-right:10px;margin:0}
#left ul{height:114px}
#left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
#left .changeLast,#left th h2{color:#777}
#left th{width:25%;vertical-align:middle;background:#fff;border-right:1px solid #09f}
th.topicLast{border-top:1px solid #09f!important}
th.double{text-align:left}
#recent_topics li{margin:.5px 0}
#left #recent_topics .lastRight{width:20%!important}
.half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
#tooltip{background-color:#FFF;border:2px solid #09f;color:#131313;max-width:550px;padding:10px}
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread{background:#181818;background-image:url(http://i.imgur.com/aovdw88.png);background-position:25px 2px;background-repeat:no-repeat;display:inline;padding:7px 25px 7px 5px;color:#FF2020}
#DNT-walleditor{background:#afcdfa;padding:5px;margin-bottom:5px;box-shadow:inset 0 0 8px #3991f0;-moz-box-shadow:0 0 5px #a7c5f2;-webkit-box-shadow:0 0 5px #a7c5f2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;max-width:70%;border:1px solid #fc8200;margin:10px auto}
#DNT-walleditor span{padding:3px 10px;margin:0 2px;display:inline-block;border:1.5px solid #02409e;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:1.2em;color:#333;text-shadow:0 1px white;cursor:pointer;opacity:0.4}
#DNT-walleditor span:hover{-moz-box-shadow:inset 0 0 20px white;-webkit-box-shadow:inset 0 0 20px white;opacity:1;box-shadow:inset 0 0 20px white}
#wallmessage{width:99%;height:85px;border:1px solid #2e2e2e;border-radius:3px;color:#1a1a1a;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:10px}
#sendmessage{border:1px solid ##4681c9;border-radius:3px;color:white!important;padding:3px;margin-top:10px;background:#4ba6e3;font-weight:bold;cursor:pointer;opacity:1!important;text-shadow:none!important}
#sendmessage:hover{text-shadow:none!importamt;box-shadow:none!importamt;-moz-box-shadow:none!importamt;-webkit-box-shadow:none!importamt}
#page-body{width:960px;margin:auto;margin-top:208px;position:relative;padding:10px;border-top:3px solid #09f;border:1px solid #09f;background:#fff}
#pun-foot{width:980px;margin:auto;background:#fff;z-index:999;display:block;position:relative;margin-bottom:30px;border:1px solid #09f;border-top:0}
body{background:#d7f0ff;color:#444;font-family:Arial,san-serif;font-size:14px;padding:0;margin:auto!important;line-height:1.4}
.pun{width:980px;margin:auto;position:relative;padding:0}
.main .main-foot,.main .main-head{background:#0098cc center center;color:#fff;padding:5px;font-size:14px;border:1px solid #09f;line-height:19px}
.table tbody{border:1px solid #09f}
.table tbody.statused tr{border:1px solid #09f}
.table tbody.statused tr td{background:white!important;vertical-align:middle;border:1px solid #09f!important;font-family:Tahoma;font-size:15px;color:rgb(119,119,119)}
.table tbody.statused tr:nth-child(2n+2) td,.main-content tbody .statused tr:nth-child(2n+2) td{background:rgb(250,250,250)!important}
.main-head .page-title h2,.main .main-head .page-title{font-family:Tahoma;font-size:14px;font-weight:bold}
p#catrow{font-family:Arial,san-serif;font-size:14px;font-weight:bold;text-align:right;margin-right:10px}
.desc_forum_cat_row{color:rgb(170,170,170);font-family:Arial,san-serif;font-size:14px;font-style:italic;font-weight:normal}
.statused tr td .hierarchy a{color:rgb(85,85,85);font-family:Arial,san-serif;font-size:15px}
.statused tr td .hierarchy a:hover{color:#222}
a{text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none!important}
a.forumtitle{text-decoration:none}
a.forumtitle:hover{text-decoration:none!important}
a.topictitle{text-decoration:none}
a.topictitle:hover{text-decoration:none!important}
#pun-about #qjump{display:none}
#pun-about{background:rgb(248,248,248);color:transparent;border-top:1px solid #D1D1D1;padding:0 5px;height:45px;line-height:45px;text-align:left}
#pun-about ul li a{font-size:14px;color:#999;display:block;float:left;height:45px;line-height:45px;padding:0 10px;border:1px solid #09f;font-weight:normal}
#pun-about ul li a:hover{background:#fff;color:#666}
ul#pun-legend{text-align:left;line-height:37px;height:37px;margin:0;color:rgb(68,68,68);font-family:Arial,san-serif;font-size:14px}
ul#pun-legend img{top:9px;position:relative;margin-left:10px}
#pun-foot .center.admin{position:absolute;top:17px;right:10px}
#pun-foot .center.admin a{font:bold 10px Arial,san-serif}
.boardstats_cat{font-family:Arial,san-serif;background-color:#fff;font-size:14px;color:#666;padding:9px;border-bottom:1px solid #09f;min-height:20px;line-height:20px}
.boardstats_cat .bw#icons{background:url("http://i.imgur.com/kaTjOdI.png")no-repeat center;height:14px;width:16px;float:left;margin:2px 10px 0 0}
.tborder.index_boardstats .contenedor{background:white;vertical-align:middle;border-bottom:1px solid #09f;padding:15px;color:rgb(56,56,56);font-family:arial,sans-serif;font-size:14px}
.tborder.index_boardstats{border:1px solid #09f;border-bottom:0}
.boardstats_cat .bs#icons{background:url("http://i.imgur.com/jsZSvJy.png")no-repeat center;height:16px;width:22px;float:left;margin:2px 10px 0 0}
.tborder.index_boardstats .bs_br{font-family:Arial,san-serif;background-color:#fff;font-size:14px;color:#666;padding:9px;border-bottom:1px solid #09f;min-height:20px;line-height:20px;text-align:right}
.tborder.index_boardstats .bs_br ul li{display:inline}
.tborder.index_boardstats .bs_br ul li a{color:#09f;border-right:1px solid #09f;padding:0 5px}
.tborder.index_boardstats .bs_br ul li a:hover{color:black}
.tborder.index_boardstats .bs_br ul li#rtd a{border-right:0}
.pun .main-content .table thead tr th{font-family:Arial,san-serif;background-color:#fff;font-size:14px;color:#666;padding:5px;border:1px solid #09f}
#page-body{overflow:hidden;padding-top:20px}
.pun .crumbs a{font-family:Arial,san-serif;font-size:14px}
.pun .crumbs{position:absolute;top:10px;width:930px}
#pun-intro{width:980px;height:93px;padding:0;background:none;border:none}
#pun-logo{display:table-cell;vertical-align:middle;height:300px;line-height:93px;margin:auto;float:none;border:1px solid #09f}
.prefix{background:#4390df;color:#FFF;border-radius:2px;display:inline-block;height:18px;line-height:18px;padding:0 4px}
.prefix.drop{background:#16499a}
.prefix.vietsub{background:#60a917}
.prefix.list{background:#fa6800}
.prefix.manhua{background:#df4390}
.prefix.huong-dan{background:#90df43}
.prefix.thao-luan{background:#c06}
.prefix.co-dai{background:#df9243}
.prefix.dong-nhan{background:#43df92}
.prefix.hien-dai{background:#4390df}
.prefix.xuyen-khong{background:#9243df}
.prefix.trong-sinh{background:#c2a599}
.prefix.nu-cuong{background:#e58f99}
.prefix.hoa-don{background:#E4AD8B}
.prefix.manga{background:#725645}
.prefix.dam-my{background:#6D446F}
.prefix.su-kien{background:#EB218D}
.prefix.event{background:#EB218D}
.prefix.mevent{background:#D61592}
.prefix.thong-bao{background:#f00}
.prefix.game-show{background:#00F}
.prefix.gop-y{background:#9230a1}
.prefix.cap-nhat{background:#ff6f00}
.prefix.fansub{background:#42b868}
.prefix.kinh-di{background:#7a6d5e}
.prefix.chu-y{background:#a47034}
.prefix.tu-dien{background:#5100FF}
.prefix.vpop{background:orange}
.prefix.usuk{background:orange}
.prefix.mav{background:blue}
.prefix.dich-vu{background:violet}
.prefix.nha-hang{background:brown}
.prefix.so-thu{background:gray}
.vote-Zzbaivong,.vote-Zzbaivong *,.vote-Zzbaivong *:before,.vote-Zzbaivong *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vote-Zzbaivong{margin-left:-5em;float:left;height:26px;line-height:24px;position:relative;text-align:left;white-space:nowrap}
.vote-plus-post,.vote-minus-post{z-index:10;position:absolute;top:32px;left:0;display:none;width:250px;background:#FFF;border:1px solid #F2F2F2;box-shadow:4px 4px 7px 0 #999;padding:5px}
.vote-plus{background:url(http://i57.servimg.com/u/f57/17/05/17/70/like10.png) no-repeat 5px 2px #deeaf7;height:24px;border:1px solid #C8D7EC;color:#5089BE!important;font-family:sans-serif;border-radius:2px;display:inline-block;padding:0 5px 0 25px}
.vote-plus:hover{border-color:#6A9AD6}
.vote-plus[href="javascript:;"]{color:#666!important;background-color:#09f;cursor:no-drop;background-image:url(http://i57.servimg.com/u/f57/17/05/17/70/gpqbxh10.png);border-color:#CCC}
.vote-time{background:#FFF;position:relative;border-radius:2px;display:inline-block;height:24px;line-height:22px;border:1px solid #D8D7D7;margin:auto 5px;padding:0 5px}
.vote-time:before{content:'';display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #CCC;position:absolute;left:-6px;width:6px;top:5px}
.vote-time:after{content:'';display:inline-block;border-bottom:5px solid transparent;border-top:5px solid transparent;border-right:5px solid #fff;position:absolute;left:-5px;width:5px;top:6px}
.vote-minus{margin-left:20px;color:#666!important}
.vote-minus:hover{color:red!important}
.vote-minus[href="javascript:;"]{color:#C5C5C5!important;cursor:no-drop}
td,th,p,li{font:15px Arial,san-serif}
.pun .post .user{display:block;position:relative;margin:0;width:initial!important;float:none;background:white;vertical-align:middle;border-bottom:1px solid #09f;padding:15px;height:75px;overflow:initial;-moz-user-select:none !important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
.pun .postmain{margin:0;border:1px solid #09f}
.pun .post-entry{background:rgb(250,250,250);vertical-align:middle;border-bottom:1px solid #09f;padding:5px 10px}
#page-body .postfoot{margin:0;background:white;vertical-align:middle;border:0;border-bottom:none;padding:15px}
.pun .posthead{font-family:Arial,san-serif;background:#e1e9f7;font-size:14px;color:#666;padding:9px;border-bottom:1px solid #09f;border-top:none;min-height:20px;line-height:20px}
.pun .post{margin:10px 0;border:1px solid #09f}
.pun .topic{border:0;background:none}
.user-info{margin-top:-80px}
.pun .user .user-info{float:right;font-size:11px}
.pun .user .user-ident{float:left}
.pun .topic .post:first-child{margin-top:0}
.pun .user-ident .user-basic-info{font-weight:normal;font-size:14px}
.pun .post .user .user_avatar{float:left}
.pun .post .user .user_avatar img{padding:1px;border:1px solid #09f;box-shadow:0 1px 3px -1px #BEBEBE;width:70px;height:70px}
.pun .post .user .user_avatar img:hover{border-color:#aaa}
.user_mavatar img{padding:1px;border:1px solid #09f;box-shadow:0 1px 3px -1px #BEBEBE;width:50px;height:50px}
.user_mavatar img:hover{border-color:#aaa}
.pun .user-ident .username{position:relative}
.pun .user .user-ident{margin-left:15px;font-size:14px;font-weight:normal}
.pun .user-ident .username a{font-size:14px;font-weight:bold}
.pun .user-ident .username status.s_u_p{float:left;background:url("http://i.imgur.com/UvKrxTF.png");height:7px;width:7px;margin:4px 4px 4px 0}
#tabs ul li a{font-size:14px;color:#666;;cursor:pointer;border:1px solid #09f;background:#fff;display:block;padding:0 5px;font-weight:bold;border-bottom:0}
#tabs ul li.activetab a{background:#75c5f6;border:1px solid #09f;color:black;margin-top:-2px;padding:1px 5px}
#tabs ul li.activetab a:hover,#tabs ul li a:hover{background:white;color:black}
#profile-advanced-layout #new-message{width:auto}
.posting img:hover{opacity:0.9}
#page-body input[type="text"],#page-body textarea{background:#fff;color:#979797;border:1px solid #A7A7A7;padding:6px;font-size:14px;outline:0}
.frm-set.multi.posting .frm-input{margin-left:0;width:initial}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea{margin:0;width:600px}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr{width:735px!important}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr .sceditor-toolbar{margin:0;width:725px!important;float:left}
.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr iframe,.frm-set.multi.posting #textarea_content.posting-block .frm-textarea .sceditor-container.ltr textarea{width:725px!important;border:0!important;padding:0!important;color:#111;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px}
.pun #pun-info .main-content{font-family:Arial,san-serif;background:#fff;font-size:14px;color:#666;padding:9px;border:1px solid #09f}
#user-hoverbox{margin-left:5px;z-index:999;min-width:160px;position:absolute;padding-top:1px;display:initial!important}
#user-hoverbox #user-hoverbox-inner a{display:block;background:white;color:rgb(136,136,136);border-bottom:1px solid #09f;padding:8px;font-size:14px;z-index:999;text-align:left;text-shadow:none !important}
#user-hoverbox-inner{background:white;width:140px;border:4px solid black;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.31)}
#user-hoverbox #user-hoverbox-inner a:hover{background:#fafafa;color:#333}
#user-hoverbox::before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;content:"";position:absolute;border-bottom:5px solid rgb(54,54,54);top:-4px;left:12px}
#user-hoverbox a .icon-user{background-image:url("http://i.imgur.com/o0vbztB.png")}
#user-hoverbox a .icon-comments{background-image:url("http://i.imgur.com/H1HNIqI.png")}
.pun #user-hoverbox a i{background-position:center;background-repeat:no-repeat;width:13px;height:10px;float:left;margin-top:2px;margin-right:3px;opacity:0.8}
#user-hoverbox a .icon-envelope-alt{background-image:url("http://i.imgur.com/LpRlXho.png")}
#user-hoverbox a .icon-file-alt{background-image:url("http://i.imgur.com/3tVmtX5.png")}
#user-hoverbox a .icon-folder-open{background-image:url("http://i.imgur.com/xbes4ru.png")}
.pun #user-hoverbox a:hover i{opacity:1!important}
.pun #page-body #user-hoverbox #user-hoverbox-inner a{font-weight:normal;font-style:normal}
#profile-advanced-details .message-text img{max-width:620px}
#profile-advanced-details .message-header{height:42px;font:bold 14px Arial,san-serif;color:rgb(101,107,112);font-style:normal;border-bottom:1px solid #C2C2C2!important;border:0;margin:0;background-image:-webkit-linear-gradient(top,#FAFAFA,#EEE);background-image:-moz-linear-gradient(top,#FAFAFA,#EEE);background-image:-ms-linear-gradient(top,#FAFAFA,#EEE);background-image:-o-linear-gradient(top,#FAFAFA,#EEE);background-image:linear-gradient(top,#FAFAFA,#EEE)}
#profile-advanced-details .message-block{margin:0}
#profile-advanced-details ol li{border:1px solid rgb(187,187,187);margin:5px 0}
#profile-advanced-details .avatar{border:none;margin-top:0;margin-right:6px}
#profile-advanced-details .avatar img{border:solid silver;border-width:0 1px 0 0;width:50px;height:50px}
#profile-advanced-details .message-block .message-text{padding:10px;font-family:Arial,san-serif}
embed[src^="http://www.youtube.com"]{width:620px;height:380px}
#profile-advanced-layout #tabs.clearfix{position:initial}
.info{width:100%;background:#39C;margin-top:5px;margin-bottom:5px;border-bottom:3px solid #2579A2;padding:5px;border-radius:4px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.1);background:url(http://i21.servimg.com/u/f21/11/80/17/98/10oqv711.png) no-repeat 6px 44% #3399CB;padding:0;background-size:70px}
.rndmtablex{padding:5px;background:white!important}
#rndmtable2,#rndmtable3,#rndmtable1{padding:4px;font-family:Trebuchet MS,Helvetica,Arial,sans-serif!important;background:rgba(255,255,255,0)!important;cursor:pointer;margin-bottom:-1px;border-bottom:1px solid rgba(221,221,221,0.38)}
#rndmtable2:hover,#rndmtable3:hover,#rndmtable1:hover{color:white;transition:.2s}
#rndmtable2:hover{background:#f04242!important}
#rndmtable1:hover{background:#41cc33!important}
#rndmtable3:hover{background:rgb(51,153,204)!important}
.solved{width:100%;margin-top:5px;margin-bottom:5px;border-bottom:3px solid #25a24d;padding:5px;border-radius:4px;font-weight:bold;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.1);font-family:Trebuchet MS,Helvetica,Arial,sans-serif;background:url(http://i21.servimg.com/u/f21/11/80/17/98/solved10.png)no-repeat #41cc33 1%;padding:0;background-size:70px}
td.content{position:relative;right:-30px;padding:47px;padding-bottom:6px;padding-top:7px;font-size:12px!Important;-moz-user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
.lock{width:100%;margin-top:5px;margin-bottom:5px;border-bottom:3px solid #d20f0f;padding:5px;border-radius:4px;font-weight:bold;color:#fff;font-size:12px;text-shadow:1px 1px 3px rgba(0,0,0,0.1);font-family:Trebuchet MS,Helvetica,Arial,sans-serif;background:url(http://phathai.me/phathai/benh-nhan/images/icon2.png) no-repeat #FF5050 1.5% 45%;background-size:70px}

        .fade {
            display:inline-block;
            background: -moz-linear-gradient(left, rgb(255,255,225) 0%, rgba(255,255,225,0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,225)), color-stop(1.00, rgba(255,255,225,0)));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1)";
        }
        .blur {
            display:inline-block;
            color:#ddd;
            text-shadow: 0 0 2px #aaaaaa;
            text-shadow: 0 0 4px #aaaaaa;
            text-shadow: 0 0 6px #aaaaaa;
            -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
            filter:
                progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
                progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
        }
        .flipH {
            display:inline-block;
            -moz-transform:scale(-1,1);
            -o-transform:scale(-1,1);
            -webkit-transform:scale(-1,1);
            transform:scale(-1,1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=-1,
                M12=0,
                M21=0,
                M22=1,
                SizingMethod="auto expand");
        }
        .flipV {
            display:inline-block;
            -moz-transform:scale(1,-1);
            -o-transform:scale(1,-1);
            -webkit-transform:scale(1,-1);
            transform:scale(1,-1);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
            filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=1,
                M12=0,
                M21=0,
                M22=-1,
                SizingMethod="auto expand");
        }



































ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/9/2016, 22:23
#2
idex_box :

Code:

<div class="box02_top"></div>

<div class="box02_title_part">
       <div class="box02_title"><h2 class="icon2">{catrow.tablehead.L_FORUM}</h2></div>        
      </div>
  <!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="725">
<thead><tr align="center"><td class="tcat">Icon&nbsp;</td><td class="tcat" width="438">Diễn đàn</td><td class="tcat" width="258">Bài mới</td><td class="tcat" width="53">Ðề tài</td><td class="tcat" width="65">Bài gởi</td></tr></thead>

  
  <tbody>
 <tr>
 <td class="thead" colspan="5">
 
 <a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://img.forum.zing.vn/images/bluestyle/buttons/collapse_tcat.gif" alt="" border="0"></a>
<font size="3"><b> {catrow.tablehead.L_FORUM} </b></font>
 
 
 </td>
 </tr>
</tbody>
      <!-- END tablehead -->
<!-- BEGIN forumrow -->
    
    
    <tbody id="collapseobj_forumbit_1" style="">
<tr align="center">
 <td class="alt2">

           <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="forumicon" id="forum_statusicon_2" alt="">
          
          </td>
 <td class="alt2" align="left" id="f2">
 <div>
 <h2 class="forumtitle"> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}></h2>
 
 </div>
 <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
 
 
          
          
          
          
          
 </td>
 <td class="alt2">
<div class="smallfont" align="left">
 <div>
 <span style="white-space:nowrap">
 <img class="inlineimg" src="http://img.forum.zing.vn/images/icons/icon1.gif" alt="" border="0">
 
 <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
 <a href="showthread.php?p=1769209269#post1769209269"><img class="inlineimg" src="http://img.forum.zing.vn/images/bluestyle/buttons/lastpost.png" alt="Tới bài mới nhất" border="0" title="Tới bài mới nhất"></a>
 </div>
</div>
</td>
 <td class="alt2">{catrow.forumrow.TOPICS}</td>
 <td class="alt2">{catrow.forumrow.POSTS}</td>
 
</tr>


</tbody>
              

       <!-- END forumrow -->
<!-- BEGIN catfoot -->
  
   <!-- END catfoot -->
        
<!-- BEGIN tablefoot -->

        

                  
          </table>
          

       <!-- END tablefoot -->
          
          
          <!-- END catrow -->
          
          
          
        



ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/9/2016, 22:24
#3
idex_body :

Code:

<!-- BEGIN switch_user_login_form_header --><div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->


        
          
{CHATBOX_TOP}
 
    
  
<table width="100%"><tbody><tr><td valign="top">
      {BOARD_INDEX}</td>
    

 <td width="23%" valign="top" style="padding-left: 10px">
        
  
  
 <div class="main">
        <div class="main-head-quangcaobenphai">

       <div class="main"><div class="main-head"><div class="page-title"><b><h2>kenhit.123.st</h2></b></div></div>
  <div class="main-content">
    
          
          <style>#topp img {margin:3px;height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#topp {text-align: left;width: 215px;}#topp a span{display:none;}#topp a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;}</style>
          <div id="topp"></div>
          <script>jQuery("#topp").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username td.avatar-mini a:lt(16)");</script>
          
          
        </div>
    </div>
</div>

          <style>#top-guibai img {margin:3px;height: 35px;width: 35px;background-color: #FCFCFF;padding: 2px;border: 1px solid #CCC;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;}#top-guibai {text-align: left;width: 175px;}#top-guibai a span{display:none;}#top-guibai a:hover span {display: inline;position: absolute;padding: 5px;border: 1px solid white;border-radius: 1px;background: rgba(0, 0, 0, 0.8);box-shadow: 0 0 4px #333;color: white !important;font-size: 10px;text-align: center;}</style>
        
          
  
  
  
    <br/>
          
    </div>
      </div>
        </div>
      
      
        
  


      
              
              
      
              
              
            
  </td></tr></tbody></table>

          
          
          
<!-- BEGIN disable_viewonline -->

        
        
        
        
        
        
        
        
        
        
        
        
        
        





  



  <br/>
<div class="main"><div class="main-head"><div class="page-title"><b><h2>Tình Hình Hiện Tại</h2></b></div></div>
  <div class="main-content">
          
    <div id="onlinelist" style="border-top: 0px dashed #FFF;">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
      
          
          
   <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
         <br />
                          
          
                          
                          

         <div class="clear"></div>
         </p>
         <div class="clear"></div>

         <p>Nhóm : {GROUP_LEGEND}</p>

      </div>
    

    
    
  </div>  </div>
  
  
  <br/>
  
  <div class="main"><div class="main-head"><div class="page-title"><b><h2>Thống Kê Thành Viên</h2></b></div></div>
  <div class="main-content" style="padding:15px;">
          
  
 
    <font size="6" face="georgia" color="#3366FF"> <font size="3" color="dimgray">Diễn đàn hiện có</font> <span class="FORUMCOUNTPOST"></span>      </font><font size="3" color="dimgray"> bài trong </font> <font size="6" face="georgia" color="#3366FF"><span class="FORUMCOUNTOPIC"></span></font><font size="3" color="dimgray"> chủ đề </font>    <font size="3" color="dimgray">Hiện đã có</font><font size="6" face="dimgray" color="#3366FF"> <span class="FORUMCOUNTUSER"></span></font><font size="3" color="dimgray"> thành viên tham gia và tiếp tục tăng.</font>
    
    
    
    
    
    
<style>
  
  .avatar-body .avas img {
border: 1px solid #DDD;
height: 20px;
margin: -7px 5px;
padding: 1px;
width: 20px;
}

  </style>

  <script type="text/javascript">
$(document).on('ready',function(){$('.avatar-body a').each(function(){var avmb=$(this).attr('href');$(this).prepend('<a href="'+avmb+'" class="avas"><img src="http://i37.servimg.com/u/f37/17/47/85/23/noavat10.gif"  /></a>');$(this).children('a').load(avmb+' div.main-content.clearfix.center img:eq(0)')})});
  </script>
    
    
    
    </div>  </div>
          
          
<!-- END disable_viewonline -->
          
          
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}
  


{AUTO_DST}

<!-- BEGIN switch_fb_index_login --><div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


the_dav
Bài viết : 226
Points : 323
Like : 47
Punbb
Quản trị
the_davMEM LV3
9/9/2016, 22:41
#4
nhìn demo thấy lỗi sao ấy. fĩx đi rùi shảre chứ thím ơi
ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/10/2016, 09:16
#5
the_dav đã viết:
nhìn demo thấy lỗi sao ấy. fĩx đi rùi shảre chứ thím ơi


như mình đã nói trên, skin này mình share cái box , body , css thôi, còn cái hear hiện tại là mặc định, tại thấy cái hear 4r đó nhìn kì kì, nên không thêm vào, nhìn vậy cho đở, chứ lại nói fm rip fm lại bị khóa, th6a5t ra skin không lổi nhé, bạn nào dùng thay cái nav vào là hết ngay [Only admins are allowed to see this image]
.Snow.
Bài viết : 1
Points : 1
Like : 0
Punbb
An toàn
.Snow.MEM
9/12/2016, 18:46
#6
Xin ý kiến của admin bên forum bọn mình chưa mà rip vậy bạn?
the_dav
Bài viết : 226
Points : 323
Like : 47
Punbb
Quản trị
the_davMEM LV3
9/12/2016, 18:58
#7
.Snow. đã viết:
Xin ý kiến của admin bên forum bọn mình chưa mà rip vậy bạn?


skin bên bạn à. thế mà mình tưởng của thím kia. gìơ mình xóa hay để lại vậy: ) .
ngao382_cover
Bài viết : 38
Points : 55
Like : 5
Punbb
An toàn
ngao382_coverMEM LV1
9/12/2016, 20:21
#8
the_dav đã viết:
.Snow. đã viết:
Xin ý kiến của admin bên forum bọn mình chưa mà rip vậy bạn?


skin bên bạn à. thế mà mình tưởng của thím kia. gìơ mình xóa hay để lại vậy: ) .


lời nói đầu, mình nghỉ là the_dav không nên khóa, mình share vì hôm bữa thấy có bạn kia xin hotrofm mà, đã bị khóa topic, con về phía fm rip fm, cái idex_box có thể nói là của skin forum.zing punbb và cột phải là cột code. nên mình nghỉ là không nên nói là bản quyền
roseila2310
Bài viết : 9
Points : 11
Like : 0
Punbb
An toàn
roseila2310MEM
9/12/2016, 21:04
#9
Mình nghĩ là nên khóa topic này vì copy hết tất cả css của bên bọn mình, nguyên css là bản quyền rồi nhé !
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
9/12/2016, 21:42
#10
==! đùa skin xấu vậy mà tranh nhau làm gì nữa. cho vô thùng rác . kết thúc việc này ở đây
Sponsored content
#11
Ads bannerAds banner