<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!-- T Y L E R R O S S -->
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script src="toggle.js" type="text/javascript"><!--mce:1--></script>
<meta name="if:250px" content="1"/>
<meta name="if:400px" content="0"/>
<meta name="if:500px" content="0"/>
<meta name="if:Repeat background image" content="0"/>
<meta name="if:Italic Title" content="1"/>
<meta name="if:Caption" content="0"/>
<meta name="font:Body" content="Garamond"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#444444"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Link" content="#646464"/>
<meta name="color:Hover" content="#000000"/>
<meta name="color:Chat" content="#F5F5F5"/>
<meta name="text:Title font size" content="18"/>
<meta name="text:Post title font size" content="16"/>
<meta name="text:Body font size" content="11"/>
<meta name="image:Background" content=""/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
{PostSummary} - {/block:PostSummary}{Title}</title>
<style type="text/css">
iframe#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 15px !important;
position: fixed !important;
}
body{
position:absolute;
top:0;
left:0;
bottom:0;
right:0px;
overflow-y:scroll;
overflow-x:hidden;
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: no-repeat;
{block:IfRepeatBackgroundImage}
background-repeat: repeat;
{/block:IfRepeatBackgroundImage}
background-position:right;
font-size:{text:Body font size}px;
font-family:{font:Body};
line-height:16px;
color:{color:Text};
}
html{
overflow-y:auto;
background-color:transparent;
}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: 0.3s ease-in;
}
a:hover {
color:{color:Hover};
text-decoration: none;
-webkit-transition: 0.3s ease-in;
}
div#wrap{
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
margin:auto;
}
div#sidebar{
width:186px;
margin:auto;
position:fixed;
top:80px;
left:800px;
bottom:0px;
right:0px;
}
div#sidebar2{
width:186px;
margin:auto;
position:fixed;
top:90px;
left:0px;
bottom:0px;
right:866px;
}
div#content{
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
margin-top:90px
}
div#footer{
position:fixed;
bottom:0px;
padding:0px 5px 0px 5px;
background:{color:background};
opacity:0.8;
filter: alpha(opacity = 80);
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6;
z-index:1;
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
}
.title{
display:block;
padding:5px 0px 5px 0px;
font-size: {text:title font size}px;
{block:IfItalicTitle}font-style:italic;{/block:IfItalicTitle}
color:{color:Title};
}
.info{padding:5px 0px 5px 0px;}
a.nav{
font-size:11px;
font-weight:bold;
text-transform:lowercase;
margin-right:5px;
color:{color:link}
}
a.nav:hover{color:{color:hover};}
.post_title{font-size:{text:Post title font size}px;}
.entry{
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
margin-bottom:20px;
overflow:hidden;
}
.entry img{
{block:If250px}max-width:250px;{/block:If250px}
{block:If400px}max-width:400px;{/block:If400px}
{block:If500px}max-width:500px;{/block:If500px}
}
.asker{
line-height:16px;
font-size:10px;
background:{color:chat};
padding:5px 5px 5px 2px;
}
blockquote{
padding:0px 0px 0px 5px;
margin:0px 0px 2px 1px;
border-left: 1px solid {color:Text};
}
.perma{
position:absolute;
margin-left:-60px;
text-align:right;
width:45px;
font-size:9px;
opacity:0;
filter: alpha(opacity = 0);
-webkit-transition: 0.3s ease-in;
}
.entry:hover .perma{
opacity:1;
filter: alpha(opacity = 100);
-webkit-transition: 0.3s ease-in;
}
div#chat li {
padding: 4px;
background-color:{color:Chat};
margin-top: 2px;
}
div#chat ul{
list-style: none;
padding: 0px;
margin-top:5px;
margin-bottom:10px;
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
text-align: left;
}
.audio{
background:#000;
height:27px;
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
}
div#postnotes{
{block:If250px}width:250px;{/block:If250px}
{block:If400px}width:400px;{/block:If400px}
{block:If500px}width:500px;{/block:If500px}
margin-top:0px;
line-height:11px;
}
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 0px {color:text};
font-size:10px;
}
ol.notes li.note {
padding: 0px;
font-size:10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: normal;
font-size:10px;
}
ol.notes li.note .answer_content {
font-weight: normal;
font-size:10px;
}
ol.notes li.note blockquote {
border-color: {color:text};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
font-size:10px;
}
ol.notes li.note blockquote a {
text-decoration: none;
font-size:10px;
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
{CustomCSS}
</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>
<div id="sidebar">
<p style="padding-bottom:5-px;">
<img src="http://i.imgur.com/sxbui.jpg", width=186></p>
<a href = "http://BeingAsAnOcean.tumblr.com">
<img src="http://i.imgur.com/mVo4m.png", width=186></a>
<a href = "/tagged/personal">
<img src="http://i.imgur.com/s8pGM.png", width=186></a>
<a href = "/tagged/girlfriend">
<img src="http://i.imgur.com/xYQvO.png", width=186></a>
<a href = "http://www.youtube.com/watch?v=xl-MCkibqrM">
<img src="http://i.imgur.com/N6LUn.png", width=186></a>
<a href = "/ask">
<img src="http://i.imgur.com/KlkfH.png", width=186></a>
</div>
<div id="sidebar2">
<img src="http://i.imgur.com/h3cjz.png", height=100%>
</div>
<div id="wrap">
<div id="content">
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>
<Div class="autopagerize_page_element"></div>
{block:Posts}
{block:Text}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
{Body}
</div>
{/block:Text}
{block:Photo}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<div class="photo"><img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"
{block:If250px}width="250"{/block:If250px}
{block:If400px}width="400"{/block:If400px}
{block:If500px}width="500"{/block:If500px}
/></div>
{block:IndexPage}</a>
{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:If250px}{Photoset-250}{/block:If250px}
{block:If400px}{Photoset-400}{/block:If400px}
{block:If500px}{Photoset-500}{/block:If500px}
{block:Caption}{Caption}{/block:Caption}<br>
</div>
{/block:Photoset}
{block:Quote}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
<div class="post_title">❝ {Quote}</div>
{block:Source}— {Source}{/block:Source}</div>
{/block:Quote}
{block:Chat}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
<div id="chat">
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
</div></div>
{/block:Chat}
{block:Link}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
<span class="post_title"><a href="{URL}">{Name}</span></a>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Audio}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="180"/><p>{/block:AlbumArt}
<div class="audio">{AudioPlayerBlack}</div>
{block:Caption}{Caption}
<small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
{block:If250px}{Video-250}{/block:If250px}
{block:If400px}{Video-400}{/block:If400px}
{block:If500px}{Video-500}{/block:If500px}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Video}
{block:Answer}
<div class="entry">
{block:IndexPage}<div class="perma"><a href="{Permalink}">♥ {NoteCount}</a></div>{/block:IndexPage}
<div class="asker">{Asker} : {Question}</div>
{Answer}<p>
</div>
{/block:Answer}
{block:PostNotes}
<div id="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}<br>
{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
{PostNotes}
{/block:PostNotes}
{/block:posts}
</div></div>
</body>
</html>