Chillin' Theme V.2

ลำดับตอนที่ #2 : Chillin' Crystal

- Crystal -

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


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


Code Theme

<style name="kuktothekai" type="text/css">

body{background:url(http://fc01.deviantart.net/fs70/f/2014/005/4/3/cs7_by_khwan999-d710ho8.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:#ffffff!important;border:none!important;}

.head1{background:#fff!important;border-bottom:double #b99ed6;

border-radius: 20px 20px 0px 0px;box-shadow: #ffffff 0em 0em .4em;

padding-bottom: 20px;padding-top: 20px;

p#big_text{color:#6f6f6f!important;font-family:tahoma;font-size:28px!important;}

-webkit-transition: 1.8s;-moz-transition: 1.8s;}

.head1:hover{background:#b99ed6!important;box-shadow: #eee2ee 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:#d2c1e3!important;}

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:28px!important;} 

P.vote_m{color:#6f6f6f!important;

border-right:1px dashed #eee2ee!important;}

ul.name_story li p{background:none!important;}

div>a.review,div>a.name_sb01,div.name_storybox>a{ 

color:#6f6f6f!important;background:#ffffff!important;

border:2px solid #c7b4da!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:#eee2ee!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:#c7b4da!important;

border:1px soild #c7b4da!important;

-webkit-box-shadow:none!important;}

.story-action-wrapper>.actionbutton.-disabled>.staticon{

color:#FFF!important;}

.story-action-wrapper>.actionbutton.-disabled{

background:#c7b4da!important;

border: 1px solid #c7b4da !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:#b99ed6!important;

border:1px solid #b99ed6!important;}

ul.box_facebook li .b_fb_like a:hover{padding:1px 1px 1px 1px;}

.big_fb{border-top:1px dashed #eee2ee!important;}

.b_fb_l_font01,

.box_facebook-right01{border-left:1px dashed #eee2ee!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:double #c7b4da!important;

border-radius: 20px; -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:#c7b4da!important;

text-shadow:none!important;}

.icon-setting:hover,

.btn-social i:hover{color:#6f6f6f!important;}

.arrow_box{background:none!important;}

button{box-shadow:none!important;}

button{color:#6f6f6f!important;

background:#eee2ee!important;border:none!important;

border:none!important;

-webkit-transition:linear 1s;-moz-transition:linear 1s;}

button:hover{color:#6f6f6f!important;

background:#d2c1e3!important;border:none!important;

-webkit-transition:linear 1s;-moz-transition:linear 1s;}

.avatar{border-radius:10%!important;

background:#c7b4da!important;

border:1px solid #c7b4da!important;padding:5px!important;

-webkit-transition:linear 1s;-moz-transition:linear 1s;}

.avatar:hover{-webkit-transform:rotate(45deg);

border-radius:50%!important;background:#c7b4da!important;

border:1px solid #c7b4da!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:#ffffff!important;

border-radius:20px;border:1px solid #c7b4da!important;

padding:2px;-webkit-transition:linear 1s;-moz-transition:linear 1s;}

.cke_skin_kama .cke_wrapper{background:#eee2ee!important;

border-radius:20px;border:1px solid #c7b4da!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 #c7b4da!important;}

.cm-box-area .comment-submit:hover{

border:1px solid #c7b4da!important;}

.btn-orange{width:145px!important;

padding:7px!important;background:#d2c1e3!important;

color:#6f6f6f!important;text-shadow:none!important;

-webkit-transition:linear 1s;-moz-transition:linear 1s;}

.btn-orange:hover{background:#c7b4da!important;

color:#ffffff!important;-webkit-transition:linear 1s;

-moz-transition:linear 1s;}

input,select,textarea{ color:#6f6f6f!important;

background:#fff!important; border-top:1px solid #b99ed6!important;

border-bottom:1px solid #b99ed6!important;  border-left:1px solid #b99ed6!important;

border-right:1px solid #b99ed6!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:#d8cde3!important; color:#686868!important; }

::-moz-selection{background:#d8cde3!important; color:#686868!important; }

::-webkit-selection{background:#d8cde3!important; color:#686868!important; }

::-webkit-scrollbar{width:8px;}

::-webkit-scrollbar-track{background:#fff!important;border-radius:0px;}

::-webkit-scrollbar-thumb{background:#c7b4da!important;border-radius:3px;}

::-webkit-scrollbar-thumb:hover{background:#d2c1e3!important;border-radius:30px;}

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:#fff!important;background:#b99ed6!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;}

.toolbar-submenu-item .tb-icon-submenu,

.icon-fa-smile,.toolbar-submenu-item span{

color:#6f6f6f !important;}

a,.toolbar-submenu-item:hover span{color:#6f6f6f !important;}

.toolbar-input{width:200px!important;}

.tb-btn-orange{border:solid 1px #b99ed6 !important;

background: #b99ed6 !important; border-radius:5px!important;

box-shadow: none!important;text-shadow: none!important;} 

div>div>div { background:none!important; }

.toolbar-menu-item{

box-shadow:none!important;border-right:none!important;}

.tb-btn-orange:hover{color:#fff!important;background:#b99ed6!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;}

ul.bigsize li span{border-right:1px dashed #eee2ee;}

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 #eee2ee;font-size:12px!important;}

.big_next1{width:835px!important;

border-top:1px dashed #eee2ee!important;}

.big_next2{width:835px!important;

border-bottom:1px dashed #eee2ee!important;}

.vote_box{background:#ffffff!important;

border:2px solid #b99ed6!important;border-radius:3px;}

.select-style{border-top:none!important;border-left:none!important;

border-left:1px solid #c7b4da!important;

border-right:1px solid #c7b4da!important;}

.vote_box3{width:50px!important;font-size:14px!important;}

.vote_box3{background:#c7b4da!important;

border:2px solid #c7b4da!important;border-radius:3px;}

.vote_box3:hover{background:#b99ed6!important;

border:1px solid #b99ed6!important;border-radius:3px;}

.vote_box2{margin-left:5px!important;}

border-top:none!important;border-left:none!important;

border-left:1px solid #c7b4da!important;

border-right:1px solid #c7b4da!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&#39;&hearts;</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'♥