theme 01: hora

<!DOCTYPE html>

<!--
|||||||| theme 01: hora
|| by quenma.tumblr.com

don't redistribute
don't copy any part of the code
feel free to change fonts and colors
message me if there is any bugs
-->

<head>

<title>{title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
</title>
<link href="{Favicon}" rel="shortcut icon"/>
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="description" content="{metadescription}" />
<meta name="color:Links" content="#000000"/>
<meta name="color:Links hover" content="#a7e6f2"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Container background" content="#ffffff"/>
<meta name="color:Font" content="#888888"/>
<meta name="color:Post title" content="#a7e6f2"/>
<meta name="color:Entry" content="#ffffff"/>
<meta name="color:Borders" content="#eeeeee"/>
<meta name="color:Sidebar" content="#ffffff"/>
<meta name="color:Scrollbar" content="#a7e6f2"/>

<meta name="color:Blockquote" content="#a7e6f2"/>
<meta name="color:Asker background" content="#ffffff"/>
<meta name="color:Question font" content="#222222"/>
<meta name="color:Question background" content="#f9f9f9"/>
<meta name="color:Chat background odd" content="#fafafa"/>
<meta name="color:Chat background even" content="#ffffff"/>

<meta name="color:Bold text" content="#a7e6f2"/>
<meta name="color:Italic text" content="#000000"/>
<meta name="color:Permalink text" content="#888888"/>

<meta name="image:Sidebar" content="http://goo.gl/BVdvGq"/>
<meta name="image:Background" content=""/>

<meta name="if:Show caption" content="1"/>
<meta name="if:500px posts" content="0"/>
<meta name="if:Show search bar" content="1"/>
<meta name="if:Bold titles" content="1"/>
<meta name="if:Uppercase titles" content="0"/>
<meta name="if:Show posts background" content="0"/>

<meta name="text:Link 1 URL" content="#url"/>
<meta name="text:Link 1 title" content="link#1"/>
<meta name="text:Link 2 URL" content="#url"/>
<meta name="text:Link 2 title" content="link#2"/>
<meta name="text:Link 3 URL" content="#url"/>
<meta name="text:Link 3 title" content="link#3"/>
<meta name="text:Link 4 URL" content="#url"/>
<meta name="text:Link 4 title" content="link#4"/>
<meta name="text:Sidebar from top" content="100"/>
<meta name="text:Search title" content="search on blog" />

<meta name="font:Title Font" content="Helvetica"/>

<link rel="stylesheet" href="//static.tumblr.com/vr9xgox/k5rniy4bm/main-min.css">
<link rel="stylesheet" href="//static.tumblr.com/og8a5yf/G9Jnjxfhn/icomoon.css">
<link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/Rojnpjn1w/selectric.css">

<style>
/* defaults */
#tumblr_controls { z-index:9999999999!important;
position:fixed; }

small, big, pre, sub, sup { font:10px calibri!important; }

a { color:{color:links};
text-decoration:none; }

a:hover { color:{color:links hover};
cursor:url('//goo.gl/qsfNnn'), hand; }

body { font:10px calibri;
color:{color:font};
background:{color:background} url('{image:background}') fixed;
margin:0;
padding:0;
line-height:18px;
cursor:url('//goo.gl/AJHdqF'), auto;}

::-webkit-scrollbar-thumb { background:{color:scrollbar};
border-top:1px solid white;
border-bottom:1px solid white; }

::-webkit-scrollbar-button:vertical { background:{color:scrollbar};}

::-webkit-scrollbar { background:{color:entry};
width:4px;
height:4px;}

#cursor { width:150%;
height:150%;
position:fixed;
cursor:url('//goo.gl/AJHdqF'), auto ;
z-index:-9999; }

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

#s-m-t-tooltip{
max-width:230px;
font:10px calibri;
padding:3px 5px;
margin-left:6px;
background-color:{color:entry}; }

b { font-weight:bold;
color:{color:bold text}; }

i { font-style:italic;
color:{color:italic text}; }

#credit { position:fixed;
background:{color:scrollbar};
bottom:12px;
right:12px;
color:{color:entry};
width:10px;
line-height:10px;
padding:4px 4px;
letter-spacing:1px;
font:8px calibri;
text-transform:uppercase;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;}



/* posts alignments and fonts */
#posts_container { width:820px;
margin-left:-400px;
position:fixed;
z-index:-5;
background:{color:container background};
    {block:if500pxposts}
    width:920px;
    margin-left:-450px;
    {/block:if500pxposts}
    {block:ifnotshowpostsbackground}
    background:transparent;
    {/block:ifnotshowpostsbackground}
height:100%;
left:50%; }

#content { position:relative;
display:block;
left:50%;
width:0;
margin-left:-85px;
top:50px;
    {block:if500pxposts}
    margin-left:-135px;
    {/block:if500pxposts}
    {block:PermalinkPage}
    margin-left:-135px;
    {/block:PermalinkPage} }

.entry {  opacity:.99999;
text-align:justify;
width:400px;
padding:25px;
margin-bottom:70px;
background:{color:entry};
text-align:justify;
    {block:if500pxposts}
    width:500px;
    {/block:if500pxposts}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage} }

.entry .title {
font:18px {font:Title Font};
line-height:18px;
color:{color:post title};
    {block:ifboldtitles}
    font-weight:bold;
    {/block:ifboldtitles}
    {block:ifuppercasetitles}
    text-transform:uppercase;
    {/block:ifuppercasetitles}
padding:4px 0;
border-radius:3px;}

.entry .body img { max-width:100%; height:auto; }

.body { margin-top:10px; }



/* chat posts */
.codd, .ceven { padding:8px;
margin:2px;
border-radius:3px;
background:{color:chat background odd};}

.ceven { background:{color:chat background even}; }

.codd b, .ceven b { font-family:calibri; }



/* ask posts */
.question { font:10px calibri;
width:calc(100% - 30px);
color:{color:question font};
background:{color:question background};
padding:15px; }

.question:after { position:absolute;
content:'';
border:10px solid transparent;
border-top:15px solid {color:question background};
margin-top:20px;
left:40px; }

.asking { width:calc(100% - 20px);
padding:10px;
margin-top:-15px;
background:{color:asker background};
font:8px calibri;
text-transform:uppercase;
letter-spacing:1px;}

.asking a { color:{color:links}; }

.asking img { width:20px;
margin:5px;
background:{color:ask background}; }




/* post notes */
.noul ul, .noul li, .noul ol { list-style-type:none; }
.noul img { visibility:hidden; }
.noul li {  padding: 8px 10px;
font: 10px calibri, sans-serif;
color: {color:font};
border-top: 0px solid transparent;
width: 530px;
background: #ffffff;
text-transform: lowercase;
margin: 3px 0; }

.avatar_frame {  display: none; }

.noul blockquote { margin-left:20px; }

.p-notes { background:transparent;
margin-left:-25px;
margin-bottom:60px; }


/* permalink */
.perma { display:block;
color:{color:permalink text};
font:8px calibri;
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
line-height:13px;
margin-top:8px; }

.perma a { color:{color:permalink text}; }

.perma .links { float:left; }

.perma a.tag { color:{color:permalink text};
font:8px calibri;
text-transform:uppercase; }

.perma a.tag:before { content:'#'; }

.perma .in-perma { padding:5px 3px 0 3px;
margin-bottom:0px;
border-top:1px solid {color:borders}; }



/* sidebar */
#sidebar { position:fixed;
margin-left:-260px;
width:150px;
padding:30px;
top:{text:sidebar from top}px;
background:{color:sidebar};
text-align:justify;  }

#sidebar h1 { font:bold 11px calibri;
text-transform:none;
margin:0;
margin-bottom:1px;}

#sidebar .desc  { padding:5px;
line-height:18px;
margin:4px 0; }

#sideimg { width:150px;
border-top:1px solid {color:borders};
border-bottom:1px solid {color:borders};
padding:4px 0; }

#sidebar .sidelinks:hover { border:1px solid {color:borders}; }

#sidebar.divisor { border-right:1px solid {color:borders};
padding-right:50px;
background:transparent;
z-index:-2;}

option { font-size:10px!important;}

.sidelinks {
display: block;
white-space: nowrap;
overflow: hidden;
padding: 0 25px 2px 10px;
font-size: 8px;
text-align: left;
line-height: 20px;
color: {color:font};
text-transform:uppercase;
letter-spacing:1px;
height: 18px;
border: 1px solid {color:borders};
background: {color:sidebar};
position: relative;
margin-bottom:4px;
border-radius: 0px;}

.sidelinks:hover { color: {color:font}; }

a#pagi {
text-align:center;
padding:4px;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;}



/* selectric */
.selectric {
border: 1px solid {color:borders};
background: {color:sidebar};
position: relative;
border-radius: 0px;}

.selectric .label {
display: block; text-transform:uppercase;
letter-spacing:1px;
white-space: nowrap;
overflow: hidden;
margin: 0 25px 2px 10px;
font-size: 8px;
text-align: left;
line-height: 20px;
color: {color:font};
height: 18px;}

.selectric-items { border: 1px solid {color:borders}; }

.selectric-items li {
display: block;
padding: 0px 10px; text-transform:uppercase;
letter-spacing:1px;
border-top: 1px solid {color:borders};
border-bottom: 0px solid {color:borders};
color: #666;
font-size: 8px;
text-align: left;
line-height: 20px;
min-height: 20px;}

.selectric-items li:first-child { display:none; }



/* search box */
.searchbox {
display: block;
white-space: nowrap;
overflow: hidden;
padding: 0 25px 0px 10px;
font-size: 8px;
width:100%;
text-align: left;
line-height: 20px;
color: {color:font};
text-transform:uppercase;
letter-spacing:1px;
height: 23px;
border: 1px solid {color:borders};
background: {color:sidebar};
position: relative;
margin-bottom:4px;
outline:none;
border-radius: 0px;}

#search { display:inline-block;
background:rgba(25,25,25,.1);
border-radius:2px;
padding:10px;}

#search input { background:transparent;
color:white;
letter-spacing:1px;
font:8px calibri;
text-transform:uppercase;
opacity:.3;
padding:3px; }
{CustomCSS}

</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script src="//static.tumblr.com/ev0x8sk/3DPnpjn0q/jquery.selectric.min.js">
</script>
<script type="text/javascript">
    function tagSearch(form) {
    if (form.tag.value.replace(/\s/g, '').length > 0) {
    window.location = "/search/" + form.tag.value; }
    return false; }
</script>

<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:35,
    tip_fade_speed:100,
    attribute:"title"
});
});
})(jQuery);
</script>

<script>
$(function(){
$('select').selectric({
    maxHeight: 200
});
});
</script>

</head><body>
<div id="cursor"></div>
<div id="content">
<div id="posts_container"></div>

<div id="sidebar">
    <img src="{image:sidebar}" id="sideimg">
    <div class="desc">{Description}</div>

    <a href="/" class="sidelinks">index</a>
    <a href="/ask" class="sidelinks">message</a>
    <a href="/archive" class="sidelinks">archive</a>

    {block:ifshowsearchbar}
    <form onsubmit="return tagSearch(this)">
    <input type="text"
           class="searchbox"
           name="tag"
           value="{text:Search title}"
           onfocus="if (this.value == '{text:Search title}') {this.value=''}"
           onblur="if (this.value == '') {this.value='{text:Search title}'}" />
    </form>
    {/block:ifshowsearchbar}

    <select onchange="location = this.options[this.selectedIndex].value;">
    <option>links</option>
    <option value="{text:link 1 URL}">{text:link 1 title}</option>
    <option value="{text:link 2 URL}">{text:link 2 title}</option>
    <option value="{text:link 3 URL}">{text:link 3 title}</option>
    <option value="{text:link 4 URL}">{text:link 4 title}</option>
    </select>


{block:Pagination}
<div class="sidelinks" style="margin-top:4px; border:0;">
    {block:PreviousPage}
    <a href="{PreviousPage}" id="pagi">back</a>
    {/block:PreviousPage}

    {block:NextPage}
    <a href="{NextPage}" id="pagi">forth</a>
    {/block:NextPage}
</div>
{/block:Pagination}

</div>


<!-- -->
<div id="sidebar" class="divisor">
<img src="{image:sidebar}" id="sideimg">
<div class="desc">{Description}</div>
<a href="/" class="sidelinks">index</a>
<a href="/ask" class="sidelinks">message</a>
<a href="/archive" class="sidelinks">archive</a>
{block:ifshowsearchbar}<form onsubmit="return tagSearch(this)">
<input type="text" class="searchbox" name="tag" value="{text:Search title}" onfocus="if (this.value == '{text:Search title}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search title}'}" />
</form>{/block:ifshowsearchbar}
<select onchange="location = this.options[this.selectedIndex].value;">
<option>links</option>
<option value="{text:link 1 URL}">{text:link 1 title}</option>
<option value="{text:link 2 URL}">{text:link 2 title}</option>
<option value="{text:link 3 URL}">{text:link 3 title}</option>
<option value="{text:link 4 URL}">{text:link 4 title}</option>
</select>
{block:Pagination}
<div class="sidelinks" style="margin-top:4px ;border:0;">
{block:PreviousPage}
<a href="{PreviousPage}" id="pagi">back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" id="pagi">forth</a>
{/block:NextPage}</div>
{/block:Pagination}
</div>
<!-- -->



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

<!------------------- //answer -->
{block:Answer}
<div class="question">{Question}</div><br>
<div class="asking">
<img src="{AskerPortraitURL-128}">{Asker}</div>
<div class="body" style="padding-bottom:4px;">
<blockquote>{Answer}</blockquote>
</div>
{/block:Answer}


<!------------------- //text -->
{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="body">{Body}</div>
{/block:Text}


<!------------------- //quote -->
{block:Quote}
<div class="title">{Quote}</div>
<span style="text-align:right;">{Source}</span>
{block:Source}{/block:Source}
{/block:Quote}


<!------------------- //photo -->
{block:Photo}
    {block:IndexPage}
        <img src="{PhotoURL-HighRes}" {block:if500pxposts}width="500px"{/block:if500pxposts}
             width="400px">
    {block:IfShowCaption}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaption}
    {/block:IndexPage}
    {block:PermalinkPage}
        <img src="{PhotoURL-HighRes}" width="500px">
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:PermalinkPage}
{/block:Photo}


<!------------------- //photoset -->
{block:Photoset}
    {block:IndexPage}
        {Photoset}
    {block:IfShowCaption}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaption}
    {/block:IndexPage}
    {block:PermalinkPage}
        {Photoset}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:PermalinkPage}
{/block:Photoset}


<!------------------- //video -->
{block:Video}
    {block:IndexPage}
    {Video-400}
    {block:IfShowCaption}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaption}
    {/block:IndexPage}
    {block:PermalinkPage}
    {Video-500}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:PermalinkPage}
{/block:Video}


<!------------------- //links -->
{block:Link}
<a href="{URL}" class="title">{Name}</a>
{/block:Link}


<!------------------- //audios -->
{block:Audio}
    {block:IndexPage}
    {AudioEmbed-400}
    {block:IfShowCaption}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaption}
    {/block:IndexPage}
    {block:PermalinkPage}
    {AudioEmbed-500}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:PermalinkPage}
{/block:Audio}


<!------------------- //chat -->
{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
{block:Lines}<div class="c{Alt}">
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</div>{/block:Lines}
{/block:Chat}


<!------------------- //hide source -->
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:ReblogParent}{/block:ReblogParent}


<!------------------- //permalink -->
<div class="perma">
<div class="in-perma">
    <a href="{Permalink}">{NoteCountWithLabel}</a> +
    <a href="{ReblogURL}">reblog</a>
    {block:RebloggedFrom}(
        <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
        <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a> )
    {/block:RebloggedFrom}

    {block:HasTags}<br>
    {block:Tags}
       <a href="{TagURL}" class="tag">{Tag}</a>
    {/block:Tags}
    {/block:HasTags}
</div>
</div>


<!------------------- //post notes -->
{block:PermalinkPage}
    {block:PostNotes}
    <div class="entry noul p-notes">{PostNotes}</div>
    {/block:PostNotes}
{/block:PermalinkPage}

</div> <!-- /entry -->
{/block:Posts}

</div> <!-- /content -->

<a href="//quenma.tumblr.com" id="credit" title="theme by quenma">qt</a>

</body>
</html>