Chillin' Theme V.2

ลำดับตอนที่ #10 : Chillin' Cute Spaceman

- Cute Spaceman -

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


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


Code Theme

<style name="kuktothekai" type="text/css"> body{background:url(http://i.imgur.com/L9pPHAn.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 #ffdaf4; border-radius: 20px 20px 0px 0px; box-shadow: #ffcaef 0em 0em .4em; padding-bottom: 20px;padding-top: 20px; -webkit-transition: 1.8s;-moz-transition: 1.8s;} p#big_text{color:#6f6f6f!important; font-family:tahoma;font-size:29px!important;} .head1:hover{background:#85e9be!important; border-bottom:double #85e9be; box-shadow: #fff 0em 0em .5em; -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:#6f6f6f!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:#6f6f6f!important;}li{font-size:12px;} h3>span{color:#6f6f6f!important;} .comment-order{font-size:30px!important;} P.vote_m{color:#6f6f6f!important; border-right:1px dashed #ffe0f6!important;} ul.name_story li p{background:none!important;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#6f6f6f!important;background:#fff!important; border:2px solid #6ecaed!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:#feeaf8!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:#9beeca!important; border:1px solid #9beeca!important; -webkit-box-shadow:none!important;} .story-action-wrapper>.actionbutton.-disabled>.staticon{ color:#FFF!important;} .story-action-wrapper>.actionbutton.-disabled{ background:#9beeca!important; border: 1px solid #9beeca !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:#fead6d!important; border:1px solid #fead6d!important;} ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px;} .big_fb{border-top:1px dashed #ffe0f6!important;} .b_fb_l_font01, .box_facebook-right01{border-left:1px dashed #ffe0f6!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:double #ffa65f!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:#ffa65f!important;text-shadow:none!important;} .icon-setting:hover, .btn-social i:hover{color:#6ecaed!important;} .arrow_box{background:none!important;} button{box-shadow:none!important;}button{color:#6f6f6f!important; background:#feeaf8!important;border:none!important; border:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s;} button:hover{color:#6f6f6f!important; background:#9beeca!important;border:none!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar{border-radius:50%!important; background:#ffffff!important; border:double #fead6d!important;padding:8px!important; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .avatar:hover{-webkit-transform:rotate(360deg); border-radius:15%!important; background:#ffffff!important; border:double #6ecaed!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:#9beeca!important;border-radius:20px; border:2px solid #85e9be!important;padding:3px; -webkit-transition:linear 1s;-moz-transition:linear 1s;} .cke_skin_kama .cke_wrapper{background:#ffffff!important; border-radius:20px;border:double #9beeca!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 #6ecaed!important;} .cm-box-area .comment-submit:hover{ border:1px solid #fead6d!important;} .btn-orange{width:145px!important;padding:8px!important; background:#6ecaed!important;color:#fff!important; text-shadow:none!important; -webkit-box-shadow:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s;} .btn-orange:hover{background:#fead6d!important; color:#fff!important;-webkit-transition:linear 1s; -moz-transition:linear 1s;} input,select,textarea{ color:#6f6f6f!important; background:#fff!important; border:1px solid #ffa65f!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:#b7f4da!important; color:#fff!important; } ::-moz-selection{background:#b7f4da!important; color:#fff!important; } ::-webkit-selection{background:#b7f4da!important; color:#fff!important; } ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:#ffdaf4!important;border-radius:0px;} ::-webkit-scrollbar-thumb{background:#ffa65f!important;border-radius:3px;} ::-webkit-scrollbar-thumb:hover{background:#6ecaed!important;border-radius:3px;} a:link{color:#6f6f6f;text-decoration:none!important; -webkit-transition:1s;-moz-transition:1s;} a:active,a:visited{color:#7b7b7b!important; text-decoration:none!important;} a:hover{color:#ffffff!important; background:#58c0e7!important; position:relative; top:0px; left:0px; padding:1px 2px 1px 2px;border-radius:4px; border:none!important; -webkit-transition:1s;-moz-transition:1s;} .toolbar,.toolbar-container{background:#FFF!important; text-shadow:none!important; box-shadow:0 .1em .1em #ffcaef!important;} a,.toolbar-submenu-item .tb-icon-submenu, .icon-fa-smile,.toolbar-submenu-item span{ color:#6f6f6f !important;} .toolbar-submenu-item:hover span{color:#fff !important;} .toolbar-input{width:200px!important;} .tb-btn-orange{border:solid 1px #ffa65f !important; background: #ffa65f !important; border-radius:5px!important; box-shadow: none!important;text-shadow: none!important;} .tb-btn-orange:hover{color:#fff!important;background:#58c0e7!important;} .tb-logo{ background-image: url(http://image.dek-d.com/27/0385/0368/120630630)!important;} .tb-logo:hover{ background-image:url(http://image.dek-d.com/27/0385/0368/120630630)!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 #ffe0f6;} 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 #ffe0f6;font-size:12px!important;} .big_next1{width:835px!important; border-top:1px dashed #ffe0f6!important;} .big_next2{width:835px!important; border-bottom:1px dashed #ffe0f6!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 #ffa65f!important; border-radius:3px;} .select-style{border:1px solid #ffa65f!important; border-radius:3px; } .vote_box3{width:50px!important; font-size:14px!important;} .vote_box3{background:#ffa65f!important; border:1px solid #ffa65f!important; border-radius:3px;} .vote_box3:hover{background:#58c0e7!important; border:1px solid #58c0e7!important; border-radius:3px;} .vote_box2{margin-left:5px!important;} border-top:none!important;border-left:none!important; border-right:1px solid #ffa65f!important; border-bottom:1px solid #ffa65f!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: rotate(10deg);-moz-transform: rotate(10deg);-o-transform: rotate(10deg) }img {-webkit-transition:0.7s; -moz-transition:0.7s; -o-transition:0.7s;} img:hover{border-radius: 8px;}</style>

Chillin'♥