theme 02: lua

<!DOCTYPE html>

<!--
|||||||| theme 02: lua
|| 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="#9cd3f9"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Left background" content="#f6f6f6"/>
<meta name="color:Font" content="#888888"/>
<meta name="color:Post title" content="#444444"/>
<meta name="color:Entry" content="#ffffff"/>
<meta name="color:Borders" content="#eeeeee"/>
<meta name="color:Scrollbar" content="#9cd3f9"/>
<meta name="color:Permalink text" content="#888888"/>

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

<meta name="color:Bold text" content="#888888"/>
<meta name="color:Italic text" content="#111111"/>


<meta name="image:Description image" content="http://goo.gl/DvmOxf"/>
<meta name="image:Background" content=""/>
<meta name="image:Left background" content="http://goo.gl/i8lZF9"/>

<meta name="if:Show caption" content="0"/>
<meta name="if:Show search box" content="1"/>
<meta name="if:Show description image" content="1"/>
<meta name="if:Bold titles" content="0"/>
<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="select:Posts width" content="350px" title="350px">
<meta name="select:Posts width" content="400px" title="400px">
<meta name="select:Posts width" content="500px" title="500px">


<meta name="select:Left background size" content="100%" title="Fit to scale">
<meta name="select:Left background size" content="auto" title="Original">

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

<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 consolas!important; }

a { color:{color:links};
text-decoration:none;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s; }

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

body { font:10px consolas;
color:{color:font};
background:{color:background} url('{image:background}') fixed;
margin:0;
padding:0;
line-height:16px;
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 consolas;
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 consolas;
text-transform:uppercase;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;}



/* posts alignments and fonts */
#content { position:relative;
display:block;
left:360px;
top:140px;
width:0;
    {block:ifnotshowdescriptionimage}
    top:70px;
    {/block:ifnotshowdescriptionimage} }

.entry {  opacity:.99999;
text-align:justify;
border:1px solid {color:borders};
padding:10px;
margin-bottom:70px;
position:relative;
z-index:5;
background:{color:entry};
width:{select:posts width};
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}; }

.entry .title {
font:12px {font:Title Font};
display:block;
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%; }



/* 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:consolas; }



/* ask posts */
.question { font:10px consolas;
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:25px; }

.asking { width:calc(100% - 20px);
padding:10px;
margin-top:-15px;
background:{color:asker background};
font:8px consolas;
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 consolas, 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; }



/* permalink */
.perma.top { display:block;
color:{color:permalink text};
font:8px consolas;
width:{select:posts width};
text-transform:uppercase;
letter-spacing:1px;
text-align:left;
padding:4px 10px;
padding-top:5px;
line-height:11px;
margin-top:-10px;
margin-left:-10px;
margin-bottom:10px;
border-bottom:1px solid {color:borders};
    {block:permalinkPage}
    width:500px;
    {/block:permalinkPage} }

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

.perma a:hover { color:{color:links hover}; }

.perma .links { float:left; }

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

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

.perma .in-perma { width:60px;
position:relative;
margin-right:-17px;
display:inline-block;
margin-top:-2px;
float:right;}

.button { display:inline-block;
margin-top:-4px;
padding:4px 3px;
width:16px;
margin-right:-1px;
float:left;
border:1px solid {color:borders};
text-align:center;
height:7px; }

.reblogbutton { padding-left:5px; }

.reblog_button { margin:0px 2px;
margin-top:-1px;}

.likebutton iframe { margin-top:-5px;
height:13px!important;}

.hide { display:block;
position:relative;
width:calc({select:posts width} - 60px);
margin:0;
text-align:left;
padding:0;
line-height:14px;}



/* sidebar */
#sidebar { position:fixed;
width:240px;
padding:20px;
left:0;
height:100%;
z-index:77;
border-right:1px solid {color:borders};
background:{color:left background} url('{image:left background}') fixed left bottom repeat;
background-size:auto {select:left background size};
background-position:left; }

#sideimg { width:60px;
height:60px;
position:absolute;
padding:6px;
border-radius:100%;
margin-left:-56px;
border:1px solid {color:borders};
background:{color:entry};
margin-top:-85px;}

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

.links { margin-top:12px; }

.links:before { width:175px;
height:1px;
margin-left:-18px;
margin-top:12px;
background:{color:borders};
content:'';
position:absolute;
z-index:-999;
    {block:ifnotshowsearchbox}
    width:165px;
    {/block:ifnotshowsearchbox} }

a.sidelinks { padding:3px 4px;
border:1px solid {color:borders};
display:inline-block;
background:{color:background};
color:{color:font}; }

form { display:inline-block;}

input[type="text"].searchbox:focus {color:{color:links};
width:150px; }

.searchbox { border:1px solid {color:borders};
font:10px consolas;
outline:none;
background:{color:background};
padding:5px;
margin-top:-15px;
position:absolute;
display:inline-block;
color:{color:font};
width:60px;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s; }

#side-desc { width:210px;
position:fixed;
border-left:1px solid {color:borders};
padding:18px;
padding-top:20px;
margin-left:calc({select:posts width} + 90px);
top:100px;
z-index:66;
    {block:permalinkPage}
    margin-left:590px;
    {/block:permalinkPage} }

#side-desc:before { content:'';
width:calc({select:posts width} + 200px);
border-bottom:1px solid {color:borders};
position:fixed;
left:230px;
height:74px;

top:0;
background:{color:background} url('{image:background}') top left fixed;
    {block:permalinkPage}
    width:700px;
    {/block:permalinkPage}
    {block:ifnotshowdescriptionimage}
    display:none;
    {/block:ifnotshowdescriptionimage} }



/* 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; }


/* pagination */
.pagination { position:fixed;
border-left:1px solid {color:borders};
padding:19px;
margin-left:-19px;
bottom:30px; }

.pagination a { display:block;
color:{color:font}; }


{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">
$(document).ready(function(){
$(".hide").hide();
$(".more").click(function(){
$(this).next(".hide").slideToggle('slow');
}); });
</script>

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

<div id="sidebar"></div>
<div id="side-desc">
{block:pagination}
<div class="pagination">
    {block:previousPage}
    <a href="{PreviousPage}">back</a>
    {/block:previousPage}
    {block:nextPage}
    <a href="{NextPage}">forth</a>
    {/block:nextPage}
</div>
{/block:pagination}
    {block:ifshowdescriptionimage}
    <img src="{image:description image}" id="sideimg">
    {/block:ifshowdescriptionimage}
    {Description}

<div class="links">
<a href="/" class="sidelinks" title="index">i.</a>
<a href="/ask" class="sidelinks" title="message">ii.</a>
<a href="{text:link 1 url}" class="sidelinks" title="{text:link 1 title}">
iii.</a>
<a href="{text:link 2 url}" class="sidelinks" title="{text:link 2 title}">
iv.</a>
<a href="{text:link 3 url}" class="sidelinks" title="{text:link 3 title}">
v.</a>

{block:ifshowsearchbox}
<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:ifshowsearchbox}
</div>
</div>

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

<!------------------- //permalink -->
<div class="perma top">
<div class="in-perma">
    <div class="button reblogbutton"><a target="_blank" href="{ReblogURL}" class="reblog_button" style="display: block;width:10px;height:10px;">    <svg width="100%" height="100%" viewBox="0 0 537 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M 98.893,177.139c0.00-7.462, 4.826-12.275, 12.288-12.275L 405.12,164.864 l0.00,83.469 l 118.72-120.947L 405.12,8.678l0.00,81.51 L 49.382,90.189 c-15.206,0.00-27.648,12.429-27.648,27.648l0.00,171.814 l 77.146-71.603L 98.88,177.139 z M 438.874,332.646c0.00,7.45-4.826,12.275-12.275,12.275L 123.75,344.922 l0.00-83.469 l-116.506,120.922l 116.506,120.947l0.00-81.498 l 356.864,0.00 c 15.206,0.00, 27.648-12.454, 27.648-27.648L 508.262,220.134 l-69.402,71.59L 438.861,332.646 z"></path></svg></a>
    </div>
    <div class="button likebutton">{LikeButton size=9}</div>
</div>

    posted {TimeAgo}
    with <a href="{Permalink}">{NoteCountWithLabel}</a>

    {block:RebloggedFrom}
    <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>;
    <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>;
    {/block:RebloggedFrom}

    {block:HasTags}
    <span class="more" id="show">+ tags</span>
    <div class="hide">
    {block:Tags}<a href="{tagURL}" class="tag">{Tag}</a>{/block:Tags}
    </div>
    {/block:HasTags}

</div>

<!------------------- //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}" class="photopost">
    {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}


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