bless

forteenth

Wednesday, March 18, 2015 | 10:36 AM | 0 comment(s)

<html><head>
<title>oxygen </title>
<link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAAAAAAA////AP///wD///8A////AP///wD///8A////AP///wAAAAAA////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////ABISEgD///8lEhISABISEgASEhIAEhISAAAAAAAAAAAAAAAAAAAAAAAAAAAA////AP///wD///8A////AP///wASEhIAEhISABISEgASEhL/EhIS/xISEgAAAAAAEhIS/xISEv8AAAAA////Pf///wD///8A////AP///wD///8AEhISABISEgASEhIAEhIS/xISEv8SEhL/EhIS/xISEv8SEhL/AAAAAP///wz///8A////AP///wD///8A////ABISEgASEhIAEhISABISEv8SEhL/EhIS/xISEv8SEhL/EhIS/wAAAAD///8A////AP///wD///8A////AP///wASEhIA////AAAAAAASEhL/EhIS/xISEv8SEhL/EhIS/xISEv8AAAAA////EP///wD///8A////AP///wD///8AEhISAAAAAAASEhL/EhIS/xISEv8SEhL/EhIS/xISEv8SEhL/EhIS/wAAAAD///88AAAAAP///wD///8A////ABISEgASEhL/EhIS/xISEv8SEhL/EhIS/xISEv8SEhL/EhIS/xISEv8SEhL/AAAAAAAAAAD///8A////AAAAAAASEhIAEhIS/xISEv8SEhL/EhIS/xISEv8SEhL/EhIS/xISEv8SEhL/EhIS/wAAAAAAAAAA////AP///wD///8AEhISABISEgASEhIAEhISABISEv8SEhL/EhIS/xISEv8AAAAA////AP///wD///8AAAAAAP///wD///8A////AP///wASEhIAEhISABISEgAAAAAAEhIS/xISEv8AAAAA////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8AAAAAABISEv8SEhL/AAAAAP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAAAAAAAAAAAAP///wD///8A////AP///wD///8A//8AAP//AAD//wAA//8AAPmfAAD4HwAA+B8AAPgfAADwDwAA4AcAAOAHAAD8PwAA/n8AAP5/AAD//wAA//8AAA==">

</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><head><title>when it rains, it pours</title><link rel="shortcut icon" href="http://i41.tinypic.com/i6wgi9.png" />

.blogger-labels{
 display:none;
 }
#navbar-iframe{
 display:none;
 }

::-webkit-scrollbar {width: 5px; height:5px; background:transparent}
::-webkit-scrollbar-thumb:vertical {background:#2f2f2f;}

body, table, td, tr, div, p, span, a:active{
font-family: arial;
font-size: 12px;
color: #353535;
cursor: url(http://cur.cursors-4u.net/others/oth-7/oth708.cur), progress !important;
line-height: 21px;
letter-spacing: 0px;
 text-align:justify;
 }

.blogger-labels{
margin-top:-10px;padding-bottom:40px;
}

.blogger-labels a{
font-family: sintony;
font-weight: bold;
text-decoration:none;
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border-radius:5px;
margin-right:3px;
background:rgba(239,239,239,.7);
color:#666;
}
.blogger-labels a:hover{
color:#fff;
background:#ddd;
}

w {color: #000; font-family: calibri; font-weight: bold; font-size: 20px;}
b {color: #83d0cf;}
i {color: #666;}
u { text-decoration: none; border-bottom: 2px solid #fff585; }

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:#f8f8f8;
background-position:50% 80%;background-size:400px;}

.ch-item {
 text-align:center;
 z-index:100 !important;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: relative;
 cursor: default;
 box-shadow: 
  inset 0 0 0 5px rgba(255,255,255,0.6),
  0 1px 2px rgba(0,0,0,0.1);
  
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.ch-img-1 { 
 background-image: url('http://41.media.tumblr.com/tumblr_m9uqa42V7Y1ryn16qo1_1280.jpg');
background-size: 200px;
}
.ch-info {
 position: absolute;
 background: #FFFFFF;
 width: inherit;
 height: inherit;
 border-radius: 50%;
 opacity: 0;
 
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 
 -webkit-backface-visibility: hidden;

}
.ch-info p {
 text-align:center;
 color: #666666;
 margin: 5px 25px;
 font-size: 12px;
 opacity: 0;
 -webkit-transition: all 1s ease-in-out 0.4s;
 -moz-transition: all 1s ease-in-out 0.4s;
 -o-transition: all 1s ease-in-out 0.4s;
 -ms-transition: all 1s ease-in-out 0.4s;
 transition: all 1s ease-in-out 0.4s;
}
.ch-info .h1{
 font-family: 'Sniglet', sans-serif;
 font-size: 26px;
font-weight: bold;
 text-align:center;
 border-bottom: 1px #666 solid;
 padding-bottom: 3px;
 margin:28px 25px 5px 25px;
 }
.ch-item:hover {
 box-shadow: 
  inset 0 0 0 1px rgba(255,255,255,0.1),
  0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
 margin-top:0px;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
.ch-item:hover .ch-info p {
 opacity: 1;
}
.ch-grid {
 margin-top:20px;
 padding: 0;
 list-style: none;
 display: block;
 text-align: center;
 width: 100%;
}
.ch-grid:after,
.ch-item:before {
 content: '';
 display: table;
}
.ch-grid:after {
 clear: both;
}
.ch-grid li {
 width: 200px;
 height: 200px;
 display: inline-block;
}

.big{
position: relative; top: -5px; 
letter-spacing:2px;
font:20px Raleway;
color: #696969;
letter-spacing:1px; text-transform:lowercase;
background-image:url(http://media.tumblr.com/tumblr_m3wib0Y2Ol1qdlkyg.gif);
background-position:right;
background-repeat:no-repeat;
}

.date{
margin:0 0 15px;
letter-spacing:2px;
font:11px ms gothic;
text-transform:uppercase; 
color: #BDBDBD;
background-color:#FBFBFB;
padding:4px;
}

.bottom{
  text-align:right;
 }

blockquote{
 padding:12px;
 background:#EEE;
 }
#creds{
 padding:10px 5px;
 margin-top:-10px;
 border-top:1px solid #666666;
 color:#000;
 font-family: 'Yanone Kaffeesatz', sans-serif;
 font-size:14px;
 text-align:center;
 text-transform:uppercase;
}
#creds a:hover{
 font-family: 'Yanone Kaffeesatz', sans-serif;
 font-size:14px;
 text-align:center;
 text-transform:uppercase;
 }
a.title:hover{
 text-shadow: 0 0 2px #FFF;
 }
</style>

$('#top').click(function() {
  $('body,html').animate({scrollTop:0},800);
 });
});
/***********************************************
* Disable Text Selection script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
 target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
 target.style.MozUserSelect="none"
else //All other route (ie: Opera)
 target.onmousedown=function(){return false}
target.style.cursor = "default"
}

//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"</script><link rel="me" href="https://www.blogger.com/profile/00043615794002102254" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</head><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
      gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
        if (gapi.iframes && gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d2411609111180773431\x26blogName\x3dold+skins;\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://celotes.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://celotes.blogspot.com/\x26vt\x3d9165492616998505505',
              where: document.getElementById("navbar-iframe-container"),
              id: "navbar-iframe"
          });
        }
      });
    </script><body bgcolor="#FFF"><div id="top" style="font-size:32px; text-align:right; position:fixed; bottom:20px; right:0px; display:none;"><img src="http://d2wss9bif9q3el.cloudfront.net/403/061/images/nh1lc.png" width="150" /></div><div style="position:fixed; top:0px; left:40px;"><a class="title" style="padding:10px 10px 5px 10px; color:#FFF; font-size:48px; width:auto; background-color:#000;" href="JavaScript:newPopup('http://www.blogger.com/follow-blog.g?blogID=6702004882423906625');" title="follow?">+</a></div>
<center>
<table border="0" cellpadding="8" cellspacing="0" style="width:750px;">
<tr>
<td width="200" style="text-align:left; position:fixed;">
<ul class="ch-grid"><li><div class="ch-item ch-img-1">
<div class="ch-info">
<div class="h1">ahlan</div>
<p>semoga lebih ramai yang terbuka hati untuk berfikir...
tentang kejadian aneh di persekitaran. </p>
</div></div></li></ul>
<a linki" href="http://sheisteen.blogspot.com/"><img src="http://i1271.photobucket.com/albums/jj627/monicutte/ScreenShot2013-01-27at94047AM_zps7a71b505.png"style="width: 190px;"></a>
<br><br>
<center>

<div id="cboxdiv" style="position: relative; width: 200px; font-size: 0;">
<div style="position: relative; width: 190px; margin: 0 auto; height: 72px; overflow: hidden; border:#FFFFFF 1px solid; border-bottom: 0px;"><iframe src="http://www7.cbox.ws/box/?boxid=727791&boxtag=rrtsza&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="190px" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-727791" id="cboxform7-727791"></iframe></div>
<div style="position: relative; width: 190px; margin: 0 auto; height: 0px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#FFFFFF 1px solid;"><iframe src="http://www7.cbox.ws/box/?boxid=727791&boxtag=rrtsza&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="0" height="0" scrolling="auto" allowtransparency="yes" name="cboxmain7-727791" id="cboxmain7-727791"></iframe></div>
</div>

</center>

<select style="border:0; font: sniglet; font-size:12px; color: #666666; background-color: #F0F0F0; padding: 5px; width: 200px" onChange="location.href=this.options[this.selectedIndex].value;"><option value=''>☂ ☂ ☂</option>
<option>RECENT POSTS</option><BloggerPreviousItems><option value="<$BlogItemPermalinkURL$>">   <$BlogPreviousItemTitle$></option></BloggerPreviousItems>
</select></td></tr>

<tr><td style="padding:58px 20px 20px 230px"><Blogger>
<div class="big"><$BlogItemTitle$></div>
<div class="date" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br><$blogitembody$>
<br><br><br>

<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>
<div id="creds">layout by <a href="http://www.blogskins.com/me/ohfudge1" target="_blank">ohfudge!</a> <a href="http://www.blogskins.com/info/394184" target="_blank" title="much thanks to Chapters!">script</a><NewerPosts><a href="<$NewerPosts$>">  || NEXT »</a></NewerPosts></div></td>
</tr></table></center><script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script></body></html>