Austen Revamp

<!--
                        theme by aesthesos
   ╔╔═╗╗
 ║║   ║║       Rules:
║║    ║║               -do not steal
 ║║   ║║               -do not remove credit
  ╚╚══╚╚═              -do not use as base code

-->

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

<meta name="color:background" content="#ffffff">
<meta name="color:title" content ="#3b3b3b">
<meta name="color:text" content="#3b3b3b">
<meta name="color:tags" content="#3b3b3b">
<meta name="color:permalink" content="#e0e0e0">
<meta name="color:link" content="#b8b8b8">
<meta name="color:link hover" content="#3b3b3b">
<meta name="color:border" content="#eeeeee">
<meta name="color:posts" content="#fafafa"/>

<meta name="font:body" content="Arial"/>
<meta name="font:quote" content="Arial"/>

<meta name="text:Body Size" content="10" />
<meta name="text:Quote Size" content="16" />
<meta name="text:Title Size" content="12" />
<meta name="text:Blog Title Size" content="20" />
<meta name="text:Posts Margin Top" content="25" />
<meta name="text:Posts Margin Bottom" content="50" />

<meta name="text:username" content=""/>
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 4 URL" content="" />
<meta name="text:Link 4" content=""/>
<meta name="text:Link 5 URL" content="" />
<meta name="text:Link 5" content="" />

<meta name="if:box shadow captions" content="0"/>
<meta name="if:box shadow img" content="1"/>
<meta name="if:hover tags" content="1"/>
<meta name="if:hide tags" content="0"/>
<meta name="if:hide divider" content="0"/>
<meta name="if:show tags" content="="/>
<meta name="if:show captions" content="1"/>
<meta name="if:show title" content="0"/>
<meta name="if:custom font" content="1" />
<meta name="if:double" content="0"/>
<meta name="if:infinitescroll" content="0"/>
<meta name="if:400px" content="1"/>
<meta name="if:250px" content="0"/>

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>

<!-- jquery for tooltips-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:30,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>


<style type="text/css">

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    background:{color:background};}


/************EDIT TEXT SETTINGS HERE************/

blockquote {
padding:2px 0 2px 20px;
border-left:1px solid {color:border};
margin-left:20px;}

/************EDIT BODY HERE************/

body {
background:{color:background};
color:{color:text};
font-family:{font:Body};
{block:ifcustomfont}font-family:'libre baskerville';{/block:ifcustomfont}
font-size:{text:Body Size}px;
text-align:left;
line-height:120%;}

a {color:{color:link};text-decoration:none;}
a:hover {color:{color:link hover};}

#title {
font-size:{text:Title Size}px;
line-height:120%;
font-weight:bold;
margin-bottom:10px;
margin-left:20px;
text-transform:none;
text-align:left;}


/************EDIT SIDEBAR HERE************/

#sidebar {
    position:fixed;
    height:110%;
    width:220px;
    font-size:{text:Body Size}px;
    font-family:{font:Body};
{block:ifcustomfont}font-family:'libre baskerville'; {/block:ifcustomfont}
    left:130px;
    text-align:center;
    background:transparent;}

#blogtitle{
    text-align:center;
    word-break:break-all;
    padding:10px;
    font-size:{text:Blog Title Size}px;
    letter-spacing:2px;
    font-style:italic;}

.links {
    height:auto;
    opacity:1;
    padding:2;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:12px;
    color:{color:sidelink};
    text-align:center;
    background:transparent;}

.links a {
    padding:5px;
    line-height:20px;
    margin-bottom:3px;
    text-align:center;
    display:inline-block;
    border-bottom:0px solid transparent;}

#description{
    transition: all 0.5s ease-in-out;
    opacity:1;
    width:220px;
    margin-top:220px;
    color:{color:text};
    font-size:{text:body size}px;
    text-align:center;}

.sidebarquote {
    font-size:16px;
    line-height:120%;
    font-style:italic;}

/************EDIT PAGINATION HERE************/

#pagination {
margin:20px 0;
text-transform:lowercase;
font-weight:bold;}
.pagination a {
padding:0 15px;}

/*Do NOT edit*/
#con {
left:50%;
margin-left:-250px;
position:absolute;}

/************EDIT OVERALL POSTS HERE************/

#entry {
{block:indexpage}
{block:ifdouble}width:700px;{/block:ifdouble}
width:400px;
margin-top:20px;
margin-left:90px;
{/block:indexpage}
{block:permalinkpage}
background:{color:posts};
width: 500px;
margin-top:75px;
margin-left:90px;
{/block:permalinkpage}
background:{color:background};}

#post {
{block:if400px}width:400px;{/block:if400px}
{block:if250px}width:250px;{/block:if250px}
{block:IndexPage}
margin-bottom:{text:posts margin bottom}px;
margin-top:{text:posts margin top}px;
padding-right:75px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
width:400px;
{/block:PermalinkPage}}

#post img {
max-width:400px;
{block:ifboxshadowimg}
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
box-shadow: 0px 2px 8px rgba(0,0,0,0.6);{/block:ifboxshadowimg}}

#post img, #post li, #post blockquote {max-width: 100%;}

.caption {
{block:ifnotshowcaptions}display:none;{/block:ifnotshowcaptions}
opacity:1;
padding:10px;
margin-top:10px;
text-transform:none;
background:{color:posts};
text-align:left;
{block:ifboxshadowcaptions}
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.6);
box-shadow: 0px 2px 8px rgba(0,0,0,0.6);{/block:ifboxshadowcaptions}}

/************EDIT QUOTE POSTS HERE************/

#quote{
    font-family:{font:Quote};
{block:ifcustomfont}font-family:'libre baskerville'; {/block:ifcustomfont}
    font-size:{text:Quote Size}px;
    font-style:italic;
    text-align:center;
    line-height:120%;
    background:transparent;
    padding:10px;
    color:{color:title};}

#source {
text-align:center;
font-size:{text:Body Size}px;
padding:5px;}

/************EDIT AUDIO POSTS HERE************/

.player {
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background:white;}
.audioinfo {margin-left:50px;}

/************EDIT ANSWER POSTS HERE************/

.question {
min-height:15px;
margin-left:0px;
padding:5px;
text-align:left;
font-size:10px;
padding-left:5px;padding-top:7px;
padding-right:5px;padding-bottom:7px;
border-left: 2px solid {color:border};
border-right: 2px solid {color:border};
background-color:{color:posts};}
.asker {
font-style:italic;
letter-spacing:1.5px;}
.answer {margin-top:10px;padding:5px;text-align:justify}

/************EDIT CHAT POSTS HERE************/

.chat ol {
padding:0;
margin-left:20px;
list-style:none;}
.line {padding:2px 0;}
.label {font-weight:bold;}

/*permalink and notes*/

#permalink{
    font-size: 7px;
    background: {color:posts};
    color: {color:body};
    width: 90px;
    height:10px;
    text-align: right;
    letter-spacing: 1px;
{block:if400px}margin-top:-16px;{/block:if400px}
{block:if250px}margin-top:-5px;{/block:if250px}
{block:if400px} margin-left:305px;{/block:if400px}
{block:if250px} margin-left:155px;{/block:if250px}
    padding: 3px;
{block:ifshowtags}opacity:1;{/block:ifshowtags}
    text-transform: lowercase;
    transition: all 0.7s ease-in-out;
{block:ifhidetags}display:none;{/block:ifhidetags}
{block:ifhovertags}opacity:0; transition: all 0.7s ease-in-out;{/block:ifhovertags}
    z-index: 1;}

#post:hover #permalink{
{block:ifhidetags}display:none;{/block:ifhidetags}
{block:ifhovertags}opacity:1; transition: all 0.7s ease-in-out;{/block:ifhovertags}}

#post:hover .tags{
{block:ifhidetags}display:none;{/block:ifhidetags}
{block:ifhovertags}opacity:1; transition: all 0.7s ease-in-out;{/block:ifhovertags}}

.tags {
font-size: 7px;
background: {color:posts};
{block:ifhidetags}display:none;{/block:ifhidetags}
color: {color:body};
text-align: center;
letter-spacing: 1px;
height:10px;
padding: 3px;
text-transform:none;
z-index: 1;
{block:ifshowtags}opacity:1;{/block:ifshowtags}
word-break:break-all;
text-align:left;
font-style:italic;
font-family:{font:Quote};
{block:ifcustomfont}font-family:'libre baskerville'; {/block:ifcustomfont}
{block:ifhovertags}{block:IndexPage} opacity:0; transition: all 0.7s ease-in-out;{/block:IndexPage}{/block:ifhovertags}
{block:if400px}width:290px;{/block:if400px}
{block:if250px}display:none;{/block:if250px}}

#notes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
{block:if400px}width:400px;{/block:if400px}
{block:if250px}width:250px;{/block:if250px}
text-align:left;}
#notes img {
display:none!important;}
#notes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;}

#divider {
{block:ifhidedivider}display:none;{/block:ifhidedivider}
transform:rotate(-90deg);
margin-left:-40px;
margin-top:230px;
-webkit-transform:rotate(-90deg);
position:fixed;
opacity:0.7;}

/************EDIT CREDIT HERE************/

#credit {
    position:fixed;
    opacity:0.7;
    bottom:18px;
    right:18px;
    padding:6px;
    font-size:10px;
    text-align:center;
    height:10px;
    width:10px;
    font-family:georgia;
    transition:all 0.5s ease-in-out;}
#credit a {color:black;}

{CustomCSS}

</style>
{block:ifinfinitescroll}
{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function(){
var $wall = $('#entry');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#post, #post_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#pagination',
nextSelector : '#pagination a',
itemSelector : '#post, #post_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#scroll').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:IndexPage}
{/block:ifinfinitescroll}
</head><body>

<div id="divider"><img src="http://i58.tinypic.com/dzf0hi.png"></div>

<div id="con">

<div id="sidebar">
<div id="description">
{block:ifshowtitle}<div id="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowtitle}
<br>
<div class="sidebarquote"><img src="http://media.tumblr.com/d4c0b191c902a18bbe5cccc216866494/tumblr_inline_mpch1g8mLD1qdd8yf.png" /></p>

  <!--QUOTE/DESCRIPTION OF CHOICE GOES HERE-->

“I have not the pleasure of <br> understanding you.”

<p><img src="http://media.tumblr.com/a55520af6924163104b5b56692732342/tumblr_inline_mpcgzw5BYe1qdd8yf.png"/></div>
{Description}
<br><br>
<div class="links">
{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}">i</a>{/block:ifLink1}

{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}">II</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}">iii</a>{/block:ifLink3}
{block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}">iv</a>{/block:ifLink4}
{block:ifLink5}<a href="{text:Link 5 URL}" title="{text:Link 5}">v</a>{/block:ifLink5}
</div>
{block:ifnotinfinitescroll}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}
&nbsp;&nbsp;-&nbsp;&nbsp;
{block:NextPage}
<a href="{NextPage}">forth</a>
{block:NextPage}
</div>
{/block:ifnotinfinitescroll}
</div>
</div>


<div id="entry">

{block:Posts}
<div id="post">

{block:Quote}
<div id="quote">❝{Quote}❞</div>
{block:Source}<div id="source">{Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}
<div id="title">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Link}
<div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div id="title">{Title}</div>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
<a href="{Permalink}">{block:if400px}<img src="{PhotoURL-400}">{/block:if400px}{block:if250px}<img src="{PhotoURL-250}">{/block:if250px}</a><br>
{/block:Photo}

{block:Photoset}
{block:if400px}{Photoset-400}{/block:if400px}{block:if250px}{Photoset-250}{/block:if250px}
{/block:Photoset}

{block:Video}
{block:if400px}{Video-400}{/block:if400px}{block:if250px}{Video-250}{/block:if250px}
{/block:Video}

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="question"><div class="asker"><b>{Asker} inquires:</b> {Question} </div></div>
<div class="answer">{Answer}</div>
{/block:Answer}

{block:Caption}{block:ifshowcaptions}<div class="caption">{Caption}</div>{/block:ifshowcaptions}{/block:Caption}

{block:Date}
{block:PermalinkPage}
<br>
{block:NoteCount}<a href="{Permalink}">+ {NoteCount}, </a>{/block:NoteCount}  {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>, {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>.{/block:ContentSource}{/block:RebloggedFrom}<br>{/block:PermalinkPage}

{block:IndexPage}<br>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}<div id="permalink">{ReblogButton size="10"}<div style="margin-top:-10px;background:transparent;"><a href="{Permalink}">{NoteCountWithLabel}</a></div></div>{/block:IndexPage}
{block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:permalinkpage}
{/block:Date}

</div>

{block:PostNotes}
<div class="pagenotes">
{PostNotes}
</div>
{/block:PostNotes}

{/block:Posts}

</div>
</div>

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}

</body>

<div id="credit"><a href="http://aesthesos.com/" title="theme by aesthesos"><big><big>ɑ</big></big></a></div>
</html>