Codes Paradise Kingdom









<html><head><link href='http://media.tumblr.com/tumblr_lvpa7kNjJi1r1bw1m.gif' rel='icon' type='image/x-icon'/><title>Paradise Kingdom</title>
<!-------
Credit: http://chocollyheart.blogspot.com/
*Do not remove this section!
--------!>

<style type="text/css">

#navbar-iframe {
display: none;}

body {
font-family:calibri;
color: #808080;
font-size:11px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8JSIjbed2xivXozvmFeUvg6FdsWyM_6ZbhyJYgUvGWbEUGgwzO6doSHz63Uhej9xpAZUL2RFPe9C-t3Et096FJSV5Extuz0lo1xd8lagSzPbcb-CTf8EJrkyaYM_shl0cKj0R_x6oyaxE/s1600/polka1.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqJJJDba167oFQuw6zPC2v8ZA0v9duj251YYN_TS3DWp7h2MuaGEpngOPNd6m5Z1ROllYOQIVf0V6rK_qhyhWQFUz4J9ZagqXHFKNf9PBJFYa9SICtQg4Gan8etc7qaNU2iSRvMulMnF6m/s1600/cursor1.gif);
}


a:link,a:visited{
color:pink;
text-decoration:none;
border-bottom:1px dashed pink;
padding:1px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
border-bottom:10px dashed transparent;}


img{-webkit-transition: 1.0s;
-moz-transition: 1.0s;
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);}
img:hover{
filter: none;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFC1C1;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
border: 1px solid #FFC1C1;
background-color: #FFC1C1;
}


blockquote{
background:#FFF2F2;
padding:15px;
border-radius: 40px 0px 40px 0px;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
color:#9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

blockquote:hover{
border-radius: 0px 40px 0px 40px;
-moz-border-radius: 0px 40px 0px 40px;
-webkit-border-radius: 0px 40px 0px 40px;
background:#FFD6D6;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#555;
}

.entries-position{
right:190px;
position:absolute;
top:40px;
width:620px;
}


.entries-background {
background-color: #ffffff;
border: 1px solid #FFEBEB;
padding:10px;
margin-bottom:50px;
}

@font-face{font-family:cookies;src:url('http://static.tumblr.com/eq1rpir/XWwm519uj/cookies.ttf')}


.entries-title {
margin-top:5px;
font-weight:normal;
text-align:left;
font-family:cookies;
font-size:22px;
color:orange;
letter-spacing:1px;
padding:5px;
border-top:1px dashed #FFD6D6;
border-bottom:1px dashed #FFD6D6;
-webkit-transition: 0.3s;}

.date-entries {
margin-top:-25px;
font-weight:normal;
text-align:right;
font-family:consolas;
font-size:11px;
color:#777;
padding-right:10px;
padding-left:10px;
letter-spacing:1px;
display:block;
padding:2px;
-webkit-transition: 0.3s;
}

#sidebar-position{
width:200px;
position:fixed;
top:190px;
left:180px;}

#sidebar-position2{
width:200px;
position:fixed;
top:360px;
left:180px;}

.h10{
font-family:consolas;
padding-top:1px;
font-size:12px;
color:#777;
text-transform :uppercase;
background: #FFD6D6;
letter-spacing:1px;
height:215px;
width:10px;
padding-left:6px;
display:inline-block;
-moz-transition: 0.5s;
float:right;
-webkit-transition: 0.5s;
}

#text          {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:15px;
height:140px;
overflow:hidden;
position:fixed;
}

#text:hover    {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:234px;
height:138px;
overflow:hidden;}

.imgbackground{
position:fixed;
overflow:hidden;
background:url(http://i.imgur.com/fJp2S.png);
border-radius:2px;
padding:17px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}

#navi {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:105px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}
  
 #pic:hover #navi{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic {
position:fixed;
top:290px;
left:30px;
width:100px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic:hover #inimg{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}



#inimg {
width:100px;
height:auto;
position:fixed;
height:auto;
top:250px;
left:30px;
background:#fff;
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 8deg);
-moz-transform: scale( 0.7) rotate( 8deg);
}

#navi2 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:105px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}
  
 #pic2:hover #navi2{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic2 {
position:fixed;
top:190px;
left:30px;
width:100px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic2:hover #inimg2{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}


#inimg2 {
width:100px;
height:auto;
position:fixed;
height:auto;
top:150px;
left:30px;
background:#fff;
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( -8deg);
-moz-transform: scale( 0.7) rotate( -8deg);
}



#navi3 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:105px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}
  
 #pic3:hover #navi3{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic3 {
position:fixed;
top:390px;
left:30px;
width:100px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic3:hover  #inimg3{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}
#inimg3 {

width:100px;
height:auto;
position:fixed;
height:auto;
top:350px;
left:30px;
background:#fff;
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( -8deg);
-moz-transform: scale( 0.7) rotate( -8deg);
}




#navi4 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:105px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}
  
 #pic4:hover #navi4{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic4 {
position:fixed;
top:490px;
left:30px;
width:100px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic4:hover #inimg4{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}


#inimg4 {
width:100px;
height:auto;
position:fixed;
height:auto;
top:450px;
left:30px;
background:#fff;
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 8deg);
-moz-transform: scale( 0.7) rotate( 8deg);
}

a.link{
background:pink;
padding:5px;
width:100px;
color:#000;
padding:10px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: arial;
font-size: 11px;
text-align: center;
text-decoration: none;
letter-spacing:2px;
text-transform: uppercase;
display:inline-block;
border:1px solid pink!important;
margin:2px;
}

a.link:hover{
border-radius: 0px 40px 0px 40px;
-moz-border-radius: 0px 40px 0px 40px;
-webkit-border-radius: 0px 40px 0px 40px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:pink;letter-spacing:4px;
border:1px solid pink!important;
background:transparent;
}
.bias{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width:100px;
height:100px;
margin:3px;
border:10px solid #FFF5F5;}

.bias:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:10px solid pink;}

</style>
<body>


<div id="sidebar-position">
<div class="imgbackground"><img src="http://i53.tinypic.com/vr68ty.png" width="200px;" height"180px;" style="overflow:hidden;"></div>
<div id="text"><div class="h10"><br/>a<br/>b<br/>o<br/>u<br/>t<br/><br/>m<br/>e<br/></div>
<div style="padding:10px;width:260px;height:190px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5sA_dtDs7CXAWlmYcf9p9gPR15YW7-pqPF3rjGVPRz3IiAUGRzcBZuLcdCuysoqAAYYP8B6BDdZMh3A7dCiNNwIRlE_cWEPAlHJn4ILaBjxy6auF_NR8fOKxAfsd3zxGa4wa7wdPaSor7/s320/21.jpg" align="left" style="width:60px; box-shadow:0 0 3px #ccc; padding:3px; margin-right:5px;" />
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.
<a href="http://www.blogger.com/profile/11539663776071135318">View my complete profile</a>.<br/>
<br/>
</div></div></div>

<div id="sidebar-position2">
<div class="imgbackground"><img src="http://i52.tinypic.com/14jnvag.png" width="200px;" height"180px;" style="overflow:hidden;"></div>
<div id="text"><div class="h10"><br/>t<br/>a<br/>g<br/>b<br/>o<br/>a<br/>r<br/>d<br/></div>
<div style="padding:10px;width:260px;height:190px;">
Template by <a href="http://chocollyheart.blogspot.com">Afiqah</a>. Re-edit by <a href="#">Me</a>.
<br/><br/>
put your code tagboard at here. make sure your height of cbox are not too high because this section is limit place.
</div></div></div>


<div id="pic" ><img src="http://i.imgur.com/VhSJi.png" width="100px" id="inimg">
<div id="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML">Entries</div></div>

<div id="pic2"><img src="http://i.imgur.com/BxYwT.png" width="100px" id="inimg2">
<div id="navi2" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML">Bias</div></div>

<div id="pic3"><img src="http://i.imgur.com/HZ4dh.png" width="100px" id="inimg3">
<div id="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML">About</div></div>

<div id="pic4"><img src="http://i.imgur.com/gB0EE.png" width="100px" id="inimg4">
<div id="navi4" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML">Affies</div></div>


<div class="entries-position"><div class="entries-background"><div id="main"><blogger>
<div class="entries-title"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date-entries"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> comment</a> , {<$BlogItemCommentCount$>} </BlogItemCommentsEnabled></div>
<br/>
<$BlogItemBody$></blogger>
</div></div></div>


<div id="one" style="display: none;">
<blogger>
<div class="entries-title"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date-entries"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> comment</a> , {<$BlogItemCommentCount$>} </BlogItemCommentsEnabled></div>
<br/>
<$BlogItemBody$></blogger></div>

<div id="two" style="display: none;">
<div class="entries-title">I heart them so much</div>
<br/>
<center>
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias">
<img src="http://media.tumblr.com/tumblr_m9fsuqr7cd1qddxde.jpg" class="bias"><br/>
replace with yours
</center></div>

<div id="three" style="display: none;">
<div class="entries-title">Le'Owner of this blog</div><br/><br/>
<center><img src="http://data.whicdn.com/images/39595719/661770585_large.jpg"></center>
<br/>
Harry was the lead singer for the band White Eskimo with band members Hayd Morris (lead guitarist), Nick Clough (bass guitarist), and Will Sweeny (drummer). They came together to compete in a Battle of the Bands. The band won the competition, and it helped Harry realize that he loved performing in front of people.
<br/><br/>
Harry at his X Factor audition.In 2010 when he was sixteen years old, Harry auditioned for the seventh series of The X Factor. He wanted a professional opinion on his singing because up until then his mom was the one telling him he was a good singer. Before his audition he said, "Singing's what I want to do, and if people who can make that happen for me don't think that I should be doing that, then it's a major setback in my plans."
Harry sang "Isn't She Lovely" and received positive comments from Simon Cowell and Nicole Scherzinger, while Louis Walsh had doubts on whether he was ready to progress in the competition. At bootcamp, Harry sang "Stop Crying Your Heart Out" before being rejected and put into One Direction.
</div>

<div id="four" style="display: none;">
<div class="entries-title">Exchange link still open</div>
<center><table cellpadding="3" cellspacing="2" width="180">
<tbody><tr>
<td style="text-align:right;">Name</td>
<td><input type="text" size="15" value="yourname" style="width:170px;color:#000;border:1px  dotted pink;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td style="text-align:right;">URL</td>
<td><input type="text" size="15" value="http://urlblog.blogspot.com/" style="width:170px;color:#000;border:1px dotted pink;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr></tbody>
</table>
<a class="link" href="http://chocollyheart.blogspot.com/">Afiqah</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a>
<a class="link" href="http://chocollyheart.blogspot.com/">Friends</a></center>

</div>




</body></head></html>