by uhbmy

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

<br><br><br><div id="tittle3">
<span id="bubble">INFINITE PARADISE ∞ </span></div>

</script>
<link href='http://fonts.googleapis.com/css?family=Iceberg|Oswald' rel='stylesheet' type='text/css'>

<title>Paradise</title>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

<style type="text/css">
#navbar-iframe { display: none; }

body {
background:url(http://i1121.photobucket.com/albums/l509/witchomiyuki/1.png)fixed;
color: #888888;
line-height: 15px;
text-align: justify;}

table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 11px arial;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:1px solid #fff;
width:850;}

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:url(http://i.imgur.com/eWsXl.gif);
background-position:50% 80%;background-size:400px;}

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

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

i , s, strike {
color: #A4A4A4;
}

b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

blockquote {
width:450px;
text-align:left;
background:url(http://4.bp.blogspot.com/-yal-9oDaoRo/UL2t6KugDiI/AAAAAAAAEXc/Gjrv1IVFGIs/s1600/fr.png);
border-bottom:1px solid #f7f7f7;
border-top:1px solid #f7f7f7;
border-right:1px dashed #f7f7f7;
border-left:1px dashed #f7f7f7;
padding:5px;
font:italic 11px trebuchet ms;}

.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_mdpf4xTtf61qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
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:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.post-footer{
color:#fff;
text-align:right;
height:10px;
font-size:10px;
margin:15px 0px 15px;
border-top:1px dashed #f8f8f8;
}

a.teen{
display:inline-block;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;
padding-top:3px;
width:50px;
height:20px;
text-transform:uppercase;
color: #fff;
background:#E3F5FF;
text-align:center;
}

a.teen:hover{
background:#eee;
}

.pocetit {
margin-top:10px;
color:#A4A4A4;
font: 20px 'oswald';
letter-spacing: 1px;
background:url(http://1.bp.blogspot.com/--La2ox0f-b0/UN-wwwcArvI/AAAAAAAAEkI/y6p-fE7puME/s0/newflower.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}

.sidebar {
margin-top:10px;
color:#A4A4A4;
font: 20px 'oswald';
letter-spacing: 1px;
background:url(http://1.bp.blogspot.com/--La2ox0f-b0/UN-wwwcArvI/AAAAAAAAEkI/y6p-fE7puME/s0/newflower.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}

.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 {
-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;
transition: all 0.5s ease-in-out; width:85px;
display:inline-block;
background:url(http://i.imgur.com/9AJVd.png);
color:#999;cursor:pointer;
font:8px tt;
padding:5px;
text-transform:lowercase;
text-align:center;
letter-spacing:1px;
border-left:5px solid #f8f8f8;
text-decoration:none;
}

a.nae:hover{
border-left:0px solid #eee;
background:#DFE1FC;
padding-right:10px;
width:85;}

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

a.navi{
font-family:tt;
text-transform: uppercase;
display:inline-block;
width:70px;
height:12px;
background:url(http://i.imgur.com/eWsXl.gif);
color:#999;
font-size:8px ;
padding:2px;
margin:2px;
text-align:center;
letter-spacing:1px;
border-left:1px solid #f8f8f8;
border-right:1px solid #f8f8f8;
border-top:1px solid #f8f8f8;
border-bottom:1px solid #f8f8f8;
text-decoration:none;
}

a.navi:hover{
-webkit-transition-duration: 0.5s; box-shadow: inset 85px 0 0px 0 #A4A4A4; color: #fff;
}

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

::-webkit-scrollbar {
width: 5px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fbfbfb;
border: 1px solid #fff;
}

.newer {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #eee;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.newer:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}
@font-face{
font-family:tutano;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

.older {
width:50px;
padding:4px;
margin:2px;
background:#fff;
font:16px tutano;
text-align:center;
Text-decoration:none;
color:#888;
border:3px solid #eee;
text-transform:uppercase;
display:inline-block;
height:28px;
padding-top:25px;
border-radius:50%;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
transform: rotate(0deg) ;
-webkit-transform: rotate(0deg) ;
-moz-transform: rotate(0deg) ;
-o-transform: rotate(0deg) ;
-ms-transform: rotate(0deg) ;
}

.older:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
background:#fff;
}

.hmraysf{
margin-top:20px;
margin-right:1px;
width:820px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border: 0px solid #eee;
background:url(http://i.imgur.com/UAKAi.png);
text-align:center;
padding-bottom:15px;
padding-top:15px;
display:inline-block;
}

.mayra{
margin-top:-0px;
margin-right:0px;
width:820px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border: 0px solid #eee;
background:url(http://i.imgur.com/UAKAi.png);
text-align:center;
padding-bottom:15px;
padding-top:15px;
display:inline-block;
margin-bottom:15px;
}

</style>
<center>
<div style="background-image:url(http://1.bp.blogspot.com/--La2ox0f-b0/UN-wwwcArvI/AAAAAAAAEkI/y6p-fE7puME/s0/newflower.png);width:850px;border-radius: 0px;padding:10px;margin-top:15px;">
<center>
</style>
<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 75px "candystr";}
@font-face{font-family:candystr;src:url('http://static.tumblr.com/eq1rpir/i3Wm518mw/candystr.ttf')}
</style>
<center>
<script type="text/javascript">
var bgcolour="#ffffff";
var fgcolour="#FF94B8";
var speed=50;
var shades=10;
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}

function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}

function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</script>
</center>
</head>

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

<tr>

<td valign="top" width="180">

<div class="sidebar">About;</div><br>

<center><img src="http://24.media.tumblr.com/66836af8d859d497dfa7f9fa7003f090/tumblr_mig6p8LaWy1ri5j5bo1_500.gif" width="200" height="125"></center><br>

I'm Infinite Lover. So beware Lol ~
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >entry</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" >about</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" >stuff</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML" >free</a>
<a class="nae" href="http://www.blogger.com/follow-blog.g?blogID=YOUR OWN ID BLOG!">follow +</a>

<br><br>
</div>

<div class="sidebar">Archive;</div><br>

<div style="background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%283%29.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; border-radius:0px; border: 1px solid #eee; height:100px; ">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div style="background:url(http://media.tumblr.com/tumblr_m4tr6amNWH1qdlkyg.gif); background-size:10px; background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></div>
</div>
<br>

</div>

<div class="sidebar">Credit;</div><br>

<center>{Skins: <a href="http://umihumairayusof.blogspot.com/">Mayra</a>}</center>

</div>

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

<Blogger>
<div class="pocetit"><$BlogItemTitle$><br></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>

</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>

<div class="post-footer"><br>
</Blogger>
<div style="float:left"><a class="teen" href=<$NewerPosts$>>◀</a></div><div style="float:right"><a class="teen" href=<$OlderPosts$>>▶ </a>
</div>
</td>

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

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
</br>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>

<div class="post-footer"><br>
</Blogger>
<div style="float:left"><a class="teen" href=<$NewerPosts$>>◀</a></div><div style="float:right"><a class="teen" href=<$OlderPosts$>>▶ </a>
</div>
</td>

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

<div class="pocetit">Le' Owner!</div><br>
<center>
<center><img src="http://25.media.tumblr.com/4aa73896f7d6bc24c0e3d1f2933896d8/tumblr_mj19gpSx011rcwy6qo1_500.jpg" width="450" height="300"></center><br>

Put your BIODATA here :) !

<br><br>

</td>

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

<div class="pocetit">Linkies</div><br>

<center>
<input type="text" size="11" value="Name" style="width:180px;font:11px trebuchet ms;color:#666;border:1px solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="URL BLOG" style="width:180px;font:11px trebuchet ms;color:#666;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>

<center>
<a class="navi" href="http://umihumairayusof.blogspot.com/">Mayra</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
<a class="navi" href="LINK">friend</a>
</center>

</div>
</td>

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

<div class="pocetit">Tutorial</div><br>

<center><img src="http://24.media.tumblr.com/131f544c07ebc6c582248afa35a20fca/tumblr_mj0xdunEqh1rga105o1_500.jpg" width="450" height="300"></center><br>
Put anything you want okay ^^

</td>

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

<div class="pocetit">Tralala</div><br>

<center><img src="http://24.media.tumblr.com/ad7d1adafb9cf1582885d3ddd7e99c5e/tumblr_mi2gkyBZoJ1r6rdlgo1_500.gif" width="450" height="300"></center><br>
Put anything you want ^^

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

CODES