Blogskins C O D E

Lavender

<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: LAVENDER
!!*--DONT REMOVE THIS SECTION--*!!
--------------------------------------!>
<title>L A V E N D E R</title>
<link rel="shortcut icon" href="http://static.tumblr.com/bc7znss/MN5ma27op/373813c8qyd2txyp.gif" />
<style type="text/css">

body {
color: #777;
font-family:imprima;
font-size: 12px;
background: #fbfbfb;
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;
}

/****************************
POST FOOTER
****************************/
#footerpost {
margin-top:30px;
background: url(http://static.tumblr.com/fftf9xi/Csulrl8xt/border-chat.png) bottom right repeat-x;
}
/****************************
SIDEBAR
****************************/
.sidebar{
position: absolute; top:0px; left: 0px;
width: 310px;
height: 100%;
padding: 7px;
border-right: 10px solid #eee;
background:#fbfbfb;
color: #777;
font-family: imprima;
font-size: 11px;
}
/****************************
POST
****************************/
.bodypost{
position: absolute; top:40px; right: 170px;
border-radius:10px;
width: 600px;
padding: 7px;
color: #333333;
border:1px dashed #ddd;
text-align: justify;
background: #fff;
}
/****************************
BACKSIDE
****************************/
#backside {
position: absolute; top:1px; right: 830px;
width: 120px;
height: 100%;
background-color: #f8f2f3;
background: url(http://25.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png);
}
/****************************
NAVIGATION
****************************/
.navi {
text-transform:uppercase;
width:150px;
background:#fff;
border: 1px dashed #ddd;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
padding:3px;
font: 11px imprima;
margin-left:-20px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
margin-top:15px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
-webkit-transition:2s;
}
.navi:hover {
box-shadow:inset -50px -40px 0px #eee, inset 50px 40px 0px #ddd;
-webkit-transition:1s;
color:#fff;
}

/****************************
POST TITLE
****************************/
.h1{
margin-top: 10px;
text-align: left;
color: #000;
font-size: 18pt;
text-transform:lowercase;
font-family: star;
}
@font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
/****************************
SIDEBAR TITLE
****************************/
.h2{
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
border-bottom: 4px double #ddd;
font: 18pt star;
text-transform: lowercase;
letter-spacing: 1px;
}
/****************************
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-size: 18pt;
text-transform:lowercase;
font-family: star;
}
@font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
.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 {
background:#fff;
background-size: 40%;
color: #444;
border-left:25px solid #ddd;
padding:4px;
}
blockquote:hover {
border-left:25px solid #eee;
}
/****************************
HIGHLIGHT
****************************/
::selection {
background-color: #eee;
color: #000;
}
::-moz-selection {
background-color: #eee;
color: #000;
}
::-webkit-scrollbar {width: 6px; height: 6px; background: #fff; }
::-webkit-scrollbar-thumb:vertical {background: #eee;}

</style>

<center>
<div id="backside">
<div style="margin-top:100px;">
<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="sidebar">
<center><img style="width:300px;padding:4px;border:1px dashed #ddd;height:200px;" src="http://24.media.tumblr.com/tumblr_m0h737P8qZ1qlywlko1_500.jpg">
</center>
<center><div class="h2"> Holla Earthlings ! </div></center>
<img style="clear: right; float: left;border: 1px dashed #ddd;width:50px;height:50px;border-radius:50%;padding:3px; margin-bottom: 1em; margin-right: 0.5em;" src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.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>
<center><div class="h2"> Big Thanks </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>
Background : <a href="http://cocorini.com/">Cocorini</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/tag/caneta">Weâ™¥It</a><br>
Footer Image : <a href="http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html">Evan Grace</a><br>
</center>
<br><br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
</div><br>
</div><br>
</div>
</div>
<center>
<div id="main"style="padding-left:170px;">
<center>
<Blogger>
<div class="bodypost">
<div class="h1">
<img src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.png" width="50" height="50" style="border-radius: 50%;padding:3px; border:1px dashed #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>
<!--------------------------------------
REFRESH BODY SECTION
--------------------------------------!>
<div id="entries" style="display:none;">
<center>
<Blogger>
<div class="bodypost">
<div class="h1">
<img src="http://static.tumblr.com/4a227c592fdcca9fd0cd67f69e04a84d/1xjieua/iPGmtl9zw/tumblr_static_tumblr_static_zoph-banner.png" width="50" height="50" style="border-radius: 50%;padding:3px; border:1px dashed #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 class="bodypost">
<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 class="bodypost">
<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 class="bodypost">
<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 class="bodypost">
<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>
Background : <a href="http://cocorini.com/">Cocorini</a><br>
Colour Code : <a href="http://html-color-codes.info/">HTML COLOUR</a><br>
Image : <a href="http://weheartit.com/tag/caneta">Weâ™¥It</a><br>
Footer Image : <a href="http://evangelista-grace.blogspot.com/2013/10/freebies-post-border-bottom.html">Evan Grace</a><br>
</center>
<br><br>
<!---DON'T REMOVE THIS CREDIT SECTION.I WORK HARD FOR THIS!---!>
</div>
</div>
</body>
</html>