Horan - Theme Three

<html>
<!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">
<head>
<!---Theme Three by lol-themesbyrita|Tumblr. Please don't take the credit---->



<!--Default Variables-->
<!--Colors-->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Side Background" content="#ffffff"/>
<meta name="color:Entry Background" content="#aaaaaa"/>
<meta name="color:Text" content="#828282"/>
<meta name="color:Link" content="#8ea089"/>
<meta name="color:Link Hover" content="#e8e8e8"/>
<meta name="color:Border" content="#4d4949"/>

<!--Images-->
<meta name="image:Background" content""/>
<meta name="image:Sidebar" content""/>

<meta name="text:Link One Title" content="link one" />
<meta name="text:Link One" content="" />
<meta name="text:Link Two Title" content="link two" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Three Title" content="link three" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Four Title" content="link four" />
<meta name="text:Link Four" content="" />
<meta name="text:Link Five Title" content="link five" />
<meta name="text:Link Five" content="" />


<!--Options-->
<meta name="if:Infinite Scrolling" content=""/>

{block:ifInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfiniteScrolling}

{block:Description}
<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>
{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
</style>

<style type="text/css">
@font-face {
font-family: "Niall";
src: url('http://static.tumblr.com/en7kisp/Y0cmhu79h/onedirection.ttf');
}

::-webkit-scrollbar {width: 5px; height: 4px; background: white; }

::-webkit-scrollbar-thumb { background-color:gray; }

body{
background-color: {color:Background};
background-image: url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
font-family:cambria;
font-size:11px;
line-height:12px;
color:{color:Text};
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration:none;
}

a:hover{
color: {color:Link Hover};
}

#container {
margin:auto;
width:700px;
}

#entry {
width:500px;
margin-left:220px;
margin-top:25px;
padding:3px;
background-color:{color:Entry Background};
padding-bottom:5px;
border:4px solid {color:Border};
}

#permalink{
position:relative;
margin-top:5px;
padding:2px;
font-size:8px;
text-transform:uppercase;
}

#side {
text-align:center;
position:fixed;
height:320px;
width:200px;
margin-top:80px;
margin-left:-20px;
z-index:1;
padding:4px;
background-color:{color:side background};
border:2px solid {color:Border};
}

#links{
position:fixed !important;
left:-15px;
padding-top:5px;
margin-top:-296px;
margin-left:294px;
padding-bottom:12px;
text-align:center;
height:1px;
width:190px;
font-family:consolas;
font-size:10px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
background:none;
z-index:9999;
overflow:auto;
}

#links:hover{
border:1px;
height:50px;
width:190px;
z-index:999999999;
background: #fff;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}

#pagination {
    font-size:20px;
    text-align:center;
}

.navigate{
font-size:10px;
text-transform:uppercase;
margin-top:4px;
margin-bottom:4px;
}

.blogtitle{
text-align:center;
font-size:24px;
font-family:Niall;
line-height:20px;
}

.posttitle{
font-size: 18px;
line-height: 20px;
}

blockquote{
margin-left:10px;
padding-left:4px;
border-left: 3px solid {color:Text};
}

.p { padding-top: 5px; }
.ol, ul { margin-left: 10px; padding: 5px; }
.ul { list-style-type: square; }

{CustomCSS}
</style>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />

</head>
<body>
<div id="container">

<div id="side">
<div class="blogtitle"><a href="/">{Title}</a></div>
<img src="{image:Sidebar}"
width="190"
height="210">
<div class="navigate">
<a href="/">home</a> ~
<a href="/ask">ask</a> ~
<a href="/archive">archive</a>
</div>

{Description}

<br>

{block:ifNotInfiniteScrolling}
<div class="navigate">


<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">- </a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"> +</a>
{/block:NextPage}
{/block:Pagination}

<div id="links">
<Font Color="black"><u><b><big>NAVIGATE</big></b></u></Font Color="black">
<div class="links">
<a href="{text:Link One}">{text:Link One Title}</a></span> {/block:ifLinkOneTitle}<br>

<a href="{text:Link Two}">{text:Link Two Title}</a></span> {/block:ifLinkTwoTitle}<br>

<a href="{text:Link Three}">{text:Link Three Title}</a></span> {/block:ifLinkThreeTitle}<br>

<a href="{text:Link Four}">{text:Link Four Title}</a></span> {/block:ifLinkFourTitle}<br>

<a href="{text:Link Five}">{text:Link Five Title}</a></span> {/block:ifLinkFiveTitle}</div>
</div>
</div>
{/block:ifNotInfiniteScrolling}
</div>
</div>

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

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

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

{block:Photo}
<center>
{LinkOpenTag}
<a href="{permalink}">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
{LinkCloseTag}
</center>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:ReblogParentURL}
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ReblogParentURL}
{/block:Photo}

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

{block:Quote}
<div class="posttitle">"{Quote}"</div>
{block:Source}
- {Source}
{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}
<div class="posttitle">
{Title}
</div>
{/block:Title}
{block:Lines}
{block:Label}
<b>{Label} </b>
{/block:Label}
{Line}
<br>
{/block:Lines}
{/block:Chat}

{block:Audio}
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}


{block:TrackName}
<b>Title</b>:{TrackName}
{/block:TrackName}
<br>
{block:Artist}
<b>Artist:</b>{Artist}
{/block:Artist}
<br>
{PlayCountWithLabel}
<br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
<center>
{block:IndexPage}
<div id="permalink">
posted
<a href="{Permalink}"> {TimeAgo}</a>
with
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:RebloggedFrom}
VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>
<br>
Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}
<br>
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
<br>


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

{block:PermalinkPage}
<div id="permalink">
posted
<a href="{Permalink}"> {TimeAgo}</a>
with
<a href="{Permalink}">{NoteCountWithLabel}</a>
<br>
VIA: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
<br>
Source: <a href="{ReblogRootURL}" target="_blank">{ReblogRootURL}</a>
<br>
<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
<br>
Tags:
{block:Tags}<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{/block:PermalinkPage}
</center>
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:Posts}



</body>
 <div style="position:fixed; bottom:3px; left:5px; padding:5px; font-size: 10px; border:0px solid rgba(0,0,0,0.1);"><a href="http://ivealwayswantedyou.tumblr.com/"><b>LOL-Rita</b></a>
</div>
</html>