<!---
One Piece Theme 8 by Jasmine Feng.
http://-yoshi.tumblr.com ◠‿◠
--->

<head>

<title>{title}</title>

<link rel="shortcut icon" href="http://i.imm.io/BKtZ.png">

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

<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>

<style type="text/css">

body, a:hover {cursor: url('http://i.imm.io/DX8v.png'), progress !important;}

::-webkit-scrollbar-thumb:vertical{background:#5c330e;}
::-webkit-scrollbar-thumb:horizontal{height:5px;background:#f7bc74;}
::-webkit-scrollbar{width:5px;height:5px;background:#f7bc74;}

@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{
background-color:#fff;
background-image:url('http://images2.wikia.nocookie.net/__cb20120114020860/onepiece/images/5/50/Wiki-background');
background-attachment: fixed;
background-repeat: repeat;}
body, div, p, textarea, submit, input {
font-family: pixel;
font-size: 8px;
line-height:10px;
color:#999;
}

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

#center{position:relative;margin:auto;width:800px;}

div#posts {
float:left;
margin-top: 225px;
margin-left:200px;
width: 725px;
padding-left:10px;
background-image:url('http://i.imm.io/DXl2.jpeg');
}

.title{
font-family: Satisfy;
font-size: 25px;
line-height:30px;
color: #f7bc74;
}

img{
max-width:250px;
{block:PermalinkPage}
max-width:500px;
{/block:PermalinkPage}
}

.entry {
float:left;
width:250px;
margin:5px;
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.entry .perma{
position:absolute;
margin-left:15px;
opacity:0.0;
width:50px;
line-height:15px;
background-color:#000;
text-align: center;
overflow:hidden;
border-bottom-left-radius:80px;
border-bottom-right-radius:80px;
}

.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 #f7bc74;
line-height: 15px;
text-align: center;
}

#top{
position:fixed;
margin-top:-10px;
margin-left:-100px;
width:1070px;
height:235px;
background-image:url('http://www.gashapon.jp/onepiece/images/common/bg_header.png');
z-index:5;
}

#side a{color:#5c330e;}

#side{
position:fixed;
margin-top:220px;
margin-left:-55px;
width:251px;
height:330px;
font-family:Satisfy;
font-size:30px;
line-height:55px;
text-align:center;
background-image:url('http://i.imm.io/DWK4.png');
z-index:3;
}

#sidebg{
position:fixed;
margin-top:225px;
margin-left:-65px;
width:265px;
height:427px;
background-image:url('http://www.gashapon.jp/onepiece/images/common/bg_subcol.jpg');
}

#sidebar{
position:fixed;
margin-top:225px;
margin-left:735px;
width:180px;
height:100%;
text-align:center;
background-color:#e8d6c8;
border: 3px solid #c4990a;
z-index:1;
}

#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{
padding: 2px 2px 2px 5px;
margin:2px 2px 2px 5px;
border-left: 3px solid #f7bc74;
}

ul, ol, li{list-style:none; margin:0px; padding:0px;}
.user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
.user_9 .label {color:#f7bc74;}
.notes img{width:10px; position:relative; top:3px;}
{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 id="center">

<div id="top"></div>

<div id="side">
<a href="/">Home</a><br>
<a href="/links">Links</a><br>
<a href="http://-luffy.tumblr.com">Pixels</a><br>
<a href="/archive">Archive</a><br>
<a href="/ask">Ask</a><br>
<a href="http://www.gashapon.jp/onepiece">Credit</a>
</div>

<div id="sidebg"></div>

<div id="sidebar"><br><br><br><br><br>
<div style="font-family:Satisfy;font-size:35px;line-height:40px;color:#573030;">{Title}</div><br><br>
<img src="http://data4.ebbs.jp/img/6662/19456/471418/240_19158758_1304551217_1.gif"><br><br>
{Description}</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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
<div class="perma"><a href="{permalink}">{NoteCount}</a><br> <img src="http://gazo.emoji7.jp/img/03pgv_181720/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.gif"><br> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{LinkOpenTag}<a href="{reblogurl}" target="_blank"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"></a>{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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.gif"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{AudioPlayerGrey}
{block:IndexPage}
<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="http://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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://gazo.emoji7.jp/img/03pgv_181714/%E3%83%AF%E3%83%B3%E3%83%94%E3%83%BC%E3%82%B9_m.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