นิยาย Heaven & Hell > ลำดับตอนที่ #27 : Theme

ลำดับตอนที่ #27

Heaven & Hell

ลำดับตอนที่ #27 : Theme | Retro Art

อัปเดตล่าสุด 4 ม.ค. 59

H&H

�

환영합니다�

Retro Art

�

�Code Mouse�

� �

:: Little Cute ::
เมาส์น่ารักๆ ใช้คู่ไปกับธีมจะดูดีมากเลยล่ะ

�Code Theme�

h2,.box04_head{
background:#393426!important; 
}
h2.box02,.box04_head2,.box04_head{
border-radius:5px 5px 5px 5px!important;
border:1px dashed #373224 !important; 
}
h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{
color:#f0e3d7!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:#705e53!important;
}
.h3-settext{color: #705e53!important; text-shadow:2px 2px 2px #f0e3d7   !important;
}
.cl_pagetab li.cur {
background:#393426  !important;
color:#f0e3d7   !important;
border-radius: 30px/10px !important;
box-shadow:1px 1px 1px #393426 !important;
}
.comment-order{font-size:30px!important;
}
ul.name_story li p{background:none!important;
}
div>a.review,div>a.name_sb01,div.name_storybox>a{ 
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #393426 !important;
-webkit-mask-box-image: url(http://i.imgur.com/dT0uEkA.png)!important;
-webkit-transition: 1.5s;-moz-transition:1.5s;
-moz-transition: 1.5s;-moz-transition:1.5s;
}
.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:#393426!important;
color:#f0e3d7!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{
-webkit-mask-box-image: url(http://i.imgur.com/sjwc0YO.png)!important;
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #393426  !important;
-webkit-box-shadow:none!important; 
-webkit-transition: 1.5s;-moz-transition:1.5s;
-moz-transition: 1.5s;-moz-transition:1.5s;
}
div>a.review:hover, 
div>a.name_sb01:hover,
div.name_storybox>a:hover{
position:relative; top:5px; left:5px!important; 
background:#4d4735  !important;
color:#f0e3d7  !important;
border:1px dashed #4d4735  !important;
-webkit-transition: 1.5s;-moz-transition:1.5s;
-moz-transition: 1.5s;-moz-transition:1.5s;
-webkit-transform:rotate(360deg)!important;
}
ul.box_facebook li .b_fb_like a:hover{
background:#4d4735  !important;
color:#f0e3d7  !important;
border:1px dashed #4d4735  !important;
-webkit-transition: 1.5s;-moz-transition:1.5s;
-moz-transition: 1.5s;-moz-transition:1.5s;
}
ul.box_facebook li .b_fb_like a:hover{
padding:0px 0px 0px 0px !important; 
transform: rotate(360deg) ;
-webkit-transform:rotate(-360deg)!important;
}
.big_fb{
border-top:1px dashed #b5a190!important;
}
.b_fb_l_font01,
.box_facebook-right01{
border-left:1px dashed #b5a190!important;
}
P.vote_m{
border-right:1px dashed #b5a190!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:10px solid #393426!important;
border-radius:30px 30px 30px 30px!important; 
box-shadow: 0 -3px 8px #393426 !important; 
}
.comment-action:before{background:none!important;}
.comment-action{
background:#393426!important;
border-radius:10px 10px 10px 10px!important; 
}
.arrow_box li{border:none!important;} 
.cm-setting button{border:none!important;} 
.icon-setting,.btn-social i{
color:#f0e3d7 !important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#f0e3d7!important;
}
.arrow_box{background:none!important;} 
button{box-shadow:none!important;}
button{
color:#705e53 !important;
background:#393426!important;border:none!important; 
border:none!important;
-webkit-transition:linear 0.5s; 
-moz-transition:linear 0.5s;
}
button:hover{
color:#f0e3d7!important;
background:#393426!important;border:none!important;  
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.avatar{
border-radius:0% 0% 0% 0%!important;
-webkit-mask-box-image: url(http://image.dek-d.com/27/0416/1337/117949629)!important; 
background:none!important;
border: none!important;
padding:5px!important; 
-webkit-transition:linear 1.5s !important;
-moz-transition:linear 1.5 !important; 
}
.avatar:hover{
-webkit-mask-box-image: url(http://image.dek-d.com/27/0416/1337/117949629)!important;
border-radius:0% 0% 0% 0%!important;
background: none!important;
border: none!important;
-webkit-transition:linear 1.5s !important; 
-moz-transition:linear 1.5 !important; 
-webkit-transform:rotate(360deg)!important;
filter: alpha(opacity=70)!important;opacity:.7!important;
}
img[src*='/1/newtoon/'],.user-pic-comment{
width:125px; 
height:125px; 
border-radius:50%!important;
border:1px dashed #353022!important; 
box-shadow:0px 0px 30px #cbbcad!important;
padding:3px!important;
-webkit-transition:linear 1.5s !important;
-moz-transition:linear 1.5 !important; 
}
img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
border-radius:50%!important;
border:1px dashed #625b46!important; 
box-shadow:0px 0px 30px #dfd7ce!important;
padding:3px!important;
-webkit-transition:linear 1.5s !important;
-moz-transition:linear 1.5 !important;  
}
.cm-box-area .comment-submit{
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #ac9c8b !important;
}
.cm-box-area .comment-submit:hover{
background:#dacec3 !important;
color:#373224  !important;
border:1px dashed #373224  !important;
}
.btn-orange{
width:145px!important;
padding:5px!important; 
text-shadow:none!important;
-webkit-box-shadow:none!important; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.btn-orange:hover{
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
span.cke_skin_kama{
background:#393426 !important; 
border-radius:30px 30px 30px 30px; 
border:1px dashed #393426!important;
padding:6px; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.cke_skin_kama .cke_wrapper{
background:url(http://i.imgur.com/LF4gLMJ.png)!important;
border-radius:20px 20px 20px 20px; 
border:1px dashed #393426!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; 
}
input,select,textarea{
color:#363123!important;
background:#dacec3!important;
border:1px dashed #363123!important;
font-family:tahoma; 
-webkit-box-shadow:none!important;  
-webkit-transition:linear 1s; 
-moz-transition:linear 1s;
border-radius: 15px;-webkit-border-radius: 15px;
}
input,select,textarea:hover{
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #ac9c8b !important;
font-family:tahoma; 
-webkit-box-shadow:none!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s;
border-radius: 15px;-webkit-border-radius: 15px;
}
.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:#393426 !important;
color:#f0e3d7 !important;
} 
*::-moz-selection{ 
background:#393426 !important;
color:#f0e3d7 !important;
} 
*::-webkit-selection{ 
background:#393426 !important;
color:#f0e3d7 !important;
}
::-webkit-scrollbar{
width: 10px; 
border: 1px dashed #ac9c8b ;
}
::-webkit-scrollbar-track-piece:decrement{
background:#e8e3dd!important; 
border: 1px dashed #ac9c8b ;
}
::-webkit-scrollbar-track-piece:increment {
background:#ffffff!important; 
border: 1px dashed #ac9c8b ;
}
::-webkit-scrollbar-button{
background: #332e20!important; 
height: 50px!important;
border: 1px dashed #ac9c8b ;
}
::-webkit-scrollbar-thumb{
background: #332e20!important; 
border: 1px dashed #ac9c8b ;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s;
}
::-webkit-scrollbar-thumb:hover{
background: #332e20!important; 
border: 1px dashed #ac9c8b ;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s;
}

a:link{
color:#705e53;  
text-decoration:none!important;   
-webkit-transition:1s; 
-moz-transition:1s;  
}
a:active,a:visited{
color:#89776c!important;
text-decoration:none!important;
}
a:hover{
color:#373224  !important;
box-shadow:-10px 0px 0px #393426;background:#dacec3;
position:relative; top:0px; left:0px;   
padding:1px 2px 1px 2px;  
border-radius:6px 6px 6px 6px; 
border-top:1px dashed #373224 ;!important;  
border-bottom:1px dashed  #373224 !important;   
border-left:1px dashed  #373224 !important;   
border-right:1px dashed  #373224 !important;   
-webkit-transition:1s; 
-moz-transition:1s;  
}
.btn,div>div>div>div>div {
background:#ffffff!important; 
border:none!important;
}
.active, {
background:#ffffff!important; 
border:none!important;
}
div#auth-frame, -wrap{
background:#ffffff!important;  
border:none!important;
}
.menu-main>a{
background:#ffffff!important;  
border:none!important;
}
li>i:hover,ul.menu-list>li>a:hover{
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #ac9c8b !important;
-webkit-transition:1s; 
-moz-transition:1s;  
}
.score.new,.score.new i,.score.new span,
.score.down,.score.down i,.score.down span,
.score.steady,.score.up,.score.steady i,.score.up i,
.steady span,.up span,.ordinary-content,
.lookback,.seemore,.board-list,.submenu-home,
.submenu-leftside,.submenu-main,.service,
.dropdown-panel,.popup-panel{
background:#ffffff!important;  
border:none!important;
}
.submenu-home i{
background:#393426  !important;
color:#f0e3d7  !important;
border:none!important;
}
.board-list a{
background:#393426  !important;
border:1px dashed #ac9c8b !important;
-webkit-transition:1s; 
-moz-transition:1s;  
}
a span:hover{color:#f0e3d7!important;
}
.board-list a:hover{
background:#393426  !important;
color:#f0e3d7  !important;
border:1px dashed #ac9c8b !important;
padding:0px!important; 
font-weight:normal!important; 
}
.submit{
background:#393426!important;
color:#ffffff!important;
}
.screen-msg{border-bottom:1px dashed #ac9c8b!important;
}
a.box06_link{border-top:1px dashed #ac9c8b!important;
}
div>div>div {background:none!important;}
.wrap-image{border:none!important;}
.notifications .user-main>a{border:none!important;}
.gotpromo{background:none!important;box-shadow:none!important;}
.submit{box-shadow:none!important;}
.board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,
.board-hot,.ordinary-content,.board-main,.gamelist,
.recommend{border:none!important;}
li,.service-sms,.search{background:none!important;border:none!important;}
.select,li{-webkit-box-shadow:none!important;}
div>div>div {background:none!important;}
ul.bigsize li span{
border-right:1px dashed #b5a190;  
}
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 #b5a190;  
font-size:12px!important; 
}
.big_next1{ 
width:835px!important;  
border-top:1px dashed #b5a190!important; 
}
.big_next2{ 
width:835px!important;
border-bottom:1px dashed #b5a190!important;  
}
ul.bigsize li a:hover, 
ul.next li a:hover{ 
color:#373224  !important;
box-shadow:-10px 0px 0px #393426 !important; background:#dacec3 !important;
position:relative; top:0px; left:0px;   
padding:1px 2px 1px 2px;   
border-radius:6px 6px 6px 6px; 
border-top:1px dashed #373224 ;!important;   
border-bottom:1px dashed  #373224 !important;   
border-left:1px dashed  #373224 !important;  
border-right:1px dashed  #373224 !important;   
-webkit-transition:1s; 
-moz-transition:1s;  
}
.comment-order{font-family:lobster !important; font-size:30px !important;
color:#705e53!important;}
@font-face{font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff')}
p.font_nu01,.vote-sc{
background: -webkit-linear-gradient(#332e20, #393426)!important;
color: #f0e3d7 !important;
padding-top:8px;
padding-bottom:8px;
border-radius:5px 5px 5px 5px!important;
}
.favor:hover,a.box04_head03:hover,
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa:hover,
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa 
{
color: #f0e3d7 !important;
-webkit-transition:linear 1.5s !important;
-moz-transition:linear 1.5 !important; 
}
#login-screen li .login-input {
background:#393426!important;
color:#f0e3d7!important;
border:1px dashed #ac9c8b!important;
}
#login-screen input[type=checkbox].css-checkbox+label.css-label{
color: #705e53!important;
}
.desc_head,#content_name{
display:none!important;
}
ul.bigsize li p{
font-size: 12px !important;
padding-right: 8px !important;
}
p.font_nu02 {
background:none!important;
font-size: 11px !important;
}
.v_b_s03 p {
padding-left: 20px !important;
width: 120px !important;
}
.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu {
height: 55px!important; 
left: 70px!important; 
padding-top: 1px!important; 
top: -3px!important; 
}
.comment-tabbable .comment-tabs .active button {
box-shadow: 0 -3px 4px #705e53 !important; 
}
#login-screen li .login-submit {
background:#393426!important;
color:#f0e3d7!important;
border:1px dashed #ac9c8b!important;
border-radius:20px 20px 20px 20px!important;
}
#login-screen li .login-submit:hover {
background:#dacec3 !important;
color:#373224  !important;
border:1px dashed #373224  !important;
border-radius:20px 20px 20px 20px!important;
}

#search-screen .global-searchbox {
background:#393426!important;
color:#f0e3d7!important;
border:1px dashed #ac9c8b!important;
}
#search-screen .global-searchbox:hover {
background:#dacec3 !important;
color:#373224  !important;
border:1px dashed #373224  !important;
}
#search-screen .global-searchbtn{
background:#393426!important;
color:#f0e3d7!important;
border:1px dashed #ac9c8b!important;
border-radius:20px 20px 20px 20px!important;
}
#search-screen .global-searchbtn:hover {
background:#dacec3 !important;
color:#373224  !important;
border:1px dashed #373224  !important;
border-radius:20px 20px 20px 20px!important;
}
.vote_box{
background: none repeat scroll 0 0 #dacec3 !important;
border: 1px dashed #363123 !important;
border-radius:8px 8px 8px 8px!important;
}
.select-style{
border-top:none!important;
border-left:none!important;
border-top:0px dashed #ffffff!important;  
border-bottom:1px dashed #ffffff!important;
border-left:1px dashed #ffffff!important; 
border-right:1px dashed #393426!important;  
border-radius:30px 30px 30px 30px!important;
width:150px!important; 
height:30px!important; 
}
.vote_box3{
width:55px!important; 
font-size:14px!important;
}
.vote_box3{
background: none repeat scroll 0 0 #dacec3 !important;
border: 1px dashed #363123 !important;
border-radius: 15px;
color: #363123 !important;
border-radius:8px 8px 8px 8px!important;
}
.vote_box3:hover{
background:#393426!important;
color:#f0e3d7!important;
border:1px dashed #ac9c8b!important;
border-radius:8px 8px 8px 8px!important;
}
.vote_box2{margin-left:10px!important;
} 
.ranking{
display:none!important;}
#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="KLAO" type="text/css">
p#big_text{font-family:lobster !important;background: -webkit-linear-gradient(#332e20, #393426)!important;}
@font-face{font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff')
}</style>
<style name="KLAO" type="text/css">
img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
border-radius:0% 0% 0% 0%!important; 
-webkit-transition:linear 1.5s !important;
-moz-transition:linear 1.5 !important; 
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-animation-name:gmnr;-webkit-animation-duration: .3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes gmnr{50%{ -moz-transform:: translate(0px, 0px) rotate(3deg); }}@-webkit-keyframes gmnr {50% { -webkit-transform: translate(0px, 0px) rotate(3deg);
}</style>
<style type="text/css">
a img:hover{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-animation-name:gmnr;-webkit-animation-duration: .3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes gmnr{50%{ -moz-transform:: translate(0px, 0px) rotate(3deg); }}@-webkit-keyframes gmnr {50% { -webkit-transform: translate(0px, 0px) rotate(3deg);}</style>
<style type="text/css">
.comment-action .cm-like_list, .comment-action .cm-reply_list {
color: #f0e3d7!important;
}
.comment-action i {
color: #f0e3d7 !important;
}</style>

�

�Introduce�
คำแนะนำก่อนใช้ธีม

��
Chrome�|�Ie�|�Firefox

โค้ดธีมแสดงผลทุกบราวเซอร์นะคะ
สามบราวเซอร์หลัก(ฮิต) นี่แนะนำ!

�Banner�
อย่าลืมแปะเครดิตด้วยน้า จะใส่เป็นลิงค์
หรือ แบนเนอร์ตามแต่สะดวกเ้ลยค่ะ : )

<a href="http://writer.dek-d.com/bananajub555/writer/view.php?id=1127718" target="_blank"><img src="http://i.imgur.com/Dj9UV9h.png?1" /></a>
�