Chillin' Theme V.2

ลำดับตอนที่ #20 : Chillin' Kawaii Girls

- Kawaii Girls -

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


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


Code Theme

<style name="kuktothekai" type="text/css"> body{background:url(http://i.imgur.com/COVLElQ.jpg)!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:#fff!important; border-bottom:double #ffa991; border-radius: 20px 20px 0px 0px; box-shadow: #fff 0em 0em .4em; padding-bottom: 16px;padding-top: 16px; -webkit-transition: 1.8s;-moz-transition: 1.8s;} p#big_text{color:#ffa991!important; font-family:tahoma;font-size:28px!important;} .head1:hover{background:#ffa991!important; border-bottom:double #ffa991; box-shadow: #fff 0em 0em .4em; -webkit-transition: 1.5s;-moz-transition: 1.5s;} p#big_text:hover{color:#fff!important; font-family:tahoma;font-size:26px!important;} h2,.box04_head{background:#fff!important; border-radius: 5px 5px 0px 0px;} h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#575757!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:#575757!important;}li{font-size:12px;} h3>span{color:#575757!important;} .comment-order{font-size:30px!important;} P.vote_m{color:#575757!important; border-right:1px dashed #e8e8e8!important;} ul.name_story li p{background:none!important;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#575757!important;background:#fff!important; border:2px solid #ffc0ae!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:#feccc1!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:#fdb09b!important; border:1px solid #fdb09b!important;-webkit-box-shadow:none!important;} .story-action-wrapper>.actionbutton.-disabled>.staticon{ color:#FFF!important;} .story-action-wrapper>.actionbutton.-disabled{ background:#fdb09b!important; border: 1px solid #fdb09b !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:#ffc9b9!important; border:1px solid #ffc9b9!important;} ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px;} .big_fb{border-top:1px dashed #e8e8e8!important;} .b_fb_l_font01, .box_facebook-right01{border-left:1px dashed #e8e8e8!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:4px solid #ffa991!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:#fdb09b!important;text-shadow:none!important;} .icon-setting:hover, .btn-social i:hover{color:#ffa991!important;} .arrow_box{background:none!important;} button{box-shadow:none!important;}button{color:#575757!important; background:#feccc1!important;border:none!important; border:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s;} button:hover{color:#575757!important; background:#ffc0ae!important;border:none!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar{border-radius:15%!important; background:#ffffff!important; border:double #ffa991!important;padding:8px!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar:hover{-webkit-transform:rotate(360deg); border-radius:15%!important; background:#ffc0ae!important; border:double #ffc0ae!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:#fff!important;border-radius:20px; border:2px solid #ffc0ae!important;padding:3px; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .cke_skin_kama .cke_wrapper{background:#ffffff!important; border-radius:20px;border:double #ffc0ae!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 #ffa991!important;} .cm-box-area .comment-submit:hover{ border:1px solid #ffb29d!important;} .btn-orange{width:145px!important;padding:8px!important; background:#ffa991!important;color:#fff!important; text-shadow:none!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} .btn-orange:hover{background:#ffc9b9!important; color:#fff!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} input,select,textarea{ color:#575757!important; background:#fff!important; border:1px solid #ffa991!important; border-radius:3px;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:#feccc1!important; color:#222!important; } ::-moz-selection{background:#feccc1!important; color:#222!important; } ::-webkit-selection{background:#feccc1!important; color:#222!important; } ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:#fff!important;border-radius:0px;} ::-webkit-scrollbar-thumb{background:#ffa991!important;border-radius:3px;} ::-webkit-scrollbar-thumb:hover{background:#ffc9b9!important;border-radius:3px;} a:link{color:#575757;text-decoration:none!important; -webkit-transition:1s;-moz-transition:1s;} a:active,a:visited{color:#5f5f5f!important; text-decoration:none!important;} a:hover{color:#fff!important; background:#ffc0ae!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 #fff!important;} a,.toolbar-submenu-item .tb-icon-submenu, .icon-fa-smile,.toolbar-submenu-item span{ color:#575757 !important;} .toolbar-submenu-item:hover span{color:#fff !important;} .toolbar-input{width:200px!important;} .tb-btn-orange{border:solid 1px #ffa991 !important; background: #ffa991 !important; border-radius:5px!important; box-shadow: none!important;text-shadow: none!important;} .tb-btn-orange:hover{color:#fff!important;background:#ffc0ae!important;} .tb-logo{ background-image: url(http://image.dek-d.com/27/0385/0368/120630627)!important;} .tb-logo:hover{ background-image:url(http://image.dek-d.com/27/0385/0368/120630627)!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 #e8e8e8;} 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 #e8e8e8;font-size:12px!important;} .big_next1{width:835px!important; border-top:1px dashed #e8e8e8!important;} .big_next2{width:835px!important; border-bottom:1px dashed #e8e8e8!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:2px solid #ffa991!important; border-radius:3px;} .select-style{border:1px solid #ffa991!important; border-radius:3px; } .vote_box3{width:50px!important; font-size:14px!important;} .vote_box3{background:#ffa991!important; border:1px solid #ffa991!important; border-radius:3px;} .vote_box3:hover{background:#ffc0ae!important; border:1px solid #ffc0ae!important; border-radius:3px;} .vote_box2{margin-left:5px!important;} border-top:none!important;border-left:none!important; border-right:1px solid #ffa991!important; border-bottom:1px solid #ffa991!important;</style> <div style="position: fixed;bottom:10px;right:20px;color:#2f2f2f;background: url(http://image.dek-d.com/27/0385/0368/120703120)!important;border: 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:hover{-webkit-transform:scale(0.9);transform:scale(0.9);} img:hover{overflow:hidden;} img{-webkit-transform:scale(1.0);transform:scale(1.0); -webkit-transition: all 1.0s ease;transition: all 1.0s ease;} img:hover{border-radius: 8px;}</style>

Chillin'♥