Strawberries Theme v.1 (OLD)

<!------------------------------------------------------------------------


/// strawberries theme v.1 by ally

© 2014 stahrfruits.tumblr.com


-------------------------------------------------------------------------->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<script type="text/javascript" src="http://static.tumblr.com/l6jlevp/55Ol9k5ow/18036.js"></script>
<script type="text/javascript">$(window).load(function() {$('#container').masonry();});</script>
<script type="text/javascript" src="http://static.tumblr.com/l6jlevp/URwl9k5ok/26915.js"></script>
<style type="text/css">

body{padding:10px; background:#ffffff; margin:0px; color:#000000; font-family:Arial,monospace; font-size:10px; line-height:100%; text-align:justify;}
a{text-decoration:none; outline:none; -moz-outline-style:none; color:#000000;}
img{border:none;}
blockquote{padding-left:5px; border-left:1px dashed #000000;}
blockquote blockquote{padding-left:5px; border-left:1px dashed #000000;}
#container{margin:auto; width:792px;}
#perma{border-bottom:1px solid #d4d4d4; opacity:0.8; text-transform:lowercase; position:absolute; width:250px; background:#f0f0f0; padding-bottom:5px; z-index:100; display: none;}
#entry:hover #perma {display: block;}
#entry{{block:PermalinkPage}width:778px;{/block:PermalinkPage} overflow:hidden; margin:3px; padding:3px; border:1px solid #FF95D6; display:inline; float:left; {block:IndexPage}width:250px;{/block:IndexPage}}
#entry img{{block:PermalinkPage}width:778px;{/block:PermalinkPage} {block:IndexPage}width:250px;{/block:IndexPage} height:auto;}
#top{text-transform:uppercase; margin:auto; width:786px; border-bottom:1px solid #d4d4d4;}
#bottom{text-transform:uppercase; margin:auto; width:786px; border-top:1px solid #d4d4d4;}
#av{{block:IndexPage}width:250px;{/block:IndexPage} {block:PermalinkPage}width:778px;{/block:PermalinkPage} background:white;}
#des{float:right; text-align:right; width:528px;}


{CustomCSS}

    #updates {
text-align: center;
font-size: 11px;
position:fixed;
left:725px;
top:-111px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}

#updates:hover {top:0px;}

#update {
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:1px;
border-color:#000;
padding: 5px 0 5px 0;
background: #fff;
width:200px;
height:100px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
z-index: 9999;
}

#updatestab {
border-top-style:none;
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:1px;
border-color:#000;
text-align: center;
height:10px;
padding: 2px 0 8px 0;
background:#fff;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 200px;
}


</style></head><body>

<!--Beginning of Updates Tab-->
<div id="updates">
<div id="update"> <center><b>

PUT YOUR UPDATES HERE

</center></div>
<div id="updatestab">announcements</div>
</div>


<!--End of Updates Tab-->

<div id="top"><a href="/">{title}</a>•<a href="/archive"> History </a>{block:Pagination}•{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{block:PreviousPage}•<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}•<a href="/page/{TotalPages}">Last</a>{/block:Pagination}•
<a href="http://">
<!--DO NOT REMOVE ANYTHING BELOW THIS LINE-->
<a href="http://c-innamonbun.tumblr.com/">©</a></div>

<div id="top"><i><div id="des">{Description}</div></i></div></br></br>

<div id="container">{block:Posts}<div id="entry">{block:IndexPage}<div id="perma"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>{block:RebloggedFrom} op:<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>{/block:IndexPage}
{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
{block:Photo}{LinkOpenTag}{block:IndexPage}<img src="{PhotoURL-500}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} <!--THANKS TO USEYOUREYES FOR BASE-->
{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}<div id="av">{Photoset-500}</div>{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
{block:Link}<t><a href="{URL}" {Target}>{Name}</a></t>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
{block:Audio}<div id="av">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}<div id="av">{Video-500}</div>{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Answer}<i>{Asker}: {Question}</i><br>{Answer}{/block:Answer}</div>{/block:Posts}</div>


</body></html>