[Skin] punbb Teen xanh

avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
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://illiweb.com/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");
        }


































 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
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 -->
          
          
          
        


 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
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 -->

 Trả lời bài viết
avatar

the_dav200
286
42
Punbb
Quản trị
Trảm Phong

Bài viết :
200
Points :
286
Like :
42
Punbb
Quản trị
nhìn demo thấy lỗi sao ấy. fĩx đi rùi shảre chứ thím ơi
 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
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]
 Trả lời bài viết
avatar

.Snow.1
1
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
1
Points :
1
Like :
0
Punbb
An toàn
Xin ý kiến của admin bên forum bọn mình chưa mà rip vậy bạn?
 Trả lời bài viết
avatar

the_dav200
286
42
Punbb
Quản trị
Trảm Phong

Bài viết :
200
Points :
286
Like :
42
Punbb
Quản trị
.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: ) .
 Trả lời bài viết
avatar

ngao382_cover38
55
5
Punbb
An toàn
Thành viên chính thức
Thành viên chính thức

Bài viết :
38
Points :
55
Like :
5
Punbb
An toàn
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
 Trả lời bài viết
avatar

roseila23109
11
0
Punbb
An toàn
Thành viên mới
Thành viên mới

Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
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é !
 Trả lời bài viết
avatar

Admin254
514
89
Punbb
Quản trị
Việt đẹp trai
Founder
Founder

Bài viết :
254
Points :
514
Like :
89
Punbb
Quản trị
Việt đẹp trai
==! đù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
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...