Dragonslayer V2

<!-- theme by septim -->

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

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Link Hover" content="#eeeeee"/>
<meta name="color:Title"content="#000000"/>
<meta name="color:Blog Title"content="#000000"/>
<meta name="color:Scrollbar" content="#d5d5d5" />
<meta name="color:Borders" content="#eeeeee"/>
<meta name="color:Accents" content="#f8f8f8"/>

<meta name="text:Post Spacing" content="50"/>
<meta name="image:Sidebar Image" content=""/>

<meta name="if:Show Sidebar Image" content="1"/>
<meta name="if:Infinite Scroll" content="0"/>
<meta name="if:Show Tags" content="0">
<meta name="if:Show Captions" content="1"/>

<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="" />


<!-- jquery -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
    $(document).tooltip({
        track:true
    });
});
</script>

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

<!--CSS customization here. -->

<style type="text/css">

/*lightbox and controls*/

#tumblr_lightbox {
    background-color:rgba(246, 246, 246, .9)!important;
    z-index:99999!important;
}

#tumblr_lightbox img {opacity:0;}

#tumblr_lightbox_caption {
    color:black!important;
    font-family:arial!important;
    font-size:10px!important;
    font-weight:normal!important;
    text-shadow:none!important;
}

#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
    padding:10px!important;
    background:white!important;
    margin-top:-10px!important;
    margin-left:-10px!important;
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;
    border-radius:0pxpx!important;
    opacity:1!important;
}

#tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}

iframe#tumblr_controls { white-space:nowrap!important;
-webkit-filter:invert(100%)!important;
-moz-filter:invert(100%)!important;
-ms-filter:invert(100%)!important;
-o-filter:invert(100%)!important;
filter:invert(100%)!important;
top:10px!important;
right:10px!important;
opacity:.2!important;
position:fixed!important;}

/*tooltip*/

.ui-tooltip {
    position:Absolute;
    z-index:9999;
    padding-top:10px;
}

.ui-tooltip-content {
    background:{color:accents};
    padding:1px 4px;
    font-size:8px;
    text-transform:uppercase;
    font-family:calibri;
    letter-spacing:1px;
}

/*scrollbar*/

::-webkit-scrollbar{
    height:3px;
    width:5px;
    -webkit-border-radius: 0px;
    background-color:{color:background};
}

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

/*basics*/

body {
    background:{color:background};
    color:{color:text};
    font-family:arial;
    font-size:10px;
    position:relative;
    text-align:justify;
    margin:0;
    line-height:120%;
}

pre {
    padding:0;
    margin:0;
    font-family:Arial;
    font-size:10px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

p {margin:5px 0;}

p:first-of-type {
    margin-top:0;
    padding-top:0;
}

p:last-of-type {
    margin-bottom:0;
    padding-bottom:0;
}

a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

a:hover {
    color:{color:link hover};
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

img {
    opacity:1;
    border:none;
    text-decoration:none}

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

ol {list-style:lower-roman;}

ul {list-style:circle;}

ul, ol {
    font-family:calibri;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:8px;
}

li {line-height:200%;}

small {
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:calibri;
}

big {font-size:10px;}

h1, h2, h3, h4 {
    font-size:10px;
    margin:0;
    padding:0;
    color:{color:title};
}

blockquote {
    padding:5px 0 5px 10px;
    border-left:3px solid {color:borders};
    margin:10px 25px;
}

/*sidebar*/

#headers {
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.5s;
    top:100px;
    width:125px;
    left:50%;
    position:fixed;
    text-align:center;
    margin-left:-378px;
}

#bat {
    border:1px solid {color:borders};
    border-bottom:0;
    padding-bottom:2px;
}

#bat img {
    width:119px;
    margin:2px 2px 0 2px;
    display:Block;
}

#blogt {
    color:{color:blog title};
    font-size:12px;
    display:block;
    font-weight:bold;
}

#description {margin-top:10px}

.links {
    line-height:20px;
    font-size:8px;
    font-family:calibri;
    cursor:pointer;
    letter-spacing:1px;
    text-transform:uppercase;
    border:1px solid {color:borders};
}

.links:hover #linkie {
    background:{color:link hover};
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

#linkie {
    display:block;
    background:{color:Accents};
    margin:2px;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

#standardlinks {
    -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
    max-height: 0;
    overflow:hidden;
}

.links:hover #standardlinks {
    max-height:130px;
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

#standardlinks a {
    display:block;
    padding:0 5px;
    margin:2px;
    background:{color:accents};
}

#standardlinks a:first-of-type {margin-top:0;}

#standardlinks a:hover {
    background:{color:link hover};
    color:{color:link};
}

/*pagination*/

#pagination {
    text-align:center;
    margin-bottom:10px;
    font-size:8px;
    font-family:calibri;
    text-transform:uppercase;
    letter-spacing:1px;
}

#pagination a {
    margin:0 5px;
    display:inline-block;
    border:1px solid {color:borders};
}

#pagination span {
    background:{color:accents};
    display:block;
    margin:2px;
    padding:0 5px;
}


/*posts*/

#entries {
    width:406px;
    margin:100px auto 0 auto;
}

.posts {
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.5s;
    width:404px;
    position:Relative;
    border:1px solid {color:borders};
{block:IndexPage}
    margin-bottom:{text:post spacing}px;
{/block:IndexPage}
{block:PermalinkPage}
    margin-bottom:25px;
{/block:PermalinkPage}
}

.posts li, .posts blockquote {max-width: 100%;}

.posts img {max-width:400px}

.photo, .me {margin:2px;}

.photo img {
    width:400px;
    display:block;
}

.photoset iframe {display:block;}

.caption {
{block:indexpage}
{block:ifhidecaptions}
    display:none;
{/block:ifhidecaptions}
{/block:indexpage}
}

.caption blockquote {margin-left:0;}

.au {border-top:1px solid {color:borders};}

.caption span {
    display:block;
    margin:2px;
    background:{color:accents};
    padding:5px;
}

a.tumblr_blog {
    font-size:8px;
    font-family:calibri;
    letter-spacing:1px;
    text-transform:uppercase;
}

#title {
    font-family:calibri;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
    color:{color:title};
    border-bottom:1px solid {color:borders};
}

#title span {
    display:block;
    padding:5px;
    background:{color:accents};
    margin:2px;
}

#title a {color:{color:title};}

/*quote*/

#titlequote{
    margin:2px;
    font-size:11px;
    font-weight:bold;
    padding:5px;
    text-align:left;
    font-style:italic;
    background:{color:accents};
    line-height:150%;
    color:{color:title};
}

#source {
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:calibri;
    border-bottom:1px solid {color:borders};
    padding:5px;
}

/*audio*/

.tumblr_audio_player {width:400px;}

.player {
    overflow:hidden;
    width:25px;
    height:25px;
    margin:10px;
}

.m {
    position:relative;
    float:left;
}

.m:after {
    position:absolute;
    content:'listen';
    left:45px;
    top:18px;
    color:{color:title};
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:calibri;
}

.audio_info {
    color:{color:title};
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:calibri;
    margin-left:100px;
    padding:10px;
    border-left:1px solid {color:borders};
    min-height:25px;
}

/*asks*/

.q {border-bottom:1px solid {color:borders};}

.q span {
    padding:5px;
    background:{color:accents};
    margin:2px;
    display:block;
}

.as {
    border-bottom:1px solid {color:borders};
    padding:5px;
    font-family:calibri;
    color:{color:title};
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:8px;
}

.a {padding:10px;}

/*chat*/

.chat ol {
    padding:0;
    margin:0;
    list-style:none;
}

.line.odd {padding:5px;}

.line.even {
    padding:5px;
    background:{color:accents};
    margin:2px;
}

.label {
    font-family:calibri;
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:{color:title};
}

/*text*/

.texta {margin:10px;}

/*permalink and notes*/

#permalink {
    border-top:1px solid {color:borders};
    font-size:8px;
    letter-spacing:1px;
    font-family:calibri;
    text-transform:uppercase;
    background:{color:permalink};
}

#permalink span {
    display:block;
    padding:5px;
    background:{color:Accents};
    margin:2px;
}

#permalink a {margin:0 5px;}

.sourced {float:right;}

.hat {
    opacity:0;
    display:inline;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

.posts:hover .hat {
    opacity:1;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

.tags {
{block:ifNotShowTags}
{block:IndexPage}
    display:none;
{/block:IndexPage}
{/block:ifNotShowTags}
    word-break:break-all;
    margin-left:416px;
    width:150px;
    font-size:8px;
    font-family:calibri;
    text-transform:uppercase;
    letter-spacing:1px;
    position:absolute;
    {block:IndexPage}
    opacity:0;
    {/block:IndexPage}
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

.posts:hover .tags {
    opacity:1;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
}

.tags a {display:block;}

.pagenotes {
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.5s;
    text-align:left;
    width:400px;
    border:1px solid {color:borders};
    margin-bottom:50px;
    font-size:8px;
    font-family:calibri;
    letter-spacing:1px;
    text-transform:uppercase;
}

.pagenotes ol {
    margin:0;
    padding:0;
}

.pagenotes img {display:none!important;}

.pagenotes li {
    list-style-type:none;
    padding:5px;
    margin:2px;
    padding:5px;
    background:{color:accents};
    text-align:left;
}

.t {
    padding:5px;
    border-bottom:1px solid {color:borders};
    color:{color:title};
    font-weight:bold;
}

#text {
    margin-bottom:100px;
    margin-top:5px;
    text-transform:uppercase;
    font-size:7px;
    letter-spacing:2px;
    text-align:center;
    font-family:Calibri;
}

{CustomCSS}

 @-webkit-keyframes fade-in {
	0%   { opacity: 0; }
	50%   { opacity: 0; }
	100% { opacity: 1; }

</style>








</head>

<body>

<div id="headers">
{block:IfShowSidebarImage}
<div id="bat"><a href="/"><img src="{image:Sidebar image}"></a></div>
{/block:IfShowSidebarImage}
<div class="links">
    <span id="linkie"><a id="blogt" href="/">{Title}</a></span>
    <div id="standardlinks">
        <a href="/">refresh</a>
        <a href="/ask">message</a>
        {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
        {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
        {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
</div>
</div>
<div id="description">{Description}</div>
</div>

<div id="entries" class="autopagerize_page_element">

{block:Posts}
<div class="posts">

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

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

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

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

{/block:Link}

{block:Chat}
{block:Title}<div id="title"><span>{Title}</span></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}
<div class="photo">
<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
{/block:Photo}

{block:Photoset}
<div class="photoset"><div class="me">{Photoset}</div></div>
{/block:Photoset}

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

{block:Audio}
{block:AudioPlayer}
<div class="m"><div class="player">{AudioPlayerwhite}</div></div>
{/block:AudioPlayer}
<div class="audio_info">{block:TrackName}Track: {TrackName}{/block:TrackName}<br>{block:Artist}Artist: {Artist}{/block:Artist}</div>
{/block:Audio}

{block:Answer}
<div class="as">Sent by {Asker}</div>
<div class="q"><span>{Question}</span></div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:Caption}<div class="caption {block:Audio}au{/block:Audio}"><span>{Caption}</span></div>{/block:Caption}

{block:Date}
<div id="permalink"><span>
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount}<a href="{Permalink}">{Month} {DayOfMonth}{Dayofmonthsuffix}</a><div class="hat"> | <a href="{ReblogURL}" target="_blank">Reblog</a></div><div class="sourced">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
</span></div>
{/block:Date}



</div>



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


{/block:Posts}

{block:ifnotinfinitescroll}
{block:pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}"><span>previous</span></a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"><span>next</span></a>
{/block:NextPage}
</div>
{/block:pagination}
{/block:ifnotinfinitescroll}

</div>

<div id="text">
Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></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></html>