Theme: An imperial affliction

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

<!--

THEME BY J A S O N M C A N N .tumblr.com (#08)
- if there are any complications let me know.
- don't remove the credit.

-->
<head>

<link href="http://static.tumblr.com/nb65v05/MHampjouc/style-my-tooltips.css" rel="stylesheet" type="text/css" />

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

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

<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:text" content="#7e7175" />
<meta name="color:links bg" content="#fafafa" />
<meta name="color:answers bg" content="#fafafa" />
<meta name="color:link" content="#7e7175" />
<meta name="color:link hover" content="#c2c0bf" />
<meta name="color:border" content="#f5f5f5"/>
<meta name="color:blockquote" content="#fafafa"/>
<meta name="color:scrollbar" content="#7e7175" />
<meta name="color:selection" content="#7e7175" />
<meta name="color:nav links" content="#ffffff" />

<meta name="text:Link 01 URL" content="/">
<meta name="text:Link 01 title" content="link 01">
<meta name="text:Link 02 URL" content="/">
<meta name="text:Link 02 title" content="link 02">
<meta name="text:Link 03 URL" content="/">
<meta name="text:Link 03 title" content="link 03">
<meta name="text:Link 04 URL" content="/">
<meta name="text:Link 04 title" content="link 04">
<meta name="text:Link 05 URL" content="/">
<meta name="text:Link 05 title" content="link 05">

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

<meta name="if:custom scrollbar" content="1"/>
<meta name="if:bg image" content="0">

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

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

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

<style type="text/css">

body {
font-family:sans-serif;
font-size:9px;
margin:0px;
padding:0px;
background-attachment:fixed;
background-color:{color:Background};
{block:ifBgImage}
background-image:url('{image:Background}');
{/block:ifBgImage}
color:{color:text};}

a{
text-decoration:none;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
color:{color:link}}

a:hover{
color:{color:link hover};}

i2, em{
font-style: italic;
color:{color:link};}

b2, strong{
font-style: bold;
color:{color:link};}

blockquote {
margin:5px 10px 5px 10px;
padding:5px;
background-color:{color:blockquote};}

#post {
width:500px;
overflow:hidden;}

#entries {
margin-left:460px;
width:500px;
position:absolute;
margin-top:0px;
margin-top:80px;}

.title {
text-align:center;
font-style:italic;
font-family:libre baskerville;
font-size:12px;}

#side{
position:fixed;
width:70px;
height:100%;
background-color:{color:blockquote};}

#sidebar {
width:200px;
margin:0px;
padding:0px;
margin-left:150px;
margin-top:80px;}

#sidebar img{
max-width:200px;
margin-bottom:5px;}

#sidebar:hover #sidebar2{
opacity:1;}

#sidebar2 {
position:fixed;
opacity:0;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;}

#title{
text-align:center;}

#title a{
text-transform:uppercase;}

#description{
text-align:justify;
margin-bottom:5px;}

#links {
position:fixed;
background-color:{color:background};
opacity:1;
font-family:sans-serif;
margin-top:120px;
font-size:09px;
text-transform:uppercase;
margin-bottom:5px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;}

#links a{
display:block;
width:60px;
margin-top:3px;
margin-bottom:3px;
padding:5px;
color:{color:nav links};
background-color:{color:links bg};}

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

.jump_page {
padding: 5px;}

.current_page {
padding:5px;}

#quotes{
font-style:italic;
margin-left:40px;
padding-top:10px;}

.quotes{
font-family:consolas;
float:left;
font-size:70px;
position:absolute;
color:{color:blockquote};}

.audioinfo {
padding:0px 0px 5px 0px;
margin-left:104px;
text-align:left;
height:95px;}

.cover{
position:absolute;
height:90px;
width:90px;
z-index:-1;}

#cover{
width:95px;
height:95px;
position:absolute;
z-index:-1;
background-color:{color:link};}

#answers{
width:500px;}

#answers img{
float:left;
padding:3px;
margin-right:3px;
background-color:{color:answers bg};}

#info {
font-family:consolas;
font-size:08px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:50px;
margin-top:5px;
border-top:1px solid {color:border};}

#info a{
color:{color:text};}

#post:hover #box{
opacity:1;}

#box {
margin-left:510px;
position:absolute;
padding-left:3px;
font-family:consolas;
text-transform:uppercase;
font-size:08px;
opacity:0;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
border-left:1px solid {color:border};}

#box a{
color:{color:text};}

#notes {
margin-top:10px;
line-height:260%;
padding:5px;
background-color:{color:blockquote};}

ol.notes{
list-style-type: none;
padding:0px;}

#notes li{
padding:5px;
border-bottom:1px solid {color:border};}

#notes img {
width:16px;}

#notes img:hover {
opacity: 0.65;}

#c{
position:fixed;
bottom:10px;
right:10px;
font-family: georgia;
letter-spacing:1px;
font-size:12px;
font-style:italic;
margin-bottom:0px;
text-align:right;}

::selection {
background: {color:background};
color: {color:selection};}

::-moz-selection {
background: {color:background};
color: {color:selection};}

::-webkit-selection {
background: {color:background};
color: {color:selection};}

iframe#tumblr_controls {
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.2;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}

iframe#tumblr_controls:hover{
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}

iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: fixed !important;}

{block:ifcustomscrollbar}
::-webkit-scrollbar-thumb:vertical {
height:30px;
background-color:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {
height:10px!important;
background-color:{color:scrollbar};}
::-webkit-scrollbar {
height:10px;
width:08px;
background-color:{color:background};}
{/block:ifcustomscrollbar}

#s-m-t-tooltip{
z-index:10;
margin:24px 14px 7px 12px;
padding:5px;
font-family:consolas;
line-height:100%;
font-size:08px;
text-transform:uppercase;
color:white;
background:{color:link};

-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-moz-box-shadow:0px 0px 0 rgba(0,0,0,0),0px 0px 0 rgba(0,0,0,0);
-webkit-box-shadow:0px 0px 0 rgba(0,0,0,0),0px 0px 0 rgba(0,0,0,0);
box-shadow:0px 0px 0 rgba(0,0,0,0),0px 0px 0 rgba(0,0,0,0);}

</style>
</head>

<body>

<div id="side">
<div id="links">
<a href="/">refresh</a>
<a href="/ask">message</a>
<a href="{text:Link 01 URL}">{text:Link 01 title}</a>
<a href="{text:Link 02 URL}">{text:Link 02 title}</a>
<a href="{text:Link 03 URL}">{text:Link 03 title}</a>
<a href="{text:Link 04 URL}">{text:Link 04 title}</a>
<a href="{text:Link 05 URL}">{text:Link 05 title}</a>
</div>
<div id="sidebar">
<div id="sidebar2">
<img src="{image:sidebar2}">
</div>
<img src="{image:sidebar}">
<div id="description">{Description}</div>
{block:Pagination}<center>
{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&larr;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="jump_page">&rarr;</a>{/block:NextPage}</center>
{/block:Pagination}
</div>
</div>

<div id="c">
<a href="http://caulfielld.tumblr.com" target="_blank" title="theme by jasonmcann">J</a>
</div>

<div id="entries">
{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}

<div id="post">

<div id="box">

{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via"><img src="{ReblogParentPortraitURL-24}"></a> <a href="{ReblogRootURL}" title="source"><img src="{ReblogRootPortraitURL-24}"></a>
{/block:RebloggedFrom}

<a href="{ReblogURL}" target="_blank">reblog</a>

</div>

{block:Text}
{block:Title}<div class="title">— {Title} —</div>{/block:Title}
{body}
{/block:Text}

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

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

{block:Quote}
<div class="quotes">“</div>
<div id="quotes">
<p>{Quote}</p>
{block:Source}
<span style="text-transform:lowercase;float:right">— <u>{Source}</u></span>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="title"><a href="{URL}" target="{Target}">— {Name} —</a></div>
{block:Description}
{Description}
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<div class="title">— {Title} —</div>
{/block:Title}
{block:Lines}
{block:Label}
<b><div style="padding-left:3px;">{Label}</div></b>
{/block:Label}
<div style="background-color:{color:blockquote};padding:3px;">{Line}</div><br>
{/block:Lines}
{/block:Chat}

{block:Audio}
<span{block:AlbumArt}  style="display:none;"{block:AlbumArt}><div id="cover"></div></span>{block:AlbumArt}
<img src="{AlbumArtURL}" class="cover">
{/block:AlbumArt}

<div class="audioinfo">
<b>Song:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
<b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
<b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />
<b>Played:</b> {PlayCount} times<br>
<p><div style="opacity:0.3;">{AudioPlayerGrey}</div></p>
</div>

{block:Caption}
{Caption}
{/block:Caption}

{/block:Audio}

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

{block:Answer}
<div id="answers">

<img src="{AskerPortraitURL-24}">
<span style="text-transform:uppercase;">
{Asker}</span><br>
{Question}
<p><div style="background-color:{color:answers bg}; padding:3px;">
{Answer}</div></p>

</div>
{/block:Answer}

</div>

<div id="info">
{block:NoteCount}<span style="font-family:none;font-size:10px;"><font color="red">♥</font></span> {NoteCount}{/block:NoteCount}

{block:Date} <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} </a>{/block:Date} {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>
{/block:Tags}
{/block:HasTags}
</div>

{block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

{block:Posts}
</div>

</body>
</html>