นิยาย Heaven & Hell > ลำดับตอนที่ #21 : Theme | Sweet Lover (Pastel) : Dek-D.com

Heaven & Hell

ลำดับตอนที่ #21 : Theme | Sweet Lover (Pastel)

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

환영합니다

H e a v e n & H e ll

T H E M E

Sweet Lover

Code Mouse

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

Code Theme

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

.avatar.boy {
border-color: #ffffff;
background: #ffffff !important;
padding:4px;border: 1px dashed #fcbebe;
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: #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>
<style type="text/css">
h2.box02, .box01 {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
.box04_head {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
a.box04_head03 {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
.box04 {background: none repeat scroll 0 0 #ffffff;}</style>
<style type="text/css">
ul.box_facebook li:hover{-webkit-animation: rotation 0.3s infinite linear;-moz-animation: rotation 0.3s infinite linear;animation: rotation 0.3s infinite linear;}@-moz-keyframes rotation { 50% {-webkit-transform: translate(5px);}}{100%{-webkit-transform: translate(-5px); } }@-webkit-keyframes rotation { 50% {-webkit-transform: translate(5px);}}{100%{-webkit-transform: translate(-5px); } }img.tableblack{-webkit-transition: 0.4s;-moz-transition: 0.4s;box-shadow:0px 0px 5px #โค้ดสีเงาครัช;border-radius:20px;border:1px dashed #โค้ดสีเส้นประ!important;height:85px; width:85px;}}</style>
<style type="text/css">
a.review{-webkit-transition: 0.9s;-moz-transition: 0.9s;}</style>
<style type="text/css">
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>
<style type="text/css">
.bigname_sb01 {-webkit-transition: 0.9s;-moz-transition: 0.9s;}</style>
<style type="text/css">
.bigname_sb01: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>
<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;
opacity:0.5; filter:alpha(opacity=50);}</style>
<style type="text/css">
p#big_text:hover {
-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>
<style type="text/css">
p#big_text:hover {
-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>
<style type="text/css">
#big_head {
-moz-border-radius: 0px;  border-radius: 6px;
}
.content {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box03 {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04_page {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04 {
-moz-border-radius: 6px;  border-radius: 6px;</style>

<style type="text/css">
.comment-action{border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
img[src*="/newtoon/"], img[src*="/board/pic/toon/"] {border-radius: 30px/10px;padding:2px;box-shadow: 0em 0em 2em #ffd8d8!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:Georgia,Tahoma;color: #ffffff !important; letter-spacing:3px;}</style>
<style type="text/css">
h2.box02 p:hover {
-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>
<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: #ffffff !important; letter-spacing:3px;}</style>
<style type="text/css">
.box04_head :hover {
-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);color: #fbbebe !important; }</style>
<style type="text/css">
#content_name img{border:1px dashed #ffd8d8!important; padding:3px;border-radius: 30px/10px;box-shadow:0px 0px 20px #feb9b9;}</style>
<style type="text/css">
#content_name 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">
#content_name img:hover{opacity:0.5; filter:alpha(opacity=50);}</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: #fecccc;
font-size: 12px;</style>

<style type="text/css">
/*blacklips' credit ห้ามลบเครดิต*/

/*ส่วนที่ 1*/ span#cke_t_msg.cke_skin_kama.cke_1.cke_editor_t_msg
{ background:#ffffff; border: 2px dashed #fecccc;box-shadow: 0px 0px 25px ffffff;color: ffffff !important; border-radius: 25px 10px / 10px 25px;}

/*ส่วนที่ 2*/ span.cke_wrapper.cke_ltr
{ background: -webkit-linear-gradient(#ffd8d8, #ffd8d8)!important;}

/*ส่วนที่ 3*/ td#cke_bottom_t_msg.cke_bottom
{ background: #ffd8d8; }

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

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

/*ส่วนที่ 7*/ span.cke_icon
{ background: #ffffff;}</style>
<style type="text/css">
ul.next li a{background: none !important;}</style>
<style type="text/css">
div.story {
background-color: #ffffff !important;}</style>
<style type="text/css">
a.box06_link {
border-top: 1px dashed #ffd8d8;}</style>
<style type="text/css">
a.box06_link p {
color: #fecccc;}</style>

<style type="text/css">
a.box05_link {
color: #fecccc;}</style>
<style type="text/css">
.box04_head *:hover {
color: #ffffff !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: #f9baba !important;}</style>
<style type="text/css">
.favor:hover {
text-decoration: none;
color: #ffffff !important;}</style>
<style type="text/css">
ul.box_uu01 li a:hover {
text-decoration: none;
color: #ffffff !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: #9d9d9d ;}</style>
<style type="text/css">
.comment-text {
color:#75737a;
font-size: 14px;}</style>
<style type="text/css">
p.box_facebook-right2 strong {
color: #fee6e6;}</style>
<style type="text/css">
.comment-action:before {background: none !important;}</style>
<style type="text/css">
.comment-setbubble {
border: 3px solid #ffffff;
box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3) !important;}</style>
<style type="text/css">
.avatar {
background-color: #FFFFFF;
border: 1px solid #ffd8d8;
border-radius: 5px;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
display: inline-block;
float: left;
margin: 0 10px;
padding: 3px;
position: relative;}</style>
<style type="text/css">
.btn-orange {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background: #fecccc;
color: #ffffff !important;
border: 1px solid #fecccc;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(254, 204, 204, 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 #fddcdc !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">
.btn-orange:hover {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background: #ffd9d9 !important;
color: #ffffff !important;
border: 1px solid #fecccc;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(254, 204, 204, 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 #fddcdc !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: #fecccc;}</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: #fecccc;}</style>
<style type="text/css">
a.vote_box3 {
border: 1px dashed #ffd8d8;
color: #fecccc;
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://static.tumblr.com/hjbpha7/XpSn3pnnc/a.png") no-repeat scroll 140px 0 rgba(0, 0, 0, 0);
border: 1px dashed #ffd8d8;}</style>
<style type="text/css">
.select-style select {color: #fecccc !important;}</style>
<style type="text/css">
.vote-sc {
color: #fecccc !important;}</style>
<style type="text/css">
ul.bigsize li span {
border-right: 1px dashed #ffeaea;}</style>
<style type="text/css">
ul.bigsize li a {
background: url("http://i.imgur.com/n7jEDm8.png") no-repeat scroll 0 -143px rgba(0, 0, 0, 0);
color: #feccce !important;}</style>
<style type="text/css">
p.font_nu02 {
background: url("http://i.imgur.com/n7jEDm8.png") no-repeat scroll 0 -688px rgba(0, 0, 0, 0);}</style>
<style type="text/css">
.h3-settext{color: #f7abab;text-shadow:1px 1px 1px #ffffff !important}</style>
<style type="text/css">
.comment-text {
color: #fec0c0;}</style>
<style type="text/css">
.name-area a.owner {
color: #fec0c0;
}
.name-area .owner-username {
color: #fecccc;
}
.name-area .owner-username {
color: #fecccc;}</style>
<style type="text/css">
ul.box_facebook li .b_fb_l_i01 {
background: none !important;}</style>
<style type="text/css">
div.story .desc_head {
color: #ffffff;}</style>
<style type="text/css">
#content_name p span {
color: #fecccc;}</style>
<style type="text/css">
#content_name p {
color: #f8b3b3;}</style>
<style type="text/css">
ul.name_story li p {background: none !important;}</style>
<style type="text/css">
#search-screen .global-searchbox {
background-color: #ffe1e1 ;
border: 1px dashed #f9b9b9 ; 
color: #fababa ;}</style>
<style type="text/css">
#search-screen .global-searchbtn {
background-color: #fecccc;
border: medium none;
box-shadow: 0 -2px 0 rgba(255, 212, 212, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#search-screen .global-searchbtn:hover {
background-color: #fdd8d8;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
img[src="http://icons.iconarchive.com/icons/firstfear/whistlepuff/32/chrome-icon.png"]: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.9;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(0.9) rotate(-3deg);}  30%, 50%, 70%, 90% {-webkit-transform: scale(1.3) rotate(3deg);}  40%, 60%, 80% {-webkit-transform: scale(1.3) rotate(-3deg);}  100% {-webkit-transform: scale(1) rotate(0);;;}  } @-moz-keyframes shakee {  0% {-moz-transform: scale(1);}  10%, 20% {-moz-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-moz-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.3) rotate(-5deg);}  100% {-moz-transform: scale(1) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1);}  10%, 20% {-o-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-o-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-o-transform: scale(1.3) rotate(-5deg);}  100% {-o-transform: scale(1) rotate(0);;;} } @keyframes shakee {  0% {transform: scale(1);}  10%, 20% {transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.3) rotate(-5deg);}  100% {transform: scale(1) rotate(0);;;}}}</style>
<style type="text/css">
img[src="http://icons.iconarchive.com/icons/firstfear/whistlepuff/32/ie-icon.png"]: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.9;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(0.9) rotate(-3deg);}  30%, 50%, 70%, 90% {-webkit-transform: scale(1.3) rotate(3deg);}  40%, 60%, 80% {-webkit-transform: scale(1.3) rotate(-3deg);}  100% {-webkit-transform: scale(1) rotate(0);;;}  } @-moz-keyframes shakee {  0% {-moz-transform: scale(1);}  10%, 20% {-moz-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-moz-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.3) rotate(-5deg);}  100% {-moz-transform: scale(1) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1);}  10%, 20% {-o-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-o-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-o-transform: scale(1.3) rotate(-5deg);}  100% {-o-transform: scale(1) rotate(0);;;} } @keyframes shakee {  0% {transform: scale(1);}  10%, 20% {transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.3) rotate(-5deg);}  100% {transform: scale(1) rotate(0);;;}}}</style>
<style type="text/css">
img[src="http://icons.iconarchive.com/icons/firstfear/whistlepuff/32/firefox-icon.png"]: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.9;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(0.9) rotate(-3deg);}  30%, 50%, 70%, 90% {-webkit-transform: scale(1.3) rotate(3deg);}  40%, 60%, 80% {-webkit-transform: scale(1.3) rotate(-3deg);}  100% {-webkit-transform: scale(1) rotate(0);;;}  } @-moz-keyframes shakee {  0% {-moz-transform: scale(1);}  10%, 20% {-moz-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-moz-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.3) rotate(-5deg);}  100% {-moz-transform: scale(1) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1);}  10%, 20% {-o-transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {-o-transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {-o-transform: scale(1.3) rotate(-5deg);}  100% {-o-transform: scale(1) rotate(0);;;} } @keyframes shakee {  0% {transform: scale(1);}  10%, 20% {transform: scale(0.9) rotate(-5deg);}  30%, 50%, 70%, 90% {transform: scale(1.3) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.3) rotate(-5deg);}  100% {transform: scale(1) rotate(0);;;}}}</style>
<style type="text/css">
img[src="http://static.tumblr.com/hjbpha7/Mfon3m1tj/666.png"]: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">
img[src="http://i.imgur.com/luydp.jpg"]{-moz-border-radius: 10px;  border-radius: 10px;}</style>
<style type="text/css">
img[src="http://image.dek-d.com/27/0308/7507/114892098"]:hover{transform:translate(75px);
-webkit-transform:translate(-15px);
-moz-transform:translate(-15px);
-webkit-transition: 0.8s;-moz-transition:0.8s;}</style>
<style type="text/css">
img[src="http://image.dek-d.com/27/0308/7507/114892101"]:hover{-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-webkit-transform: rotate(720deg)!important;
-moz-transform: rotate(720deg)!important;
-o-transform: rotate(720deg)</style>
<style type="text/css">
img[src="http://image.dek-d.com/27/0308/7507/114892096"]:hover{transform:translate(75px);
-webkit-transform:translate(15px);
-moz-transform:translate(15px);
-webkit-transition: 0.8s;-moz-transition:0.8s;}</style>
<style type="text/css">
img[src="http://i.imgur.com/luydp.jpg"]:hover{filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}</style>
<style type="text/css">
img[src="http://i.imgur.com/luydp.jpg"]{-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}</style>
<style type="text/css">
img[src="http://static.tumblr.com/hjbpha7/Mfon3m1tj/666.png"]:hover{filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}</style>
<style type="text/css">
img[src="http://static.tumblr.com/hjbpha7/Mfon3m1tj/666.png"]{-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}</style>
<style type="text/css">
#login-screen li .login-input {
background-color: #ffe1e1;
border: 1px dashed #f9b9b9;
box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2) inset;
color: #faa1a1 !important;}</style>
<style type="text/css">
#login-screen li .login-submit {
background-color: #fecccc;
border: 1px solid #ffd8d8;
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: #ffffff;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#login-screen li .login-submit:hover {
background-color: #ffdada;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#login-screen input.css-checkbox[type="checkbox"] + label.css-label {
color: #fecccc;}</style>
<style type="text/css">
#login-screen .css-label {
background-image: url("http://i.imgur.com/4CmAd8T.png");}</style>
<style type="text/css">
ul.next li a {
border-right: 1px solid #FFFFFF;}</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:#ffffff!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#ffffff!important;
}
.comment-action .cm-setting button {
background: #ffd8d8 ;
border-bottom: 1px dashed #ffffff;
border-top: 1px dashed #ffd8d8;
color: #ffffff;text-align:center;
text-shadow: 4px 3px 0px #fecccc, 9px 8px 0px rgba(255,255,255,0.15);}</style>
<style type="text/css">
ul.next {
height: 40px;
margin: auto;
width: 600px;}</style>
<style type="text/css">
ul.next li a:hover {
background: #fff9f9 !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; 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;
}</style>
<style type="text/css">
.vote_box2 {
width: 163px;}
a.vote_box3 {
width: 65px;}</style>
<style type="text/css">
ul.bigsize li a:hover {
background: #fff9f9 !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; 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">
.cl_pagetab li a {
color: #f7abab !important;text-shadow:1px 1px 1px #ffffff !important}</style>
<style type="text/css">
.comment-action .cm-like_list, .comment-action .cm-reply_list {
color: #ffffff!important;
}
.comment-action i {
color: #ffffff !important;
}</style>
<style name="kk" type="text/css">
  .toolbar {
background: #ffffff !important;
position: fixed;
top: 0;
width: 100%;
height: 40px;
text-align: center;
box-shadow: 0 0 1px 1px rgba(255,255,255),inset 0 0 1px 0 #ffffff !important;}</style>
<style name="kk" type="text/css">
  .toolbar-container {
background: none repeat scroll 0 0 #ffffff !important;
border-left: 1px solid #ffffff !important;
box-shadow: 1px 0 0 0 #ffffff inset !important;}</style>
<style name="kk" type="text/css">
  .toolbar-user-menu {
border-left: 1px solid #ffffff !important;
box-shadow: 1px 0 0 0 #ffffff inset !important;}</style>
<style name="kk" type="text/css">
  .toolbar-user-menu {
border-left: 1px solid #ffffff !important;
box-shadow: 1px 0 0 0 #ffffff inset !important;}</style>
<style name="kk" type="text/css">
  .toolbar-menu-item {
border-right: 1px solid #ffffff !important;
box-shadow: -1px 0 0 0 #ffffff inset !important;}</style>
<style name="P-mild-ItimYen" type="text/css">

a:link{
color: #fecccc;
}
body{
color:#fababa !important;
}
p{
color:#fababa !important;
}</style>
<style name="P-mild-ItimYen" type="text/css">

.btn,
div>div>div>div>div {background:#323232 !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:#fababa !important;
background:#fce9e9 !important;
}
.submenu-home i{color:#fababa !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:#fababa !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>
<style type="text/css">
h1 {
text-shadow: 4px 3px 0px #fecccc, 9px 8px 0px rgba(255,255,255,0.15);}</style>
<style type="text/css">
p#big_text {
background:url(http://static.tumblr.com/hjbpha7/jpHn3pbbd/9.png)!important;
color: #fdc1c1;
font-family: Georgia,tahoma;
font-size: 50px; 
font-weight: bold;
height: 60px !important;
padding-top: 33px; 
}
.head1{
border-top-right-radius: 44px !important;
border-top-left-radius: 44px !important;} 
ul.name_story li p {
color: #fecccc !important;
}
ul.name_story li a {
color: #fecccc !important;
-webkit-transition: 0.7s;-moz-transition:0.7s !important;
}
ul.name_story li .slash {
color: #fecccc !important;
}
ul.name_story li a:hover {
background: #fff9f9 !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; 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 !important;
}
ul.box_facebook li .b_fb_like a {
background:url(http://static.tumblr.com/hjbpha7/WmBn3pqli/kl.png)!important;
border: 2px solid #ffffff !important;
box-shadow:0px 0px 20px #feb9b9 !important;
}
ul.box_facebook li .b_fb_like a:hover {
background:url(http://static.tumblr.com/hjbpha7/WmBn3pqli/kl.png)!important;
border: 2px solid #ffffff !important;
box-shadow:0px 0px 20px #feb9b9 !important;
}
ul.box_facebook li .b_fb_l_i01 {
background: #ffd5d5 !important;
}
ul.box_facebook li .b_fb_like p {
color: #fecccc !important;
font-family: tahoma !important;
font-size: 12px !important;
}
p.box_facebook-right2 {
color: #fecccc !important;
}
.box_facebook-right01 p {
color: #fecccc !important;
}
a.review {
background: #fecccc !important;
box-shadow:0px 0px 10px #fddcdc !important;
color: #ffffff !important;
}
a.review:hover {
background: #fecccc !important;
color: #ffffff !important;
}
a.name_sb01 {
background: #fecccc !important;
box-shadow:0px 0px 10px #fddcdc !important;
color: #ffffff !important;

}
.bigname_sb01:hover a.name_sb01 {
background: #fecccc !important;
color: #ffffff !important;
}
p.vote_m {
color: #fecccc !important; 
}
p.vote_m span {
color: #fecccc !important;
}
h2.box02, .box01 {
background: #fecccc !important;
}
h2.box02 p {
color: #ffffff !important;
font-size: 14px !important;
}
.favor {
color: #ffffff !important;
font-family: tahoma !important;
font-size: 12px !important;
}
ul.box_uu01 li a {
color: #ffffff !important;
font-family: tahoma !important;
font-size: 14px !important;
}
ul.box_uu01 li a{
background: none !important;
border-right: 1px dashed #fde5e5;
}
ul.box03_uu li p {
color: #fababa !important;
font-family: tahoma;
font-size: 12px;
}
.box04_head {
background: #fecccc !important;
}
a.box04_head03 {
background: #fde1de !important;
color: #f9b8b8 !important;
font-family: tahoma !important;
font-size: 14px !important;
}
body { background:url(http://static.tumblr.com/hjbpha7/wnbn3p7bf/__6_.gif) repeat fixed; !important; }
table.story {
border:none;
color: #ffd8d8 !important;
font-size:11px ;
}
#main {
background: none !important;
margin: auto;
width: 987px;
}
::-webkit-scrollbar { height: 15px; width: 12px; background: #ffffff; }
::-webkit-scrollbar-thumb:vertical { background-color: #fecccc; height: 5px; border: 1px dashed #ffffff;}
::-webkit-scrollbar-thumb:hover{background:#fcd9d9;border: 1px dashed #ffffff;
}
::selection { background: #ffd8d8;color: #ffffff;}::-moz-selection { background: #ffd8d8;color: #ffffff;
}
.cl_pagetab li.cur {
background: #ffe3e3 !important;
color: #f7abab !important;
border-radius: 30px/10px !important;
box-shadow:1px 1px 1px #ffffff !important;
}
ul.name_story li a.st-color {
color: #fecccc;
}
ul.box03_uu li a {
color: #fababa !important;
font-family: tahoma !important;
font-size: 12px !important; 
-webkit-transition: 0.7s;-moz-transition:0.7s;
}
a:active,a:visited {
color:#ffffff !important;
font-family: tahoma;
font-size: 12px;
-webkit-transition: 0.7s;-moz-transition:0.7s;
}
A:hover {
color:#fecccc !important;
background: #fff9f9;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 
text-decoration: none;
}
.comment-action {
background-color: #ffdddd !important;
}
.comment-setbubble {
border: 2px solid #fcdbdb !important;
background-color: #ffffff !important;
}
.comment-order {
color: #fdd0d0 !important;
font-size: 20px;
font-family: Palatino;
}
#big_head {
background: #ffffff ;
}
.content {
background: #ffffff ;
}
.box03 {
background: #ffffff ;
}
.box04_page {
background: #ffffff ;
}
.no-data {
color: #fecccc !important;
}
p.box05_text01 {
color: #fecccc !important;
}
p.box05_text02 {
color: #fecccc !important;
}
.box06 {
background: #fecccc !important;
}
.view_st {
border-bottom: 1px dashed #fecccc;
}
ul.next li a.next_color01 {
color: #fecccc !important;
}
ul.next li a {
color: #fecccc !important;
}
p.font_nu01 {
color: #fecccc;
font-size: 16px !important;
}
.big_next2 {
border-bottom: 1px dashed #fcecec;
}
.big_next1 {
border-top: 1px dashed #fcecec;
}
p.font_nu02 {
color: #fecccc;
}
.comment-tabbable .comment-tabs .active button {
border-top: 5px solid #fecccc !important;
box-shadow:0px -3px 4px #fecccc !important;
color: #fecccc !important;
}
.cm-box-area .member, .cm-box-area .guest {
background-color: #fecccc !important;
color: #ffffff !important;}</style>
<style type="text/css">
.big_fb {border-top: 1px dashed #ffe7e7 !important;}</style>
<style type="text/css">
p.vote_m {
    border-right: 1px dashed #ffe7e7 !important;}</style>
<style type="text/css">
ul.box_facebook li .b_fb_like p.b_fb_l_font01 {
    border-left: 1px dashed #ffe7e7 !important;}</style>
<style type="text/css">
.box_facebook-right01 {
    border-left: 1px dashed #e8e7ed;}</style>
<style type="text/css">
h2.box04_head02 {background: none !important;color: #ffffff;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">
#google_ads_comment1{display:none !important}</style>
<style type="text/css">
.comment-setbubble {border-top-right-radius: 34px;
border-top-left-radius: 34px;}</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: #ffecec;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa {
color: #fbbcbc!important;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li { border-bottom: 1px dashed #fecccc;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa { background: url("http://static.tumblr.com/hjbpha7/AqEn3pgzv/1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}</style>
<style type="text/css">
.avatar.girl {
border-color: #ffffff !important;
background: #ffffff !important;
padding:4px;border: 1px dashed #fcbebe !important;
border-radius: 30px/10px !important;}

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

.avatar.boy {
border-color: #ffffff;
background: #ffffff !important;
padding:4px;border: 1px dashed #fcbebe;
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: #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>
<style type="text/css">
h2.box02, .box01 {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
.box04_head {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
a.box04_head03 {border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
.box04 {background: none repeat scroll 0 0 #ffffff;}</style>
<style type="text/css">
ul.box_facebook li:hover{-webkit-animation: rotation 0.3s infinite linear;-moz-animation: rotation 0.3s infinite linear;animation: rotation 0.3s infinite linear;}@-moz-keyframes rotation { 50% {-webkit-transform: translate(5px);}}{100%{-webkit-transform: translate(-5px); } }@-webkit-keyframes rotation { 50% {-webkit-transform: translate(5px);}}{100%{-webkit-transform: translate(-5px); } }img.tableblack{-webkit-transition: 0.4s;-moz-transition: 0.4s;box-shadow:0px 0px 5px #โค้ดสีเงาครัช;border-radius:20px;border:1px dashed #โค้ดสีเส้นประ!important;height:85px; width:85px;}}</style>
<style type="text/css">
a.review{-webkit-transition: 0.9s;-moz-transition: 0.9s;}</style>
<style type="text/css">
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>
<style type="text/css">
.bigname_sb01 {-webkit-transition: 0.9s;-moz-transition: 0.9s;}</style>
<style type="text/css">
.bigname_sb01: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>
<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;
opacity:0.5; filter:alpha(opacity=50);}</style>
<style type="text/css">
p#big_text:hover {
-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>
<style type="text/css">
p#big_text:hover {
-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>
<style type="text/css">
#big_head {
-moz-border-radius: 0px;  border-radius: 6px;
}
.content {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box03 {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04_page {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04 {
-moz-border-radius: 6px;  border-radius: 6px;}</style>
<style type="text/css">
.comment-action{border-top-right-radius: 24px;
border-top-left-radius: 24px;}</style>
<style type="text/css">
img[src*="/newtoon/"], img[src*="/board/pic/toon/"] {border-radius: 30px/10px;padding:2px;box-shadow: 0em 0em 2em #ffd8d8!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: #ffffff !important; letter-spacing:3px;}</style>
<style type="text/css">
h2.box02 p:hover {
-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>
<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: #ffffff !important; letter-spacing:3px;}</style>
<style type="text/css">
.box04_head :hover {
-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);color: #fbbebe !important; }</style>
<style type="text/css">
#content_name img{border:1px dashed #ffd8d8!important; padding:3px;border-radius: 30px/10px;box-shadow:0px 0px 20px #feb9b9;}</style>
<style type="text/css">
#content_name 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">
#content_name img:hover{opacity:0.5; filter:alpha(opacity=50);}</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: #fecccc;
font-size: 12px;}</style>
<style type="text/css">
/*blacklips' credit ห้ามลบเครดิต*/

/*ส่วนที่ 2*/ span.cke_wrapper.cke_ltr
{ background: -webkit-linear-gradient(#ffd8d8, #ffd8d8)!important;}

/*ส่วนที่ 3*/ td#cke_bottom_t_msg.cke_bottom
{ background: #ffd8d8; }

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

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

/*ส่วนที่ 7*/ span.cke_icon
{ background: #ffffff;}</style>
<style type="text/css">
ul.next li a{background: none !important;
border-right: 1px solid #FFFFFF;}</style>
<style type="text/css">
div.story {
background-color: #ffffff !important;}</style>
<style type="text/css">
a.box06_link {
border-top: 1px dashed #ffd8d8;}</style>
<style type="text/css">
a.box06_link p {
color: #fecccc;}</style>
<style type="text/css">
a.box05_link {
color: #fecccc;}</style>
<style type="text/css">
.box04_head *:hover {
color: #ffffff !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: #f9baba !important;}</style>
<style type="text/css">
.favor:hover {
text-decoration: none;
color: #ffffff !important;}</style>
<style type="text/css">
ul.box_uu01 li a:hover {
text-decoration: none;
color: #ffffff !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: #9d9d9d ;}</style>
<style type="text/css">
.comment-text {
color:#75737a;
font-size: 14px;}</style>
<style type="text/css">
p.box_facebook-right2 strong {
color: #fee6e6;}</style>
<style type="text/css">
.comment-action:before {background: none !important;}</style>
<style type="text/css">
.comment-setbubble {
border: 3px solid #ffffff;
box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.3) !important;}</style>
<style type="text/css">
.avatar {
background-color: #FFFFFF;
border: 1px solid #ffd8d8;
border-radius: 5px;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
display: inline-block;
float: left;
margin: 0 10px;
padding: 3px;
position: relative;}</style>
<style type="text/css">
.btn-orange {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background: #fecccc;
color: #ffffff !important;
border: 1px solid #fecccc;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(254, 204, 204, 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 #fddcdc !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">
.btn-orange:hover {
-webkit-transition: 0.9s;-moz-transition: 0.9s;
background: #ffd9d9 !important;
color: #ffffff !important;
border: 1px solid #fecccc;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(254, 204, 204, 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 #fddcdc !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: #fecccc;}</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: #fecccc;}</style>
<style type="text/css">
a.vote_box3 {
border: 1px dashed #ffd8d8;
color: #fecccc;
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://static.tumblr.com/hjbpha7/XpSn3pnnc/a.png") no-repeat scroll 140px 0 rgba(0, 0, 0, 0);
border: 1px dashed #ffd8d8;}</style>
<style type="text/css">
.select-style select {color: #fecccc !important;}</style>
<style type="text/css">
.vote-sc {
color: #fecccc !important;}</style>
<style type="text/css">
ul.bigsize li span {
border-right: 1px dashed #ffeaea;}</style>
<style type="text/css">
ul.bigsize li a {
background: url("http://i.imgur.com/n7jEDm8.png") no-repeat scroll 0 -143px rgba(0, 0, 0, 0);
color: #feccce !important;}</style>
<style type="text/css">
p.font_nu02 {
background: url("http://i.imgur.com/n7jEDm8.png") no-repeat scroll 0 -688px rgba(0, 0, 0, 0);}</style>
<style type="text/css">
.h3-settext{color: #f7abab;text-shadow:1px 1px 1px #ffffff !important}</style>
<style type="text/css">
.comment-text {
color: #fec0c0;}</style>
<style type="text/css">
.name-area a.owner {
color: #fec0c0;
}
.name-area .owner-username {
color: #fecccc;
}
.name-area .owner-username {
color: #fecccc;}</style>
<style type="text/css">
ul.box_facebook li .b_fb_l_i01 {
background: none !important;}</style>
<style type="text/css">
div.story .desc_head {
color: #ffffff;}</style>
<style type="text/css">
#content_name p span {
color: #fecccc;}</style>
<style type="text/css">
#content_name p {
color: #f8b3b3;}</style>
<style type="text/css">
ul.name_story li p {background: none !important;}</style>
<style type="text/css">
#search-screen .global-searchbox {
background-color: #ffe1e1 ;
border: 1px dashed #f9b9b9 ; 
color: #fababa ;}</style>
<style type="text/css">
#search-screen .global-searchbtn {
background-color: #fecccc;
border: medium none;
box-shadow: 0 -2px 0 rgba(255, 212, 212, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#search-screen .global-searchbtn:hover {
background-color: #fdd8d8;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#login-screen li .login-input {
background-color: #ffe1e1;
border: 1px dashed #f9b9b9;
box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2) inset;
color: #faa1a1 !important;}</style>
<style type="text/css">
#login-screen li .login-submit {
background-color: #fecccc;
border: 1px solid #ffd8d8;
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
color: #ffffff;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#login-screen li .login-submit:hover {
background-color: #ffdada;
-webkit-transition: 0.7s;-moz-transition:0.7s;}</style>
<style type="text/css">
#login-screen input.css-checkbox[type="checkbox"] + label.css-label {
color: #fecccc;}</style>
<style type="text/css">
#login-screen .css-label {
background-image: url("http://i.imgur.com/4CmAd8T.png");}</style>
<style type="text/css">
.cl_pagetab {
background:url(http://static.tumblr.com/hjbpha7/wnbn3p7bf/__6_.gif) repeat fixed; !important;
display: block;
height: 25px;
margin: 0 auto;
}</style>
<style type="text/css">
.box06 p{
color: #ffffff !important;}</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:#ffffff!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#ffffff!important;
}</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:#ffffff!important;
text-shadow:none!important;
}
.icon-setting:hover,
.btn-social i:hover{
color:#ffffff!important;
}
.comment-action .cm-setting button {
background: #ffd8d8 ;
border-bottom: 1px dashed #ffffff;
border-top: 1px dashed #ffd8d8;
color: #ffffff;text-align:center;
text-shadow: 4px 3px 0px #fecccc, 9px 8px 0px rgba(255,255,255,0.15);}</style>
<style type="text/css">
ul.next {
height: 40px;
margin: auto;
width: 600px;}</style>
<style type="text/css">
ul.next li a:hover {
background: #fff9f9 !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; 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: #fff9f9 !important;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #fecccc; 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">
ul.menu-list>li>a{
color:#FECCCC!important;}</style>
<style type="text/css">
#usermenu .user-main > a, .notifications .user-main > a {
color: #FECCCC;}</style>
<style type="text/css">
.cl_pagetab li a {
color: #f7abab !important;text-shadow:1px 1px 1px #ffffff !important}</style>
<style type="text/css">
.comment-action .cm-like_list, .comment-action .cm-reply_list {
color: #ffffff!important;
}
.comment-action i {
color: #ffffff !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://static.tumblr.com/hjbpha7/Mfon3m1tj/666.png" /></a>