<!---------------------------------------------------------------------------
THIS SKIN IS TOTALLY MADE BY ME, BII. PLEASE DO NOT REMOVE THE CREDITS WHEN YOU ARE USING MY BLOGSKIN. THANKS FOR YOUR CO-OPERATION. DO EDIT THE EDITABLE PART.
BLOG OF OWNER : http:/angelbii.blogspot.com/
DESIGNER: BII
DATE OF DESIGN: 03.14.15
---------------------------------------------------------------------------!>
<html>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/983e00b7a843ac5296ccef85ad4569a0/tumblr_inline_mz64draZSa1r9ajsd.gif">
<title>Flowery</title>
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
</head>
<style type='text/css'>
#navbar-iframe {
display: none;
}
body {
overflow-y: auto;
}
/* Content
----------------------------------------------- */
.h3 {
background: url(http://i.imgur.com/4aX5W92.gif);
text-align: center;
padding: 3px;
line-height: 3px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 25px;
font-family: marck script;
color: #888;
width: 100%;
text-shadow: 2px 2px 2px #FFF;
}
#main {
position: absolute;
top: 50px;
left: 500px;
width: 700px;
height: auto;
background: #FFF;
padding: 3px;
margin-bottom: 50px;
padding: 10px;
background: #FFF;
-moz-box-shadow: 0 0 1px 1px #eee
-webkit-box-shadow: 0 0 1px 1px #eee;
box-shadow: 0 0 1px 1px #eee;
}
#content {
padding: 10px;
font-family: consolas;
font-size: 12.7px;
color: #ccc;
line-height: 1.7;
border: 1px dashed #ccc;
}
.date {
position: absolute;
top: 53px;
left: 400px;
padding-left: 5px;
padding-right: 5px;
opacity: 0;
font-family: tinytots;
font-size: 8px;
color: #ccc;
text-transform: uppercase;
border: 1px solid #eee;
border-left: 0px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-transition-duration: .7s;
}
#content:hover .date {
position: absolute;
top: 53px;
left: 20px;
padding-left: 5px;
padding-right: 5px;
opacity: 1;
font-family: tinytots;
font-size: 8px;
color: #ccc;
text-transform: uppercase;
border: 1px solid #eee;
border-left: 0px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-transition-duration: .7s;
}
/* Sidebar
----------------------------------------------- */
.sideb {
position: fixed;
top: 300px;
left: 100px;
width: 200px;
height: auto;
border: 3px double #eee;
background: #FFF;
padding: 10px;
}
/* Navigator
----------------------------------------------- */
a.navi {
display: inline-block;
width: 75px;
margin: 5px;
padding: 3px;
text-align: center;
font-family: tinytots;
font-size: 8px;
background: #EEE;
color: #000;
text-transform: uppercase;
box-shadow: inset 1px 0 0px 0 #eee;
-webkit-transition-duration: .7s;
}
a.navi:hover {
display: inline-block;
width: 75px;
margin: 5px;
padding: 3px;
text-align: center;
font-family: tinytots;
font-size: 8px;
background: #EEE;
color: #FFF;
text-transform: uppercase;
box-shadow: inset 200px 0 0px 0 #cccccc;
-webkit-transition-duration: .7s;
}
a.on {
display: inline-block;
width: 20px;
padding: 3px;
text-align: center;
background: #eee;
font-size: 9px;
color: #FFF;
}
/* Others
----------------------------------------------- */
b {
text-shadow: 1px 0px 0px #FFDEDB;
}
u {
color: #ccc;
text-decoration: none;
border-bottom: 1px solid #FFDEDB;
-webkit-transition-duration: .8s;
}
u:hover {
color: #888;
text-decoration: none;
border-bottom: 2px solid #FFDEDB;
-webkit-transition-duration: .8s;
}
i {
letter-spacing: 2px;
}
blockquote {
background: url(http://i.imgur.com/7v5zgnr.png) center right no-repeat;
border: 1px solid #eee;
text-shadow: 2px 0px 0px #FFF;
padding: 10px;
-webkit-transition-duration: .8s;
}
blockquote:hover {
background: url(http://i.imgur.com/7v5zgnr.png) bottom right no-repeat;
border: 1px solid #fff;
text-shadow: 2px 0px 0px #FFF;
-webkit-transition-duration: .8s;
}
::-moz-selection {
background: #ccc;
color: #fff;
}
::selection {
background: #ccc;
color: #fff;
}
a:link, a:visited {
text-decoration: none;
color: #FBDCBB;
-webkit-transition-duration: .8s;
}
a:hover {
text-decoration: none;
color: #996633;
text-shadow: 2px 0px 0px #ccc;
-webkit-transition-duration: .8s;
}
@font-face{
font-family: b-only;
src:url(https://dl.dropbox.com/s/wfzl0oqqi4g9k4z/TheOnlyException.ttf);
}
@font-face{
font-family: e-15;
src:url(https://dl.dropbox.com/s/ap9zpxt8uc5zyrn/15.ttf);
}
@font-face{
font-family: e-minny;
src:url(https://dl.dropbox.com/s/l58a4ygryq224ve/minny.ttf);
}
@font-face{
font-family: tinytots;
src:url(https://dl.dropbox.com/s/ddjib2ocemkfc73/04B_03_.TTF);
</style>
<body>
<blogger>
<div id='main'>
<div id='content'>
<div class='h3'><$BlogItemTitle$></div>
<br>
<BlogItemBody><$BlogItemBody$></BlogItemBody>
<div class='date'><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</div>
</div>
<div style='position:fixed; top:0px; left:10px;'>
<img src='http://i.imgur.com/dgrj5uF.png'>
</div>
<div class='sideb'>
<div class='h3'>Navigator</div>
<center>
<a class='navi' onClick="document.getElementById('content').innerHTML=document.getElementById('posts').innerHTML" title="">HOME</a><br>
<a class='navi' onClick="document.getElementById('content').innerHTML=document.getElementById('profile').innerHTML" title="">PROFILE</a>
<a class='navi' onClick="document.getElementById('content').innerHTML=document.getElementById('links').innerHTML" title="">AFFILIATES</a>
<a class='navi' onClick="document.getElementById('content').innerHTML=document.getElementById('cbox').innerHTML" title="">CBOX</a>
<a class='navi' href='https://www.blogger.com/home' style='color:#000;'>DASHBOARD</a>
<a class='navi' href='http://www.blogger.com/follow-blog.g?blogID=5844858100638941379' style='color:#000;'>+ FOLLOW</a>
</center>
</div>
<div style='position:fixed; top:295px; left:275px; -webkit-transform: rotate(20deg);'>
<img width='75' src='http://i.imgur.com/Af6PiDJ.png'>
</div>
<div style='position:fixed; top:460px; left:100px;'>
<OlderPosts><a class='on' href='<$OlderPosts$>' style='color:#FFF;'>◀</a></OlderPosts>
</div>
<div style='position:fixed; top:460px; left:300px;'>
<NewerPosts><a class='on' href='<$NewerPosts$>' style='color:#FFF;'>▶</a></NewerPosts>
</div>
<!--------------------------------------POSTS--------------------------------------!>
<div id="posts" style="display: none;">
<div class='h3'><$BlogItemTitle$></div>
<br>
<BlogItemBody><$BlogItemBody$></BlogItemBody>
</div>
<!-------------------------------------PROFILE-------------------------------------!>
<div id="profile" style="display: none;">
<div class='h3'>About the Author</div>
<br>
<center>Replace with details of yourself</center>
<br>
</div>
<!-------------------------------------PROFILE-------------------------------------!>
<div id="links" style="display: none;">
<div class='h3'>Visit' em</div>
<br>
<center>Replace with your affiliates</center>
<br><br>
<div class='h3'>Credits</div>
<center>
<br>Basecode by <a href=''>Bii Angel</a>
<br>Redesigned by <a href=''>Your Name</a>
<br>Tutorials from <a href=''>Bii Angel</a>, <a href=''>Google</a>
<br>Materials from <a href=''>Bii Angel</a>, <a href=''>Baidu</a>
<br>Supported by <a href=''>Cbox</a>, <a href=''>Imgur</a>, <a href=''>Blogger</a>
</center>
<br>
</div>
<!---------------------------------------CBOX--------------------------------------!>
<div id="cbox" style="display: none;">
<div class='h3'>Messages for Me</div>
<br>
<center>Replace with your cbox codes</center>
<br>
</div>
</blogger>
</body>
</html>