rapture.

<html>
<!DOCTYPE html>

<!--
theme by freesides.

Don't claim as your own, redistribute or use as a base.
Don't move or make changes to the credit.

enjoy!
-->


<head>

<title>{Title}</title>

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


<!-- Scripts -->

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


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>


<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script>
$(document).ready(function(){
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '{select:Gutter}',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });
});
</script>

<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>




<!-- Fonts -->

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>


<!-- Options -->

<meta name="image:Sidebar" content=""/>

<meta name="color:Background" content="#fbfbfb"/>
<meta name="color:Content Background" content="#ffffff"/>
<meta name="color:Sidebar Content" content="#ffffff"/>
<meta name="color:Border" content="#f3f3f3"/>
<meta name="color:Text" content="#555555"/>
<meta name="color:Link" content="#8C8C8C"/>
<meta name="color:Accent" content="#000000"/>

<meta name="text:Link 1" content=""/>
<meta name="text:Link 1 Url" content=""/>
<meta name="text:Link 2" content=""/>
<meta name="text:Link 2 Url" content=""/>
<meta name="text:Link 3" content=""/>
<meta name="text:Link 3 Url" content=""/>
<meta name="text:Link 4" content=""/>
<meta name="text:Link 4 Url" content=""/>
<meta name="text:Link 5" content=""/>
<meta name="text:Link 5 Url" content=""/>
<meta name="text:Link 6" content=""/>
<meta name="text:Link 6 Url" content=""/>

<meta name="select:Font" content="'Source Sans Pro', sans-serif" title="Source Sans Pro">
<meta name="select:Font" content="'Open Sans', sans-serif" title="Open Sans">
<meta name="select:Font" content="'Lato', sans-serif" title="Lato">
<meta name="select:Font" content="Helvetica" title="Helvetica">
<meta name="select:Font" content="Times New Roman" title="Times New Roman">

<meta name="select:Font Size" content="10px" title="10px">
<meta name="select:Font Size" content="9px" title="9px">
<meta name="select:Font Size" content="11px" title="11px">
<meta name="select:Font Size" content="12px" title="12px">

<meta name="select:Post Width" content="400px" title="400px">
<meta name="select:Post Width" content="250px" title="250px">
<meta name="select:Post Width" content="300px" title="300px">
<meta name="select:Post Width" content="350px" title="350px">
<meta name="select:Post Width" content="450px" title="450px">
<meta name="select:Post Width" content="475px" title="475px">
<meta name="select:Post Width" content="500px" title="500px">
<meta name="select:Post Width" content="550px" title="550px">

<meta name="select:Gutter" content="2px" title="2px">
<meta name="select:Gutter" content="1px" title="1px">
<meta name="select:Gutter" content="3px" title="3px">
<meta name="select:Gutter" content="4px" title="4px">
<meta name="select:Gutter" content="5px" title="5px">
<meta name="select:Gutter" content="6px" title="6px">
<meta name="select:Gutter" content="7px" title="7px">
<meta name="select:Gutter" content="8px" title="8px">


<meta name="if:Hide Tags" content="0"/>
<meta name="if:Hover Tags" content="0"/>
<meta name="if:Large Sidebar" content="1"/>
<meta name="if:Icon" content="0"/>
<meta name="if:Round Icon" content="1"/>

<style type="text/css">

/*General*/

body {background-color:{color:Background};
color:{color:Text};
font-family:{select:Font};
font-size:{select:Font Size};
letter-spacing:.5px;}

a {font-family:{select:Font};
color:{color:Link};
text-decoration: none;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
a:hover {color: {color:Accent};
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}

bold, b {font-weight:bold;
color: {color:Accent};}

#s-m-t-tooltip{
max-width:200px;
margin:20px 0px 0px 10px;
letter-spacing:1px;
padding:5px 10px 5px 10px;
border:1px solid {color:Border};
background-color:{color:Content Background};
color:{color:Text};
z-index:999999;
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;}



/*Sidebar*/

.sidebar {width: 250px;
background-color: {color:Content Background};
position: fixed;
left: 0px;
top: 0px;
border-right:1px solid {color:Border};
height: 100%;}
.sbar {margin-left:60px;
margin-top:110px;}
.sig {width:130px;}
.sig img {{block:ifLargeSidebar}width:130px;
height:auto;{/block:ifLargeSidebar}
{block:ifIcon}
width:60px;
margin-left:35px;
height:auto;
{block:IfRoundIcon}
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
{/block:IfRoundIcon}
{/block:IfIcon}}
.header {font-size:15px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
color:{color:Content Background};
width:110px;
letter-spacing:0px;
padding:10px;
font-family:helvetica;
margin-top:10px;
background-color:{color:Accent};}
.desc {width:99px;
padding:15px;
margin-bottom:5px;
border:1px solid {color:Border};
background-color:{color:Sidebar Content};}

/*Links*/

.linkage {width:130px;
text-align:center;}
.linkage a {font-family:{select:Font};
display:inline-block;
font-size:11px;
background-color:{color:Sidebar Content};
padding:10px;
border:1px solid {color:Border};
width:110px;
margin-top:5px;
margin-bottom:5px;
color:{color:Accent};
text-decoration: none;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.linkage a:hover {color: {color:Sidebar Content};
background-color:{color:Accent};
border: 1px solid {color:Accent};
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.sub {text-align:left;
margin-left:-5px;
width:142px;}
.sub a {font-family:{select:Font};
color:{color:Link};
width:51px;
font-size:{select:Font Size};
margin:2.5px -1px 2.5px 5px;
display:inline-block;
padding:5px;
text-align:center;
display:normal;
border:1px solid {color:Border};
text-decoration: none;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.sub a:hover {color: {color:Accent};
border: 1px solid {color:Border};
background-color:{color:Sidebar Content};
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}

/*Posts*/

.postcol {width:calc({select:Post Width} + 30px);
margin-top:70px;
margin-left:400px;}

.posts {width:{select:Post Width};
{block:IndexPage}
margin-bottom:140px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:10px;
{/block:PermalinkPage}
background-color:{color:Content Background};}
.posts img {max-width:100%;}
.posts h1 {font-size:calc({select:Font Size} + 5px);
font-weight:normal;}
.posts h2 {font-size:calc({select:Font Size} + 5px);
border:1px solid {color:Border};
margin-bottom:-11px;
padding:15px;
font-weight:normal;}
.posts blockquote {border-left:1px solid {color:Border};
margin-left:0px;
padding-left:10px;}
.posts img, .posts li, .posts blockquote {max-width: 100%;
height:auto;}
.caption {background-color:{color:Content Background};
width:calc({select:Post Width} - 30px);
padding:15px;
margin-top:-1px;
border: solid 1px {color:Border};}

.text {background-color:{color:Content Background};
width:calc({select:Post Width} - 30px);
padding:15px;
margin-top:-1px;
border: solid 1px {color:Border};}

/*Photo(sets)*/

.photo {width:calc({select:Post Width} + 2px);
margin-bottom:-4px;}

/*Quote*/

.q {background-color:{color:Content Background};
width:calc({select:Post Width} - 30px);
padding:15px;
border: solid 1px {color:Border};}
.quote {font-size:calc({select:Font Size} + 2px);
font-weight:normal;
text-align:center;}
.source {text-align:center;
margin-top:10px;
padding-top:10px;}

/*Question*/

.question {width:calc({select:Post Width} - 20px);
padding:10px 10px 10px 10px;
background-color:{color:Content Background};
border:1px {color:Border} solid;}

/*Chat*/

.chat {margin-left:-40px;
width:calc({select:Post Width} + 42px);
margin-bottom:-11px;}
.chat li {list-style:none; padding:15px; border:1px solid {color:Border};text-align:left;margin-top:-1px;}

/*Audio*/

.audio {background-color:#fff;
padding:15px;
border:1px solid {color:Border};
width:calc({select:Post Width} - 30px)}
.audinf {text-align:right;
color:{color:Font};
width:200px;
margin-left:auto;
margin-top:-30px;
position:relative;}
.playbut {width: 20px;
height: 30px;
overflow: hidden;
position:relative;}

/*Video*/

.video {margin-bottom:-5px;
width:calc({select:Post Width} + 2px);}

/*Post Info*/

.inf {width:calc({select:Post Width} - 30px);
padding:15px;
font-size:9px;
margin-top:-1px;
text-transform:uppercase;
background-color:{color:Content Background};
border:1px solid {color:Border};
text-align:center;}
.tags {width:{select:Post Width};
padding:15px;
margin-left:-15px;
margin-top:0px;
position:absolute;
{block:ifHoverTags}
opacity:0;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
{/block:ifHoverTags}}
.tags a{font-family:{select:Font};
color:{color:Link};
padding-right:10px;
text-align:center;
font-size:calc({select:Font Size} - 1px);
text-decoration: none;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.tags a:hover{color: {color:Accent};
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.posts:hover .tags{{block:ifHoverTags}
opacity:1;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
{/block:ifHoverTags}}

/*Permalink*/

.perma {margin-top:-15px;}
.notes {width:{select:Post Width};
margin-top:30px;
padding:15px;
margin-left:-16px;
position:absolute;
margin-bottom:20px;}
.notes li {list-style-type: none;
margin: -10px 0px 0px 0px;
padding: 0;}
.notes img {margin-right: 5px;
margin-top:16px;
width: 16px;
height: 16px;}

.pagi {width:calc({select:Post Width} - 30px);
padding:15px;
text-align:center;
margin-top:20px;
margin-bottom:20px;}
.pagi a {font-size:calc({select:Font Size} + 1px);
font-weight:normal;
text-transform:uppercase;
letter-spacing:2px;
padding-right:10px;
color:{color:Link};
text-decoration: none;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}
.pagi a:hover {color: {color:Accent};
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;}


/*Don't Touch*/

.credit {position:fixed;
right:14px;
bottom:10px;}

</style>
</head>

<body>

<div class="container">

<!-- Sidebar -->
<div class="sidebar">
<div class="sbar">
<div class="sig"><img src="{image:Sidebar}"></div>
<div class="header">{Title}</div>
<div class="desc">
{Description}
</div>
<div class="linkage">
<a href="/">home</a>
<a href="/ask">message</a>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".sub").hide();
//toggle the componenet with class msg_body
jQuery(".cthrough").click(function()
{
jQuery(this).next(".sub").slideToggle(500);
});});
</script>
<a href="#" class="cthrough">navigation</a>
<div class="sub">
<a href="{text:Link 1 Url}">{text:Link 1}</a>
<a href="{text:Link 2 Url}">{text:Link 2}</a>
<a href="{text:Link 3 Url}">{text:Link 3}</a>
<a href="{text:Link 4 Url}">{text:Link 4}</a>
<a href="{text:Link 5 Url}">{text:Link 5}</a>
<a href="{text:Link 6 Url}">{text:Link 6}</a>
</div>
</div>
</div>
</div>

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

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

<div class="posts">

<!-- Text -->

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

<!-- Ask -->

{block:Answer}
<div class="question">{Asker} asked: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}

<!-- Quote -->

{block:Quote}
<div class="q">
<div class="quote">
"{Quote}"
</div>
{block:Source}<div class="scont"><div class="source"><i>{Source}</i></div></div>{/block:Source}
</div>
{/block:Quote}

<!-- Chat -->

{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="chat">
<ul>{block:Lines}
<li>{block:Label}<b>{Label}</b>{/block:Label}
{Line}</li>{/block:Lines}</ul>
</div>
{/block:Chat}

<!-- Link-->

{block:Link}
<h1><a href="{URL}">{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!-- Photo -->

{block:Photo}
<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

<!-- Photoset -->

{block:Photoset}
<div class="photo">
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

<!-- Video -->

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

<!-- Audio -->

{block:Audio}
<div class="audio">
{block:AudioPlayer}<div class="playbut">{AudioPlayerWhite}</div>
{/block:AudioPlayer}
<div class="audinf">
{block:TrackName}
{TrackName}
{/block:TrackName}<br>
{block:Artist}
{Artist}
{/block:Artist}
</div>
</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}

<!-- Post Info -->

{block:IndexPage}
<div class="inf">
{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
</div>
{/block:IndexPage}

<!-- Tags -->

{block:IndexPage}
{block:IfNotHideTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:IfNotHideTags}{/block:IndexPage}

</div>

<!-- Permalink -->

{block:PermalinkPage}
<div class="perma"><div class="inf">
{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
<br>
{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}
</div>
<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
</div>
{block:PostNotes}
<div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Posts}

<!-- Pagination -->

{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">back</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">next</a>
{/block:NextPage}
</div>
{/block:Pagination}

</div>
</div>
<div class="credit"><a href="http://freesides.tumblr.com" title="theme by freesides">C</a></div>
</body>
</html>