<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<title>{title}</title>

<link rel="shortcut icon" href="http://www.pixelsxo.com/graphics/images/cartoon//caricon471.gif">

<style type="text/css">

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

::-webkit-scrollbar {height:5px;width:5px;background-color:#FFF;}
::-webkit-scrollbar-thumb { background-color:#946928;height:auto;}

@font-face {font-family: "South Park";src: url(http://static.tumblr.com/npggxjg/JLom20qle/south_park.ttf);}

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

@font-face {font-family: "halohandletter";src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf');}

iframe#tumblr_controls {position: fixed !important;}

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

a:link, a:active, a:visited {color: #2d427a; text-decoration: none;}
a:hover {color:#000;}

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

#posts {
float:left;
margin-left:250px;
width: 527px;
}

.title{
font-family: South Park;
font-size: 30px;
line-height:35px;
color: #946928;
}

.entry {
float:left;
width: 250px;
padding-right: 1px;
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
}

.entry .perma{
position: absolute;
margin-top:5px;
margin-left:5px;
opacity: 0.0;
width:70px;
height:80px;
font-family:South Park;
font-size:15px;
line-height: 30px;
text-align: center;
overflow:hidden;
background-image: url('http://i.imm.io/B666.png');
}

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

.permatext{
display: block;
border-top: 1px dashed #946928;
line-height: 15px;
text-align: center;
}

#stan {}

#blue {
position:fixed;
margin-top: 120px;
margin-left:-100px;
width:300px;
height:150px;
background-color: #2d427a;
border-radius: 500px 500px 0px 0px;
}

#peach {
position:fixed;
margin-top: 280px;
margin-left:-100px;
width:300px;
height:150px;
line-height:100px;
text-align:center;
background-color: #ffdfbf;
border-radius: 0px 0px 500px 500px;
}

#stan:hover #peach {
margin-top:390px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

#red {
position:fixed;
margin-top:260px;
margin-left:-100px;
width:300px;
height:20px;
font-family:halohandletter;
font-size: 25px;
line-height:30px;
text-align:center;
background-color:#ab001f;
text-shadow:2px 2px 5px #000;
}

#ball {
position:fixed;
margin-top:90px;
margin-left: 17px;
height:45px;
width:45px;
background-color: #ab001f;
border:#ab001f solid 10px;
border-radius: 500px 500px 500px 500px;
}

#blogtitle {
position:fixed;
margin-top:200px;
margin-left:-60px;
font-family:South Park;
font-size:50px;
color:#946928;
text-align:center;
text-shadow:2px 2px 5px #ab001f;
}

#des {
position:fixed;
margin-top:300px;
opacity:0;
text-align:center;
}

#stan:hover #des {
opacity:1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 01s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

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

.bubble {align:right;background: #eee; margin:7px 0px 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;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: 1px 4px 0 0;padding: 2px; background: #eee}

blockquote{
margin-left: 0px;
padding: 1px;
border-left: 3px solid #946928;
}

.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:#ab001f;}
{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}

</head>

<body>

<div class="wrapper">

<div id="stan">
<div id="blue"></div>
<div id="blogtitle">{Title}</div>
<div id="red">
<a href="/links">Links</a> x
<a href="/archive">Archive</a> x
<a href="/random">Random</a> x
<a href="/ask">Ask</a> x
<a href="/submit">Submit</a>
</div>
<div id="ball"></div>
<div id="peach">HOVER</div>
<div id="des">{Description}</div>
</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="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"></div>
{/block:Answer}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<span class="entrytext">{Body}</span>
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{block:Link}

{block:Photo}
<div class="perma"><a href="{permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{block:IndexPage}
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}<center>{Photoset-250}</center>
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}<br>
{block:Source}<i>- {Source}</i>{/block:Source}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/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>
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Chat}

{block:Audio}
{AudioPlayerBlack}{block:ExternalAudio}{/block:ExternalAudio}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:Audio}

{block:Video}
{block:IndexPage}<center>{Video-250}</center>
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://i.imm.io/B69g.png"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
{block:Video}

{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
{block:HasTags}
&middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}
{/block:hasTags}
{/block:PermalinkPage}
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:Posts}</div></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}
</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