by uhbmy

<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m3n1n5PghB1qdlkyg.gif" />

</script>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>

<title>unconditionally</title>

</head>
<style type="text/css">

#navbar-iframe { display: none; }

body {
background:url(http://i.imgur.com/YYwwm.png);
color: #888888;
line-height: 15px;
text-align: justify;
cursor: url(http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0u2I/AAAAAAAABYo/QSq-vbmUatU/s1600/bunniez.png),progress;}

table {
background:url(http://4.bp.blogspot.com/-D02-ZXrZuVU/TulVh1l88UI/AAAAAAAACWU/ktMgYgBnbN0/s1600/bodybg.gif);
font-family:pontano sans;
font-size:12px;
letter-spacing:1px;
color: #555;
line-height: 20px;
padding:5px;
border:1px solid #f8f8f8;
width:900px;
}

::-webkit-scrollbar-thumb{
background:#F2E6DE;
border-radius:10px;
}

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

a{text-decoration:none ;
color:#A4A4A4;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff ;
background:#F2E6DE;
background-position:50% 80%;background-size:400px;}

::-moz-selection {
background:#000;
color:#fff;
}

::selection {
background:#F2FAE1;
color:#fff;
}

u {
text-decoration:none;
border-bottom: 1px solid #F2FAE1;
-webkit-transition: 1s;
-webkit-user-select:text;
-moz-user-select:text;
}
i {
font-family:trebuchet ms;
color:#C65271;
-webkit-user-select:text;
-moz-user-select:text;
}

blockquote {
background:url(http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png);
border-radius:8px;
border:3px solid #f6f1ee;
padding:15px;
height:20px;width:80%;
overflow-x:hidden;
letter-spacing:1px;
font:10px consolas; color:#A4A4A4;
overflow-y:scroll;margin-top:5px; margin-bottom:5px;}

.h1 {
border:2px dotted #fff;
background-image: -webkit-linear-gradient(right, #fafafa, #F2FAE1);
margin-bottom:10px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}

.hey{
color:#f8f8f8;
font:20px calibri;
text-align:right;
padding-right:30px;
margin-top:-8px;
}

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

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:220px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/tumblr_m89lq6m3mW1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:url(http://4.bp.blogspot.com/-D02-ZXrZuVU/TulVh1l88UI/AAAAAAAACWU/ktMgYgBnbN0/s1600/bodybg.gif);
border:3px double #FCEBED ;
font-size:11px;
margin:0em;
padding:5px;
color:#808080;
}

.icon{background:#transparent;padding:0;border:none;}

.pocetit {
background:tranparent;
padding:2px;
font-size:20px;
color:#CDBFBF;
}

@font-face{
font-family:masana;
src:url(http://static.tumblr.com/dep4vzc/Inomy7nn8/masanascript-1propia.otf);}

.sid {
margin-top:0px;
height:30px;
background:url(http://24.media.tumblr.com/7649ea5bf73b0e524c33fbb70103a248/tumblr_mpnzhgbHTr1rbavh7o4_250.png);
border:1px solid #eee;
text-align:center;
font-family:yes;
font-size: 40px;
padding:2px;
color:#fff;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
@font-face{
font-family:yes;
src:url(http://static.tumblr.com/dep4vzc/B9rmy7mca/lemons_can_fly.ttf);}

.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

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

a.nae {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#f8f8f8;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border-bottom:none;
border:1px; solid #eee;
}
a.nae:hover{
background: #fff;
color:#333 !important;
}

img{
max-width:500px;
padding:2px;
opacity:1;
border:1px solid #eee;padding:2px;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
}
img:hover{
opacity:0.4;
}

.blogger-labels {
text-align:right;
padding-right:3px;
border-top:1px solid #f8f8f8;
font-size:8pt;
margin-bottom:8px;
}

a.navi{
box-shadow: inset 0px 0 0px 0 #fff;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
margin:5px;
text-decoration:none;
color:#555;
background:#FFEBC2;
font:tt;
font-size:8px;
display:inline-block;
width:100px;
padding:2px;
text-align:center;
border:1px solid #FFEBC2;}

a.navi:hover{
box-shadow: inset 850px 0 0px 0 #fff;
color: #555;}

a.sk {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:left;
background: #fff;
width:215px;
color:#888;
padding:5px;
border-left:20px solid #F2FAE1;
border-right:20px solid #F8F8F8;
text-decoration:none;
}
a.sk:hover{
border-left:20px solid #A9F5A9;
border-right:20px solid #A4A4A4;
}

@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
.archive{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif);
border-bottom:1px solid #efefef;
background-size:15px;
background-repeat:no-repeat;
padding:5px;
padding-left:20px;
background-position:left;

}

.archive:hover{ background:url(http://media.tumblr.com/3fcccb540252361088d42c65c504499d/tumblr_inline_mmzqorHMLi1qz4rgp.gif);
background-size:12px;
background-repeat:no-repeat;
padding-left:37px;
background-position:left;
}
</style>
<center>
<div style="display:inline-block;width:890px;padding:40px;">
<center><div style="background:url(http://i.imgur.com/0dBoN.png);width:900px; height:25px;" >.<div style="background:#F2FAE1; height:10px;"></div></center>

</head>
</style>
</head>

<div align="center">
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="270">
<center><a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >HOME</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" >LINK</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML" >TUTO</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML" >SKINS</a>
<a class="nae" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank">FOLLOW</a>
</div></center>
<center><img src="http://25.media.tumblr.com/db5473aada71f4ca66170a75d2622f60/tumblr_mmc81bsOau1r3hi20o1_500.png" width="270" height="160"></center>
Annyeonghaseyo chinggu. Welcome to my lovely blog. Kick this word and replace with ur own . dont remove any credit pls<br></br></div>

<div class="sid">Cbox</div><br>
your cbox codes
</div><br>

<div class="sid">Memory</div>
<div style="text-align:left; padding:10px; border-radius:5px; height:175px; overflow-x:hidden; overflow-y:Scroll; border:1px dashed #ddd;margin-top:20px;">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="archive">
<$BlogPreviousItemTitle$></div>
</a></BloggerPreviousItems></div></div>
<br>

<div class="sid">Credit</div><br>
© 2014 - Skins by <a href="http://umihumairayusof.blogspot.com">Mayra</a> Cute icon from <a href="http://pixel-diary.tumblr.com/">Pixel</a> and other from <a href="http://wanaseoby.blogspot.com">wana</a>.
</div></div></td>

</td>

<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px solid #transparent; padding-right:13px; ">

<Blogger>
<div class="pocetit"><img src="http://media.tumblr.com/tumblr_m3n1n5PghB1qdlkyg.gif" style="margin-right:10px;border:none; padding:0;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="umi"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Infinity</a></BlogItemCommentsEnabled>}</div>
<div class="hey">▼</div><$blogitembody$>
</br>
</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:513px; padding:5px;margin-top:-50px;border:4px solid #fff;6px;background:url(http://31.media.tumblr.com/41ef2e469cfb47a878640d40fbf6d741/tumblr_movdbcThVO1ru3nbdo9_250.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>

</div>
</Blogger>
</td>

<td id="o" style="display: none;">

<Blogger>
<div class="pocetit"><img src="http://media.tumblr.com/tumblr_m3n1n5PghB1qdlkyg.gif" style="margin-right:10px;border:none; padding:0;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="umi"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Infinity</a></BlogItemCommentsEnabled>}</div>
<div class="hey">▼</div><$blogitembody$>
</br>
</p>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:513px; padding:5px;margin-top:-50px;border:4px solid #fff;6px;background:url(http://31.media.tumblr.com/41ef2e469cfb47a878640d40fbf6d741/tumblr_movdbcThVO1ru3nbdo9_250.png); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>

</div>
</Blogger>
</td>

<td id="p" style="display: none;">

<div class="pocetit">Linkies</div>
<div class="umi">My friends. I love them.</div>
<div class="hey">▼</div>
<center>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
</center>
</div>
</td>

<td id="s" style="display: none;">

<div class="pocetit">Le' Tutorials Freebies Section</div>
<div class="umi">Tutobies that i wanna share.</div>
<div class="hey">▼</div>

<li> replace this site with ur own tuto</li>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a><br><br>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
</br>
</td>

<td id="u" style="display: none;">

<div class="pocetit">Le' Skins</div>
<div class="umi">My skins. Own made</div>
<div class="hey">▼</div>

<li> replace this site with ur own skins</li>

<div class="h1">skins</div>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a>
<a class="sk" href="">Skins</a><br><br>

</br>
</body>
</html>

CODES