<!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>
{block:ifShowSnow}<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /><!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?10&src=http%3A%2F%2F15something.tumblr.com%2F&lang=en_US&name=15something" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript>{/block:ifShowSnow}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="font:Text" content="helvetica"/>
<meta name="text:Font Size" content="9px"/>
<meta name="color:Text" content="#888"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Post" content="#fff"/>
<meta name="color:Blockquote" content="#f5f5f5"/>
<meta name="color:Links" content="#000"/>
<meta name="color:Hover" content="#ccc"/>
<meta name="color:Permalink" content="#fff"/>
<meta name="color:Permalink Background" content="#000"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="if:Show Photo" content="0"/>
<meta name="if:Show Border" content="0"/>
<meta name="if:Show Snow" content="0"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js">
</script>
<script type="text/javascript">
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i971.photobucket.com/albums/ae195/emmachannypants/TOP-2.png" style="filter:alpha(opacity=70); -moz-opacity:0.7; width:50px; height:50px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:20, offsety:20}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<link rel="shortcut icon" href="{Favicon}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<title></title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i971.photobucket.com/albums/ae195/emmachannypants/Screenshot2011-09-20at32244PM.png" class="btn_close" title="Close" alt="Close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
</head>
<style type="text/css">
@font-face {
font-family:basket;
src: url('http://slutpark-resources.webs.com/woop.ttf');
}
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #fff;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .10;
z-index: 99999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 10px;
border: 0;
float: left;
font-size: 9px;
position: fixed;
top: 20%; left: 50%;
z-index: 999999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
}
img.btn_close {
float: left;display:block;
margin: -5px -5px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
body {
font-family:{font:Text};
font-color:{color:Text}:
background-color:{color:background};
background-image:url({image:Background});
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
text-align:justify;
{block:PermalinkPage}line-height:9px;font-size:9px;
letter-spacing:0px;{/block:PermalinkPage}
}
.token {
{block:IndexPage}line-height:9px;
font-size:9px;
letter-spacing:0px;{/block:IndexPage}
}
.ass {
padding:1px;
}
.sidebar {
width:200px;
background-image:url();
background-color: #ffffff;
z-index:1;
margin-left:170px;;
position:fixed;
text-align:left;
margin-top:200px;
padding-bottom:2px;
{block:ifShowBorder}border: 1px dotted;{/block:ifShowBorder}
}
#content {
width:100%; margin-left:auto; margin-right:auto;
position: relative;
}
#content .posts {
width:800px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}
margin-left:400px; margin-right:auto;margin-top:5px;
position:relative;
}
#content .posts img {
{block:IndexPage}max-width: 250; {/block:IndexPage}
{block:PermalinkPage}max-width: 500px; {/block:PermalinkPage}
}
#content .entry {
{block:IndexPage}width: 250px;
margin-right:5px;
margin-bottom:5px;
padding:0px;
float:left;
position: relative;
{/block:IndexPage}
{block:PermalinkPage}width:500px; margin:auto; {/block:PermalinkPage}
background-color:{color:post background};
}
#navigation {
width:0px;
margin:auto;
position:absolute;
}
a {
color:{color:Links};
text-decoration: none;
}
a:hover {
color:{color:Hover};
-webkit-transition-duration: 1s;
text-decoration: none;
}
.heading {
font-family:{font:Text};
font-size:15px;
text-decoration: none;
letter-spacing:0px;
font-weight:none;line-height:100%;
margin-bottom:0px;text-align:left;
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:Links};
height:auto;-webkit-border-radius:20px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Links};
height:6px !important;-webkit-border-radius:20px;
}
::-webkit-scrollbar {
height:6px;
width:6px;
background-color:#FFF;
-webkit-border-radius:20px;
}
.chat ul {
padding:0px 0px 2px 2px;
margin:0px 0px 2px 1px;
}
.chat li {
list-style-type: none;
padding-left:0px;
margin-right:40px;
}
.chat li.odd {
color: {color:Text};
}
.chat li.even {
color: {color:Links};
}
.label {
font-weight: bold;
font-size:9px;
}
blockquote {
padding-left:5px;padding-right:5px;
margin-left:5px; margin-right:5px;
border-left: 2px solid {color:Links};
border-right: 2px solid {color:Links};
background-color:{color:blockquote};
}
.stan {
background-color:{color:Blockquote};
}
.kyle {
font-style:italic;
line-height:9px;margin-bottom:0px;
}
.img {
filter:alpha(opacity=100);
-webkit-transition-duration:1s;
-webkit-box-shadow:px px px px #ccc;
-moz-box-shadow:px px px px #ccc;
box-shadow:px px px px #ccc;
}
.img:hover {
opacity:1;
filter:alpha(opacity=100);
}
.audioplayer {
background-color: #fff;
-moz-box-shadow: px px px #ccc;
-webkit-box-shadow: px px px #ccc;
box-shadow: px px px #ccc;
}
.entry:hover .craig {
{block:indexpage}opacity:0.75;
{/block:indexpage}z-index:1000;padding-right:50px;}
.entry .permalink {
padding-right:0px;
}
.craig {
font-size: 13px;
font-family: helvetica;
font-weight: condensed;
opacity: 0;
padding-left:6px;
-webkit-transition-duration: 1s;right:0px;
width:auto;
background-color: {color:Permalink Background};
position: absolute; margin-top: -18px;
border-bottom-left-radius:20px;
border-top-left-radius:20px;
display:block;}
.permalink {
{block:IndexPage}
float:right;
position: absolute;
margin-left:0px;
margin-bottom:0px;
opacity: 0;
z-index: 1000;
background-color:{color:Permalink Background};
text-align:right;
{/block:IndexPage}
}
.stoley {
max-width:250px;
}
.stoley img {
max-width:250px;
}
.butters a {
margin-top:20px;font-size:40px;font-color:{color:Links};-webkit-transition-duration:1s;font-family:{block:IfTitleFont}basket{/block:IfTitleFont}{block:IfNotTitleFont}helvetica{/block:IfNotTitleFont};line-height:50px;
}
.butters a:hover {
font-color:{color:Hover};
}
.kenny {
width:500px;
opacity: 1;
z-index: 10000;
margin-top:0px;
margin-left:0px;
margin-right:auto;
text-align:right;
}
u {
color: #8DBA5C;
border-bottom: 1px dashed #888;
}
b.STRONG {
letter-spacing:2px;
font-size:9px;
font-weight:bold;
}
.tweek a {
font-size:15px;
line-height:100%;
padding:2px;
color:{color:Hover};
-webkit-transition-duration:1s;
}
.tweek a: hover {
color:{color:Link};
.cartman {
margin-top:0;
margin-left:20px;
margin-right:auto;
margin-bottom:0px;
width:500px;
text-align:left
max-height:300px;
overflow-x:auto;
}
.wendy {
font-size:9px;
line-height:9px;
letter-spacing:1px;
text-align:justify;
}
.video embed, .video object, .video iframe{
{block:IndexPage}
width:250px /**/ !important;{/block:IndexPage}
{block:PermalinkPage}width:500px !important;
{/block:PermalinkPage}
height:auto !important;
}
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 9px;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;display:block;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
.album-art {
float: left;
width: 196px;
height: 196px;
overflow: hidden;
}
</style>
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
</script>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>
</head>
<body>
</div>
<div class="token">
<div id="content">
<div style="display:scroll;position:fixed;bottom:10px;right:10px">theme by <a href="http://freakinaye.tumblr.com">freakinaye</a></div>
<div class="sidebar">
<div class="butters"><a href="/"><center></center></a></div>
<div class="wendy"><center>
{block:ifShowPhoto}<img src="{image:sidebar}" width=200>{/block:ifShowPhoto}
</center><Br><div align="justify"><center>{Description}</center></div></div>
{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}
</div>
<div class="posts">
{block:Posts}
<div class="entry">
{block:Text}
{block:Title} <a href="{permalink}"><div class="heading">{title}</div></a> {/block:Title}
{Body}
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Text}
{block:Photo}
<div class="img">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
</a>
</div>
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}<br>{Caption}{/block:Caption}<br>
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
{block:IndexPage}{Photoset-250}<br><div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{block:PermalinkPage}
{Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
{/block:PermalinkPage}
{/block:Photoset}
{block:Quote}
<a href="{permalink}"><div class="heading">{Quote}</div></a>
{block:Source} <div align="right">― {Source}</div>{/block:Source}
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Quote}
{block:Link}
<div class="heading"><a href="{URL}"{Target}>→ {Name}</a></div>
{block:Description} {Description}{/block:Description}
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Link}
{block:Video}
{block:PermalinkPage}<div class="video">{Video-500}
</div>{/block:PermalinkPage}
{block:IndexPage}<div class="video">{Video-250}
</div><div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCount}</div>
{/block:IndexPage}
{/block:Video}
{block:Chat}
{block:Title}
<div class="heading"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat ul">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
{/block:Lines}</div></li>
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Chat}
{block:Audio}{block:PermalinkPage}
{block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="196px"></div>{/block:AlbumArt}{/block:PermalinkPage}
<div class="audioplayer">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}
{block:PermalinkPage}
{block:TrackName}<br><br>
<b>{TrackName}</b>
{/block:TrackName} by {block:Artist}
{Artist}
{/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Audio}
{block:Answer}
<div style="text-align:left;padding-left:5px;padding-right:5px;border-left: 2px solid {color:Links};border-right: 2px solid {color:Links};background-color:{color:blockquote};"><div class="stan">{Asker}: {Question}</div></div><div style="text-align:left;"><div class="kyle">{Answer}</div></div>
{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
{/block:Answer}
</div>
{block:PermalinkPage}
<div class="kenny">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} /
{block:Date}{TimeAgo}{/block:Date}
{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Posts}
</div>
</div>
</div>
</div>
</body>
</html>