CODES;

<html>
<head><title>Kyo</title><base target='_blank'/><link href="http://i11.photobucket.com/albums/a168/evelynregly/minicutes/lmenu06_paper05.png" rel="icon" type="image/x-icon" >

<style type="text/css">

#navbar-iframe {
display: none !important;
}

body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkZlb2Sd5Nk6TS5jF1cUtnGk2noOuf30fZF-lG3lbReCWEotipyQ0q-tv4y3xbRFwtHeCs6RTNwBFlMvl7U5fx37fB3DmmEhWODnLxENJANSF5GJvwVzFWG8dkoqSHZ0IptLlS11WQEWRM/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
font-family:calibri;
font-size:13px;
color:#747170;
font-size:13;
cursor:url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/01.gif);
}

a:link,a:visited {
color:#1589FF;
text-decoration:none;
padding:2px;
-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;
border-bottom:2px solid transparent;
}

a:hover {
color:#3BB9FF;
padding:2px;
border-bottom:2px solid #CCFFFF;
}

u {
text-decoration:none;
margin:230px 0px0px 0px;
-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;
border-bottom:2px solid #4C4646;
color:#fff;

}

u:hover {
border-bottom:2px solid #000;
margin:0px 0px0px 0px;
color:#fff;

}

b {
-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;
color:#282828;
text-decoration:none;

}

b:hover {
color:#808080;
}

i {
color:#F778A1;
text-decoration:none;
background:#FDEEF4;
padding:2px;
border-radius:5px;
}

i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#FAF8CC;
}

::-webkit-scrollbar {
height:6px;
width: 6px;
background:#fff;
}

::-webkit-scrollbar-thumb {
background:#E2EFFF;
-moz-border-radius: 6px;
border-radius: 6px;
}

a.naviday {
-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;
color:#c2e3ff;
-moz-box-shadow: 3px 3px 4px #E4E4E4;
-webkit-box-shadow: 3px 3px 4px #E4E4E4;
box-shadow: 1px 1px 5px #E4E4E4;
padding-left: 12px;
padding-right:11px;
padding-top:8px;
padding-bottom:8px;
font-size:25px;
margin:1px;
border-radius:30px;
cursor:crosshair;
background:#fff;
border:2px solid #c2e3ff;
}

a.naviday:hover {
padding-left: 12px;
padding-right:11px;
padding-top:7px;
padding-bottom:7px;
color:#fff;
font-size:25px;
text-align: center;
margin:1px;
background:#c2e3ff;
border:2px solid #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}

.post-title {
font-family: century gothic;
font-size:14px;
text-align:right;
border-width:0 1px 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8L2Nctge_v3YnPd2UlSAM0fTSisky6Lyn59JZIQzBgT-9-GLJ-TE8iunRV2DKlfVMox9hd3jQsb-nK5Q5PsRDh4Xe3jah3WauZp_-khni5r-VgSrQSx4EjBs9luIDi69lEToTmg0YT92/s1600/wanaseoby.png);
border-bottom:2px solid #eee;
border-top:1px solid #E2EFFF;
color:#A6A3A2;padding-right:10px;
}

.post-footer a{color:#999;}

.post-footer{
text-align:right;
border-width:0 1px 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8L2Nctge_v3YnPd2UlSAM0fTSisky6Lyn59JZIQzBgT-9-GLJ-TE8iunRV2DKlfVMox9hd3jQsb-nK5Q5PsRDh4Xe3jah3WauZp_-khni5r-VgSrQSx4EjBs9luIDi69lEToTmg0YT92/s1600/wanaseoby.png);
border-bottom:2px solid #eee;
border-top:1px solid #E2EFFF;
color:#A6A3A2;padding-right:10px;
}

blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_8L2Nctge_v3YnPd2UlSAM0fTSisky6Lyn59JZIQzBgT-9-GLJ-TE8iunRV2DKlfVMox9hd3jQsb-nK5Q5PsRDh4Xe3jah3WauZp_-khni5r-VgSrQSx4EjBs9luIDi69lEToTmg0YT92/s1600/wanaseoby.png);
padding:8px;
border-radius:5px;
border:1px dashed #bbd9ff;
color:#A6A3A2;
}

a.linkies {
display:inline-block;
background:#fff;
border:1px dashed #bbd9ff;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#726E6D;
-webkit-transition: 0.4s;}

a.linkies:hover {
border-radius:5px;
color:#000;
-webkit-transition: 0.4s;
}

.image{border:1px solid #E3E4FA; padding:2px;max-width:500px;}
</style>
</head>

<body>

</style>

<center><div style="position: absolute; top: 80px; left: 100px; background-color: #fff; border-radius:10px; border:1px solid #CCE2FE; padding: 4px;padding-top:30px;"><div style=
"text-align:left; width: 550px; height:400px; padding: 10px;overflow-x: hidden; overflow-y: scroll;">
<div id="main"><div style="text-align: left;"><Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>

<$BlogItemBody$>

<p class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment</a></BlogItemCommentsEnabled></p>

</div>

</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>

<div style="position: absolute; top: 65px; left: 120px;">
<a class="naviday" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="about">✿</a>
<a class="naviday" onClick="document.getElementById('main').innerHTML=document.getElementById('entry').innerHTML" title="entry">✿</a>
<a class="naviday" onClick="document.getElementById('main').innerHTML=document.getElementById('shout').innerHTML" title="cbox">✿</a>
<a class="naviday" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML" title="links">✿</a>
<a class="naviday" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogId$>" title="follow">✿</a></div>


<div id="about" style="display: none;">
<div class="post-title">About Me</div><br/><center>

<img class="image" src="http://25.media.tumblr.com/tumblr_m47w27IgKK1qlq8bco1_1280.jpg" /><br/><br/>
<div style="text-align: left;">Sometimes hit, sometimes miss, it’s always like that Just do it right tomorrow, it’s just a small mistakeSometimes bottom, sometimes top, sometimes number 1 Getting 1st place, you can only go down Without it, just live without it It’s just greed you have before you win it oh Your suffering now is a sign of your hard work Everybody knows you tried Everybody knows it’s alright replace this with your own bio
</div>


<div id="entry" style="display: none;">
<div style="text-align: left;"><Blogger>
<div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>

<$BlogItemBody$>

<p class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment</a></BlogItemCommentsEnabled></p>

</div>

</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>


<div id="shout" style="display: none;">
<div class="post-title">Shout Here</div><br/><center>
cbox codes here ^^


<div id="links" style="display: none;">
<center><div class="post-title">linkies</div><br/>
<img class="image" src="http://25.media.tumblr.com/tumblr_lxfopxfNcU1qfrvg2o1_500.jpg" /><br/><br/>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
<div class="post-title">credit</div><br/>
Skin by <a href="http://wanaseoby.blogspot.com/">Wana</a>
</div>

</html>

Labels: codes