CODES;

<html>
<head><base target="_blank"></base><link href="http://media.tumblr.com/tumblr_lthc3kCwET1qhwcy0.gif" rel="icon" type="image/x-icon"></link> <title>Kio</title>
<style type="text/css">
#navbar-iframe {
display: none !important;
}

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRv3KWE7dKkke7jnvVja141284XOJryQ0LPUYPjP7QJVV0fzvp5-LH_kngM4xkdnS0tnGcfY2OkWe_EdPlccS0cRRDfmg6CDlNkzkCmsr0SXldsukD4SloosS1yV7r68NGs5fchpFuw1c/s1600/infiniteukiss.png);
color:#666;
font-family: Cambria; 
font-size: 11px;color: #444444;letter-spacing:1px;
cursor:url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), url(http://media.tumblr.com/tumblr_lpyq0xE8Ut1qcn2vb.gif), auto;
}

a:link,a:visited {
color:#F778A1;
-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;
text-decoration:none;
padding:2px;
}

a:hover {
text-decoration: line-through;;
color:#ccc;

}

u {
-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;
text-decoration:none;
border-bottom: 2px solid #FDEEF4;
padding: -3px;
}

u:hover {
border-bottom:  2px solid #FAF8CC;
color:#fff;
padding: -3px;
}

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:#F778A1;
text-decoration:none;

}

b:hover {
color:#808080;
}

i {
-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:#F778A1;
text-decoration:none;
background:#FDEEF4;
padding:2px;
border-radius:5px;
}

i:hover {
padding: -3px;
background:#FAF8CC;
}

::-webkit-scrollbar {
width: 6px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif);
}

::-webkit-scrollbar-thumb {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHuQf4MCCM_Y8OPqUWouQgqQaQD9SA_0oTxrzCwIBUCCjK_8IH8W1x3V3VwlJK8g7vsLD7rcVAcAfWVs40J69P-LtlY3tbQPg3BtjF_XFGwGnCQmOvO_TBcmEMU_eNDzrB1SfheCHeO1Iw/s1600/pinkpolkawoo.png);
-moz-border-radius: 10px;
border-radius: 10px;
}

div.boxouter{
width:670px;
background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0q-v2IfCLrL0SZKlFK7eTUgIIg17pl13ANtgxHWpi-UZFK9usemY80n-i067lyDODuT4HHNi0CQ8sGZk9vZnQ2s4FQgDJINaeR4r6IzqnSwPWIt6_tR5bEmaQBWsog2p3MaSpb4n9sPc/s1600/infiniteukiss.png);
border:1px dashed #FAAFBE;
border-radius:10px;
margin:25px 5px 5px 5px;
}


div.box{
width:640px;
height:450px;
margin:5px 5px 5px 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif);
border:1px dashed #FAAFBA;
padding:10px 10px 10px 10px;
border-radius:10px;overflow-x: hidden;
overflow-y: scroll;
}

.post-title {
font-family:century gothic;
font-size:145%;
text-shadow: 1px 01px 1px #FAAFBE; 
line-height:1.5em;
border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-border-top-left-radius:10px;
-moz-border-top-right-radius:10px;
text-align:center;
color:#F778A1;
border-bottom:1px dashed #FAAFBE;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHuQf4MCCM_Y8OPqUWouQgqQaQD9SA_0oTxrzCwIBUCCjK_8IH8W1x3V3VwlJK8g7vsLD7rcVAcAfWVs40J69P-LtlY3tbQPg3BtjF_XFGwGnCQmOvO_TBcmEMU_eNDzrB1SfheCHeO1Iw/s1600/pinkpolkawoo.png);
}

.navitot {
background:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0q-v2IfCLrL0SZKlFK7eTUgIIg17pl13ANtgxHWpi-UZFK9usemY80n-i067lyDODuT4HHNi0CQ8sGZk9vZnQ2s4FQgDJINaeR4r6IzqnSwPWIt6_tR5bEmaQBWsog2p3MaSpb4n9sPc/s1600/infiniteukiss.png);
color:#F778A1;
width:100px;
padding-top:25px;
padding-bottom:25px;
border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-border-top-left-radius:10px;
-moz-border-top-right-radius:10px;
border:1px dashed #FAAFBA;
-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;
padding-left: 15px;
padding-right: 15px;
margin:50px 0px 0px;
text-shadow: 1px 01px 1px #FAAFBE; 
}

.navitot:hover{
background:url(http://static.tumblr.com/xjqjg7j/0DRlqy168/postbg2.png);
color:#F778A1;
padding-top:45px;
padding-bottom:25px;
padding-left: 15px;
padding-right: 15px;
text-shadow: 1px 01px 1px #FAAFBE; 
}


a.navi {
background:url(http://static.tumblr.com/xjqjg7j/0DRlqy168/postbg2.png) #FEF6F3;
border:1px solid #EBDDE2;
padding: 3px;
display:inline-block;
border-radius:5px;
margin: 2px;
}

a.navi:hover {
box-shadow: 0 0 3px 3px #FDEEF4;
-webkit-transition: 0.4s;
}

blockquote {
-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:#E56E94;
background:url(http://static.tumblr.com/xjqjg7j/0DRlqy168/postbg2.png);
padding:8px;
border:1px solid #FAAFBE;
text-shadow: 1px 1px 1px #FCDFFF;
}

blockquote:hover{
color:#000;
padding:8px;
border-radius:10px;
text-shadow: 1px 1px 1px #F778A1;
}

img{
border:1px solid #ddd;
padding:2px;}


p.post-footer {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHuQf4MCCM_Y8OPqUWouQgqQaQD9SA_0oTxrzCwIBUCCjK_8IH8W1x3V3VwlJK8g7vsLD7rcVAcAfWVs40J69P-LtlY3tbQPg3BtjF_XFGwGnCQmOvO_TBcmEMU_eNDzrB1SfheCHeO1Iw/s1600/pinkpolkawoo.png);
margin-bottom:18px;
border-top:1px dashed #FAAFBE;
padding:2px 14px 2px 29px;
font-size:100%;
line-height:1.5em;
color:#fff;
text-align:right;
}
</style>

<br />
<div style="background: #fff; border-radius: 10px; padding-left: 15px; padding-right: 15px; position: fixed; right: 4px; top: 0px;">
<a "="" href="http://www.blogger.com/follow-blog.g?blogID=4895610806033926499">follow</a></div>

<center>
<br /><br /><br /><br /><br />
<a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('post').innerHTML" title="">Post</a>
<a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title="">Links</a>
<a class="navitot" onclick="document.getElementById('main').innerHTML=document.getElementById('shout').innerHTML" title="">Shout</a>


<div class="boxouter"><div class="box"><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 id="about" style="display: none;">
<div class="post-title">
Only Me</div><br /><br />
<center><img src="http://24.media.tumblr.com/tumblr_lt2rawCa3q1qfdnlto1_500.png" /><br /></center>
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="post" 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 id="stuff" style="display: none;">
<div class="post-title">Linkies</div><br />
<img src="http://25.media.tumblr.com/tumblr_m63dobaP7d1qfx32ro1_500.png" /><br />
<br />
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>
<a class="navi" href="http://www.blogger.com/LINK">friends</a>

<br />
<br />
<br />
<br />
<div class="post-title">Credit</div>
Skin by <a href="http://wanaseoby.blogspot.com/">Wana</a> and Image by <a href="http://kawaiisecrets.me/">Kawaii secret</a></div>


<div id="shout" style="display: none;">
<div class="post-title">Shout Here</div><br />
<img src="http://24.media.tumblr.com/tumblr_m71ssmKpzu1qlozqgo1_500.png" /><br />
<br />Your Shoutbox codes here . <u>underline</u> <b>bold</b> <i>italic</i></div>
</body></html>

Labels: