<!--
theme "Don't You Ever Forget About Me" by s0pas
-->

<!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">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<head>

<style type="text/css">

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur565.cur), progress !important;}

::-webkit-scrollbar-thumb {background-color:#70a3c2; height:auto;}
::-webkit-scrollbar {width: 6px; height: 8px; background: #fff;}

::-webkit-scrollbar-thumb {background-color: #70a3c2;}

@font-face {font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}

@font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}

iframe#tumblr_controls {position: fixed !important;}

body {
margin:0px;
background-color: #fff;
background-image:url();
background-attachment: fixed;
background-repeat: repeat;}
body, div, p, textarea, submit, input{
font-family: pixel;
font-size: 8px;
line-height:10px;
color:#777;
}

p {margin:0px;margin-top:0px;}
a:link, a:active, a:visited{color: #70a3c2;text-decoration: none;}
a:hover {color:#000;}

.wrapper{margin: 0px auto;margin-left: 60px;width: 802px;}
.header{float: left;width: 100%;}
.left{float: left;margin-right: 20px;width: 802px;}
.right{float: right;width: 200px;}

div#center{
position:relative;
margin:auto;
margin-top:2px;
width:850px;
overflow:auto;
overflow-y:hidden;
}

div#blogtitle{
position: fixed !important;
font-family: black swan;
font-size: 40px;
line-height:45px;
text-align: left;
}

div#blogtitle:first-letter {
color:#70a3c2;
font-size:100px;
text-transform: uppercase;
}

div#sidebar{
position:fixed !important;
margin-top: 153px;
margin-left: 194px;
margin-bottom: 6px;
width: 204px;
height:317px;
padding: 1px;
}

div#sidebar2{
position: fixed !important;
margin-top: 153px;
margin-left:114px;
margin-bottom: 6px;
width: 75px;
height:75px;
padding: 1px;
border: 1px solid #ddd;
}

div#sidebar3{
position: fixed !important;
margin-top: 233px;
margin-left:114px;
margin-bottom: 6px;
width: 75px;
height:75px;
padding: 1px;
border: 1px solid #ddd;
}

div#sidebar4{
position: fixed !important;
margin-top: 313px;
margin-left:114px;
margin-bottom: 6px;
width: 75px;
height:75px;
padding: 1px;
border: 1px solid #ddd;
}

div#sidebar5{
position: fixed !important;
margin-top: 393px;
margin-left:114px;
margin-bottom: 6px;
width: 75px;
height:75px;
padding: 1px;
border: 1px solid #ddd;
}

div#sidebar6{
position: fixed !important;
margin-top: 473px;
margin-left:121px;
margin-bottom: 6px;
width: 270px;
height:10px;
padding: 1px;
background-color: transparent;
}

#quote {
position:fixed;
margin-top:400px;
margin-left: 195px;
opacity:.2;
width: 198px;
color:#000;
background-color:#fff;
padding:3px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

#quote:hover {
opacity:.7;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

.title{
font-family: black swan;
font-size: 30px;
line-height: 35px;
color: #70a3c2;
}

#posts {
position:relative;
margin-left: 410px;
margin-right: auto;
width:608px;
overflow-y: hidden;
}

.entry {
float:left;
display: block;
width:250px;
padding: 1px;
overflow:hidden;
{block:PermalinkPage}
width:500px;
text-align:center;
{/block:PermalinkPage}
}

.entry .perma a{color:#000000;}

.entry .perma{
position: absolute;
opacity: 0.0;
width:250px;
text-align: center;
overflow:hidden;
background-color:#70a3c2;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

.entry:hover .perma{
opacity: 0.8;
overflow:visible;
-webkit-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

.text{
display: block;
padding:2px;
text-align: center;
border-top: 1px dashed #70a3c2;
}

#infscr-loading{
position: absolute;
margin-left:-8px;
margin-bottom: 50px;
left: 50%;
bottom: -70px;
width:16px;
height:11px;
overflow:hidden;
}

.bubble {align:right;background: #eee; color:black; margin:7px 4px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bubble p {margin:1px 0px;}
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0; font-color: black; line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
.askborder {float: left;margin: 4px 4px 2px 4px;padding: 2px; style="box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 150px; border:1px solid gray"}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted #555;
}

blockquote p, ul{margin:0px;padding:0px;}
#postnotes{text-align: justify;}
#postnotes blockquote{border: 0px;}
a img{border: 0px;}
ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#70a3c2;}
.notes img{width:10px; position:relative; top:3px;}
small{font-size: 90%;}
.video embed, .post div.video object {width:250px !important; height:180px !important;}
.video2 embed, .post div.video object {width:400px !important; height:400px !important;}
{CustomCSS}
</style>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
});
});
});
</script>
{/block:IndexPage}

<title>{title}</title>

<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6tz9w4G1qfamg6.gif">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>

<body onkeydown="return false">

<body>

<div class="wrapper">

<div class="header"></div>

<div id="center">

<div id="sidebar">
<div id="blogtitle">{Title}</div>
<img src="http://cdn02.cdn.socialitelife.com/wp-content/uploads/2011/09/ryan-gosling-drive-premiere-toronto-09102011-18.jpg#Ryan%20Gosling%20or%20Ryan%20Reynolds%3F" width=204px; height=317px;></div>
</div>

<div id="sidebar2">
<img src="http://jasminnie.weebly.com/uploads/3/1/5/9/3159925/3987503.png" width=75px; height=75px;></div>

<div id="sidebar3">
<img src="http://jasminnie.weebly.com/uploads/3/1/5/9/3159925/2710459.png" width=75px; height=75px></div>

<div id="sidebar4">
<img src="http://jasminnie.weebly.com/uploads/3/1/5/9/3159925/8256546.png" width=75px; height=75px></div>

<div id="sidebar5">
<img src="http://jasminnie.weebly.com/uploads/3/1/5/9/3159925/6533284.png" width=75px; height=75px></div>

<div id="sidebar6"><center>
<a href="/">Home</a> <img src="http://fc06.deviantart.net/fs71/f/2012/037/f/e/febabafefa231a71732b93b0520ecb84-d4ovxcw.gif">
<a href="/links">Links</a> <img src="http://fc06.deviantart.net/fs71/f/2012/037/f/e/febabafefa231a71732b93b0520ecb84-d4ovxcw.gif">
<a href="/ask">Ask</a> <img src="http://fc06.deviantart.net/fs71/f/2012/037/f/e/febabafefa231a71732b93b0520ecb84-d4ovxcw.gif">
<a href="http://s0pas.tumblr.com">Theme</a><br>
{Description}
</div>

<div id="quote">Animals. Anime. Bands. Cartoons. Disney. Hello Kitty. Movies. Music. Tattoos. TV. Video Games.</div>

<div class="left">

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

<div class="entry">

{block:Answer}
<img src="{AskerPortraitURL-48}" align="left" class="askborder">
<div class="bubble"><span></span>{Asker}: {Question}</div>{Answer}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Answer}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<div align="left">{Body}</div>
{block:IndexPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
<div class="perma"><center>Posted {TimeAgo} on {block:Date}{Month} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}</center><center><a href="{permalink}"> reblogged with {NoteCountwithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></center></div>
{/block:IndexPage}
{block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px/></a>
{/block:IndexPage}
{block:permalinkpage}{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}
{/block:permalinkpage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
{block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Photoset}

{block:Quote}
<span class="title">{Quote}</span><br>
{block:Source}<i>- {Source}</i>{/block:Source}
{block:IndexPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{block:AlbumArt}<img src="{AlbumArtURL}" width="250">{/block:AlbumArt}<br>
{block:Artist}Artist: {Artist}{/block:Artist}<br>
{block:Album}Album: {Album}{/block:Album}<br>
{block:TrackName}Track: {TrackName}{/block:TrackName}
<center><div style="width:250px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Audio}

{block:Video}<center>
<div class="video">{Video-250}</div></center>
{block:IndexPage}
<div class="text"><a href="{Permalink}">{NoteCountWithLabel}</a> ♥ <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:Video}

{block:PostNotes}
<div align="left">
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
{block:HasTags}
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>{/block:HasTags}
{block:RebloggedFrom}
via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}
{caption}</div></span><br>
<div id="postnotes">{PostNotes}</div><br>
{/block:PostNotes}
</div>
{/block:Posts}
</div></div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"></a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
</body>
</html>
Enjoy the site? All donations are appreciated

Free Text Host is brought to you by Dagon Design
This site contains no adware, spyware, or popups
Questions? Comments?     Privacy Policy     Report abuse here