นิยาย THE ORA ♔ THEME V.2 > ลำดับตอนที่ #34 : ♔ {{ THE ORA }} :: The Pink dimension :: : Dek-D.com

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

THE ORA ♔ THEME V.2

ลำดับตอนที่ #34 : ♔ {{ THE ORA }} :: The Pink dimension ::

อัปเดตล่าสุด 17 พ.ค. 58

♔…The Pink dimension…

How to…

_{คลิกในกล่องโค้ดแล้วกด}_{Ctrl + A หลังจากนั้นกด Ctrl + C เพื่อคัดลอกและนำไปวางใน Source โดยกด Ctrl + V}

ธีมจะดูมีออร่าถ้าใช้ Crhome

::Code::

<div style="text-align: center;">
	<br />
	<br />
	<br />
	<br />
	<br />
	&nbsp;</div>
<div style="text-align: center;">
	<a href="http://my.dek-d.com/dek-d/writer/view.php?id=1155379" target="_blank">✄THE
	<style type="text/css">
body{
background:url(http://image.dek-d.com/27/0363/0226/118467805)!important;
background-repeat:repeat;
background-position:center!important;
background-attachment:fixed!important;
}

#big_head , .content, .box03, .box04_page {
background:#none repeat; 
}
#main {
width: 860px; 
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:#000!important;
border-radius:10px;
}

div {background:display!important;}
.head1{
background:#e6626d!important;
border:1px dashed #572e50!important;
box-shadow: 0 0 0.4em #8c2658, 0 0 0.4em #8c2658;
border-radius:20px 20px 10px 10px;
padding-top:35px; 
padding-bottom:35px;
-webkit-transition:1s;-moz-transition:1s;}
.head1:hover{
background:#8c2658!important;
border:1px dashed #d42956!important;
box-shadow: 0 0 0.4em #e6626d, 0 0 0.4em #fea489;
-webkit-transition:1s;-moz-transition:1s;}
p#big_text{
color:#8c2658!important;
text-shadow:8px 0 0 #5e897f;
font-family:tahoma!important;
font-size:37px!important;
}
p#big_text:hover{
text-shadow:-5px 0 0 #d42956,5px 0 0 #8c2658;
color:#e6626d!important;
letter-spacing:3px;
}
h2,.box04_head{
background:#8c2658!important;
}
.box04{background:none!important;}
h2.box02,.box04_head2,.box04_head{
border:2px solid #e6626d;
border-radius: 10px ; 
}
h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{
color:#e6626d!important;
background:none!important;
}
a.box04_head03{
height:23px;line-height:24px;
float:right;text-indent:30px;width:250px;
}

.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:#e6626d!important;
font-size:14px;
}
h3>span{   
color:#e6626d!important;
text-shadow: 1px 2px 0px #8c2658, 0px 2px 0px #3e908f;
}

.comment-order{font-size:30px!important;
}
P.vote_m{
color:#fea489!important;
text-shadow:3px 0 0 #d42956;
border-right:1px dashed #8c2658!important;
}
ul.name_story li p{background:none!important;}

div>a.review,div>a.name_sb01,div.name_storybox>a{ 
color:#d42956!important;
background:url(http://image.dek-d.com/27/0363/0226/118467805)!important;
border:1px solid #e6626d!important;
text-shadow:2px 0 0 #8c2658,-2px 0 0 #fea489;
box-shadow:4px 0 0 #007c7e,-4px 0 0 #8c2658;
}
.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:#8c2658!important;
border:1px dashed #8c2658!important;
box-shadow: 0 0 0.2em #fea489, 0 0 0.2em #fea489;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.bigname_sb01 ul.name_sb01_uu li:hover{
color:#8c2658!important;
background:#8c2658!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}

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:url(http://image.dek-d.com/27/0363/0226/118467805)!important;
border:1px solid #e6626d!important;
-webkit-box-shadow:none!important;} 
ul.box_facebook li .b_fb_like a{
background:#fea489!important;
border:1px solid #e6626d!important;
}/*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/
ul.box_facebook li .b_fb_like a:hover{
color:#fea489!important;
background:#3e908f!important;
border:1px solid #8c2658!important;
-webkit-transform:rotate(180deg); 
-webkit-transition:linear 0.5s; 
-moz-transition:linear 0.5s; 
}
div>a.name_sb01:hover,
div>a.review:hover,
div.name_storybox>a:hover{
-webkit-transform:rotate(180deg); 
border-radius:20%!important; 
color:#fea489!important;
background:#3e908f!important;
border:1px dashed #007c7e!important;
box-shadow:4px 0 0 #fea489,-4px 0 0 #8c2658;
text-shadow: 0 0 0.2em #8c2658, 0 0 0.2em #8c2658; 
-webkit-transition:linear 0.5s; 
-moz-transition:linear 0.5s;
}
ul.box_facebook li .b_fb_like a:hover{
padding:1px 1px 1px 1px;
}

/***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/
.big_fb{
border-top:1px dashed #8c2658!important;
}
.b_fb_l_font01,
.box_facebook-right01{
border-left:1px dashed #8c2658!important;
}
/******โซนคอมเม้นท์******/
.ribbon{background:none!important;} 
li.cur{background:none!important;} 
.arrow_box:after,#drag-to-quote:after{border:none!important;} 
.comment-setbubble{
background:#000!important; 
border:4px solid #8c2658!important; 
box-shadow: 0 0 0.4em #fea489, 0 0 0.4em #fea489; 
}
/*ฐานคอมเม้นท์*/
.comment-action:before{background:none!important;}
.comment-action{
background:#e6626d!important; 
border:1px solid #8c2658!important; 
}
.arrow_box li{border:none!important;} 
.cm-setting button{border:none!important;} 
/*ไอคอนเฟือง โซเชียลของคนคอมเม้นท์*/
.icon-reply,.icon-setting,.btn-social i,.comment-action,.cm-like_list,.comment-action,.cm-reply_list{
color:#fea489!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#572e50!important;
background:none!important;
border:none!important;}
/*กล่องเมนูของเฟืองแก้ไขคอมเม้นท์*/
/*หมายเหตุ : โค้ดส่วนนี้เป็นการกำหนดสไตล์ในปุ่มค้นหาของไอคอนแว่นขยาย
ที่ด้านขวามือสุดบนแถบทูลบาร์ด้านบนของบทความด้วย*/
.arrow_box{background:none!important;} 
button{box-shadow:none!important;} 
button{
color:#fea489!important; 
background:#8c2658!important;
border:none!important; 
border-radius:10px!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
button:hover{
color:#8c2658!important; 
background:#e6626d!important; 
border:none!important; 
border-radius:5px
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
/***อวาตาร์ของคนคอมเม้นท์***/
.avatar{ 
-webkit-transform:rotate(45deg);
background:#8c2658!important;
border:5px solid #3e908f!important;
padding:15px!important; 
bottom:25px!important;
right:25px!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s;

margin-bottom:5px;
}
.avatar:hover{
bottom:25px!important;
right:25px!important;
-webkit-transform:rotate(180deg); 
border-radius:50%!important; 
background:#e6626d!important;
border:5px solid #8c2658!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}

/*รูปอวาตาร์*/
img[src*='/1/newtoon/'],.user-pic-comment{
width:75px; 
height:75px; 
border-radius:50%!important; 
border:5px solid #e6626d!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
-webkit-transform:rotate(180deg);
border:5px solid #3e908f!important; 
border-radius:50%!important; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
/***กล่องพิมพ์คอมเม้นท์***/
span.cke_skin_kama{
background:#3e908f!important; 
border-radius:0% 20% 0% 20%; 
border:3px solid #8c2658!important;
padding:5px; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.cke_skin_kama .cke_wrapper{
color:#3e908f!important;
background:#e6626d!important; 
border-radius:0% 20% 0% 20%; 
border:1px dashed #fea489!important; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
span.cke_skin_kama:hover{
background:#3e908f!important;
border:3px solid #e6626d!important;

-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.cke_skin_kama .cke_wrapper:hover{
color:#fea489!important;
background:#8c2658!important;
border:1px dashed #e6626d!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
/***ปุ่มส่งความเห็น***/
.cm-box-area .comment-submit{
border:3px solid #8c2658!important;
}
.cm-box-area .comment-submit:hover{
border:3px solid #e6626d!important;
}
.btn-orange{
width:150px!important; 
padding:5px!important; 
background:#e6626d!important;
color:#8c2658!important; 
border:3px solid #8c2658!important;
text-shadow:none!important; 
-webkit-box-shadow:none!important; 
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}
.btn-orange:hover{
background:#8c2658!important; 
color:#fea489!important; 
border:3px solid #e6626d!important;
-webkit-transition:linear 1s; 
-moz-transition:linear 1s; 
}/***กล่องอินพุท ซีเล็ค เท็กซ์เอเรีย***/
input,select,textarea{
color:#fea489!important;
background:#8c2658!important;
border-top:1px dashed #e6626d!important; 
border-bottom:1px dashed #e6626d!important; 
border-left:1px dashed #e6626d!important; 
border-right:1px dashed #e6626d!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{ /*สำหรับ browser IE*/
background:#e6626d!important;
color:#fea489!important;
} 
*::-moz-selection{ /*สำหรับ browser firefox*/
background:#e6626d!important;
color:#fea489!important;
} 
*::-webkit-selection{ /*สำหรับ browser chrome*/
background:#e6626d!important;
color:#fea489!important;
}
input:hover , select:hover , textarea:hover {
color:#8c2658!important;
background:#fea489!important;
border:1px dashed #8c2658!important;
-webkit-transition: linear 1s ;
-moz-transition: linear 1s ;
}

/***สกรอลล์บาร์***/
::-webkit-scrollbar{width:12px;} 
::-webkit-scrollbar-track-piece:decrement{
background:#fea489!important; /*แทรคด้านบน*/
border:1px solid #e6626d;
}
::-webkit-scrollbar-track-piece:increment {
background:#e6626d!important; /*แทรคด้านล่าง*/
border:1px solid #8c2658;
}
::-webkit-scrollbar-button{
background: #3e908f!important; /*หัวท้ายสกรอลล์บาร์*/
height: 10px!important;
}
::-webkit-scrollbar-thumb{
background: #8c2658!important; /*ตัวที่เลื่อนไปมา*/
}

/******ลิ้งค์สไตล์******/
a:link{
color:#e6626d;  
text-decoration:none!important;   
-webkit-transition:1s; 
-moz-transition:1s;  
}

a:active,a:visited{
color:#f27c86!important;

text-decoration:none!important;
}

a:hover{color:#e6626d!important;
background:#8c2658!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:5px;
border:1px dashed #572e50!important;
box-shadow:6px 0px 0 #3e908f,-6px 0px 0 #3e908f,12px 0px 0 #d42956,-12px 0px 0 #d42956;
-webkit-transition:0s;-moz-transition:0s;}

/**********แถบทูลบาร์**********/
.btn,div>div>div>div>div {
background:none!important;  
border:none!important;
}
.active, {
background:rgba(140,38,88,0.5)!important;  
border:none!important;
}
div#auth-frame, -wrap{
background:rgba(140,38,88,0.5)!important;  
border:none!important;
}
.menu-main>a{
background:rgba(140,38,88,0.5)!important;   
border:none!important;
}
div -wrap{padding-bottom:70px!important;
}
li>i:hover,ul.menu-list>li>a:hover{
color:#e6626d!important;
background:#8c2658!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:5px;
border:1px dashed #572e50!important;
box-shadow:6px 0px 0 #3e908f,-6px 0px 0 #3e908f,12px 0px 0 #d42956,-12px 0px 0 #d42956;
-webkit-transition:0s;-moz-transition:0s;}
/***เมนูย่อยที่เลื่อนลมาจากทูลบาร์***/
.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:rgba(0,0,0,0.6)!important;  
border:none!important;
}
/*ไอคอนเมนูย่อยของหน้าแรก*/
.submenu-home i{
color:#8c2658!important;
background:#e6626d!important; 
border:2px solid #8c2658!important;
}

/*ไอคอนในเมนูบอร์ด(ลิสต์รายการที่มีกรอบสี่เหลี่ยมเรียงติดกัน)*/
/*ตัวสีของไอคอน ใส่โค้ดรวมไปเป็นสีเดียวกับอักษรในหน้าบทความแล้ว*/
.board-list a{
background:#8c2658!important;
border-top:2px solid #3e908f!important;  
border-bottom:2px solid #007c7e!important;
border-left:2px solid #e6626d!important;  
border-right:2px solid #572e50!important;  
}
.board-list a:hover{
color:#fea489!important;
background:#e6626d!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:5px;
border:1px dashed #fea489!important;
box-shadow:none!important;
padding:0px!important; 
font-weight:normal!important; 
-webkit-transition:0s;-moz-transition:0s;
}

/*ปุ่มค้นหาเดี๋ยวนี้! ในเมนูเรียนต่อนอก*/
.submit{
background:#8c2658!important;
color:#fea489!important;
}
/*เส้นคั่นรายการของคำขอเป็นเพื่อน(อยู่ในแถบยูสเซอร์ของทูลบาร์ที่เป็นอวาตาร์)*/
.screen-msg{border-bottom:1px dashed #8c2658!important;
}
/**เส้นคั่นแต่ละคำนิยม จะเห็นเวลามีคำนิยม(เอามารวมด้วย ไม่รู้จะให้อยู่บทไหนดี T^T)*/
a.box06_link{border-top:1px dashed #8c2658!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 #8c2658;  
}
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 #8c2658;  
font-size:12px!important; 
}
ul.bigsize li a:hover, /*ตรงนี้เป็นโค้ดของตรงที่ปรับขนาดอักษร*/
ul.next li a:hover{ 
color:#e6626d!important;
background:#8c2658!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:5px;
border:1px dashed #572e50!important;
box-shadow:6px 0px 0 #3e908f,-6px 0px 0 #3e908f,12px 0px 0 #d42956,-12px 0px 0 #d42956;
-webkit-transition:0s;-moz-transition:0s;}
/*เส้นคั่นของชื่อตอนย่อย ที่รูปนาฬิกากับวันที่อัพอยู่ด้วย*/
.big_next1{  
width:835px!important;  
border-top:1px dashed #8c2658!important; 
}
.big_next2{ 
width:835px!important;
border-bottom:1px dashed #8c2658!important;  
}
/*กล่อง Vote ให้คะแนนตอนนี้*/
.vote_box{
background:#e35667!important;
border:1px dashed #8c2658!important;
}

.select-style{
border-top:none!important; 
border-left:none!important; 
border-right:1px dashed #e35667!important; 
border-bottom:1px dashed #e35667!important; 
}

/*ปุ่มส่งคะแนน*/
.vote_box3{
width:50px!important; 
font-size:14px!important;
}
.vote_box3{
color:#fea489!important;
background:#e35667!important; 
border:1px dashed #8c2658!important; 
}
.vote_box3:hover{
color:#8c2658!important;
background:#3e908f!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:5px;
border:1px dashed #fea489!important;
box-shadow:7px 0px 0 #8c2658,-7px 0px 0 #8c2658;
text-shadow:2px 0px 0 #fea489;
-webkit-transition:0s;-moz-transition:0s; 
}
.vote_box2{margin-left:5px!important;}	
#content_name img {
color:#fea489!important;
background:#8c2658!important;
background-repeat:no-repeat!important;position:relative;
top:0px;left:0px;font-weight:bold;
border-radius:50px;
padding:7px;
border:5px solid #3e908f!important;

-webkit-transition:0s;-moz-transition:0s;
}
#content_name p,div.story .desc_head{
display: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 type="text/css">
img{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

img:hover{
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter: none;;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -moz-transform:  translate(0px, 2px) rotate(0deg); }
 40% { -moz-transform:  translate(1px, -1px) rotate(1deg); }
 50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); }
 60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); }
 70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); }
 80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); }
 90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
 100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
 40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
 90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}	</style>
	ORA</a><br />
	<br />
	&nbsp;</div>

::Banner::