<html>
<link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<head>
<!--------------------------------------
SKIN BY: A D A M F A I Z
TITLE: PASTEL RAINBOW ♥
!!*--DONT REMOVE THIS SECTION--*!!
--------------------------------------!>
<title>PASTEL RAINBOW ♥</title>
<link rel="shortcut icon" href="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" />
<style type="text/css">
body {
color: #777;
text-align:auto;
font-family:imprima;
font-size: 12px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXG2F1_Ru3cGMRAtx51ko84DmItgWfda9C4P5hDfMdKVpmGgsrM0LiPVx3-8elNoG0CaphZzcOrqMAAnJwzKQh_CdzLkS4bQD_xp11tU7SSFgzszOjIPHF1K8WKW0C8vRitILRFfvwqJo/s1600/pink.png);
background-size:3%;
cursor: url(http://i.imgur.com/GLcEJfz.png),auto;
}
a:link, a:active, a:visited {
font-family: imprima;
color: #aaa;
text-decoration: none;
font-weight: none;
-webkit-transition-duration: .50s;
}
a:hover {
color: #333333;
text-decoration: none;
}
/****************************
SIDEBAR
****************************/
.sidebar{
position: absolute; top:15px; left: 13px;
width: 310px;
height: 300px;
padding: 7px;
background:#fff;
color: #777;
border:1px dashed #ddd;
font-family: imprima;
font-size: 11px;
}
.imageu{
width:330px;
position:absolute;
top:80px;
left: 90px;
background:#FFE6E6 ;
padding:10px;
border:1px dashed #ddd;
height:325px;
}
/****************************
BACKSIDE
****************************/
#backside {
position: absolute; top:1px; right: 870px;
width: 15px;
border: 1px dashed #ddd;
border-top:none;
border-bottom:none;
height: 100%;
background:#E6F4FF;
}
#backside2 {
position: absolute; top:1px; right: 250px;
width: 15px;
border: 1px dashed #ddd;
border-top:none;
border-bottom:none;
height: 100%;
background:#E6F4FF;
}
/****************************
NAVIGATION
****************************/
.navi {
text-transform:uppercase;
width:80px;
padding:3px;
margin-left:297px;
background:#F6E6FF;
margin-bottom:12px;
border: 1px dashed #ddd;
color:#000;
display:block;
text-decoration:none;
text-align:center;
font: 11px calibri;
letter-spacing:1px;
border-left:none ;
cursor: pointer;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.navi:hover {
width:110px;
}
/****************************
POST TITLE
****************************/
.h1{
margin-top: 10px;
text-align: left;
color: #000;
background:#F6E6FF;
margin-bottom:3px;
border: 1px dashed #ddd;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
}
/****************************
SIDEBAR TITLE
****************************/
.h2{
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
margin-top: 10px;
border: 1px dashed #ddd;
margin-bottom: 17px;
text-align: center;
background:#E6F4FF;
}
@font-face {
font-family: 'Pathway Gothic One';
font-style: normal;
font-weight: 400;
src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v1/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}
/****************************
DESCRIPTION
****************************/
.h3{
font-size: 9px;
text-align: left;
color: #666;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
}
/****************************
PAGE
****************************/
.h4{
margin-top: 10px;
text-align: center;
color: #000;
font-family: 'Pathway Gothic One';
font-size:20px;
text-transform:uppercase;
}
.h5{
font-size: 11px;
background: #fbfbfb;
padding:3px;
text-align: center;
color: #666;
font-family: imprima;
letter-spacing: 1px;
text-transform: uppercase;
}
b, strong {
font-family: tahoma;
color: #333333;
}
i, em {
font-family: tahoma;
color: #999999;
}
u {
font-family: tahoma;
color: #555555;
border-bottom: 1px solid #DDD;
}
/****************************
POST BLOCKQUOTE
****************************/
blockquote {
-webkit-user-select: text;
-moz-user-select: text;
padding: 5px;
border: 1px dashed pink;
padding-left: 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5PjYyUCn7KB-SJJE3ob3ZIqCauFZh3FtKiMJzI_w7-KYaxOBkJo_zApKo19desB_l9vXiMPsH3Vy4irWGxpTi_A6Fbf6Hp3z2s2AuYmbeHCM71dXDGm9k8dHGdpsvK3UFljbaw9ZSa0Q/s1600/pink.png) repeat-y;
background-size: 20px 20px;
color: #aaa;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}
/****************************
HIGHLIGHT
****************************/
::selection {
background-color: pink;
color: #000;
}
::-moz-selection {
background-color: pink;
color: #000;
}
::-webkit-scrollbar {width: 8px; height: 6px; background: #fff; }
::-webkit-scrollbar-thumb:vertical {background:#E6F4FF;border-radius:10px;border: 1px dashed #ddd;}
/****************************
OLD NEW BUTTON
****************************/
.oldnew {
border:1px dashed #ddd;
background:#F6E6FF;
padding:8px;
width:40px;
height:40px;
border-radius:50%;
text-align:center;
line-height:40px;
font: imprima;
font-size:15px;
cursor: pointer;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.oldnew:hover {
background:#FFE6E6 ;
border-radius:0px;
}
/****************************
MUSIC PLAYER STYLE BY WANASEOBY
****************************/
.musicpl {
-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;
color:#111;
padding-left: 10px;
padding-right:11px;
padding-top:11px;
padding-bottom:11px;
margin:1px;
border-radius:30px;
background:#fff;
border:1px dashed #C5C8FA;
}
.musicpl:hover {
-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;
color:#111;
padding-left: 12px;
padding-right:11px;
padding-top:11px;
padding-bottom:11px;
margin:1px;
border-radius:30px;
cursor:pointer;
background:#fff;
border:10px solid pink;
}
</style>
<center>
<div id="backside">
<div id="backside2">
<div style="margin-top:140px;">
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML">Entries</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tuto').innerHTML">stuff</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('friend').innerHTML">Affies</a>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('credit').innerHTML">Credit</a>
<br>
</center>
<br>
</div>
</head>
<noembed><body></noembed>
<div class="imageu">
<div class="sidebar">
<center><div class="h2"> bonjour people </div></center>
<img style="clear: right; float: left;border: 1px solid #ddd;width:80px;height:80px;padding:2px; margin-bottom: 1em; margin-right: 0.5em;" src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S3_zpsbc977c66.png" width="50" />
Hey I'm human.live on earth.love swimming,shopping & fishing.welcome to my world.i love brandet things,like to eat,drinks,watching tv and blalalalala. Replace this with your own information (likes, dislikes, etc), and other
<br>
</br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<center><div class="h2"> thank you </div></center>
<center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/">We♥It</a><br>
Image 2 : <a href="http://stickytoffee-graphics.blogspot.com.ar/">Monster</a><br>
Background : <a href="http://chocollyheart.blogspot.com/">Afiqah Junizan</a><br>
Music Player & Help : <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>
<br>
</center>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<!---MUSIC PLAYER START---!>
<div style="position: absolute; top: -20px;margin-left:-47px; ">
<div class="musicpl"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="20" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/qz7gss03xm/EXO_12_Miracles_in_December_Korean_ver._.mp3&width=20&autoplay=1&volume=75&showslider=0&showloading=never&sliderwidth=0&bgcolor1=ffffff&bgcolor2=ffffff&slidercolor1=ffffff&slidercolor2=ffffff&sliderovercolor=ffffff&buttoncolor=b0b0b0&buttonovercolor=b0b0b0" />
</object></div></div>
<!---MUSIC PLAYER END---!>
<!---OLD NEW BUTTON---!>
<div class="oldnew" style="left: 10px; position: absolute; top: 360px;">
<a href="$NewerPosts$">NEW</a></div>
<div class="oldnew" style="left: 263px; position: absolute; top: 360px;">
<a href="$OlderPosts$">OLD</a></div>
<br><br>
</div><br>
</div><br>
</div>
</div>
<center>
<div id="main"style="padding-left:170px;">
<center>
<Blogger>
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h1">
<img src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S8_zps54ba6528.png" width="50" height="50" style="padding:1px; border:1px solid #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
<BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$><br>
</Blogger>
<br>
</center>
</div>
<!--------------------------------------
REFRESH BODY SECTION
--------------------------------------!>
<div id="entries" style="display:none;">
<center>
<Blogger>
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h1">
<img src="http://i1176.photobucket.com/albums/x333/MeloChan/Septiembre2013/S8_zps54ba6528.png" width="50" height="50" style="padding:1px; border:1px solid #ddd; float:left; margin-right:10px;"/><span style="font:18px; display:inline-block; width:523px; padding:4px; border-bottom:1px solid #eee; "/>
<BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$><br>
</Blogger>
<div id="footerpost">
<br>
</center>
</div>
<!--------------------------------------
PROFILE SECTION
--------------------------------------!>
<div id="profile" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h4">Webmistress</div>
<div class="h5">Meet The Owner</div><br>
</br>
<center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data1.whicdn.com/images/88342002/large.jpg"></center>
<br>
</br>
<!---REPLACE THIS WITH YOURS---!>
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. 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.
<!---REPLACE THIS WITH YOURS---!>
<br>
<br>
</div>
<br><br>
</div>
<!--------------------------------------
STUFF SECTION
--------------------------------------!>
<div id="tuto" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h4">Stuff</div>
<div class="h5">Other things</div><br>
</br>
<center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88340893/large.jpg"></center>
<br>
</br>
<center>
REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS REPLACE THIS WITH YOURS
</center>
<br>
<br>
</br>
</div>
<!--------------------------------------
AFFILIATES SECTION
--------------------------------------!>
<div id="friend" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h4">Affies</div>
<div class="h5">Link exchange</div><br>
<br>
</br>
<center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/88346809/large.jpg"></center>
<br>
</br>
<center><a href="http:/sibodohjangankacau.blogspot.com/">AdamFaiz</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a> |
<a href="http:">Friend</a> | <a href="http:">Friend</a> | <a href="http:">Friend</a></center>
<!---DON'T REMOVE MY LINK ---!>
<br>
</br>
</div>
<!--------------------------------------
CREDIT SECTION
--------------------------------------!>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
<div id="credit" style="display:none;">
<div style="position:absolute; top:80px; left:570px;">
<div <div style="background:#fff; width:600px; border-radius:2px; padding:10px; border:3px solid #FFE6E6 ;">
<div style="width:640px;margin-left:-23px;font:8px tt; padding:3px;-webkit-transition: 1.0s; -moz-transition: 1.0s;height:10px; background:#F9F0CC;color:#333;border-radius:300px;letter-spacing:2px;margin-top:-20px; margin-bottom:10px;"></div>
<div class="h4">Big Thanks</div>
<div class="h5">Credit </div><br>
<br>
</br>
<center><img style="width:350px;border:1px dashed #ddd;padding:3px;" src="http://data3.whicdn.com/images/87941559/large.png"></center>
<br>
<center>Skin By : <a href="http://sibodohjangankacau.blogspot.com/">Adam</a> <a href="http://www.blogskins.com/me/adam_faiz">Faiz's</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/">We♥It</a><br>
Image 2 : <a href="http://stickytoffee-graphics.blogspot.com.ar/">Monster</a><br>
Background : <a href="http://chocollyheart.blogspot.com/">Afiqah Junizan</a><br>
Music Player & Help : <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>
<br>
</center>
<br><br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
</div>
</div>
</body>
</html>
