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

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

Heaven & Hell

ลำดับตอนที่ #22 : Theme | Blackwood (Dark)

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

환영합니다

H e a v e n & H e ll

T H E M E

B L A C K W O O D

Code Mouse

:: Little Cute ::
เมาส์รอยต่อสีดำ อาร์ตเจิดมากเลยฮร้า

Code Theme

font-size: 16px;
}
.big_next2 {
border-bottom: 1px dashed #cccccc;
}
.big_next1 {
border-top: 1px dashed #cccccc;
}
p.font_nu02 {
color: #4e4e4e;
}
.comment-tabbable .comment-tabs .active button {
border-top: 5px solid #323232;
box-shadow:0px -3px 4px #545454 !important;
color: #4e4e4e;
}
.cm-box-area .member, .cm-box-area .guest {
background-color: #ffffff;
color: #4e4e4e;}</style>
<style type="text/css">
.big_fb {border-top: 1px dashed #CCCCCC;}</style>
<style type="text/css">
p.vote_m {
    border-right: 1px dashed #CCCCCC;}</style>
<style type="text/css">
ul.box_facebook li .b_fb_like p.b_fb_l_font01 {
    border-left: 1px dashed #CCCCCC;}</style>
<style type="text/css">
.box_facebook-right01 {
    border-left: 1px dashed #CCCCCC;}</style>
<style type="text/css">
h2.box04_head02 {background: none !important;color: #818181 ;font-size: 14px;}</style>
<style type="text/css">
h2.box02 p {
background: none !important;}</style>
<style type="text/css">
.favor {
background: none !important;}</style>
<style type="text/css">
img{border:none!important;}</style>
<style type="text/css">
#content_name {border: 1px solid #ffffff;}</style>
<style type="text/css">
.icon-comment_dash:before {display:none !important;}</style>
<style type="text/css">
h3 .ribbon {background: none !important;}</style>
<style type="text/css">
.accord-big{display:none !important}</style>
<style type="text/css">
.app-footer{display:none !important}</style>
<style type="text/css">
p>a>img{display:none !important;}</style>
<style type="text/css">
#head {display:none !important}</style>
<style type="text/css">
ul.name_story li p {background: none !important;}</style>
<style type="text/css">
#google_ads_comment1{display:none !important}</style>
<style type="text/css">
.comment-setbubble {border-radius: 10px;}</style>
<style type="text/css">
ul.box05_st li div {display:none !important}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu {background:url(http://i.imgur.com/j3z3793.png)!important;border-radius: 10px/30px;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa {
color: #818181;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li { border-bottom: 1px dashed #818181;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa {background: none !important;}</style>
<style type="text/css">
.avatar.girl {
border-color: #ffffff;
background: #ffffff !important;
padding:4px;border: 1px dashed #69686d;
box-shadow:background:none!important;
border-radius: 30px/10px;}

.avatar.unsigned {
border-color: #ffffff;
background: #ffffff !important;
padding:4px;border: 1px dashed #69686d;
border-radius: 30px/10px;}

.avatar.boy {
border-color: #ffffff;
background: #ffffff !important;
padding:4px;border: 1px dashed #69686d;
border-radius: 30px/10px;}</style>
<style type="text/css">
h2.box02, .box01 {text-align:center;}</style>
<style type="text/css">
h2.box04, .box04{text-align:center;}</style>
<style type="text/css">
p#big_text {-webkit-transition: 0.7s;-moz-transition: 0.7s;font-family:Georgia,Tahoma; color: #444444!important;}
p#big_text:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #444444 !important;text-shadow: -0.03em 0 red, 0.03em 0 cyan;letter-spacing:8px; }</style>
<style type="text/css">
h2.box02, .box01 {border-radius: 10px;}</style>
<style type="text/css">
.box04_head {border-radius: 10px;}</style>
<style type="text/css">
a.box04_head03 {border-radius: 10px;}</style>
<style type="text/css">
.box04 {background: none repeat scroll 0 0 #ffffff;}</style>
<style type="text/css">
.avatar img:hover {-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-webkit-transform: rotate(720deg)!important;
-moz-transform: rotate(720deg)!important;
-o-transform: rotate(720);-moz-border-radius: 20px;  border-radius: 20px;
-webkit-filter: grayscale(100%);}</style>
<style type="text/css">
#big_head {
border-radius: 10px;
}
.content {
border-radius: 10px;
}
.box03 {
border-radius: 10px;
}
.box04_page {
border-radius: 10px;
}
.box04 {
border-radius: 10px;}</style>
<style type="text/css">
img[src*="/newtoon/"], img[src*="/board/pic/toon/"] {border-radius: 30px/10px;padding:2px;box-shadow: 0em 0em 2em #303030!important;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;}</style>
<style type="text/css">
a{-webkit-transition: 0.9s;-moz-transition: 0.9s;}
a:hover{-webkit-transition: 0.9s;-moz-transition: 0.9s;}</style>
<style type="text/css">
h2.box02 p
{-webkit-transition: 0.7s;-moz-transition: 0.7s;}
h2.box02 p:hover
{-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Tahoma;color:#818181 !important; letter-spacing:3px;}</style>
<style type="text/css">
h2.box02 p:hover {
-webkit-text-shadow: 0px 0px 20px rgba(129,129,129,0.8); -moz-text-shadow: 0px 0px 20px rgba(129,129,129,0.8); text-shadow: 0px 0px 20px rgba(129,129,129,0.8); }</style>
<style type="text/css">
h2.box04_head02{
-webkit-transition: 0.7s;-moz-transition: 0.7s;}
.box04_head :hover
{-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #818181 !important; letter-spacing:3px;}</style>
<style type="text/css">
.box04_head :hover {
-webkit-text-shadow: 0px 0px 20px rgba(129,129,129,0.8); -moz-text-shadow: 0px 0px 20px rgba(129,129,129,0.8); text-shadow: 0px 0px 20px rgba(129,129,129,0.8);color: #818181 !important; }</style>
<style type="text/css">
#content_name img{border:1px dashed #545454!important; padding:3px;border-radius: 30px/10px;}</style>
<style type="text/css">
#content_name img:hover{-webkit-filter: grayscale(100%);}</style>
<style type="text/css">
#content_name img{-webkit-transition: 1.0s;-moz-transition: 1.0s;}</style>
<style type="text/css">
ul.bigsize li p {
color: #4e4e4e;
font-size: 12px;}</style>
<style type="text/css">
ul.next li a{background: none !important;
border-right: 1px solid #FFFFFF;}</style>
<style type="text/css">
/*blacklips' credit ห้ามลบเครดิต*/

/*ส่วนที่ 1*/ span#cke_t_msg.cke_skin_kama.cke_1.cke_editor_t_msg
{background:url(http://i.imgur.com/j3z3793.png)!important; border: 1px dashed #545454;box-shadow: 0px 0px 25px 818181 ;color: 818181 !important; border-radius: 10px;}

/*ส่วนที่ 2*/ span.cke_wrapper.cke_ltr
{ background:url(http://i.imgur.com/j3z3793.png)!important;}

/*ส่วนที่ 3*/ td#cke_bottom_t_msg.cke_bottom
{background:url(http://i.imgur.com/j3z3793.png)!important;}

/*ส่วนที่ 5*/ span.cke_toolgroup 
{ background: #ffffff; }

/*ส่วนที่ 6*/ span.cke_button
{ background: #ffffff; }

/*ส่วนที่ 7*/ span.cke_icon
{ background: #ffffff;}</style>
<style type="text/css">
div.story {
background-color: #ffffff !important;border-radius: 10px;}</style>
<style type="text/css">
a.box06_link {
border-top: 1px dashed #D5D4D6;}</style>
<style type="text/css">
a.box06_link p {
color: #4e4e4e;}</style>
<style type="text/css">
a.box05_link {
color: #4e4e4e !important;}</style>
<style type="text/css">
.box04_head *:hover {
color: #818181 !important;}</style>
<style type="text/css">
#sec-menu {display:none !important;}</style>
<style type="text/css">
#sec-head {display:none !important;}</style>
<style type="text/css">
ul.banner_menu li a {display:none !important;}</style>
<style type="text/css">
a.box04_head03:hover {
text-decoration: none;
color: #818181 !important;}</style>
<style type="text/css">
.favor:hover {
text-decoration: none;
color: #818181 !important;}</style>
<style type="text/css">
ul.box_uu01 li a:hover {
text-decoration: none;
color: #818181 !important;}</style>
<style type="text/css">
a.box06_link:hover p {
text-decoration: none;}</style>
<style type="text/css">
a.box05_link:hover {
text-decoration: none;}</style>
<style type="text/css">
ul.name_story li .st-wh02 a {
color: #4e4e4e ;}</style>
<style type="text/css">
.comment-text {
color:#75737a;
font-size: 14px;}</style>
<style type="text/css">
.h3-settext{color: #68676d;text-shadow:1px 1px 1px ffffff !important}</style>
<style type="text/css">
.btn-orange {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background:url(http://i.imgur.com/rnEwj9C.png)!important; 
color: #ffffff !important;
border: 1px solid #373737;
box-shadow: 0 1px 1px rgba(55, 55, 55, 0.3) inset, 0 -1px 0 rgba(55, 55, 55, 0.3) inset;}</style>
<style type="text/css">
.cm-box-area .comment-submit {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
border: none !important;
box-shadow:0px 0px 10px #8c8e93 !important;
color: none !important;
font-size: 13px;
margin-top: 10px;
padding: 10px 15px;
text-align: center;
text-shadow: none !important;
width: 240px;}</style>
<style type="text/css">
p.box_facebook-right2 strong {
color: #4E4E4E;}</style>
<style type="text/css">
.btn-orange:hover {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background:url(http://i.imgur.com/iK1silD.png)!important; 
color: #ffffff !important;
border: 1px solid #8c8e93;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(126, 124, 129, 0.3) inset;}</style>
<style type="text/css">
.cm-box-area .comment-submit:hover {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
border: none !important;
box-shadow:0px 0px 10px #8c8e93 !important;
color: none !important;
font-size: 13px;
margin-top: 10px;
padding: 10px 15px;
text-align: center;
text-shadow: none !important;
width: 240px;}</style>
<style type="text/css">
.vote_box {background: none !important;}</style>
<style type="text/css">
.vote_box p {color: #4e4e4e;}</style>
<style type="text/css">
.v_b_s03 .v_b_s03_01 {
background: none !important;}</style>
<style type="text/css">
.v_b_s03 p {
color: #4e4e4e;}</style>
<style type="text/css">
a.vote_box3 {
border: 1px dashed #8b8b8b;
color: #4e4e4e;
display: block;
float: left;
font-family: supermarket;
font-size: 18px;
height: 27px;
line-height: 24px;
margin-left: 4px;
text-align: center;
text-decoration: none;
width: 71px;}</style>
<style type="text/css">
.select-style {
background: url("http://i.imgur.com/UkzYeqS.png") no-repeat scroll 140px 0 rgba(0, 0, 0, 0);
border: 1px dashed #8b8b8b;}</style>
<style type="text/css">
.select-style select {color: #4e4e4e !important;}</style>
<style type="text/css">
.vote-sc {
color: #4e4e4e !important;}</style>
<style type="text/css">
ul.bigsize li a {
background: none !important;
color: #4e4e4e !important;}</style>
<style type="text/css">
ul.bigsize li span {
border-right: 1px dashed #ffffff ;}</style>
<style type="text/css">
p.font_nu02 {
background: none !important;}</style>
<style type="text/css">
#content_name p span {
color: #4e4e4e;}</style>
<style type="text/css">
#content_name p {
color: #656565;}</style>
<style type="text/css">
div.story .desc_head {
color: #ffffff;}</style>
<style type="text/css">
.comment-action .cm-retweet .arrow_box li {
border-left: 1px dashed #545454;
border-right: 1px dashed  #545454;}</style>
<style type="text/css">
.comment-action .cm-reply:before, .comment-action .cm-setting:before {
background: none !important;}</style>
<style type="text/css">
.comment-action .cm-reply:before, .comment-action .cm-setting:before {
background-color: #545454;
border-left: 1px solid dashed #545454;}</style>
<style type="text/css">
.box06 p {
color: #818181 !important;}</style>
<style type="text/css">
.cl_pagetab {
background:url(http://i.imgur.com/4sfxxoD.gif) repeat fixed; !important;
display: block;
height: 25px;
margin: 0 auto;
}</style>
<style name="P-mild-ItimYen" type="text/css">
#drag-to-quote:after,  
.arrow_box:after{
border:none!important;
}
.arrow_box{
background:none!important;
}
#drag-to-quote:after,
.icon-setting,  
.btn-social i    
{
color:#545454!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#747474!important;
}
.comment-action .cm-setting button {
background:url(http://i.imgur.com/j3z3793.png) !important;
border-bottom: 1px dashed #545454;
border-top: 0px dashed #545454;
color: #818181;text-align:center;}</style>
<style type="text/css">
ul.next {
height: 40px;
margin: auto;
width: 600px;}</style>
<style type="text/css">
ul.next li a:hover {
background: #dbdbdb !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #3d3d3d; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px !important;}</style>
<style type="text/css">a.box04_head03 {
width: 200px;
}
ul.box_uu01 li a.box_uu_icon00 {
text-indent: 20px;
}
.favor {
padding-right: 50px;
}
.vote_box2 {
width: 163px;
}
a.vote_box3 {
width: 65px;}</style>
<style type="text/css">
ul.bigsize li a:hover {
background: #dbdbdb !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #3d3d3d; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }</style>
<center><a href="http://my.dek-d.com/bananajub555/writer/view.php?id=938811" target="_blank"><span style="font-size:11px;"><span style="color:#808080;">T H E M E<br />◈ B L <u>&</u> W H ◈</span></span></a></center>

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>