นิยาย ` INTREN l THEME V2 > ลำดับตอนที่ #10 : ` Intren l Honeycomb : Dek-D.com

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

` INTREN l THEME V2

ลำดับตอนที่ #10 : ` Intren l Honeycomb

เนื้อหาตอนนี้เปิดให้อ่าน
795

0

26 เม.ย. 58

THEME - honeycomb
c o d e t h e m e

p#big_text
{

background:
#EEE5DE!important;

color:
#8B8989!important;

font-family:
tahoma;

font-size:
40px;

font-weight:
bold;

height:
60px;

padding-top:
25px;}

.head1{

border-radius:
25px 0px / 0px 25px;}

ul.name_story
li p {

color:
#EEE9E9!important;

}

ul.name_story
li a {

color:
#EEE9E9!important;

-webkit-transition:
0.7s;-moz-transition:0.7s;

}

ul.name_story
li .slash {

color:
#EEE9E9!important;

}

ul.name_story
li a:hover {

background:
#8B8989!important;

-webkit-transition:
0.6s;-moz-transition:
0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px
0px 0px #EEE9E9; border-top-left-radius: 6px; border-top-right-radius:
6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;

text-decoration:
none;

}

.name_storybox
{

color:
#FFFFFF ;

}

ul.box_facebook
li .b_fb_like a {

background:
#EEE9E9  !important;

border:
1px dashed #FFFFFF;

}

ul.box_facebook
li .b_fb_like a:hover {

background:
#EEE9E9!important;

border:
1px dashed #FFFFFF;

}

ul.box_facebook
li .b_fb_l_i01 {

background:
#FFFFFF  !important;

}

ul.box_facebook
li .b_fb_like p {

color:
#EEE9E9!important;

font-family:
tahoma; /*รูปแบบฟอนต์*/

font-size:
12px; /*ขนาดฟอนต์สามารถปรับได้นะคะ*/

}

p.box_facebook-right2
{

color:
#EEE9E9!important;

}

.box_facebook-right01
p {

color:
#EEE9E9!important;

}

a:link{

color:
#EEE9E9!important;

}

body{

color:
#EEE9E9!important;

}

p{

color:
#EEE9E9!important;

}

a.review
{

background:
#EEE9E9  !important;

color:
#FFFFFF!important;

}

a.review:hover
{

background:
#EEE9E9!important;

color:
#FFFFFF!important;

}

a.name_sb01
{

background:
# EEE9E9!important;

color:
#FFFFFF!important;

}

.bigname_sb01:hover
a.name_sb01 {

background:
#EEE9E9!important;

color:
#FFFFFF!important;

}

p.vote_m
{

color:
#EEE9E9!important;

}

p.vote_m
span {

color:
#FFFFFF!important;

}

h2.box02,
.box01 {

background:
#EEE9E9!important;

}

h2.box02
p {

color:
#EEE9E9!important;

font-size:
12px; /*ขนาดตัวอักษรสามารถปรับได้นะคะ*/

}

.favor
{

color:
#EEE9E9!important;

}

ul.box_uu01
li a {

color:
#EEE9E9!important;

font-family:
tahoma;

font-size:
12px;

}

ul.box_uu01
li a{

background:
none !important;

border-right:
1px dashed # EEE9E9;

}

ul.box03_uu
li p {

color:
#EEE9E9!important;

font-family:
tahoma;

font-size:
12px;

}

.box04_head
{

background:
#8B8989!important;

}

a.box04_head03
{

background:
#8B8989!important;

color:
#EEE9E9!important;

font-family:
tahoma;

font-size:
14px;

}

body
{ background:url(http://image.dek-d.com/25/975927/108953531)repeat fixed
!important; }

table.story
{

border:none;

color:
#FFFFFF;

font-size:11px;

}

#main
{

background:
none !important;

margin:
auto;

width:
987px;

}

::-webkit-scrollbar
{ height: 15px; width: 12px; background: #EEE9E9; }

::-webkit-scrollbar-thumb:vertical
{ background-color: #FFFFFF; height: 5px; border: 1px dashed #FFFFFF;}

::-webkit-scrollbar-thumb:hover{background:#
8B8989;border: 1px dashed #8B8989;

}

::selection
{ background: #8B8989;color: #EEE9E9;}::-moz-selection { background:
#8B8989;color: # EEE9E9;

}

.cl_pagetab
li.cur {

background:
#EEE9E9!important;

color:
#8B8989!important;

}

ul.name_story
li a.st-color {

color:
#8B8989!important;

}

ul.box03_uu
li a {

color:
#8B8989!important;

font-family:
tahoma;

font-size:
12px;

-webkit-transition:
0.7s;-moz-transition:0.7s;

}

a:active,a:visited
{

color:#EEE9E9!important;

font-family:
tahoma;

font-size:
12px;

-webkit-transition:
0.7s;-moz-transition:0.7s;

}

A:hover
{

color:#EEE9E9!important;

background:
#8B8989!important;

-webkit-transition:
0.6s;-moz-transition:
0.6s;color:#EEE9E9;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px
0px 0px #; border-top-left-radius: 6px; border-top-right-radius:
6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;

}

.comment-action
{

background-color:
#EEE9E9 !important;

}

.comment-setbubble
{

border:
2px solid #EEE9E9 !important;

background-color:
#FFFFFF!important;

}

.comment-order
{

color:
#EEE9E9!important;

font-size:
32px;

}

#big_head
{

background:
#FFFFFF!important;

}

.content
{

background:
#FFFFFF !important;

}

.box03
{

background:
#FFFFFF!important;

}

.box04_page
{

background:
#FFFFFF !important;

}

.no-data
{

color:
#EEE9E9!important;

}

p.box05_text01
{

color:
#EEE9E9!important;

}

p.box05_text02
{

color:
#EEE9E9!important;

}

.box06
{

background:
#EEE9E9!important;

}

.view_st
{

border-bottom:
1px dashed # EEE9E9;

}

ul.next
li a.next_color01 {

color:
#EEE9E9!important;

}

ul.next
li a {

color:
#EEE9E9!important;

}

p.font_nu01
{

color:
#EEE9E9!important;

font-size:
16px;

}

.big_next2
{

border-bottom:
1px dashed #EEE9E9;

}

.big_next1
{

border-top:
1px dashed #EEE9E9;

}

p.font_nu02
{

color:
#EEE9E9!important;

}

.comment-tabbable
.comment-tabs .active button {

border-top:
5px solid #EEE9E9;

box-shadow:0px
-3px 4px #FFFFFF!important;

color:
#EEE9E9!important;

}

.cm-box-area
.member, .cm-box-area .guest {

background-color:
#EEE9E9!important;

color:
#8B8989!important;}          </style>

div.story
{

background-color:
#ffffff !important;

}

div.story
.desc_head {

color:
#ffffff !important;

}

ul.next
{

width:
600px;

}

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>

h2.box02
p {

background:
none !important;}     </style>

#sec-menu
{display:none !important;}      </style>

#sec-head
{display:none !important;}       </style>

.favor
{

background:
none !important;}     </style>

img{border:none!important;}       </style>

#content_name
{border: 1px solid #ffffff;}            </style>

.accord-big{display:none
!important}        </style>

.app-footer{display:none
!important}        </style>

p>a>img{display:none
!important;}          </style>

#head
{display:none !important}  </style>

.comment-setbubble
{border-radius: 25px 0px / 0px 25px;} </style>

p#big_text
{-webkit-transition: 0.7s;-moz-transition: 0.7s;font-family:Georgia,Tahoma;
color: #ffffff !important;}

p#big_text:hover
{-webkit-transition: 0.7s;-moz-transition: 0.7s;
font-family:Georgia,Tahoma;color: #ffffff !important; letter-spacing:8px; }    </style>

ul.box_facebook
li{-webkit-transition: 0.9s;-moz-transition: 0.9s;}     </style>

ul.box_facebook
li:hover{border:dashed 0px #52443c;padding:0px;-webkit-animation-name:
shakee;-moz-animation-name: shakee;-o-animation-name: shakee;animation-name:
shakee;-webkit-animation-duration: 1s;opacity: 0.1;border-radius:10px;
filter:alpha(opacity=100);opacity:1.0;border-radius:10px }@-webkit-keyframes
shakee {  0% {-webkit-transform: scale(1);}  10%, 20% {-webkit-transform: scale(1.168)
rotate(-3deg);}  30%, 50%, 70%, 90%
{-webkit-transform: scale(1.168) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.168) rotate(-3deg);}  100% {-webkit-transform: scale(1.168)
rotate(0);;;}  } @-moz-keyframes shakee
{  0% {-moz-transform:
scale(1.168);}  10%, 20% {-moz-transform:
scale(1.168) rotate(-5deg);}  30%, 50%,
70%, 90% {-moz-transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.168)
rotate(-5deg);}  100% {-moz-transform:
scale(1.168) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1.168);}  10%, 20% {-o-transform: scale(1.168)
rotate(-5deg);}  30%, 50%, 70%, 90%
{-o-transform: scale(1.168) rotate(5deg);} 
40%, 60%, 80% {-o-transform: scale(1.168) rotate(-5deg);}  100% {-o-transform: scale(1.168)
rotate(0);;;} } @keyframes shakee {  0%
{transform: scale(1);}  10%, 20%
{transform: scale(1.168) rotate(-5deg);} 
30%, 50%, 70%, 90% {transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.168)
rotate(-5deg);}  100% {transform: scale(1.168)
rotate(0);;;}}} </style>

a.review{-webkit-transition:
0.9s;-moz-transition: 0.9s;}       </style>

a.review:hover
{-webkit-animation-name: shake;-webkit-animation-duration:
2s;-webkit-animation-iteration-count:
infinite;-webkit-animation-timing-function: ease-in-out;filter:
none;-webkit-filter: blur(0px);-moz-filter:blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-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>

.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:
saturate(50%);}      </style>

p#big_text:hover
{

opacity:
1; /*Reflection*/-webkit-text-reflect: below 0px -webkit-gradient(linear, left
top, left bottom, from(transparent), color-stop(.3, transparent),
to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-text-shadow: 0px 0px 20px
rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8);
text-shadow: 0px 0px 20px rgba(255,255,255,0.8); }    </style>

p#big_text:hover
{

opacity:
1; /*Reflection*/-webkit-box-reflect: below 0px -webkit-gradient(linear, left
top, left bottom, from(transparent), color-stop(.3, transparent),
to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px
rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8); }    </style>

.ranking{

display:none!important;

}           </style>

a.box04_head03{

background:none!important;

}           </style>

.btn,

div>div>div>div>div
{background:#ffffff !important;

border-left:none
!important;

border-right:none
!important;

}

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

.notifications
.user-main>a{

border:none!important;

}

.btn,

DIV>DIV>DIV>DIV>DIV
{

BACKGROUND:#ffffff!IMPORTANT;

border-left:none
!important;

border-right:none
!important;

}

.active,

{

background:#555555
!important;

border:none!important;

}

-wrap,

.menu-main>a{

background:#ffffff
!important;

border:none!important;

}

ul,li,.screen-title,.submenu-supersub,.board-hot,.ordinary-content,.board-main,.gamelist,.recommend{border:none!important;

}

.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;

}

li>i:hover,ul.menu-list>li>a:hover{

color:#EEE9E9!important;

background:#FFFFFF!important;

}

.submenu-home
i{color:#EEE9E9!important;

background:none!important;

border:none!important;

}

.submenu-home
i:hover{color:#fababa !important;

background:none!important;

border:none!important;

}

.board-list
a i:hover{

color:#EEE9E9
!important;

}

li,.service-sms,.board-list
a,.search{

background:none!important;

border: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;

}           </style>

h2.box02
p {

background: none !important;} </style>

.favor
{

background: none !important;}            </style>

ul.box_uu01
li a{

background: none !important;

border-right: 1px dashed #ffffff;}          </style>

#content_name
p

{display:none
!important}            </style>

.desc_head

{display:none
!important}            </style>

h2.box02
p,.favor{

background:none!important;

}           </style>

/*สีของตัวเลข จำนวนแชร์*/

p.box_facebook-right2
strong {

color:#EEE9E9;
/*สีของตัวอักษร*/

}

/*betting-bet*/

</style>

/***อวาตาร์ของคนคอมเม้นท์***/

.avatar{

border-radius:10%
10% 10% 10%!important; /*ความโค้งของพื้นหลัง ปรับค่าได้*/

background:#EEE9E9!important;

border:1px
dashed #EEE9E9!important;

padding:6px!important;
/*เพิ่มพื้นที่ให้เห็นพื้นหลัง ปรับค่าได้*/

-webkit-transition:linear
2s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว)
ปรับค่าได้*/

-moz-transition:linear
2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

/*หมายเหตุ:พื้นหลังนี้มีเฉพาะของสมาชิกเด็กดี*/

}

.avatar:hover{

-webkit-transform:rotate(0deg);
/*แถม กรณีอยากให้หมุน ปรับองศาได้ตามชอบ*/

border-radius:10%
10% 10% 10%!important; /*ความโค้งของพื้นหลัง ตอนเม้าส์ชี้*/

background:#ใส่โค้ดสีของพื้นหลังตอนเม้าส์ชี้!important;

border:1px
dashed #ใส่โค้ดสีเส้นขอบตอนเม้าส์ชี้!important;

-webkit-transition:linear
2s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear
2s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

/*รูปอวาตาร์*/

img[src*='/1/newtoon/'],.user-pic-comment{

width:70px;
/*ปรับขนาดความกว้าง*/

height:70px;
/*ปรับขนาดความสูง(ใส่เลขเดียวกับความกว้าง)*/

border-radius:0%
0% 0% 0%!important; /*ความโค้งของรูปอวาตาร์*/

-webkit-transition:linear
1s; /*ความช้าเร็วในการเคลื่อนไหวกลับ(หลังจากไม่ได้ใช้เม้าส์ชี้แล้ว)
ปรับค่าได้*/

-moz-transition:linear
1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{

border-radius:0%
0% 0% 0%!important; /*ความโค้งของรูปอวาตาร์ ตอนเม้าส์ชี้*/

-webkit-transition:linear
1s; /*ความช้าเร็วในการเคลื่อนไหว(ตอนเม้าส์ชี้) ปรับค่าได้*/

-moz-transition:linear
1s; /*เหมือนบรรทัดบน แต่เป็นของบราวเซอร์แฟร์ฟ็อกซ์*/

}

<!--cr.itimYen>   </style>

</div>

<a
href="/dek-d/writer/view.php?id=933345"
target="_blank">Intren새로운</a></div>

Intren새로운

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #10 : ` Intren l Honeycomb

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #10 : ` Intren l Honeycomb

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น