Chillin' Theme V.2

ลำดับตอนที่ #9 : Chillin' EXO Kai [Kpop Theme]

- Kai -

จะนำโค้ดธีมไปใช้เม้นบอก
หรือแปะเครดิตให้ด้วยนะคะ


[แนะนำ! ควรจะใส่เนื้อหาและตกแต่งให้เสร็จก่อน  แล้วค่อยใส่โค้ดธีม]


Code Theme

<style name="kuktothekai" type="text/css"> body{background:url(https://i.imgur.com/Lx2DodF.png)!important; background-repeat:repeat; background-position:center!important; background-attachment:fixed!important;} div>div>div>div>div{ background:#FFF!important;} div#main.clear{background:none!important;} .story,#big_head,.content,#content_name,.box03,.box06,.box04_page, .cm-box-area,.comment-tabbable .comment-tabs .active button, .cm-box-area .member,.cm-box-area .guest,.reviews01, .reviews02,.more_review{background:#fff!important;border:none!important;} .head1{background:#ffffff!important; border-top:3px solid #161514; border-bottom:3px solid #161514; border-radius:0px; box-shadow: #d4d4d3 0em 0em .4em; padding-bottom: 15px;padding-top: 15px; -webkit-transition: 1.8s;-moz-transition: 1.8s;} p#big_text{color:#161514!important; font-family:tahoma;font-size:28px!important;} .head1:hover{background:#161514!important; box-shadow: #d4d4d3 0em 0em .4em; -webkit-transition: 1.5s;-moz-transition: 1.5s;} p#big_text:hover{color:#ffffff!important; font-family:tahoma;font-size:26px!important;} h2,.box04_head{background:#171615!important; border-radius: 5px 5px 0px 0px;} h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#fff!important;background:none!important;} a.box04_head03{height:23px;line-height:24px; float:right;text-indent:30px;width:150px;} .desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash, p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong, .owner-username,#usermenu .usernamename, .notifications .usernamename, .name-area,.comment-order,.icon-mail,.icon-ip, .comment-tabbable .comment-tabs .active button{ color:#171615!important;}li{font-size:12px;} h3>span{color:#171615!important;} .comment-order{font-size:30px!important;} P.vote_m{color:#505251!important; border-right:1px dashed #e0e0e0!important;} ul.name_story li p{background:none!important;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#171615!important;background:#fff!important; border:2px solid #505251!important;} .bigname_sb01 ul.name_sb01_uu li{border:none!important;} img[src*="/writer14_arow01.png"]{display:none!important;} .bigname_sb01 ul.name_sb01_uu, .bigname_sb01 img.name_sb01_img{ background:#e0e0e0!important;} ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa{ background:none!important;text-indent:0px;font-size:12px;} .b_fb_l_i01,ul.box_uu01 li a{background:none!important;} ul.box_facebook li .b_fb_like a{background:#505251!important; border:1px solid #171615!important;-webkit-box-shadow:none!important;} .story-action-wrapper>.actionbutton.-disabled>.staticon{ color:#FFF!important;} .story-action-wrapper>.actionbutton.-disabled{ background:#505251!important; border: 1px solid #171615 !important;} div>a.review:hover, div>a.name_sb01:hover, div.name_storybox>a:hover, ul.box_facebook li .b_fb_like a:hover{ background:#7e807f!important; border:1px solid #7e807f!important;} ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px;} .big_fb{border-top:1px dashed #e0e0e0!important;} .b_fb_l_font01, .box_facebook-right01{border-left:1px dashed #e0e0e0!important;} .ribbon{background:none!important;} li.cur{background:none!important;} .arrow_box:after,#drag-to-quote:after{border:none!important;} .comment-setbubble{background:#ffffff!important;border-radius: 20px; border:5px solid #161514!important;-webkit-box-shadow:none!important;} .comment-action:before{background:none!important;} .comment-action{background:#ffffff!important; border-radius:20px!important;} .arrow_box li{border:none!important;} .cm-setting button{border:none!important;} .icon-setting,.btn-social i{ color:#505251!important;text-shadow:none!important;} .icon-setting:hover, .btn-social i:hover{color:#7e807f!important;} .arrow_box{background:none!important;} button{box-shadow:none!important;}button{color:#656565!important; background:#e0e0ee!important;border:none!important; border:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s;} button:hover{color:#656565!important; background:#e0e0e0!important;border:none!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar{border-radius:50%!important; background:#d8d9d8!important; border:9px solid #505251!important;padding:3px!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar:hover{-webkit-transform:rotate(360deg); border-radius:50%!important;background:#7e807f!important; border:3px solid #7e807f!important;padding:9px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s;} img[src*='/1/newtoon/'],.user-pic-comment{ width:90px;height:90px;border-radius:50%!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ border-radius:50%!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} span.cke_skin_kama{background:#d8d9d8!important;border-radius:20px; border:2px solid #7e807f!important;padding:3px; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .cke_skin_kama .cke_wrapper{background:#ffffff!important; border-radius:20px;border:double #171615!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} span.cke_skin_kama:hover{-webkit-transition:linear 1s; -moz-transition:linear 1s;}.cke_skin_kama .cke_wrapper:hover{ -webkit-transition:linear 1s;-moz-transition:linear 1s;} .cm-box-area .comment-submit{ border:1px solid #505251!important;} .cm-box-area .comment-submit:hover{ border:1px solid #505251!important;} .btn-orange{width:145px!important;padding:8px!important; background:#505251!important;color:#ffffff!important; text-shadow:none!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} .btn-orange:hover{background:#7e807f!important; color:#171615!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} input,select,textarea{ color:#171615!important; background:#fff!important; border-top:1px solid #505251!important; border-bottom:1px solid #505251!important; border-left:1px solid #505251!important; border-right:1px solid #505251!important; font-family:tahoma; -webkit-box-shadow:none!important;} .text-area,.select,.input-box{ border:none!important;background:none!important; } .cm-box-area .cm-setcmbox,.cm-box-area .text-area{ box-shadow:none!important; } ::selection{background:#161514!important; color:#fff!important; } ::-moz-selection{background:#161514!important; color:#fff!important; } ::-webkit-selection{background:#161514!important; color:#fff!important; } ::-webkit-scrollbar{width:9px;} ::-webkit-scrollbar-track{background:#c9c9c9!important;border-radius:0px;} ::-webkit-scrollbar-thumb{background:#505251!important;border-radius:3px;} ::-webkit-scrollbar-thumb:hover{background:#7e807f!important;border-radius:3px;} a:link{color:#171615;text-decoration:none!important; -webkit-transition:1s;-moz-transition:1s;} a:active,a:visited{color:#262423!important; text-decoration:none!important;} a:hover{color:#171615!important; background:#bfc0bf!important; position:relative; top:0px; left:0px; padding:1px 2px 1px 2px;border-radius:3px; border:none!important; -webkit-transition:1s;-moz-transition:1s;} .toolbar,.toolbar-container{background:#FFF!important; text-shadow:none!important; box-shadow:0 .1em .1em #d5d5d5!important;} .toolbar-submenu-item .tb-icon-submenu, .icon-fa-smile,.toolbar-submenu-item span{ color:#171615 !important;} a,.toolbar-submenu-item:hover span{color:#171615 !important;} .toolbar-input{width:200px!important;} .tb-btn-orange{border:solid 1px #7e807f !important; background: #7e807f !important; border-radius:5px!important; box-shadow: none!important;text-shadow: none!important;} .tb-btn-orange:hover{color:#fff!important;background:#505251!important;} .tb-logo{ background-image: url(http://image.dek-d.com/27/0385/0368/120630625)!important;} .tb-logo:hover{ background-image:url(http://image.dek-d.com/27/0385/0368/120630625)!important; background-repeat:no-repeat!important; background-position:center!important;} .toolbar-container{box-shadow:none!important;border:none!important;} .toolbar-user-menu{box-shadow:none!important;border:none!important;} img.tb-user-thumb{border:none!important;box-shadow:none!important;} div>div>div { background:none!important; } .toolbar-menu-item{box-shadow:none!important;border-right:none!important;} ul.bigsize li span{border-right:1px dashed #e0e0e0;} ul.bigsize li a{background:none!important; } ul.next li a.next_color01{margin:0px;} ul.next li a{background:none!important; border-right:1px dashed #e0e0e0;font-size:12px!important;} .big_next1{width:835px!important; border-top:1px dashed #e0e0e0!important;} .big_next2{width:835px!important; border-bottom:1px dashed #e0e0e0!important;} li,.service-sms,.search{background:none!important;border:none!important;} .select,li{-webkit-box-shadow:none!important;} div>div>div {background:none!important;} .vote_box{background:#fff!important;border-radius:3px; border:2px solid #505251!important;} .select-style{border-top:1px solid #505251!important; border-left:1px solid #505251!important; border-right:1px solid #505251!important; border-bottom:1px solid #505251!important;} .vote_box3{width:50px!important; font-size:14px!important;} .vote_box3{background:#7e807f!important; border:1px solid #7e807f!important;border-radius:3px;} .vote_box3:hover{background:#505251!important; border:1px solid #505251!important;border-radius:3px;} .vote_box2{margin-left:5px!important;} border:1px solid #505251!important;</style> <div style="position: fixed; bottom: 10px; right: 20px; color: #2F2F2F; background: transparent url(&quot;http://image.dek-d.com/27/0385/0368/120703120&quot;) repeat scroll 0% 0% ! important; border: medium none ! important; padding: 2px; text-decoration: none;" target="_blank"> <a href="http://my.dek-d.com/kuktothekai/writer/view.php?id=1228526" target="_blank"><span style="font-size: 14px;"><strong>Chillin'♥</strong></span></a></div> <style type="text/css"> .col-chapter-action .chapter-item-update { display:none !important; } .action-view-link .call-to-action { display: none;} .chapter-item {padding: 3px 0; border-bottom:none !important;}</style> <style type="text/css"> div.ranking{display:none !important}</style> <style type="text/css"> #content_name img {border:none !important;}</style> <style name="delete" type="text/css"> #head{display:none!important;} #sec-head,.banner_menu,.menulist{display:none!important;} #google_ads_comment1{display:none!important;} p>a>img{display:none!important;} .app-footer{display:none!important;} .accord-big{display:none!important;} .box01{display:none!important;}</style> <style name="captain" type="text/css"> img{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}img:hover {-webkit-filter: grayscale(100%);}</style>

Chillin'♥