theme 03: ameno

<!DOCTYPE html>

<!--
|||||||| theme 03: ameno
|| 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="#cccccc"/>
<meta name="color:Links hover" content="#bce0f2"/>
<meta name="color:Background" content="#fdfdfd"/>
<meta name="color:Font" content="#aaaaaa"/>
<meta name="color:Description font" content="#cccccc"/>
<meta name="color:Post title" content="#dddddddd"/>
<meta name="color:Top background" content="#bce0f2"/>
<meta name="color:Entry" content="#ffffff"/>
<meta name="color:Borders" content="#eeeeee"/>
<meta name="color:Scrollbar" content="#bce0f2"/>
<meta name="color:Permalink box" content="#fafafa"/>
<meta name="color:Permalink text" content="#cccccc"/>

<meta name="color:Blockquote" content="#eeeeee"/>
<meta name="color:Question font" content="#cccccc"/>
<meta name="color:Chat background odd" content="#ffffff"/>
<meta name="color:Chat background even" content="#ffffff"/>

<meta name="color:Bold text" content="#bce0f2"/>
<meta name="color:Italic text" content="#aaaaaa"/>

<meta name="image:Background" content=""/>
<meta name="image:Links avatar" content="http://goo.gl/U3MVmr"/>
<meta name="image:Top background" content="http://goo.gl/ggY1KI"/>

<meta name="if:Show captions" content="1"/>
<meta name="if:Show search bar" content="1"/>
<meta name="if:Show blog title" content="1"/>
<meta name="if:Bold titles" content="1"/>
<meta name="if:Uppercase titles" content="1"/>

<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:Link 5 URL" content="#url"/>
<meta name="text:Link 5 title" content="link#5"/>
<meta name="text:Blog title" content="ameno"/>

<meta name="select:Posts width" content="250px">
<meta name="select:Posts width" content="350px">
<meta name="select:Posts width" content="400px">
<meta name="select:Posts width" content="500px">

<meta name="select:Top background size" content="100% auto" title="Scale to fit width">
<meta name="select:Top background size" content="auto 380px" title="Scale to fit height">
<meta name="select:Top background size" content="cover" title="Cover">
<meta name="select:Top background size" content="auto" title="Original">


<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;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s; }

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;
min-height:calc(100vh + 381px);
line-height:16px;
/*cursor:url('//goo.gl/AJHdqF'), auto;*/
cursor:auto; }

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

::-webkit-scrollbar-thumb:vertical {
border-top:2px solid {color:entry};
border-bottom:2px solid {color:entry}; }

::-webkit-scrollbar-thumb:horizontal {
border-left:2px solid {color:entry};
border-right:2px solid {color:entry}; }

::-webkit-scrollbar {
height:5px;
width:5px;
background: {color:borders};
border:2px solid {color:entry}; }

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

#cursor { width:150%;
height:150%;
position:fixed;
/*cursor:url('//goo.gl/AJHdqF'), auto ;*/
cursor: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;
z-index:999999999999;
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:.4s;
-moz-transition:.4s;
-o-transition:.4s;}



/* posts alignments and fonts */
#content { position:relative;
display:block;
left:50%;
top:450px;
margin-bottom:70px;
width:800px;}

#content.pixels250px { margin-left: -355px;
    {block:permalinkpage}
    margin-left:-320px;
    {/block:permalinkpage} }
#content.pixels350px { margin-left: -231px; }
#content.pixels400px { margin-left: -256px; }
#content.pixels500px { margin-left: -306px; }

.entry {  opacity:.99999;
text-align:justify;
padding:15px;
position:relative;
float:left;
z-index:95;
margin:40px;
background:{color:entry};
border:1px solid {color:borders};
width:{select:posts width};
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}; }


.entry .title {
font:17px cambria;
display:block;
padding:20px 40px;
text-align:center;
margin-bottom:10px;
line-height:120%;
color:{color:post title};
    {block:ifboldtitles}
    font-weight:bold;
    {/block:ifboldtitles}
    {block:ifuppercasetitles}
    text-transform:uppercase;
    {/block:ifuppercasetitles} }

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

.body { margin-top:10px; }

.entry .photopost { width:100%; }


/* quote posts */
.title.quotes:before { content:'“';
color:{color:links hover};
font:bold 60px georgia;
position:absolute;
margin:-15px;
opacity:.2; }




/* 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% - 70px);
color:{color:question font};
background:{color:entry};
padding:15px;
border-left: 40px solid {color:permalink box}; }

.question b {text-transform:uppercase; }

#askerimg { position:absolute;
margin-left:-48px;
border:3px solid {color:entry}; }




/* 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:transparent;
text-transform: lowercase;
margin: 3px 0; }

.avatar_frame {  display: none; }

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

.p-notes { margin-bottom:60px; }



/* audio posts */
.tumblr_audio_player { height:129px!important; }

.audio_controls { height:129px!important; }

.audio_player_container.has_art .album_art_container {
max-width: 129px!important;
max-height: 129px!imporant; }

.album_art.main {
position: relative;
width: 129px!important;
height: 129px!important; }

.audio_player.white .audio_controls, .audio_player.white .audio_visualizer { border:1px solid {color:borders}!important; }



/* description */
#desc { padding:10px;
left:35px;
position:fixed;
z-index:1;
width:170px;
text-align:left;
color:{color:description font};
display:none;
top:70px; }

#desc:before { content:'';
position:fixed;
border-left:1px solid {color:borders};
border-top:1px solid {color:borders};
width:20px;
height:20px;
margin:-10px -12px; }



/* top background */
#sidebar { width:100%;
height:380px;
position:absolute;
background:{color:top background} url('{image:top background}');
background-position:center top;
background-attachment:fixed;
background-size:{select:top background size};
top:0px;
z-index:9;
left:0; }

#sidebar h1 { font:italic bold 100px cambria;
position:absolute;
text-transform:uppercase;
color:white;
text-align:center;
width:100%;
top:65px; }

#links { width:100%;
padding:14px 0 22px 0;
text-align:left;
background:{color:entry};
top:380px;
left:0;
z-index:9999999;
height:10px;
border-bottom:1px solid {color:borders};
font:8px calibri;
text-transform:uppercase;
position:absolute; }

#linksavatar {width:20px;
height:20px;
border-radius:4px;}

#links a, #links b { padding-left:10px;
    font:8px calibri;
    display:inline-block;
    letter-spacing:1px;     }



/* permalink */
#perma {
text-align:center;
width:calc({select:posts width} - 10px);
padding:20px 20px;
margin-top:15px;
background:{color:permalink box};
margin-left:-16px;
margin-bottom:-16px;
border:1px solid {color:borders};
font:8px calibri;
text-transform:uppercase;
letter-spacing:1px;
    {block:PermalinkPage}
    width:490px;
    {/block:PermalinkPage} }

#perma a { padding:0 2px;
color:{color:permalink text};}

.tag:before { content:'#'; }
.tag:after { content:' '; }



/* search box */
.searchbox {
display: inline-block;
white-space: nowrap;
width:43px;
text-align: left;
line-height: 20px;
color:{color:links};
text-transform:uppercase;
letter-spacing:1px;
border:none;
background:{color:entry};
position: relative;
margin-bottom:4px;
margin-left:10px;
font:8px calibri;
outline:none;
border-radius: 0px;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;}

.searchbox:focus {color:{color:font};
width:100px; }

#search { display:inline-block;
background:{color:sidebar};
border-radius:2px;
padding:10px;}

#search input { background:transparent;
color:{color:font};
text-transform:uppercase;
opacity:.3;
padding:3px; }

form[onsubmit="return tagSearch(this)"] { display:inline; }

{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 type='text/javascript'>
$(window).scroll(function(e){
  $el = $('#links');
  if ($(this).scrollTop() > 380 ){
    $('#links').css({'position': 'fixed', 'top': '0px'});
  }
  if (380 > $(this).scrollTop() )
  {
    $('#links').css({'position': 'absolute', 'top': '380px'});
  }
});
</script>

<script>
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 380) {
    $('#desc').fadeIn();
  } else {
    $('#desc').fadeOut();
  }
});
</script>


{block:IndexPage}
<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigate",
nextSelector : "div#navigate a#nextPage",
itemSelector : ".entry",
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "",
},
// call masonry as a callback.
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:IndexPage}

</head><body>

<div id="sidebar">{block:ifshowblogtitle}<h1>{text:blog title}</h1>{/block:ifshowblogtitle}</div>

<div id="links">
<div style="float:left; margin-left:30px; display:block;">
    <img src="{image:links avatar}" id="linksavatar">
    <a href="/">index</a>
    <a href="/ask">message</a>
    <a href="/archive">archive</a>
    <a href="{text:link 1 url}">{text:link 1 title}</a>
    <a href="{text:link 2 url}">{text:link 2 title}</a>
    <a href="{text:link 3 url}">{text:link 3 title}</a>
    <a href="{text:link 4 url}">{text:link 4 title}</a>
    <a href="{text:link 5 url}">{text:link 5 title}</a>
    {block:ifshowsearchbar}
    <form onsubmit="return tagSearch(this)">
    <input type="text"
           class="searchbox"
           name="tag"
           value="search"
           onfocus="if (this.value == 'search') {this.value=''}"
           onblur="if (this.value == '') {this.value='search'}" />
    </form>
    {/block:ifshowsearchbar}

    {block:Pagination}
    {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
    {/block:Pagination}

    {block:JumpPagination length="5"}
    {block:CurrentPage}<b>{PageNumber}</b>{/block:CurrentPage}
    {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
    {/block:JumpPagination}

    {block:Pagination}
    {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
    {/block:Pagination}
</div>
</div>

<div id="desc">{Description}</div>



<div id="content" class="pixels{select:posts width}">
{block:Posts}
<div class="entry">

<!------------------- //answer -->
{block:Answer}
<div class="question">
    <img src="{AskerPortraitURL-128}" width="20px" id="askerimg">
    <b>{Asker}</b><br>{Question}
</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 quotes">{Quote}</div>
<div style="text-align:center;">{Source}</div>
{block:Source}{/block:Source}
{/block:Quote}


<!------------------- //photo -->
{block:Photo}
    {block:IndexPage}
        <img src="{PhotoURL-HighRes}" class="photopost">
    {block:IfShowCaptions}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaptions}
    {/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:IfShowCaptions}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaptions}
    {/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:IfShowCaptions}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaptions}
    {/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:IfShowCaptions}
    {block:Caption}<div class="body">{Caption}</div>{/block:Caption}
    {/block:IfShowCaptions}
    {/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}



<!------------------- //left perma -->
<div id="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> <!-- /entry -->
{/block:Posts}


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

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

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

</body>
</html>