Hans Theme 004

<!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>

<link href='https://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>

<!--- tooltips --->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>


</style>


<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}


            <!-------------------------------------------
                      Code by elsaofarendelle.
                      Don't copy or distribute.
                      Don't claim as your own.
            -------------------------------------------->

<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>


<style type="text/css">

/* --- SCROLLBAR START ---*/

::-webkit-scrollbar {
height: 0px;
width: 6px;
background: none;
}

::-webkit-scrollbar-thumb {
border: 5px solid #eaeae9;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner{
background: transparent;
}

/* --- SCROLLBAR END --- */

/* --- TOOLTIPS START --- */

 #s-m-t-tooltip{
max-width:300px;
margin:15px;
padding:2px 8px;
border:3px double #706c6c;
border-radius:0px;
background:#f5f5f5;
color:#706c6c;
z-index:9999999999999;
font-size:10px;
font-family: 'Trade Winds', cursive;
font-weight:bold;
text-transform:uppercase;
box-shadow:0px 0px 10px #000;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
transition:all 0.7s;
}

/* --- TOOLTIPS END --- */


/* --- BODY START ---*/

body {
background:#fff;
background-image:url({image:background});
background-attachment: fixed;
background-repeat: no-repeat;
background-position:0px 0px;
margin:0px;
color:#706c6c;
font-family: times;
font-size:13px;
line-height:120%;

}

blockquote {
padding-left:5px;
border-left:2px solid;
border-radius:6px;
}

a {
color:#706c6c;
}

a {
text-decoration:none;
-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;
}

a:hover {
color:{color:linkhover}
}

img {none;}

h1 , h2 {
font-family: 'Trade Winds', cursive;
text-transform:none;
font-size:30px;
line-height:30px;
letter-spacing:0px;
text-align:center;
font-style:normal;
color:#706c6c;
text-shadow:0px 0px 3px #fff;
}


#container {
background:transparent;
border:3px none #fff;
width:500px;
height:480px;
margin-left:520px;
margin-top:115px;
position:fixed;
overflow:auto;
padding-left:50px;
padding-right:46px;
padding-top:10px;
padding-bottom:10px;
}

#posts {
width:500px;
background-color: transparent;
padding:-50px;
text-align: justify;
font-size: 12px;
padding-top: -10px;
margin-bottom: 50px;
line-height: 100%px;
font-family: georgia;
z-index:50;
}

#posts img {
padding: 0;
max-width: 100%;
height: auto;
}


b {
text-transform: bold;
color: #706c6c;
text-shadow: 0px 0px 3px #fff;
letter-spacing:1px;
font-family: 'Trade Winds', cursive;
font-size:15px;
}

i, em {
text-transform: italic;
color: #706c6c;
text-shadow: 2px 2px 5px #fff;
letter-spacing:1px;
font-family: 'Trade Winds', cursive;
font-size:15px;
}

/* --- BODY END --- */

/* --- SIDEBAR START ---*/


#sidebar{
position: fixed;
top: 250px;
width:250px;
height:115px;
left: 300px;
padding:20px;
}



#sidebarimage img{
width: 100px;
height:115px;
padding:10px;
border:3px none #f5f5f5;
margin-top:5px;
background:transparent;
background-image:{image:sidebarimage};
}


#nav {
position:fixed;
overflow:hidden;
margin-top:150px;
margin-left:315px;
}

#link1 a , #link2 a, #link3 a

#title {
font-family:times;
text-align:center;
width:300px;
margin-top:5px;
margin-left:100px;
text-transform:uppercase;
font-style:normal;
font-size:20px;
color:#aaa;
}

#description {
width:200px;
height:110px;
font-style:oblique;
font-family: Times;
margin-top:-20px;
margin-left:5px;
padding: 10px;
overflow:hidden;
text-align:justify;
font-size:12px;
color: #706c6c;
text-shadow:2px 2px 5px #000;
background-color:#eaeae9;
border:3px double #706c6c;
letter-spacing:1px;
line-height:110%;
}

#pagination {
font-family: 'Trade Winds', cursive;
width:103px;
font-size:10px;
text-transform:uppercase;
margin-top:-85px;
margin-left:70px;
padding-top:25px;
letter-spacing:1px;
font-style:normal;
text-align:center;
}

#pagination a {
color:#706c6c;
text-shadow:0px 0px 3px #fff;
}

/* --- SIDEBAR END ---*/


/* --- LINKS START --- */

.links {
position:fixed;
font-size:20px;
top: 570px;
left: 390px;
}

.links a {
text-decoration:none;
text-transform:uppercase;
color: #706c6c;
font-family: 'Trade Winds', cursive;
text-shadow: 0px 0px 3px #eee;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}


.links a:hover {
text-decoration:none;
text-transform:normal;
color: #706c6c;
text-shadow:0px 0px 3px #eee;
}



/* ---LINKS END --- */


/* --- CREDIT START --- */

.credit{
position:fixed;
font-size:15px;
right:12px;
bottom:10px;
}

.credit a {
text-decoration:none;
text-transform:uppercase;
text-shadow: 0px 0px 5px #f5f5f5;
color: #706c6c;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}


.credit a:hover {
text-decoration:none;
text-transform:uppercase;
text-shadow: 0px 0px 5px #f5f5f5;
color: #706c6c;
}

/* --- CREDIT END --- */

/* --- POST NOTES START --- */

.note {
padding:0px 20px 0px 20px;
background-color:transparent;
text-transform:lowercase;
letter-spacing:0px;
font-size: 11px;
font-style:normal;
text-align:left;
line-height:120%;
}

.note li {
list-style-type:none;
padding:5px 25px 5px 25px;
text-align:left;
margin-right:30px;
margin-top:-50px;
}


#info {
height:15px;
text-align:center;
margin-top:10px;
padding-top:10px;
padding:0px;
padding-bottom:1px;
text-transform:normal;
font-style:none;
font-size:15px;
background:#transparent;
border: 3px double #706c6c;
line-height:100%;
}

#info a{
color:#706c6c;
}

#tags {
font-family: 'Trade Winds', cursive;
text-align:center;
margin-top:0px;
padding-bottom:0px;
text-transform:none;
font-style:none;
font-size:15px;
}

#tags a{
color:#706c6c;
}

/* --- POST NOTES END --- */

/* --- ASK & AUDIO START --- */

.ask {
    color:#a5a5a5;
    padding:15px;
    margin-bottom:15px;
    background-image:url("");
    border:3px double #706c6c;
}

.asker {
    font-family: 'Trade Winds', cursive;
    font-size:40px;
    color:#706c6c;
    text-shadow:0px 0px 3px #fff;
    line-height:10px;
    text-align:center;
}

.answer {
    color: #706c6c;
}

.audio{
   background-color: #transparent;
   background-image:url("");
   border:3px double #706c6c;
   height:70px;
   font-size:8px;
   overflow:hidden;
}
/* --- ASK & AUDIO END --- */



{CustomCSS}</style></head><body>


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

<div class="links">
<a title="home" href="/">i.</a>
<a title="ask" href="/ask">ii.</a>
<a title="about" href="/about">iii.</a>
<a title="rules" href="/tagged/rules">iv.</a>
<a title="navigation"  href="/navi">v.</a>
</div>


<div class="credit">
<a href="http://elsaofarendelle.tumblr.com">𝔼</a>
</div>

<div id="title"><h1>13th</h1></div>

<div id="description">{Description}</div>


<div id="scrollbar">{scrollbar}</div>



<div id="pagination">
<p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination}
{block:Pagination}{block:NextPage}<a href="{NextPage}">⚓ fourth</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>



{block:HasPages}{block:Pages}

<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}

</div></center>


</div>


<div id="container">{block:Posts}<div id="posts">
<img src="">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:blockquote}{/block:blockquote}



{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}
<center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
{/block:Photoset}

{block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
{block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
{/block:Answer}


{Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">🌊</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">🌊</a> {/block:NoteCount} <a href="{ReblogURL}" target="_blank" class="details" title=reblog>🌊</a> {/block:Date}</div>

<div id="tags">
{block:HasTags}{block:Tags}  <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>

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

</body>

</html>