code: Baekyeol Skin

</head>
<script src="http://use.edgefonts.net/satisfy.js"></script>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<title>Baekyeol;</title>
<link rel="shortcut icon" href="http://i.imgur.com/moqCiej.png" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<style type="text/css">

#navbar-iframe {
display: none !important;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

body {
background:#fffff7;
background-size:30px;
word-wrap: break-word;
text-align: justify;
font-family: arial;font-size: 8px; color: #555;letter-spacing: 1pt;
cursor: url(http://i1194.photobucket.com/albums/aa363/Fazeera_Kahar/th_lightpink.gif), progress !important;
-webkit-user-select:none;
-moz-user-select:none;
}
u {
border-bottom: 2px solid #ffd1d1;
text-decoration:none;
}

b, strong {color: #444;}
i, italic {color: #aaa;}
s, strike {color: #666;}

a:link,a:visited{
text-decoration:none;
color:#cfaac7;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: url(http://i1194.photobucket.com/albums/aa363/Fazeera_Kahar/th_lightpink.gif), progress !important;
}
a:hover{
cursor: url(http://i1194.photobucket.com/albums/aa363/Fazeera_Kahar/th_lightpink.gif), progress !important;
-webkit-transition-duration: 0.5s;
color:#a8c8cb;
}

.entry {
width: 500px;
background: #FFF;
padding: 10px;
text-align: justify;
}

.entry img {
max-width: 450px;
max-height: auto;
}

#quote {
color: #FFF;
position: relative;
z-index:99;
top: -150px;
text-align: center;
font: bold 15pt "helvetica", sans-serif;
letter-spacing:-1pt;
opacity:0.7;
}

.side {
width: 150px;
padding: 10px;
text-align: justify;
}

.side img {
width: 155px;
height: auto;
}

a.link2{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
width:80px;
background: #fff;
border:1px solid #f1f1f1;
padding-bottom: 5px;
display:inline-block;
padding: 1px;
font-family:tt;
letter-spacing:2px;
font-size:8px;
text-align: center;
margin:3px;
color:#888;
text-transform:uppercase;
text-decoration:none;
opacity:.9;
}

@font-face {font-family: DGYoung; src: url('http://dl.dropbox.com/u/41229264/JNa4rang/Layout%20Projects/Fonts/DGYoung.ttf');}

a.link2:hover{
color:#222;
background:#fff;
width:80;}

img{
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
-webkit-filter: grayscale(1.0);}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
background-color: #eeeeee;
text-decoration: none;
}

.navbar {
background: url("") ;
background-repeat: repeat-x;
height: 30px;
z-index: 99;
}
.nav {
-webkit-border-top-right-radius:40px;-moz-border-top-right-radius:40px; -webkit-border-top-left-radius:40px; -moz-border-top-left-radius:40px;
background:url(http://24.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
text-align:center;
width: 700px;
padding: 10px;
border-bottom:8px solid #fff;
box-shadow: 4px 4px 8px #eee;
}

.nav a {
opacity:.8;
background-color: #fdfdfd;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
display:inline-block;
font:8px tt;
text-transform: uppercase;
letter-spacing: 2px;
text-align:center;
width:50px;
color:#999;
padding:7px;
border:1px #f1f1f1 solid;
text-decoration:none;}

.nav2 a {
display: inline-block;
width: 80px;
padding:2px;
background:#FAAFBA;
margin: 1px;
color: #fff;
font-size: 8px;
text-align: center;
font-family: tt;
letter-spacing: 2px;
text-transform: uppercase;
-transition-duration: 0.5s;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity:.8;
}

.content { padding-top: 30px; padding: 8px; border-radius: 0px; box-shadow: 4px 4px 8px #eee; width: 710px; background: url(http://24.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png); padding: 5px; }

.nav2 a:hover {
box-shadow:inset 0 50px 8px #eee;
background: #eee;
color: #fff;
letter-spacing: 2px;
-transition-duration: 0.5s;
}

li{list-style-type:hiragana;}

#t1 {
border-bottom:1px solid #f1f1f1;
font: 15px nara; color:#C8D9DB;
padding: 4px;
text-transform:;
text-align:center;
padding-left:19px;
padding-bottom:2px;
letter-spacing:1px;
margin-top: 10px;
margin-bottom: 10px;
}

@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

#t3 {
background:URL();repeat:no-repeat; font-size:18px; padding:5px;color:#70532f; text-align: center;
font-family:nara;
margin-top: 3px;
margin-bottom: 10px;
-webkit-transition: opacity 0.4s linear;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
border-bottom: 2px solid #eee;
opacity:.6;
}

#t2 {
background:;
color:#777;letter-spacing:3px;text-transform:lowercase;text-align:left;font-style:;
text-transform: uppercase;
font-size: 8.4px;
text-align:center;
text-align:center;
letter-spacing: 4px;
color: #ccc;
padding-left:4px;
margin-top: -10px;
margin-bottom: 8px;
font-family: calibri !important;
}

blockquote {
-webkit-user-select:text;
-moz-user-select:text;
background-size:70px;padding:3px;
letter-spacing:1px;
border-left: 7px solid #EFE7DA;
border-bottom: 1px solid #f1f1f1;
border-right: 7px solid #EFE7DA;
border-top: 1px solid #f1f1f1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
blockquote:hover{
border-left: 7px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
border-right: 7px solid #f5f5f5;
border-top: 1px solid #f5f5f5;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 7px #f5f5f5;
-moz-box-shadow: 0px 0px 7px #f5f5f5;
box-shadow: 0px 0px 7px #f5f5f5;
-webkit-user-select:text;
-moz-user-select:text;
background-size:70px;
border-radius:5px;
letter-spacing:1px;
}
b {
color: #999;
}

.blogger-labels {
font-family: consolas;
font-size: 10px;
text-align:left;
margin-bottom: 50px;
margin-top: 20px;
}

.blogger-labels a {
background: #ffd1d1;
padding: 3px;
-webkit-transition: 0.5s;
color: #FFF;
}

.blogger-labels a:hover {
background: #999;
padding: 3px;
-webkit-transition: 0.5s;
color: #FFF;
}

.tr-caption{
font:8px tt;
color:#999;
text-transform:normal;
padding:1 2px
}

table {
background: #FFF;
font-size: 9px !important;
font-family: trebuchet ms !important;
color: #bbb;
letter-spacing: 1.5px;
}

#com {
margin-top: 27px;
width:100px;
padding:1px;
text-align:center;
position: absolute;
background:#FFf;
color:#222;
opacity: 0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;z-index: 103;}
.navv:hover #com {opacity: 1;overflow:hidden;}

select {
margin-top: 10px;
background: #FFF;
border: 1px solid #eee;
color: #888;
padding: 2px;
height: 25px;
font-family: dotum;
font-size: 11px;
letter-spacing: 1px;
}

.page {
display: inline-block;
color: #888 !important;
font-family: calibri;
width: 250px;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
}

.page:hover {
color: #E49E94 !important;
}
.newer{
float:left;width:70px;text-align:center;color:#888;border:#fff 4px solid;border-radius:19px;font-family:tt;font-size: 8px;text-transform:uppercase;background:#f1f1f1;box-shadow: 2px 1px 9px 3px #f8f8f8;padding:3px;}

img{border:1px solid #f5f5f5;padding:4px;background:#f9f9f9;-webkit-transition:1s;}

.aina {
color: #bbb;
font-family: tt;
font-size:8px;
text-transform:uppercase;
letter-spacing:1px;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
border-radius:20px;
}
::-webkit-scrollbar-track-piece {
background-color: #eee;
border: 3px solid #fff;
border-radius:20px;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#ffd1d1;
border-radius:20px;
}
::selection {
background: transparent;
color: pink;
cursor: url(http://i.imgur.com/SiYsa.png), progress !important;
}

.top{
width:900px;
text-align:right;
margin-top:-50px;
padding:5px;
}
.xyui{
text-shadow: -1px 0 fff, 0 1px fff,
1px 0 fff, 0 -1px fff;
text-align:center;font-size:39px; font-family: satisfy, serif;color:#444;text-transform:;letter-spacing:0px;}

a.kai {border-radius:3333px; opacity:0.9;padding:6px; margin:2px;background:#000; display:inline-block; height:60px; width: 60px;}

a.kai:hover { border:none;background:#FFd1d1;border-radius:6px; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}

.icon {border:none;border-radius:3333px; height: 50px; width: 50px;}

.icon:hover {border-radius:6px; border-radius: none; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

</style>
<style type="text/css">
.boxer {
width: 250px;
height: 110px;
margin-top: -130px;
position: fixed;
left: 50px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index: 100;
top: 0px;
}

.boxer:hover {
margin-top: 0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}

.box {
width:200px;
background: #f8f8f8;
border:1px solid #e5dada;
color: #5E5E5E;
padding: 0px;
overflow: hidden;
height: 128px;
}
@font-face{font-family:"nara";src:url("http://static.tumblr.com/rbfc1fi/GL1m6m44f/nara.ttf")}
.tr-caption{font: 11px nara; color:#C8D9DB;padding-top: -3px;padding-bottom: 3px;}

.close {
text-transform: uppercase;
top: 130px;
position: absolute;
background:#e5dada;
color: #fff;
padding: 6px;
width:75px;
font-family:tt;
font-size:8px;
text-align:center;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
left: 0px;
}

.close e, .boxer:hover f {
display: inline;
opacity:.8;
}

.close f, .boxer:hover e {
display: none;
opacity:.8;
}

</style>
</td></tr></table></div></div>
<div align="Center">
</div>
<body>
<center>

<img style="width:700px;border:none;background:none;" src="http://i.imgur.com/ns7ZW5F.png">
<center>
<div class="nav"><a style="width:15px;border:0px solid #999;padding:4px 4px 4px 4px;border-radius:2px;box-shadow:0px 0px 4px #ccc;background:#ccc;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;color:#fff;" href=<$NewerPosts$>><span>←</span></a>
<a href="http://url.com">Profile</a>
<a href="http://url.com">Affies</a>
<a href="http://url.com">Artwork</a>
<a href="http://url.com">Tuto</a>
<a href="http://url.com">FAQ</a>
<a href="http://url.com">FaceBk</a>
<a href="http://url.com">Flavors</a>
<a style="width:15px;border:0px solid #999;padding:4px 4px 4px 4px;border-radius:2px;box-shadow:0px 0px 4px #ccc;background:#ccc;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;color:#fff;" href=<$OlderPosts$>> <span>→</span></a></center>
</center>
<center>
<noembed><body></noembed><center>

<center>

</center>
</center>

<div class="content"><div>
<table style="line-height: 17px; padding-left:2px; padding-right:2px; padding-bottom:10px; padding-top:-1px; background: #fff; border-top:0px solid #f9f9f9; border-bottom:0px solid #F1F1F1; border-right:0px solid #F1F1F1; border-left:0px solid #F1F1F1;" width="700" border="0" align="center" cellspacing="5">
<tbody><tr>
<center>
<tr>

<td class="entry" valign="top">
<blogger>
<div id="t1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div id="t2"> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>+</a></BlogItemCommentsEnabled>}</div> </div>
<$BlogItemBody$>
<itempage>
</ItemPage>

</blogger>

<td class="side" valign="top">
<div id="t3">About</div>
<center>
<img style="width:55px;opacity:0.9;border:1px solid #f1f1f1;padding:4px;" src="http://i882.photobucket.com/albums/ac21/LilAsian_6/Icons%20Batch%2012/lu14.png"><img style="width:55px;opacity:0.9;border:1px solid #f1f1f1;padding:4px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkmsqUxlPMuLk9AoIPeNyWTwGcYfb3KH43a7UblHdxfkPKKw06cGyHZcBK2sS2Evn-2knoIpA2MWSyfnWcLAB63H7aF56mD7kym8G4oPPaf8VV1MMyPcrAGDwBGd5WbfWtlfBM6ogJAV_/s1600/530777_488373151199191_1878581967_n_large.png"></div></a><br>
<center>
<div style="text-align:center;">
<div style="font-family: tt; font-size: 8px; letter-spacing: 1px; text-transform: uppercase;"> Me. (age) -HIATUS-
</center></div>

<div id="t3">ChatBox</div>
<center>
Change it to yours<br>

<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="145" height="58" src="http://www6.cbox.ws/box/?boxid=701957&boxtag=lvgjc1&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-701957" style="border: 0px solid;border-bottom:0px" id="cboxform6-701957"></iframe></div>
</div>

</div></center></div>

<div id="t3">Follow </div>
<center>Follower Code Here</center>
</div>

<div id="t3">Credits</div>
<center>Skin by <a href="http://sweet-littlebear.blogspot.com/">AinaNajihah</a><br>
Big Help from <a href="http://superwomanhebat.blogspot.com/">O</a><a href="http://chocollyheart.blogspot.com/">O</a><a href="http://nurulatiqahjaidin.blogspot.com/">O</a><a href="http://wanaseoby.blogspot.com/">O</a><br><br>

<div><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="15" height="15"><PARAM NAME=movie VALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/36272/EXO-M_-_3.6.5__Chinese_Ver.___Full_Audio___1__Kiss_Hug_.mp3&auto=yes&sendstop=no&repeat=6&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause"><PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=transparent><embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/36272/EXO-M_-_3.6.5__Chinese_Ver.___Full_Audio___1__Kiss_Hug_.mp3&auto=yes&sendstop=no&repeat=6&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="15" height="15" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div>
</td></tr>

</table>
</div>

</table>
<center>
<br>
</center></td><br><center></center>
</body>
</head>
<script language=JavaScript>

</script>
</html>