<head>

<title>{Title}</title>

<link rel="shortcut icon" href="http://i750.photobucket.com/albums/xx142/pixelypeach/08-16-10%20mini%20pixels/EmojiPleased.gif">

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<style type="text/css">

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

::-webkit-scrollbar-track {background-color:#fafafa}
::-webkit-scrollbar-thumb {background-color:#444;}
::-webkit-scrollbar {width:8px;height:5px;}

@font-face{font-family: "halohandletter";src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.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:auto;
background-color:#fafafa;
background-image:url('');
background-attachment:fixed;
background-repeat: repeat;
{block:IndexPage}
width:572px;
padding-top:5px;
{/block:IndexPage}
{block:PermalinkPage}
width:532px;
padding-top:15px;
{/block:PermalinkPage}
}

body, div, p, textarea, submit, input{
font-family: pixel;
font-size: 8px;
line-height:10px;
color:#777;
}

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

.title {
font-family:halohandletter;
font-size:40px;
line-height:30px;
padding:3px;
border-bottom:1px solid #444;
}

#posts {margin-bottom:-8px;padding-top:5px;padding-bottom:5px;}

.posts {
{block:IndexPage}
width:572px;
padding-top:5px;
{/block:IndexPage}
{block:PermalinkPage}
width:532px;
padding-top:15px;
{/block:PermalinkPage}
}

.post {
float:left;
margin:5px 10px 5px 10px;
background-color:#fff;
background-image:url('');
border:1px solid #ddd;
overflow:hidden;
{block:IndexPage}
width:250px;
padding:7px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
padding:5px;
{/block:PermalinkPage}
}

.post img {
{block:IndexPage}
max-width:100px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
{/block:IndexPage}
}

.post img:hover {
filter:gray;
filter: url(filters.svg#grayscale);
-webkit-filter: grayscale(1);
}

.pht {margin:5px 0px 0px 5px;}

.post:hover #perma {opacity:.9;}

#perma {
position:absolute;
opacity:0;
width:25px;
height:18px;
line-height:22px;
text-align:center;
background-image:url('http://i.imm.io/BtPj.png');
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
z-index:999;
}

.heading {
color:#444;
padding:2px 15px 2px 15px;
border-left:10px solid #ddd;
}

#side {
position:fixed;
margin-left:-44px;
top:0px;
width:26px;
height:100%;
text-align:center;
background-color:#fff;
background-image:url('');
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

#desc {
position:fixed;
margin-top:195px;
margin-left:-175px;
width:125px;
height:50px;
text-align:right;
}

.desc {padding:2px;}

#nav {display:none;padding:0px 5px 0px 5px;}

.icons {margin-top:175px;}

.icon {
max-width:20px;
padding:5px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

.icon:hover {opacity:.25;}

.quote {color:#444;padding:2px 5px 2px 5px;}

.source {text-align:right;}

.audio {height:27px;}

.asker {
margin-left:-5px;
margin-right:-5px;
color:#444;
text-align:right;
padding:2px 5px 2px 5px;
}

.asker a {text-transform:capitalize;}

.pnotes {margin:5px;max-height:575px;overflow:auto;}

.permapage {margin-left:5px;margin-right:5px;padding:5px;}

blockquote {
margin-left:30px;
padding-left:8px;
border-left:2px solid #ddd;
}
</style>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
<script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
<script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : ".page a",
// selector for the paged navigation (it will be hidden)
nextSelector : ".page a",
// selector for the NEXT link (to page 2)
itemSelector : ".post",
// 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>
{/block:IndexPage}

</head>

<body>

<div id="desc">
<div class="title"><a href="/">{title}</a></div>
<div class="desc">{description}</div>
<div id="nav">
<div class="page">
{block:PreviousPage}
<a href="{PreviousPage}">BACK</a>
{/block:PreviousPage}
{block:NextPage}
<a {block:PreviousPage}style="margin-right:0px;"{/block:PreviousPage}href="{NextPage}">NEXT</a>
{/block:NextPage}
</div></div></div>

<div id="side">
<div class="icons">
<a href="/" title="Home"><img class="icon" src="http://static.tumblr.com/c2x7uxt/5flm8ebpx/home.png"></a>
<a href="/ask" title="Inbox"><img class="icon" src="http://static.tumblr.com/c2x7uxt/vHpm8ebro/mail.png"></a>
<a href="/links" title="Links"><img class="icon" src="http://static.tumblr.com/c2x7uxt/lcBm8ebsi/user.png"></a>
<a href="http://jiaozis.tumblr.com" title="Theme"><img class="icon" src="http://static.tumblr.com/c2x7uxt/ncKm8ebt3/unlock.png"></a>

{block:IfWhiteIcons}
<a href="/" title="Home"><img class="icon" src="http://static.tumblr.com/c2x7uxt/IXfm8ec1a/home.png"></a>
<a href="/ask" title="Inbox"><img class="icon" src="http://static.tumblr.com/c2x7uxt/4YZm8ec2m/mail.png"></a>
<a href="/links" title="Links"><img class="icon" src="http://static.tumblr.com/c2x7uxt/UkXm8ec38/user.png"></a>
<a href="http://jiaozis.tumblr.com" title="Theme"><img class="icon" src="http://static.tumblr.com/c2x7uxt/nCPm8ec3s/unlock.png"></a>
{/block:IfWhiteIcons}
</div></div>

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

{block:Text}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{/block:IndexPage}
{block:Title}<div class="heading">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div class="post">
{block:IndexPage}
<div id="perma" class="pht"><a href="{permalink}">{NoteCount}</a></div>
<center><img src="{PhotoURL-500}" style="max-width:250px;"></center>
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>{LinkCloseTag}
{block:HighRes}<div style="text-align:right;"><a href="{PhotoURL-HighRes}"><small>High Resolution ⇁</small></a></div>{/block:HighRes}
{block:Caption}{Caption}{/block:Caption}
{block:Camera}{Camera}{/block:Camera}
{block:Aperture}Aperture: {Aperture}{/block:Aperture}
{block:Exposure}Exposure: {Exposure}{/block:Exposure}
{block:FocalLength}Focal lenth: {FocalLength}{/block:FocalLength}
{/block:PermalinkPage}
</div>
{/block:Photo}

{block:Photoset}
<div class="post">
{block:IndexPage}
<div id="perma" class="pht"><a href="{permalink}">{NoteCount}</a></div>
<center>{Photoset-250}</center>
{/block:IndexPage}
{block:PermalinkPage}
<center>{Photoset-500}</center>
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}</div>
{/block:Photoset}

{block:Quote}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{/block:IndexPage}
<div class="quote">"{Quote}"</div>
{block:Source}<div class="source">— {Source}</div>{/block:Source}</div>
{/block:Quote}

{block:Link}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{/block:IndexPage}
<div class="heading"><a href="{URL}" target="_blank">{Name} ⇁</a></div>
{block:PermalinkPage}
{block:Description}{Description}{/block:Description}
{/block:PermalinkPage}</div>
{/block:Link}

{block:Chat}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{/block:IndexPage}
{block:Title}<div class="heading">{Title}</div>{/block:Title}
{block:Lines}{block:Label}{Label} &#160 {/block:Label}{Line}<br>
{/block:Lines}</div>
{/block:Chat}

{block:Audio}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
{block:AudioPlayer}<div class="audio">
<center>{AudioPlayerBlack}</center></div>
{/block:AudioPlayer}
{block:TrackName}"{TrackName}" {/block:TrackName}
{block:Artist}by {Artist}{/block:Artist}
{block:PlayCount}<div>{PlayCountWithLabel}</div>{/block:PlayCount}
{/block:IndexPage}
{block:PermalinkPage}
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{block:AudioPlayer}<div class="audio">
<center>{AudioPlayerBlack}</center></div>
{/block:AudioPlayer}
{block:TrackName}"{TrackName}" {/block:TrackName}
{block:Artist}by {Artist}{/block:Artist}
{block:Album}<br><b>{Album}</b>{/block:Album}
{block:PlayCount}<br>{PlayCountWithLabel}<br>{/block:PlayCount}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}</div>
{/block:Audio}

{block:Video}
<div class="post">
{block:IndexPage}
<div id="perma" class="pht"><a href="{permalink}">{NoteCount}</a></div>
<center>{Video-250}</center>
{PlayCountWithLabel}
{/block:IndexPage}
{block:PermalinkPage}
<center>{Video-500}</center>
{PlayCountWithLabel}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}</div>
{/block:Video}

{block:Answer}
<div class="post">
{block:IndexPage}
<div id="perma" class="txt"><a href="{permalink}">{NoteCount}</a></div>
{/block:IndexPage}
<div class="quote">"{Question}"</div>
<div class="asker">From: {Asker}</div>
{Answer}</div>
{/block:Answer}

{block:PermalinkPage}
<div class="permapage">
{block:Date}
Posted: {TimeAgo} on {Month} {DayOfMonth}, {Year}<br>
{/block:Date}
{block:HasTags}
Tagged: &#160{block:Tags}<a href="{TagURL}"># {Tag}</a> &#160{/block:Tags}<br>
{/block:HasTags}
{block:RebloggedFrom}
Via: &#160<a style="text-transform:capitalize;" href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
{/block:RebloggedFrom}
{block:ContentSource}
Source: &#160<a style="text-transform:capitalize;" href="{SourceURL}">{SourceTitle}</a><br>
{/block:ContentSource}
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
<div class="pnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
</div>
{/block:PermalinkPage}

{/block:Posts}
</div></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