Simple Theme

<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
    <head>
        {MobileAppHeaders}
        <meta charset="utf-8">
        <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
        {block:Description}
        <meta name="description" content="{MetaDescription}">
        {/block:Description}


       <!--Do not remove credit-->


        <!-- Theme Defaults -->


        <meta name="image:sidebar" content="">
        <meta name="color:title" content="#bb9f77">
        <meta name="color:links" content="#bb9f77">
        <meta name="color:nav" content="#bb9f77">

        <meta name="text:Link 1" content="Link 1">
        <meta name="text:Link 1 url" content="">
        <meta name="text:Link 2" content="Link 2">
        <meta name="text:Link 2 url" content="">
        <meta name="text:Link 3" content="Link 3">
        <meta name="text: Link 3 url" content="">
        <meta name="text:Link 4" content="Link 4">
        <meta name="text: Link 4 url" content="">


       <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>


       <script type="text/javascript">
$(window).load(function () {
$('#content').masonry({
itemSelector : ".posts",
},
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>


<style type="text/css">

a{text-decoration:none;}


.title{
    position:fixed;
    margin-top:5px;
    margin-left:10px;
    z-index:999;
      -moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;

}

.title a{text-decoration:none; color:{color:title}; font-size:50px;}

.title:hover{


}

.title:hover .description{
    visibility:visible;
    margin-top:50px;
    margin-left:200px;
}

.description{
    visibility:hidden;
    font-size:15px;
    margin-top:-40px;
    width:200px;
    text-align:justify;


}


#sidebar img{
    position:fixed;
    margin-top:150px;
    width:200px;
    height:300px;
}

#nav{
    position:fixed;
    margin-top:470px;
    margin-left:70px;
}

#nav a{color:{color:nav}; border:1px ridge black; width:70px; display:inline-block; text-align:center; padding-bottom:2px;}

#rightside img{
    position:fixed;
    margin-top:-10px;
    margin-left:650px;
}

#links{
    position:fixed;
    margin-top:80px;
    font-family:arial;

}

#links a{color:{color:links};}

#content{
    position:absolute;
    margin-top:150px;
    margin-left:600px;
    width:700px;
}

#content .posts{
    width:300px;
    padding-bottom:10px;
    padding-top:10px;
    padding-right:10px;
    padding-left:10px;
     margin:10px 10px 10px;
    border:2px solid black;
    text-align:center;
    float:left;
}

.poststitle{
    font-size:30px;
    font-weight:bold;
    color:tan;
    border-bottom:1px solid black;
}


.posttext{
    color:black;
    font-size:14px;
}

.quote{

}

.quotesource{
    font-size:10px;
}

.photos{
    opacity:.7;
}

.photos:hover{
    opacity:1;
}

.like_and_reblog_buttons {


                list-style: none;
            }

            .like_and_reblog_buttons li {

                float:left;
                margin-left:-25px;
                margin-top:-20px;
                padding: 7px 15px;
                height: 20px;


            }
 .like_and_reblog_buttons li:first-child {

               margin-left:-40px;
               margin-top:-20px;


            }
.posts:hover .reblog{
    visibility:visible;

}

.reblog{
visibility:hidden;
}

.tags{
    position:fixed;
    margin-top:-20px;
    padding-bottom:10px;
    visibility:hidden;
    background-color:tan;
    width:300px;
}

.posts:hover .tags{
    visibility:visible;
    opacity:.7;
}

.tags a{color:black;}

#info{
    background-color:#fbeeda;
    opacity:.7;
    width:300px;
    padding-top:5px;
    text-align:center;
}

#date a{
    color:#c1a86d;
    font-weight:bold;
    font-size:12px;
}

.pagination{
    position:fixed;
    margin-top:600px;
    margin-left:60px;
}

.pagination a{color:#bb9f77;}

.pagination a:hover{
    color:black;
    opacity:.5;
}

/* Custom CSS */
            {CustomCSS}
        </style>
    </head>
    <body>
<div class="title">
<a href="/">{Title}</a>

<div class="description">
{block:Description}{Description}{/block:Description}
</div>
</div>

<div id="sidebar">
<img src="{image:sidebar}">
</div>


<div id="nav">
<a href="/">Home</a>
<br>
<a href="/ask">Message</a>
<br>
<a href="/submit">Submit</a>
<br>
<a href="/archive">Archive</a>
</div>

  <div id="links">
<a href="{text:Link 1 url}" style="padding-right:40px;">{text:Link 1}</a>
<a href="{text:Link 2 url}" style="padding-right:40px;">{text:Link 2}</a>
<a href="{text:Link 3 url}" style="padding-right:40px;">{text:Link 3}</a>
<a href="{text:Link 4 url}">{text:Link 4}</a>
</div>


<div id="content">
{block:Posts}
<div class="posts">

<div class="reblog"><ul class="like_and_reblog_buttons">
              <li>{ReblogButton color="Black"}</li>&nbsp;&nbsp;&nbsp;&nbsp;
              <li>{LikeButton color="Black"}</li>
          </ul></div>

{block:HasTags}
                    <div class="tags">
                        {block:Tags}

                                <a href="{TagURL}">#{Tag}</a>

                        {/block:Tags}
                    </div>
                {/block:HasTags}

{block:Text}
<div class="poststitle">{Title}</div>
{Body}
{/block:Text}

<div class="photos">
{block:Photo}
<img src="{PhotoURL-500}" width="300" alt="">
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
</div>

{block:Photoset}
{block:Photos}
 <img src="{PhotoURL-500}" width="{PhotoWidth-300}">
{/block:Photos}
{/block:Photoset}

{block:Quote}
<div class="quote">"{Quote}"</div>
<br>
<div class="quotesource">~{Source}</div>
{/block:Quote}

{block:Chat}
{block:Title}<div class="poststitle">{Title}</div>{/block:Title}
 <ul>
<div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
 </ul>
{/block:Chat}

{block:Audio}
{block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
 {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
{/block:Audio}

{block:Video}
{VideoEmbed-250}
{/block:Video}

{block:Link}
<a href="{URL}"><div class="poststitle">{Name}</div></a>
{block:Description}<div class="posttext">{Description}</div>{/block:Description}
{/block:Link}

{block:Answer}
<img src="{AskerPortraitURL-30}" alt="">{Asker} asks:
<br> <b>{Question}</b>
 {block:Answerer}
 {Answerer}
 {Answer}
 <img src="{AnswererPortraitURL-96}" alt="">
 {/block:Answerer}
 {Replies}
{/block:Answer}


<div id="info"> <div id="date">
  {block:Date}
 <a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}<br>{TimeAgo}</time> </a> {block:NoteCount}<div style="font-size:10px;">with {NoteCountWithLabel}</div>{/block:NoteCount}
  {block:PermalinkPage}
 {block:PostNotes}
{PostNotes}
 {/block:PostNotes}
 <br>
 {block:HasTags}
 {block:Tags}
 <a href="{TagURL}" style="font-size:12px;">#{Tag}</a>
 {/block:Tags}
 {/block:HasTags}
 {/block:PermalinkPage}
 {/block:Date}
 </div>
 </div>


</div>
{/block:Posts}
</div>

<div class="pagination">
   {block:Pagination}
            {block:PreviousPage}


  <div style="position:fixed; margin-left:40px;">      {CurrentPage}/
 {TotalPages}</div>
 <br>
                <a href="{PreviousPage}" style="padding-right:10px;">Previous</a>
            {/block:PreviousPage}


            {block:NextPage}
                <a href="{NextPage}">Next</a>
            {/block:NextPage}
        {/block:Pagination}

</div>

   <div style="position:fixed; font-size:10px; margin-left:1300px; margin-top:620px;">
<a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/L1Umu6jbr/sdticon2.png"></a>
    </body>
</html>