Fandom Theme 13

<!-------------------------------------------
                           Theme by Cindy
                http://klaroline-fantasies.tumblr.com/
                      DON'T REMOVE THE CREDITS
                         ******************
-------------------------------------------->

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


<!--Variables-->
<meta name="color:Scrollbar" content="#C2000D" />
<meta name="color:Background" content="#222" />
<meta name="color:Text" content="#fff" />
<meta name="color:Links" content="#F10010" />
<meta name="color:Bold" content="#FF0011" />
<meta name="color:Italic" content="#93000A" />
<meta name="color:Posts Bg" content="#333" />
<meta name="color:Posts Border" content="#444" />
<meta name="color:Permalink" content="#fff" />
<meta name="color:Posts Title" content="#E60111" />
<meta name="color:Blockquote Bg" content="#333" />
<meta name="color:Blockquote Border" content="#530006" />
<meta name="color:Asker Bg" content="#333" />
<meta name="color:Asker" content="#fff" />
<meta name="color:Asker Img Bg" content="#530006" />
<meta name="color:Pagination" content="#C6000D" />
<meta name="color:Sidear Bg" content="#530006" />
<meta name="color:Bigbar Bg" content="#222" />
<meta name="color:Bigbar Border" content="#333" />
<meta name="color:Des Border" content="#333" />
<meta name="color:Navigation Border" content="#93000A" />
<meta name="color:Navigation" content="#fff" />

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

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

<meta name="text:Custom Link 1" content="Link 1" />
<meta name="text:Custom Link 2" content="Link 2" />
<meta name="text:Custom Link 3" content="Link 3" />
<meta name="text:Custom Link 4" content="Link 4" />

<!--Variables-->

<link href='http://fonts.googleapis.com/css?family=Antic|Yanone Kaffeesatz|Pathway Gothic One|Bilbo Swash Caps|Berkshire Swash|Felipa|Oleo Script Swash Caps|Allura|Devonshire|Herr Von Muellerhoff|Seaweed Script|Sail|UnifrakturMaguntia|Meddon|Mr Bedfort|Lily Script One|Parisienne|Mr De Haviland|Cedarville Cursive|Aguafina Script|Yellowtail|Tangerine|Mrs Saint Delafield|Great Vibes|Pinyon Script|Sacramento|Italianno|Monsieur La Doulaise|Passion One|Comfortaa|Chewy|Changa One|Fredoka One|Limelight|Poiret One|Cinzel Decorative|Carrois Gothic SC|Tulpen One|Fjalla One|Metrophobic|Permanent Marker|Nosifer|UnifrakturCook:700|Emilys Candy' rel='stylesheet' type='text/css'>

<style type="text/css">
#tumblr_controls{position:fixed !important;z-index:9999999999999999999;}

::-webkit-scrollbar{width:10px;height:4px;background:#222;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background-color:{color:Scrollbar};-webkit-box-shadow: inset 0 0 6px #000;}

/* ~ BASICS ~  */
body {
background-image:url('{image:Background}');
background-attachment:fixed;
background-position:left;
background-repeat:repeat;
background-color:{color:Background};
}

body, div, p, textarea, submit, input {
font-family:'arial';
color:{color:Text};
font-size:10px;
line-height:100%;
text-align:justify;
}

a:link, a:visited, a:active {
text-decoration:none;
color:{color:Links};
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

a:hover {
color:#888;
text-shadow: 0px 1px 2px #625E6E;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

b, strong{color:{color:Bold};}

i, em{color:{color:Italic};}

#content{
width:530px;
float:left;
margin-top:0px;
margin-left:600px;
position:absolute;
}

.entry{
float:left;
padding:15px;
overflow:hidden;
margin-bottom:15px;
border:1px solid {color:Posts Border};
background:{color:Posts Bg};
width:500px;
}

#perma{
position:relative;
font-family:calibri;
text-align:center;
text-transform:uppercase;
font-size:8px;
color:{color:Permalink};
border-top:1px solid #444;
letter-spacing:1px;
margin-top:6px;
padding-left:6px;
line-height:4px;
width:493px !important;
}

.entry #tags{
position:absolute;
width:100px;
height:auto;
background:none;
margin-left:530px;
margin-top:-10px;
font-size:10px;
text-align:left;
line-height:12px;
font-family:'Comfortaa';
text-transform:uppercase;
z-index:-9999;
}

#tags a{font-size:8px;}

#posttitle{
font-family:'Fjalla One';
font-size:25px;
line-height:28px;
color:{color:Posts Title};
text-align:center;
text-transform:uppercase;
}

.user_1 .label {color:#5D5D5D; font-weight:bold;}
.user_2 .label {color:#7D7D7D; font-weight:bold;}

blockquote{
border-left:5px solid {color:Blockquote Border};
background:{color:Blockquote Bg};
padding:5px;
box-shadow: 0px 1px 1px #000;
}

#postnotes {
margin:0px 0px 0px 0px;
width:510px;
padding:5px;
font-family:'calibri headings';
font-size: 12px;
background-color: none;
}

#postnotes a {margin-top:1px;}

ol.notes li.note {padding:1px;border-bottom: solid 0px;}

ol.notes li.note img.avatar {
vertical-align:-4px;
margin-right:0px;
width:16px;
height:16px;
}

quote{
font-family:'Oleo Script Swash Caps';
font-size:18px;
line-height:20px;
text-transform:none;
text-shadow: 0px 1px 2px #625E6E;
}

#source{
font-family:'Carrois Gothic SC';
font-size:10px;
color:#999;
text-transform:none;
text-align:right;
}

ask a{
letter-spacing:1px;
padding:6px;
margin-right:5px;
font-family:trebuchet ms;
font-size:8px;
text-align:center;
background:{color:Asker Bg};
color:{color:Asker};
box-shadow:0px 1px 2px #000;
text-transform:uppercase;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}

#askbox{
border-bottom:1px solid #444;
margin:0px;
margin-top:-10px;
overflow:hidden;
padding:5px;
}

question{font-size:8px;text-transform:uppercase;font-family:'Antic';letter-spacing:1px;line-height:11px;overflow:hidden;}

.askimg img{
width:40px;
align:left;
float:left;
padding:6px;
background:{color:Asker Img Bg};
margin-right:6px;
box-shadow:0px 1px 1px #000;
}

#marker{
position:fixed;
width:6px;
height:100%;
background:#eee;
top:0px;
left:1355px;
}

#mmarker{
position:fixed;
width:100%;
height:6px;
background:#eee;
top:640px;
left:0px;
}

/* DESIGN  */

#DoNotRemove a{
position:fixed;
opacity:1;
right:10px;
width:45px;
height:6px;
bottom:10px;
z-index:999999;
font-size:10px;
overflow:hidden;
background:#333;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
line-height:10px;
font-family:'Passion One';
border:2px solid {color:Pagination};
padding:3px 4px 5px 3px;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;
}

#DoNotRemove a:hover{
width:200px;
border-radius:5px;
text-shadow:none;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;
}

#pagination a{
position:fixed;
width:110px;
height:auto;
left:180px;
top:400px;
padding:3px;
color:{color:Pagination};
font-size:80px;
font-weight:bold;
font-family:'Bilbo Swash Caps';
text-transform:uppercase;
z-index:99999;
}

p{text-align:left;}

pp{text-align:right;}

rose img{
position:fixed;
width:360px;
height:auto;
left:50px;
top:120px;
}

#side img{
position:fixed;
width:160px;
height:160px;
padding:10px;
background:{color:Sidear Bg};
left:140px;
top:140px;
border-radius:100px;
}

#bar{
position:fixed;
background:{color:Bigbar Bg};
width:120%;
height:230px;
top:120px;
border-top:10px solid {color:Bigbar Border};
border-bottom:10px solid {color:Bigbar Border};
}

#des{
position:fixed;
background:none;
width:240px;
max-height:100px;
padding:10px;
border-bottom:3px solid {color:Des Border};
top:370px;
left:300px;
font-family:'calibri';
text-align:center;
}

#nav{
position:fixed;
background:none;
width:90px;
height:230px;
left:0px;
top:144px;
}

#nav a{
display:inline-block;
background:none;
border-left:10px solid {color:Navigation Border};
margin-bottom:18px;
text-indent:10px;
font-family:'calibri';
font-size:10px;
text-align:left;
color:{color:Navigation};
text-transform:uppercase;
}


</style>
<body>

<div id="bar"></div>

<!-- Rose -->
<rose><img src="http://static.tumblr.com/1r3oeht/qMKnd3uei/rose_png_by_pixasso79_stock-d4pwgb66.png"></rose>
<!-- Rose -->


<!-- Sidebar -->
<div id="side"><img src="{image:Sidebar}"></div>
<div id="des">{Description}</div>

<div id="nav">
<a href="/">Home</a>
<a href="/ask">Inbox</a>
<a href="submit">Submit</a>
<a href="archive">History</a>
{block:ifCustomLink1}
<a href="{text:Custom Link 1 URL}">{text:Custom Link 1}</a>
{/block:ifCustomLink1}
{block:ifCustomLink2}
<a href="{text:Custom Link 2 URL}">{text:Custom Link 2}</a>
{/block:ifCustomLink2}
{block:ifCustomLink3}
<a href="{text:Custom Link 3 URL}">{text:Custom Link 3}</a>
{/block:ifCustomLink3}
{block:ifCustomLink4}
<a href="{text:Custom Link 4 URL}">{text:Custom Link 4}</a>
</div>


<div id="pagination">
<p>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</p>
<pp>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</pp>
</div>

<div id="DoNotRemove"><a href="http://klaroline-fantasies.tumblr.com/">Theme  By Klaroline Fantasies</a></div>

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

{block:IndexPage}
{block:HasTags}
<div id="tags">tagged:
<br>
{block:Tags}#<a href="{TagURL}">{Tag}</a>,<br>{/block:Tags}</div>
{/block:HasTags}
{/block:IndexPage}

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

{block:Photo}
{LinkOpenTag}
<a href="{permalink}">
<img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
{LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}

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

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

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

{block:Chat}
{block:Title}<div id="posttitle">{Title}</div>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">

{block:Label}
<span class="label">{Label}</span>

{/block:Label}

&nbsp;{Line}</li>
{/block:Lines}</ul>
{/block:Chat}

{block:Audio}
{AudioPlayerBlack}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Audio}

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

{block:Answer}
<div id="askbox">
<div class="askimg"><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"/><br></a></div>

<ask><a href="{AskerURL}">{Asker}</a></ask>
<question><br><br>{Question}</question>
</div>
{Answer}
{/block:Answer}

{Block:IndexPage}
<div id="perma">
<br>
{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} &#9830;
{block:RebloggedFrom}
Reblogged From: <a href="{ReblogParentURL}"title="{ReblogParentName}">{ReblogParentName}</a> &#9830;
{/block:RebloggedFrom}
<a href="{ReblogURL}"target="_blank">Reblog This</a> &#9830;
{block:ContentSource}Via: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} &#9830;
{block:NoteCount}
<a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NoteCount}
</div>
{/Block:IndexPage}

{block:PermalinkPage}
<center>
<br>
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
<br><br>
{block:HasTags}
&middot;{block:Tags}<a href="TagURL">#{Tag}</a>{/block:Tags}
{/block:hasTags}
</center>
{/block:PermalinkPage}

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


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