<head>

<title>{title}</title>

<link rel="shortcut icon" href="http://www.geocities.jp/choco_asa/img/icon/food/01/candy2-03.gif">

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

<style type="text/css">

body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-8/oth710.cur), progress;}

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

@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:0px;
background-color: #fff;
background-image:url('http://www.pastelpatterns.com/large/largepattern-2.png');
background-attachment: fixed;
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: #ffb0be; text-decoration: none;}
a:hover {color:#000;}

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

#posts {
float:left;
margin-top:50px;
margin-left:150px;
width: 510px;
}

.title{
font-family: halohandletter;
font-size: 30px;
line-height:35px;
color: #ffb0be;
}

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

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

.entry .perma{
position:absolute;
margin-top:5px;
margin-left:5px;
opacity:0.0;
width:50px;
height:53px;
line-height:12px;
text-align: center;
overflow:hidden;
background-image: url('http://i.imm.io/BfjL.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 solid #ffb0be;
line-height: 15px;
text-align: center;
}

#top {
position:fixed;
margin-top:-2px;
margin-left:-282px;
width:150%;
height:48px;
text-align:center;
z-index:99;
background-image: url('http://media.tumblr.com/tumblr_lp2si5zJHM1qapbyt.gif');
}

#des {
position:fixed;
right:5px;
bottom:5px;
text-align:center;
}

#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; 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 #ffb0be;
}

.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:#ffb0be;}
{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="top"></div>

<div id="des">
{Description}<br>
<a href="/">Home</a> x <a href="/links">Links</a> x <a href="/ask">Ask</a>
</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://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"></div>
{/block:Answer}

{block:Text}
{block:Title}<span class="title">{Title}</span>{/block:Title}
{Body}
{block:IndexPage}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <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="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
<div class="perma"><br><a href="{permalink}">{NoteCount}</a><br> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{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}{Photoset-250}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
{Quote}<br>
{block:Source}- {Source}{/block:Source}
{block:IndexPage}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <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="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{AudioPlayerBlack}
{block:IndexPage}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Audio}

{block:Video}
{block:IndexPage}{Video-250}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://www.geocities.jp/choco_asa/img/icon/syokubutsu/01/tulip02.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/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