Chillin' Theme V.2

ลำดับตอนที่ #12 : Chillin' ZigZag

- ZigZag -

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


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


Code Theme

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

body{background:url(http://i.imgur.com/P4eWjNi.jpg?1)!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 #f69a9f;

border-radius: 20px 20px 0px 0px;

box-shadow: #f69a9f 0em 0em .4em;

padding-bottom: 15px;padding-top: 15px;

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

p#big_text{color:#635555!important;

font-family:tahoma;font-size:28px!important;}

.head1:hover{background:#c6f1e8!important;

border-bottom:double #c6f1e8;

box-shadow: #c6f1e8 0em 0em .4em;

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

p#big_text:hover{color:#635555!important;

font-family:tahoma;font-size:26px!important;}

h2,.box04_head{background:#c6f1e8!important;

border-radius: 5px 5px 0px 0px;}

h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{

color:#635555!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 #e0e0e0!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 #f69a9f!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:#c6f1e8!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:#f69a9f!important;

border:1px solid #f69a9f!important;-webkit-box-shadow:none!important;}

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

color:#FFF!important;}

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

background:#f69a9f!important;

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

border:1px solid #c6f1e8!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:4px solid #675b5b!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:#c6f1e8!important;text-shadow:none!important;}

.icon-setting:hover,

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

.arrow_box{background:none!important;}

button{box-shadow:none!important;}button{color:#575757!important; 

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

border:none!important; -webkit-transition:linear 1s;

-moz-transition:linear 1s;}

button:hover{color:#575757!important;

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

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

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

background:#ffffff!important;

border:3px solid #c6f1e8!important;padding:8px!important;

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

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

border-radius:50%!important;

background:#c6f1e8!important;

border:3px solid #f69a9f!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:#675b5b!important;border-radius:20px;

border:2px solid #f69a9f!important;padding:3px;

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

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

border-radius:20px;border:double #f69a9f!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 #c6f1e8!important;}

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

border:1px solid #f69a9f!important;}

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

background:#c6f1e8!important;color:#675b5b!important;

text-shadow:none!important;-webkit-transition:linear 1s;

-moz-transition:linear 1s;}

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

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

-moz-transition:linear 1s;}

input,select,textarea{ color:#575757!important;

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

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

border-right:1px solid #c6f1e8!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:#c6f1e8!important; color:#3f3f3f!important; }

::-moz-selection{background:#c6f1e8!important; color:#3f3f3f!important; }

::-webkit-selection{background:#c6f1e8!important; color:#3f3f3f!important; }

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

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

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

::-webkit-scrollbar-thumb:hover{background:#f69a9f!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:#675b5b!important;

background:#c6f1e8!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:#575757 !important;}

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

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

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

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

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

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

.select-style{border-top:1px solid #c6f1e8!important;

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

border-right:1px solid #c6f1e8!important;

border-bottom:1px solid #c6f1e8!important;}

.vote_box3{width:50px!important;

font-size:14px!important;}

.vote_box3{background:#c6f1e8!important;

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

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

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

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

border:1px solid #f69a9f!important;}</style>

<div style="position: fixed;bottom:10px;right:20px;color:#575757;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: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'♥