Storyteller theme - latest version
<!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">
<head> <!-- DEFAULT COLORS --> <meta name="color:Background" content="#363636"/> <meta name="color:middle background" content="#44a28c"/> <meta name="color:posts" content="#111111"/> <meta name="color:text" content="#dafdcc"/> <meta name="color:bold text" content="#808080"/> <meta name="color:link" content="#7eb0c0"/> <meta name="color:link hover" content="#f8fbfc"/> <meta name="color:text headers" content="#530f19"/> <meta name="color:nav background" content="#008da6"/> <meta name="color:nav text" content="#bfeaf5"/> <meta name="color:nav text hover" content="#1d444e"/> <meta name="color:nav text background" content="#59abc1"/> <meta name="color:nav text background hover" content="#297d93"/> <meta name="color:text headers" content="#2d8da6"/> <meta name="color:label background" content="#262626"/>
<meta name="text:Caption" content=""/>
<meta name="image:Portrait" content=""/> <meta name="image:Portrait 2" content=""/> <meta name="image:Portrait 3" content=""/> <meta name="image:Portrait 4" content=""/> <meta name="image:Portrait 5" content=""/>
<meta name="image:Logo" content=""/>
<meta name="text:Video embed code" content=""/> <meta name="text:Wikplayer embed code" content=""/>
<meta name="image:Header" content=""/> <meta name="image:Background" content="" />
<meta name="if:Show Caption" content="1" /> <meta name="if:Show Infinite Scroll" content="1" /> <meta name="if:Show Tags" content="1" />
<meta name="text:Twitter Username" content=""/> <meta name="text:Tweet Count" content="6"/> <meta name="text:Font Size" content="10px"/> <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
<meta name="text:First Character Link" content="" /> <meta name="text:First Character" content="" />
<meta name="text:Custom Link One" content="" /> <meta name="text:Custom Link One Title" content="" /> <meta name="text:Custom Link Two" content="" /> <meta name="text:Custom Link Two Title" content="" /> <meta name="text:Custom Link Three" content="" /> <meta name="text:Custom Link Three Title" content="" /> <meta name="text:Custom Link Four" content="" /> <meta name="text:Custom Link Four Title" content="" />
<title>{Title}</title>
<link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
<link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
<style type="text/css"> body{ margin-top: 0px; text-align:justify; color: {color:text}; font-family: {font:Body}; font-size: {text:Font Size}; line-height: 12px; background-color:{color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-position:top center; background-repeat: repeat;}
a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none; font-family: {font:Body}; font-size: {text:Font Size}; line-height:12px; } a:hover{color: {color:link hover}; line-height:12px;}
#tumblr_controls{ position:fixed!important;}
b, strong{color: {color:bold text}; font-family: {font:Body}; font-size: {text:Font Size}; line-height:12px;}
#wtf { text-align:justify; background-color:{color:middle background}; width:976px; height:auto; margin-top:42px; margin-left:auto; margin-right:auto; padding-top:4px; padding-bottom: 2px; color: {color:text}; font-family: {font:Body}; font-size: {text:Font Size}; line-height: 12px;}
#entry{ border: 4px solid {color:posts}; text-align:justify; padding:0px; background-color: {color:posts}; width:500px; height:auto; overflow: hidden; margin:0px 0px 16px 0px; {block:PermalinkPage}margin:0px 0px 8px 0px;{/block:PermalinkPage} position: relative;}
#info{ border: 4px solid {color:posts}; text-align:justify; padding:0px; background-color: {color:posts}; width:500px; height:auto; overflow: hidden; margin:0px 0px 12px 0px; position: relative;}
#notes{ border: 4px solid {color:posts}; text-align:justify; padding:0px; background-color: {color:posts}; width:500px; height:auto; overflow: hidden; margin:0px 0px 12px 0px; position: relative;}
#question{ overflow:SHOW; padding-bottom:3px; margin-bottom:3px;}
#askr{ display:block; float:left; width:33px; overflow:hidden; margin-right:3px;}
ul { list-style: disc; padding: 4px 0px 6px 20px;}
blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
blockquote img{display:block; width:100%;}
blockquote p{padding:0px; margin:0px;}
blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
#bottominfo{ padding:2px 0px 0px 0px; display:block;}
.answer p{margin:0px;}
.notes img{ width:10px; position:relative; top:1px;}
ol.notes, .notes li{ list-style:none; margin:0px; padding:0px;}
small {font-size:7px; line-height:10px; letter-spacing:0px;} big {font-family:arial black; color:{color:text}; font-size:14px;}
a img{border:none;}
.label { color: {color:bold text};font-weight: bold; line-height:12px;}
.odd { background-color:{color:label background};}
h2 { color: {color:text headers}; font-size: 12px; line-height: 14px; font-family: arial; font-weight:bold; text-transform: uppercase; letter-spacing: -1px;}
h3 { z-index:10; text-align:center; width:210px; margin-bottom:2px; color: {color:nav text}; font-size: 10px; line-height: 16px; font-family: arial black; text-transform: uppercase; letter-spacing: -1px; background-color:{color:nav text background};}
#leftholder{ position: absolute; margin-left: 6px; width: 210px; height: auto;}
#rightholder{ margin-top:0px; position: absolute; margin-left: 752px; width: 210px; height: auto;}
#left{ z-index:8; padding: 4px; width: 210px; height: auto; margin-bottom:12px; background-color: {color:posts};}
#right{ z-index:8; padding: 4px; width: 210px; height: auto; margin-bottom:12px; background-color: {color:posts};}
a.links { color:{color:bold text}; background-color:{color:label background}; font-family: Arial; font-size: 8px; line-height: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:0px; display:block; padding:1px; margin-top: 4px; margin-bottom: 4px;} a.links:hover { color:{color:nav text background}; background-color:{color:nav text};}
a.links2 { font-size: 10px; line-height: 35px; font-family: arial black ; text-transform: uppercase; letter-spacing: -1px; color:{color:nav text}; padding:6px; background-color:{color:nav text background};}
a.links2:hover { color: {color:nav text hover}; background-color:{color:nav text background hover};}
#ask { font-size:10px; line-height:12px; background-color: {color:label background}; padding:4px; margin-bottom:4px;}
#top{ border-top: 2px solid {color:middle background}; border-bottom: 2px solid {color:middle background}; z-index:1000; padding: 2px; width: 972px; height: auto; top:0px; position:fixed; background-color: {color:nav background};}
p {padding:1px;}
#note{ font-size:8px; text-align:right; margin-top:0px; margin-bottom:4px; width:auto; background-color: {color:middle background}; padding:2px;}
#note a {font-size:8px;}
#info{ margin-top:6px; background-color: {color:label background}; padding:2px;}
#tags{ background-color: {color:label background}; margin-top:4px; padding:2px; border-top:0px solid {color:posts};}
#tags a {font-size:8px;}
#tags b {font-size:8px;}
.twitter{ padding: 0px; margin-top:-4px; background-color: {color:center}; width:210px;color:{color:text}; background-color:transparent;} .twitter:hover {color:{color:text};}
ul#twitter_update_list{ color:{color:Text}; list-style:none; margin-left:-20px; margin-top:0px; margin-bottom:0px;}
ul#twitter_update_list li{ margin:2.5px 0; padding:4px;}
ul#twitter_update_list li:nth-child(even) { background-color:{color:middle background}; color:{color:Text};} ul#twitter_update_list li:hover:nth-child(even){ background-color:{color:label background}; color:{color:Text}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} ul#twitter_update_list li span{ display:block; line-height:12px; color:{color:Text};}
.audio {width: 28px; overflow: hidden; display: inline-block;} .audio_album { margin-left:0px; margin-top: -20px; width: 28px; height: 28px; display: inline-block;}
.audio_album img {width: 28px; height: 27px;}
{CustomCSS} </style>
{block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
</head>
<body>
<!-- Wikplayer http://www.wikplayer.com --> {text:Wikplayer embed code} <!-- Wikplayer code end -->
<div id="wtf">
{block:IfHeaderImage} <center> <a href="/"><img src="{image:Header}" border="0"></a> </center><br> {/block:IfHeaderImage}
<center> <div id="top"> <a href="/" class="links2">Home</a> <a href="/archive" class="links2">Archive</a>
{text:Caption}
{block:AskEnabled}<a href="/ask" class="links2">Ask</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit" class="links2">Submit</a>{/block:SubmissionsEnabled}
</div> </center>
<div id="leftholder">
<div id="left"> <center> <a href="/"><h2>{Title}</h2></a> </center> </div>
{block:IfPortraitImage} <div id="left"> <a href="/"><img src="{image:Portrait}" width="210"></a> </div> {/block:IfPortraitImage}
{block:Description} <div id="left"> {Description} </div> {/block:Description}
<a href="/"><img src="{image:Portrait 2}" width="210"></a> <a href="/"><img src="{image:Portrait 3}" width="210"></a> <a href="/"><img src="{image:Portrait 4}" width="210"></a> <a href="/"><img src="{image:Portrait 5}" width="210"></a>
<div id="left"> <center><b><small>Theme Tailored By:</small></b> <a href="http://storyteller-themes.tumblr.com"><small>Storyteller</small></a></center> </div>
</div>
<div id="rightholder">
<div id="right">
<img src="{image:Logo}" width=210 >
<!-- </div><div id="right"> -->
<center><h3>Story</h3></center> {block:HasPages} {block:Pages} <a href="{URL}" class="links">{Label}</a>
{/block:Pages} {/block:HasPages}
<!-- center><h3>Setting</h3></center -->
<!-- a href="https://maps.google.com.au/maps/ms?msid=200518162248762144526.0004e1a484e6f7d415344&msa=0&ll=46.356952,17.283302&spn=19.846884,45.74707" class="links">Map</a -->
<!-- iframe width="210" height="175" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.au/maps/ms?ll=46.356953,17.283302&spn=19.846884,45.74707&t=f&z=5&ecpose=46.35695164,17.28330221,2634002.27,-2.235,0,0&msa=0&msid=200518162248762144526.0004e1a484e6f7d415344"></iframe><br /><small>View <a href="https://maps.google.com.au/maps/ms?ll=46.356953,17.283302&spn=19.846884,45.74707&t=f&z=5&ecpose=46.35695164,17.28330221,2634002.27,-2.235,0,0&msa=0&msid=200518162248762144526.0004e1a484e6f7d415344&source=embed" style="color:#0000FF;text-align:left">The Fairytale Kingdom</a> in a larger map</small -->
{block:ifCustomLinkOneTitle} <center><h3>Characters</h3></center> <a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
<center><h3>Video</h3></center> {text:Video embed code}
</div>
{block:ifTwitterUsername} <!-- div id="right"> <center><a href="http://twitter.com/{text:Twitter Username}" ><h3>LATEST TWEET</h3></a></center>
<div class="twitter">
<div id="twitter_div"><ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>
</div>
</div --> {/block:ifTwitterUsername}
</div>
<center> <div class="autopagerize_page_element"> {block:Posts}
<div id="entry">
{block:IndexPage} <div id="note">{ShortMonth}. {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year} - {TimeAgo} - <a href="{ReblogURL}">Reblog</a> - <a href="{Permalink}">{NoteCount} Notes</a></div> {/block:IndexPage}
{block:Text}<h2>{Title}</h2>{Body}{/block:Text}
{block:Photo} {block:IndexPage} <center> <a href="{permalink}"><img src="{PhotoURL-500}" width="500" border="0"></a></center> {block:IfShowCaption}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfShowCaption} {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
{block:Photoset} {block:IndexPage}{Photoset-500} {block:IfShowCaption}{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {/block:Photoset}
{block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
{block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat} {block:Title}{Title}{/block:Title} {block:Lines} {block:Label} <div class="{Alt}"><span class="label"><strong>{Label}</strong></span> <span class="line">{Line}</span></div> {/block:Label} {/block:Lines} {/block:Chat}
{block:Video}<center>{block:IndexPage}{Video-500} {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:IndexPage} {block:PermalinkPage}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>{/block:Video}
{block:Audio} <center>{AudioPlayerBlack}</center>
{block:Caption}{Caption}{/block:Caption} {/block:Audio}
{block:Answer} <div id="ask"><img src="{AskerPortraitURL-24}" style="width:28px; height:24px; vertical-align:middle; padding-right:4px;">{Asker} Asked: {Question}</div> <p>{Answer}</p> {/block:Answer}
{block:IfShowTags} {block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:IfShowTags} </div>
{block:PermalinkPage} {block:Date}<div id="notes"> <b>Posted:</b> <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br><b>Originally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
{block:Photo}{block:HighRes}<br><b>HighRes:</b> <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
{block:Answer}<BR><b>Ask:</b> <a href="/ask">{AskLabel}</a>{/block:Answer}
{block:Audio}<BR><b>Plays:</b> {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
{block:HasTags}<BR><b>Tagged:</b> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount} </div> {/block:Date} {/block:PermalinkPage}
{/block:Posts} </div>
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{block:Pagination} <div id="entry"> <center> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"> {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage} </td> <td width="480"><center>{CurrentPage} of {TotalPages}</center></td> <td width="10">{block:NextPage}<a href="{NextPage}">►</a>{/block:NextPage} </td> </tr> </table></center> </div>{/block:Pagination}
<center><b><small>Theme By:</small></b> <a href="http://storytellerthemes.tumblr.com"><small>Storyteller</small></a> <small>|</small> <b><small>Powered By:</small></b> <a href="http://tumblr.com"><small>Tumblr.com</small></a></center> </div>
</center>
</body> </html>