©

CODES


<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m23qjaRj6S1qb1380.gif" />
</script>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>

<title>Shower Of Tears.</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://www.pastelpatterns.com/small/smallpattern-16.png);
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:15px solid #E3F5FF;
width:880;}

a:link,a:visited{
text-decoration:none;
color:#aaa;-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;
}
a:hover{
color:#A4A4A4;
background:transparent;
}

::-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{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}

.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;
}

.pocetit {
text-transform:lowercase !important;
background:url(http://www.pastelpatterns.com/small/smallpattern-1.png) !important;
color:#bbb !important;-webkit-transition: 1.0s !important;
-moz-transition: 1.0s;letter-spacing:5px !important;
margin-bottom:0px !important;
font-size:12px !important;line-height:20px;  !important;
text-align:right !important;
padding-right:0px !important;border:1px solid #E3F5FF !important;
}

img{
border:1px solid #eee;
padding:3px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}

img:hover{
transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-webkit-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-moz-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-o-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-ms-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);}

.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');
}

::-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;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}

</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/32435/shower_of_tears-baechigi.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
</style>

<style>
.hyosung{
width:100%;
background:url(http://www.pastelpatterns.com/small/smallpattern-5.png);
border-bottom:5px solid #E3F5FF;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#E3F5FF;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.jieun:hover{background:#f8f8f8;
color:#fff;
</style>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" >LINKIES</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div><br><br><br></br></div>
</head>

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

<tr>

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

<div class="pocetit">About;</div>
<div class="umi">What's Happening?</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_mcxynuFiCZ1rbavh7o1_500.png" width="200" height="140"></center><br>

<i>Italic</i> <b>BOLD</b> <u>Underline</u> <strike>Strikethrough</strike>
<br><br>
</div>

<div class="pocetit">Shout here;</div>
<div class="umi">Talk to much</div><br>

Put your cbox code here ~
<br><br><br>

</div>

<div class="pocetit">Credit;</div>
<div class="umi">Makes my blog beautiful, this is!</div><br>

© 2013 - Skins by <a href="http://umihumairayusof.blogspot.com">Mayra</a> and someone help me is <a href="http://nrulysmn.blogspot.com/">Yasmin</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>

</div>

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

<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><$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>


</Blogger>
<div style="float:left;"><a class="newer" href=>NEWER </a></NewerPosts></div><div style="float:right"><a class="older" href=<$OlderPosts$>>OLDER </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><$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>


</Blogger>
<div style="float:left;"><a class="newer" href=>NEWER</a></NewerPosts></div><div style="float:right"><a class="older" href=<$OlderPosts$>>OLDER</a> </div></div>
</div>
</div>
</td>

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

<div class="pocetit">Le' Owner!</div>
<div class="umi">Here owner! meet them</div><br>
<center>
<center><img src="http://25.media.tumblr.com/tumblr_mcxynuFiCZ1rbavh7o1_500.png" width="450" height="300"></center><br>

Put your BIODATA here :) !

<br><br>

</td>

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

<div class="pocetit">Linkies</div>
<div class="umi">Friendship never end</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>
<br><br>
<center>
<a class="jieun" href="http://umihumairayusof.blogspot.com/">Mayra</a>
<a class="jieun" href="LINK">friend</a>
<a class="jieun" href="LINK">friend</a>
<a class="jieun" href="LINK">friend</a>
<a class="jieun" href="LINK">friend</a>
<a class="jieun" href="LINK">friend</a>
</center>
</div>
</td>

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