<html>
<head>
<base target='_blank'/>
<link rel="shortcut icon" href="http://i.imgur.com/jWlv6.png" />
<title>infinity</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background:#faf8f8;
font-family: arial; font-size: 11px; letter-spacing:1px; line-height: 17px;}
a:link, a:visited, a:active {font:8px tahoma; padding:2px; color: #000; text-decoration: none;text-transform: uppercase; cursor: url(http://i.imgur.com/MF1ji.png),progress;}
a:hover { color: #976E97; -webkit-transition-duration: 0.5s;}
i {font:italic 11px georgia; text-transform: lowercase; color: #976E97;}
strike {color: #222; font:8px arial; text-transform: uppercase;}
b {font:bold 11px georgia; letter-spacing:1px; line-height: 17px; color: #976E97;}
u {text-decoration:none; text-shadow: 1px 1px 2px #eebcb7; border-bottom:1px solid #eebcb7; color: #333;padding: 1px;margin: 1px;}
blockquote {text-align: justify; padding: 10px; margin: 10px;font:11px arial; background: #faf8f8; border-radius:10px; opacity:0.9; color: #333; line-height:15px;-webkit-transition-duration: 3s;}
li{font:8px tt; color:#333; margin:-3px; margin-left:5px; }
@font-face{font-family:tt;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
a.sidelink {display:inline-block; text-align:center; padding:3px; margin:5px; text-transform: uppercase; font:bold 10px courier new; color: #fff; background:url(http://24.media.tumblr.com/tumblr_m9r7u8ihkZ1rex9o1o1_500.jpg)fixed; opacity:0.9; }
a.sidelink:hover {display:inline-block; text-align:center; padding:3px; margin:5px; text-transform: uppercase; font:bold 10px courier new; color: #000; background:#fff; opacity:0.9;}
.box{width:840px; margin-top:5px; margin-left:-70px; padding:10px;}
.post{display:block; padding:20px; border:1px solid #eee; margin:20px; margin-top:-2px; background:#fff; text-align: justify; width:520px;font-family: arial; font-size: 11px; color: #444; letter-spacing:1px;line-height: 17px; margin-bottom:10px;}
@font-face{font-family:rb;src:url('http://static.tumblr.com/tedujjb/nsTmk3ps4/robinschooler.ttf')}
.sheader{font:30px rb; text-shadow:1px 1px 1px #D2D7B4; text-transform: lowercase; color:#000; padding:5px; padding-left:20px; width: 245px;}
.sidebar {background: #fff; border:1px solid #eee; padding:10px;width: 245px; font:8px tt; color:#333; text-transform: uppercase; }
.sidetitle{font:9px arial; text-transform: uppercase; border-bottom:1px solid #D9DCDC; color:#333; padding-left:20px; text-shadow:1px 1px 1px #B2D5D5;}
.title {
background-image:url(http://www.favicon.cc/favicon/122/384/favicon.ico);
background-position:top left;
background-repeat:no-repeat;
font:9px arial; text-transform: uppercase; border-bottom:1px solid #eee; color:#000; padding:4px; padding-left:24px; text-shadow:1px 1px 1px #D7B9B4;}
.date{font:8px tt; padding:3px; text-transform: uppercase; color:#333; padding-left:5px; background:#faf8f8; }
@font-face{font-family:tt;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
@font-face {font-family: 'bl'; src:url(http://static.tumblr.com/0hkoulm/2VEmdu3je/blackout_midnight.ttf);}
.navis {width: 50px; display:inline-block; text-align:center; padding:1px; margin:1px; text-transform: uppercase; font:12px courier new; color: #000; background:#fff; opacity:0.9; }
a.you{width: 50px; display:inline-block; text-align:center; padding:1px; margin:1px; text-transform: uppercase; font:12px courier new; color: #000; background:#fff; opacity:0.9; }
.navis:hover {-webkit-transition-duration: 0.5s;
background:url(http://24.media.tumblr.com/tumblr_m9r7u8ihkZ1rex9o1o1_500.jpg)fixed; color:#fff;}
a.you:hover{-webkit-transition-duration: 0.5s; background:url(http://24.media.tumblr.com/tumblr_m9r7u8ihkZ1rex9o1o1_500.jpg)fixed; color:#fff;}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #A7A7A7;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FAE4DD;
border: 1px solid #fff;}
::-moz-selection {background:#E6D3D5;color:#000;}
::selection {background:#E6D3D5;color:#000;}
.blogger-labels {text-align:right;border-top: 1px solid #f3f3f3; }
/*------ IMAGE ANIMATION------*/
img {margin: 1px; padding:1px;
filter: alpha(opacity=100);moz-opacity:1.0;opacity:1.0;-webkit-transition-duration: .25s;}
img:hover { cursor: crosshair;
-webkit-filter: grayscale(0.8);}
</style>
<body><br>
<center>
<div class="box">
<table style="line-height: 17px;" width="850" border="0" align="center" cellspacing="7">
<tbody><tr>
<td valign="top" width:550px;">
<!--------------main---------->
<center>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('author').innerHTML">about</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('bias').innerHTML">bias</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML">stuff</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('etc').innerHTML">link</span>
<span class="navis" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">home</span>
<a class="you" href="http://www.blogger.com/home" target="_blank">skins</a>
<a class="you" href="https://twitter.com/" target="_blank">tweet</a>
<a class="you" href="http://tumblr.com/" target="_blank">tumblr</a>
<a class="you" href="http://www.blogger.com/follow-blog.g?blogID=BLOG 1D" target="_blank">follow</a>
</center><br>
<div class="post"><div id="main">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$><br><br></blogger>
</div></div></div></div></div></div>
<div id="entries" style="display: none;"><div id="main"><br>
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$><br><br></blogger>
</div></div></div></div></div></div>
<div id="author" style="display: none;"><div id="main">
<div class="title">profile</div>
<div class="date">introduction {biography} </div><br>
<div style="clear: left; float: left; margin-bottom: -2px; margin-right: 1em;">
<img src="http://media.tumblr.com/tumblr_m40uu2DVoK1qfywpf.jpg" /></div>
manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao. occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao. <br><br>
</div></div></div></div></div></div>
<div id="bias" style="display: none;"><div id="main">
<div class="title">fangirl forever</div>
<div class="date">the person you addict with</div><br>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img src="http://media.tumblr.com/tumblr_m40umjf0m41qfywpf.jpg" /></div>
occae et harumb bet theap. est praesent luptatum. ha! bis nostrud exercitation ullam mmodo consequet. duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.<br><br>
</div></div></div></div></div></div>
<div id="stuff" style="display: none;"><div id="main">
<div class="title">tutorial and freebies?</div>
<div class="date">free page</div><br>
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<img src="http://media.tumblr.com/tumblr_m40upxc2ED1qfywpf.jpg" /></div>
occae et harumb bet theap. est praesent luptatum. dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct. et harumd dereud facilis est er expedit distinct. yoii rockem sockem mow-em yown. manarie li que vaqeriao.
occae et harumb bet theap. est praesent luptatum.<br><br>
</div></div></div></div>
<br></br>
<div id="etc" style="display: none;"><div id="main">
<div class="title">linkies</div>
<div class="date">friends</div><br>
<center> <img src="http://media.tumblr.com/tumblr_m40un6a20I1qfywpf.jpg" /><img src="http://media.tumblr.com/tumblr_m40unmvtNw1qfywpf.jpg" /><img src="http://media.tumblr.com/tumblr_m40utkaSFF1qfywpf.jpg" /></center>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
<a class="sidelink" href="" target="_blank">friend links</a>
</div></div></div></div>
</td>
<td valign="top" width="250px">
<div class="sheader">infinity</div>
<div class="sidebar">
<div class="sidetitle">our spirits</div><br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img src="http://media.tumblr.com/tumblr_m40v215kse1qfywpf.jpg" /></div>
Jaera {16}. Malaysian. I am multi fandoms. LOVE INFINITE. BE INSPIRIT. FOREVER INFINITY. <br><br>
► HamsterGyu. Choding. L-sama. Jjong. Namgrease. Dinasour. HoBaby.
<br><br>
► Chingyus. Yeollipops. eLements. Sungels. Newclears. Woonique. Hoyatics.
<br><br>
Rules here :3 anything can put here. Your Introduction? .
</div></div><br>
<div class="sidebar">
<div class="sidetitle">Talking much ?</div><br />
<img height="68" src="http://i.imgur.com/zapSy.png" width="245" /><br>
</div></div><br>
<div class="sidebar">
<div class="sidetitle">infinity memories</div> <br><br>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems><br>
</div></div><br>
<div class="sidebar">
<div class="sidetitle">credit and thanksgyuu</div><br>
Template Original made by : <a href="http://zaranerd.blogspot.com/">Jaera</a> Icon get from <a href="http://kpop-icons.tumblr.com/">kicons</a>. title symbol infinity's <a href="http://www.favicon.cc/?action=icon_list&user_id=&tag_id=3136&keywords=&order_by_rating=&first=0">vicon</a>. My own ideas since i'm always learning about css. base code is free
</div></div><br>
</div>
</body></head></html>