Theme 29 by Sofi for Tumblr

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

<!---- Theme 29 by Sofi (castiiel.tumblr.com). DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->

<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#1b1919"/>
<meta name="color:title" content="#1b1919"/>
<meta name="color:Link" content="#888888"/>
<meta name="color:Link hover" content="#f0f0f0"/>
<meta name="color:question background" content="#f0f0f0"/>
<meta name="color:box shadow" content="#000"/>
<meta name="color:scrollbar" content="#999"/>
<meta name="color:border" content="#888888"/>

<meta name="image:background" content="#ccc"/>

<meta name="if:infinite scroll" content="0">
<meta name="if:Six links" content="0"/>
<meta name="if:Info on hover" content="1"/>
<meta name="if:Repeat background" content="0"/>
<meta name="if:show notes on click" content="0"/>
<meta name="if:credit on the left" content="0"/>

<meta name="text:title" content=""/>
<meta name="text:home link" content="indexpage"/>
<meta name="text:askbox link" content="inquires"/>
<meta name="text:askbox url" content="/ask"/>
<meta name="text:description link" content="description"/>
<meta name="text:navi link" content="explore"/>
<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="/"/>
<meta name="text:link 5" content="link 5"/>
<meta name="text:link 5 url" content="/"/>
<meta name="text:link 6" content="link 6"/>
<meta name="text:link 6 url" content="/"/>

{block:IfInfiniteScroll}
<script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
{/block:IfInfiniteScroll}

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Lato:400,300:latin', 'Bentham::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

{block:ifShownotesonclick}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#notes").click(function(){
    $("ol.notes").slideToggle("slow");
  });
});
</script>
{/block:ifShownotesonclick}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".nav, #hide").click(function(){
        $("#description").hide();
    });
    $(".nav").click(function(){
        $("#nav").show();
    });
});
</script>

<script>
$(document).ready(function(){
    $(".desc, .hide").click(function(){
        $("#nav").hide();
    });
    $(".desc").click(function(){
        $("#description").show();
    });
});
</script>


<style type="text/css">

::-webkit-scrollbar {width: 4px; height: 4px; background: {color:background}; background-image:url("{image:background}"); background-size:cover; {block:ifRepeatbackground} background-size:contain; {block:ifRepeatbackground} background-attachment:fixed; background-position: top center;}
::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:'Lato', sans-serif;
    font-size:10px;
    line-height:130%;
    letter-spacing: 0.8px;
    background-image:url("{image:background}");
    background-size:cover;
    {block:ifRepeatbackground}
    background-size:auto 103px;
    background-repeat: repeat;
    {block:ifRepeatbackground}
    background-attachment:fixed;
    background-position: top center;
}

body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

a:hover {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link hover};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

img {
    border:none;
}

p {
    margin-left: 0px;
    margin-right: 0px;
    word-wrap: break-word;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

blockquote {
    padding-left:5px;
    border-left:1px solid;
    margin-left: 0px;
    margin-right: 0px;
}

h1 {
    font-size:18px;
    font-family:'Bentham', serif;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 130%;
}

.hr {
    color: #f0eded;
}

#entries {
    padding-bottom:10px;
    width:400px;
    margin-top:123px;
}

#post {
    width:400px;
    padding-bottom:0px;
    margin-top:40px;
    margin-bottom:0px;
    text-align: left;
    overflow: hidden;
}

#post:hover #info {
    opacity: 1;
    margin-left: 0px;
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

#title {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    height:13px;
    position: fixed;
    top:0px;
    z-index: 99999;
    background:{color:background};
    text-align: center;
    color: {color:title};
    font-size: 29px;
    font-family: 'Bentham', serif, sans-serif;
    letter-spacing: 1.5px;
    background-image:url("{image:background}");
    background-size:cover;
    {block:ifRepeatbackground}
    background-size:auto 103px;
    background-repeat: repeat;
    {block:ifRepeatbackground}
    background-attachment:absolute;
    background-position: top center;
}

#border {
    border-top: solid 1px {color:border};
    width: 420px;
    position: fixed;
    top:103px;
    z-index:9999;
}

#right {
    margin-left: -21px;
    border-left: solid 1px {color:border};
    border-top: solid 1px {color:border};
    position: fixed;
    top: 103px;
    width: 20px;
    height: 2000px;
}

#links {
    width:98px;
    border: solid 1px {color:border};
    border-bottom: 0px;
    position: fixed;
    margin-left: 420px;
    top: 103px;
}

#links a {
    padding: 12px 5px;
    font-family: consolas, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing:1.5px;
    border-bottom: solid 1px {color:border};
    color: {color:text};
    display: block;
    text-shadow:10px 0px transparent, -10px 0px transparent;
     transition: all 0.3s linear;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
}

#links a:hover {
    text-shadow:0px 0px #000, -0px 0px #000;
    z-index:4;
     transition: all 0.3s linear;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
}

#description {
    width: 362px;
    position: fixed;
    top:123px;
    padding:15px;
    background:{color:background};
    z-index: 99999999999999999;
    border: double 4px {color: border};
    box-shadow:0px 0px 2px {color:box shadow};
    letter-spacing: 1.5px;
    font-size: 11px;
    line-height: 170%;
    display: none;
}

#nav {
    width: 362px;
    position: fixed;
    top:123px;
    padding:15px;
    background:{color:background};
    z-index: 99999999999999999;
    border: double 4px {color: border};
    box-shadow:0px 0px 2px {color:box shadow};
    display: none;
}

#nav a {
    width: 90px;
    padding: 15px 5px;
    margin: 8px;
    border: solid 1px {color: border};
    color: {color:text};
    font-family: consolas, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing:2px;
    display: inline-block;
}

#nav a:hover{
    border:dotted 1px;
}

#pagination {
    width:400px;
    margin-top: 70px;
    line-height: 130%;
    height:20px;
    text-align:center;
    bottom:0px;
    margin-bottom: 30px;
    opacity: 0.8;
    color:{color:text};
    font-family: 'Lato', sans-serif;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.s linear;
}

#pagination a {
    color:{color:text};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

#pagination a:hover {
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.s linear;
}

#info {
    text-align:left;
    margin-top:10px;
    font-size: 9px;
    font-family: 'Lato', sans-serif;
    opacity:1;
    {block:ifInfoonhover}
    opacity:0;
    margin-left: 50px;
    {block:permalink}
    opacity:1;
    margin-left: 0px;
    {block:permalink}
    {/block:ifInfoonhover}
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.tags {
    margin-top: 5px;
}

.tags a {
    color: {color:text};
    margin-right: 5px;
    border-bottom: 1px solid {color:border};
    padding-bottom: 1px;
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.tags a:hover {
    color: {color:link};
    border-bottom: 1px solid {color:link};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

#asker {
    float:left;
}

 .question{
    text-align: center;
    letter-spacing:1px;
    margin-bottom:10px;
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: {color:question background};
}

 .answer{
    text-align: left;
    letter-spacing:1px;
}

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
font-size: 0px;
}

#con {
    width:400px;
    margin: auto;
    text-align: center;
}

#quote {
    font-size:16px;
    font-family:'Bentham', serif;
    text-align: justify;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 130%;
    padding-bottom: 10px;
    word-wrap: break-word;
}

#cover {
    position: relative;
    z-index: 1;
    height: 80px;
    float:left;
    box-shadow:10px 0px #ccc;
    margin:4px;
    box-shadow:0px 0px 5px {color:box shadow};
}

#button {
    width:20px;
    height:30px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    margin: 15px 24px 13px 16px;
}

#buttons {
    background-color: #fff;
    position: absolute;
    z-index: 99;
    margin-top: 15px;
    margin-left: 15px;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

#post:hover  #buttons {
        opacity:0.5;
    }

#musicinfo {
    margin-left: 110px;
    font-size:10px;
    min-height:70px;
    text-align:left;
    position: relative;
}

ol.notes {
    padding: 0px;
    margin: 15px 0px;
    list-style-type: none;
    width:400px;
    text-align:left;
}

ol.notes li.note {
    padding: 5px 0px;
}

ol.notes li.note img.avatar {
    vertical-align: -8px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    padding:2px;
    border:1px solid {color:border};
    border-radius: 100%;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

ol.notes li.note blockquote {
    padding: 4px 10px;
    margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
    text-decoration: none;
}

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
font-size: 0px;
}

#credit {
    font-size:12px;
    font-family: Helvetica, sans-serif;
    letter-spacing:1.5px;
    line-height: 100%;
    z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    position:fixed;
    {block:ifnotCreditontheleft}
    right:-100px;
    {/block:ifnotCreditontheleft}
    {block:ifCreditontheleft}
    left:-100px;
    {/block:ifCreditontheleft}
    bottom:10px;
    transition: all 0.9s linear;
    -webkit-transition: opacity 0.9s linear;
    -webkit-transition: all 0.9s linear;
    -moz-transition: all 0.9s linear;
    }

#credit a {
    color:{color:text};
    {block:ifnotCreditontheleft}
    margin-left:15px;
    {/block:ifnotCreditontheleft}
    {block:ifCreditontheleft}
    margin-right:18px;
    {/block:ifCreditontheleft}
    transition: all 0.9s linear;
    -webkit-transition: opacity 0.9s linear;
    -webkit-transition: all 0.9s linear;
    -moz-transition: all 0.9s linear;
}

#credit:hover {
    {block:ifnotCreditontheleft}
    right:10px;
    {/block:ifnotCreditontheleft}
    {block:ifCreditontheleft}
    left:10px;
    {/block:ifCreditontheleft}
    transition: all 0.9s linear;
    -webkit-transition: opacity 0.9s linear;
    -webkit-transition: all 0.9s linear;
    -moz-transition: all 0.9s linear;
}

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

<div id="title">{text:title}</div>

<div id="con">

<div id="header">

<div id="right"></div>

<div id="description">
<div id="hide" style="position: absolute; top: 0px; right: 5px; font-size: 11px;">✖</div>
{Description}
</div>

<div id="nav">
<div class="hide" style="position: absolute; top: 3px; right: 5px; font-size: 11px;">✖</div>
<a href="{text:link 1 url}">{text:link 1}</a>
<a href="{text:link 2 url}">{text:link 2}</a>
<a href="{text:link 3 url}">{text:link 3}</a>
{block:ifSixlinks}
<a href="{text:link 4 url}">{text:link 4}</a>
<a href="{text:link 5 url}">{text:link 5}</a>
<a href="{text:link 6 url}">{text:link 6}</a>
{/block:ifSixlinks}
</div>

<div id="border"></div>

<div id="links">
<a href="/">{text:home link}</a>
<a href="{text:askbox url}">{text:askbox link}</a>
<a class="desc">{text:description link}</a>
<a class="nav">{text:navi link}</a>
</div>

</div>

<div id="entries">
<div class="autopagerize_page_element">
{block:Posts}

{block:ContentSource}

<!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”

width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />

{/block:SourceLogo}

{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->

{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}

<div id="post">

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

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

{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}{block:Source}<b><div style="font-family: 'Lato', sans-serif; font-size: 12px; text-align: center; font-weight:300; letter-spacing: 1px; margin-bottom:5px;">{Source}</div></b>{/block:Source}<br><div id="quote">{Quote}</div>{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target} style="word-wrap: break-word;">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="1.5">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}

{block:Audio}
<div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
{block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
<div id="musicinfo">
{block:TrackName}<h1><div style="margin-top: -9px">{TrackName}</div></h1>{/block:Trackname}
{block:Artist}by {Artist}{/block:Artist}<br><br>
{block:PlayCount}►played {PlayCount} times{/block:PlayCount}
</div>
<div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>
{/block:Audio}

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

{block:Answer}
<div style="font-family: 'Lato', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing:2px; text-align: left; margin-left: 0px; margin-bottom: 5px; font-weight: 300;">{Asker}:</div><div class="question">{Question}</div><blockquote><div class="answer">{Answer}</div></blockquote>{/block:Answer}

<div id="info">
<span style="padding-top: 3px;"><span style="font-size:12px;">✖</span> {block:Date}{DayOfMonthWithZero} . {MonthNumberWithZero} . {ShortYear}{/block:Date} (<span style="color:#e17e66;">♥</span><a href="{Permalink}">
{NoteCount}</a>)</span><br>

<div class="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>

</div>

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

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

{block:IfNotInfiniteScroll}
<div id="pagination">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">GO BACK</a>{/block:PreviousPage} -
{block:NextPage}<a href="{NextPage}">PROCEED</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IfNotInfiniteScroll}

{block:ifnotCreditontheleft}
<div id="credit" style="font-size:14px">©<a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a></div>
{/block:ifnotCreditontheleft}

{block:ifCreditontheleft}
<div id="credit" style="font-size:14px"><a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a>©</div>
{/block:ifCreditontheleft}

</div>

{block:ifInfinitescroll}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#post',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#entries').show(500);
});
</script>
{/block:ifInfinitescroll}

</body></html>