little riddle

<!DOCTYPE html>
<!--


THEME BY @KAZUNES

rules
♡ do not remove ANY credit.
♡ do not redistribute.
♡ do not steal.
♡ do not claim as your own.

-->

<title>{Title}</title>
<link rel="shortcut icon" href="{image:favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

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

<meta name="image:favicon" content=""/>
<meta name="image:sidebar" content=""/>
<meta name="image:link 1" content=""/>
<meta name="image:link 2" content=""/>
<meta name="image:link 3" content=""/>

<meta name="color:gradient 1" content=""/>
<meta name="color:gradient 2" content=""/>
<meta name="color:text" content=""/>
<meta name="color:post text" content=""/>
<meta name="color:title" content=""/>
<meta name="color:links" content=""/>
<meta name="color:links hover" content=""/>
<meta name="color:bold" content=""/>
<meta name="color:italic" content=""/>
<meta name="color:border" content=""/>

<meta name="select:font" content="consolas">
<meta name="select:font" content="ms gothic">
<meta name="select:font" content="ms pgothic">
<meta name="select:font" content="arial">
<meta name="select:font" content="times">
<meta name="select:font" content="karla">
<meta name="select:font" content="open sans">

<meta name="if:title" content="0"/>

<meta name="text:font size" content="16"/>
<meta name="text:post size" content=""/>
<meta name="text:link 1 url" content=""/>
<meta name="text:link 2 url" content=""/>
<meta name="text:link 3 url" content=""/>

<style>

a, a:visited {
text-decoration:none;
color:{color:links};
border-bottom: 1px solid {color:post text};

}

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

b, strong {
color:{color:bold};
}

i, em {
color:{color:italic};
}

#posts ol.notes img {
display:none;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
}

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

blockquote {
border-left: 1px solid {color:text};
padding-left: 5px;
}

body {
color: {color:text};
font-family: {select:font};
font-size: {text:font size}px;
background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
background: linear-gradient({color:gradient 1}, {color:gradient 2});
background-attachment: fixed;
}

#sidebar .image img:hover {
transition-duration: .1s;
-moz-transition-duration: .1s;
-o-transition-duration: .1s;
-ie-transition-duration: .1s;
-webkit-transition-duration: .1s;
}

#sidebar {
position:fixed;
top: 100px;
lefT: 200px;
}

#sidebar .image img {
width: 150px;
height: 150px;
border: 1px solid {color:border};
padding: 3px;
background: #fff;
}

#sidebar .image img:hover {
opacity: .9;
}

#sidebar .desc {
padding-top: 5px;
max-width: 160px;
}

#sidebar .links {
padding-top: 5px;
}

#sidebar .links a {
border-bottom: none;
padding: 4px;
}


#posts {
color: {color:post text};
background: #fff;
margin: 50px 40px 40px 500px;
width: {text:post size};
border: 1px solid {color:border};
padding: 3px;
box-shadow: 4px 4px rgba(0, 0, 0, 0.2);
}

#posts img {
display: block;
vertical-align: middle;

}

.photoset {
width: {text:post size};
display: block;
vertical-align: middle;
}

.photoset img {
display: block;
vertical-align: middle;

}

.video {
position: relative;
padding-bottom: 55%;
height: 0;
overflow: hidden;
}

.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#ask b, strong {
color: {color:text};
font-weight: 700;
}

.simple-player iframe, .audio_player iframe, .size, .size iframe {
background: #fff;
color: {color:text};
width: 100%;
}

hr {
opacity: .3;
}
#nav{

display: block;
text-align:center;
}

#title {
padding-bottom: 3px;
}

#title i, #title strong, #title em, #title b {
font-family: arial;
font-size: 15px;
color: {color:title};
}

#credit {
position:fixed;
bottom: 5px;
left: 5px;
}

#credit a {
border-bottom: none;
}

</style>

<head></head>

<body>

<div id="sidebar" align="center">
{block:iftitle}
<div id="title">
<b><i>{Title}</i></b>
</div>
{/block:iftitle}
<div class="image">
<img src="{image:sidebar}">
</div>
<div class="desc">

{Description}
</div>
<div class="links">
<a href="{text:link 1 url}">
<img src="{image:link 1}">
</a>
<a href="{text:link 2 url}">
<img src="{image:link 2}">
</a>
<a href="{text:link 3 url}">
<img src="{image:link 3}">
</a>
</div>
</div>

{block:Posts}
<div id="posts">

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

{block:Text}
{block:Title}{Title}{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<img src="{PhotoURL-500}" style="width:{text:post size};">
{/block:Photo}

{block:Photoset}
<div class="photoset" style="display:block;vertical-align: middle; ">
{Photoset}
</div>

{/block:Photoset}

{block:Quote}
"{Quote}"
<br>
— {Source}
{/block:Quote}

{block:Link}
<a href="{URL}" target="_blank">{Name}</a>
{/block:Link}

{block:Chat}
<div class="chat">
{block:Title}
{Title}
{/block:Title}
<ol>
{block:Lines}
<li>
{block:Label}
<span class="label">
<b>{Label}</b>
</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ol>
</div>
{/block:Chat}

{block:AudioPlayer}
<div class="media">
{block:AlbumArt}<img src="{AlbumArtURL}" style="width: 20%; float:left; ">{/block:AlbumArt}
<div class="audioinfo" style="padding-left: 15px; padding-bottom: 5px; float:left;width: 65%;">
{block:TrackName}{TrackName}<br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
{block:Album}{Album}{/block:Album}
</div>
</div>
<div style="width: 100%;">
{AudioPlayerWhite}
</div>
{block:ifcaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifcaptions}
{/block:AudioPlayer}

{block:Video}
<div class="video">
{Video-500}
</div>
{block:Caption}
{block:ifcaptions}
{Caption}
{/block:ifcaptions}
{/block:Caption}
{/block:Video}

{block:Answer}
<div class="ask" style="font-weight: 700; color: {color:text};">{lang:Asker asked}: {Question}</div>
<hr>
{Answer}
{/block:Answer}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

<div id="permalink" align="center" style="padding: 8px; font-size: 13px;">
<a href="{Permalink}">{NoteCount}</a> / <a href="{Permalink}">{TimeAgo}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
</div>
</div>



{/block:Posts}

{block:Pagination}
<div id="nav" align="center">
{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
/
{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
</div>
{/block:Pagination}

<!-- DO NOT TOUCH -->
<div id="credit">
<a title="theme by kazunes" href="http://kazunes.tumblr.com">★</a>
</div>

</body>

</html>