White

<!--
                        theme by aesthesos
   ╔╔═╗╗
 ║║   ║║       Rules:
║║    ║║               -do not steal
 ║║   ║║               -do not remove credit
  ╚╚══╚╚═              -do not use as base code

-->

<!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">
<head>


<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">

<meta name="image:background" content=""/>
<meta name="color:border" content="#ecebeb"/>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:50,
tip_fade_speed:500,
attribute:"title"
});
});
})(jQuery);
</script>

<link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>


<style type="text/css">

@ Font-face {font-family: "Didot" src: url ('https://dl.dropboxusercontent.com/s/brokf6rjtc6lwjn/ufonts.com_didot.ttf'); Formato ("TrueType");}

::-webkit-scrollbar {
    width:3px;
    height:5px;
    }
::-webkit-scrollbar-track-piece {
    background-color:#f7f7f7;
    }
::-webkit-scrollbar-thumb {
    background-color:#666666;
    }

body {
margin:0 auto;
line-height:120%;
font-family:'karla', sans-serif;
font-size: 9.5px;
background-color: #fff;
margin: 0;
text-align:justify;
letter-spacing:1px;}

::-moz-selection {color:#ffffff;background:#666666;}
::selection {color:#ffffff;background:#666666;}
a:link {color: #666666;text-decoration:none;font-size:115%;}
a:visited {color: #666666;}
a:active {color: #666666;}

blockquote {padding:2px 3px;border-left:1px solid {color:border};margin-left:15px;}
blockquote blockquote {padding:0 0 0 3px;margin:0 auto;width:100%;}
blockquote img {max-width:100%;}
blockquote blockquote img {max-width:100%;}
blockquote blockquote blockquote img {max-width:100%;}

iframe, img, embed, object, video {max-width: 100%;}
p{margin:10px;}
img {height: auto;width:auto;max-width:100%;}
h1{font-family:'didot';font-size:15px;}
ul,li{list-style-type: lower-greek;margin:2px 3px;}
ol{list-style-type: lower-greek;}
pre{margin:2px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

 /*Masthead*/
header {background:white;background-repeat:repeat;background-attachment: fixed;border-top:1px dashed {color:border};border-left:1px dashed {color:border};border-bottom:1px solid {color:border};border-right:1px solid {color:border};padding:10px 25px;width:250px;color:gray;margin:60px;z-index:3;position:fixed;}
.links a{display: inline;margin:2px;background:white;border-top:1px dashed {color:border};border-left:1px dashed {color:border};border-bottom:1px solid {color:border};border-right:1px solid {color:border};padding:5px;font-size:100%;}
.description{margin:15px 5px 5px 5px;}
.blogtitle{text-align:center;font-size:3.5em;padding-top:15px;font-family:'didot';}

#container {width:100%;margin:0 auto;}

#entry{height:100%;width:100%;{block:indexpage}bottom:60px;position:absolute;{/block:indexpage}{block:PermalinkPage}margin-top:75px;margin-left:500px;{/block:PermalinkPage}}
#entry td {vertical-align:bottom;}

.post {
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
position:relative;
background:white;
margin:0px 60px;
padding:15px;
float:left;
color:gray;
position:relative;
border-top:1px dashed {color:border};
border-left:1px dashed {color:border};
border-bottom:1px solid {color:border};
border-right:1px solid {color:border};
}

.image{width:250px;{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
.text{width:200px;{block:PermalinkPage}width:500px;{/block:PermalinkPage}}

/************EDIT CAPTION/DATA POSTS HERE************/
{block:indexpage}
.post:hover .caption {opacity:1;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}

.caption {
    width:100%;
    height:100%;
    opacity:0;
    top:0;
    left:0;
    overflow:scroll;
    color:gray;
    background-color: rgba(255, 255, 255, 0.8);
    position:absolute;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4;}
.caption a{color:blue;}
{/block:indexpage}

/************EDIT PERMALINK HERE************/

{block:indexpage}
.permalink {
    position:absolute;
    text-align:left;
    opacity:0;
    color:gray;
    font-size:8px;
    z-index:99;
    margin-top:20px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4;}

.permalink a{color:gray;margin-right:5px;}

.post:hover .permalink {opacity:1;-moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4;}
 {/block:indexpage}

/************EDIT QUOTE POSTS HERE************/

.quote {
    font-size:18px;
    font-style:italic;
    word-break:break-all;
    text-align:left;
    line-height:120%;
    text-indent: 50px;
    padding:10px;}
.quote::first-letter {font-size: 200%;color:blue;font-family: 'didot';}
.description{margin-bottom:20px;}

#source {
    text-align:right;
    padding-top:10px;}

/************EDIT QUESTION POSTS HERE************/

#asker {
    margin-top:0px;
    line-height:120%;
    font-style:none;}

#asker a {
    letter-spacing:1px;}

#question {
    padding:10px;
    border-top:1px dashed {color:border};
border-left:1px dashed {color:border};
border-bottom:1px solid {color:border};
border-right:1px solid {color:border};
    line-height:120%;}

.answer{max-height:200px;margin-top:10px;}

/************EDIT AUDIO POSTS HERE************/

#player {position:relative;z-index:1;width:30px;height:30px;padding-top:30px;padding-left:20px;overflow:hidden;}
#audio {text-align:left;padding:10px;margin-top:-60px;margin-left:80px;
margin-bottom:5px;height:50px;border-left:1px solid #eee;}
.audio {text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #eee;padding:5px 0px;}

#notes img.avatar {display:none;}


/* ------------------------- PAGINATION ------------------------- */

#pagination{bottom:15px;right:15px;padding:11px;font-size:11px;position:fixed;text-align:right;}
#pagination a{margin:10px;color:blue;}

#s-m-t-tooltip {z-index:999999999999999999999999999999; background:white; font-size: 10px; letter-spacing: 2px;text-transform: uppercase; color: #000;padding: 3px 15px; margin:20px 0px 0px 5px;text-align: center;border-top:1px dashed {color:border};border-left:1px dashed {color:border};border-bottom:1px solid {color:border};border-right:1px solid {color:border}; }


{CustomCSS}

</style>
</head>

<body>

<header style="z-index:999999999;"><div class="blogtitle"><a href="/" title="{lang:Home}">{Title}</a></div><div class="description">{Description}</div><center>
<div class="links"><a href="/">Index</a> <a href="/ask">Contact</a>
<a href="/navigation">Navigation</a><a href="/html">HTML</a></div></center></br></div>


</header>


<!--begin page wrapper -->
<div id="wrapper">



<article>

<div id="container">

<table id="entry"><tr>
{block:Posts}<td>
<div class="post">

{block:Text}<div class="text">
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}<div class="image">
{block:indexpage}{block:Caption}<span class="caption">{Caption}</span>
{/block:Caption}
<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:indexpage}
{block:PermalinkPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}
</div>{/block:Photo}

{block:Photoset}<div class="image">
{block:indexpage}{block:Caption}<span class="caption">{Caption}</span>
{/block:Caption}
{Photoset-250}{/block:indexpage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
</div>{/block:Photoset}

{block:Quote}<div class="text">
<div class="quote">{Quote}</div>
{block:Source}
<div id="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}<div class="text">
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}
<div style="padding-left:5px;padding-right:5px;">{Description}</div>
{/block:Description}
</div>
{/block:Link}

{block:Chat}<div class="text">
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
{/block:Lines}
</div>
{/block:Chat}

{block:Audio}<div class="text">
<div id="player"><div class="audio_player" style="margin-top:-10px;">{AudioPlayergray}</div></div>
<div id="audio">
<div class="audio">
{block:TrackName}{TrackName}{/block:TrackName}
</div>
<div style="letter-spacing:1px;margin-top:5px;">
{block:Artist}{Artist}{/block:Artist}
</div></div>
</div>
{/block:Audio}

{block:Video}
{Video-250}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}<div class="text">
<div id="question"><div id="asker"><b>{Asker}</b> said: {Question}</div></div>
<div class="answer">{Answer}</div>
</div>
{/block:Answer}

{block:IndexPage}
<div class="permalink"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;"><u>{ShortMonth} {DayOfMonth}</u></a> <span style=" text-transform:uppercase;"> <big>+{NoteCount}</big></span> &nbsp;<span>{block:HasTags}{block:Tags}<a href="/tagged/{Tag}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span></div>{/block:IndexPage}

{block:PermalinkPage}<br>
{block:caption}{caption}{/block:caption}<br>
{block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}<font style="text-transform:lowercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}, {block:ContentSource}by: <a href="{SourceURL}">{SourceTitle},</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</a></font><br><div class="tags">Filed under: {block:HasTags}{block:Tags}<span style="opacity:0.5;">#</span><a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
{block:PostNotes}
<div id="notes">
<h1>Notes:</h1>
{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

</div>

<!---------------DO NOT DELETE THIS--------------->

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

</div>
</td>{/block:Posts}
</tr>
{block:indexpage}<div id="pagination">{block:pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a>{block:NextPage}{/block:pagination}</div>{/block:indexpage}
</table>
</div>

</style>

</body>
</html>