<!--

•?((¯°·._.• ωαяғ4яε •._.·°¯))؟•

Ramen theme by Kumail.
http://warf4re.tumblr.com

Please don't remove the credits.

-->



<title>{title}</title>
<!-- STYLESHEETS SCRIPTS AND FOREIGN CONTENT -->
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<!-- END -->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Post Box" content="#ffffff"/>
<meta name="color:Blog Title" content="#666666"/>
<meta name="color:Blog Description" content="#666666"/>
<meta name="color:Title" content="#666666"/>
<meta name="color:Text" content="#666666"/>
<meta name="color:Link" content="#666666"/>
<meta name="color:Hover" content="#FFF"/>
<meta name="font:Title" content="Arial, Helvetica, Georgia, Oregano, Courgette, Happy Monkey, Short Stack"/>
<meta name="font:Blog Title" content="Arial, Helvetica, Georgia, Oregano, Courgette, Happy Monkey, Short Stack"/>
<meta name="font:Body" content="Arial, Helvetica, Georgia, Oregano, Courgette, Happy Monkey, Short Stack"/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="if:Show Sidebar" content="1"/>
<meta name="if:More Space Between Posts" content="0"/>
<meta name="if:Post Shadows" content="1"/>
<meta name="if:Reblog Link On Hover" content="1"/>
<meta name="if:Black and White on Hover" content="1"/>
<meta name="if:Faded Images On Hover" content="0"/>
<meta name="if:Inverted Fade" content="0"/>
<meta name="if:Rounded Edges" content="0"/>
<meta name="if:Show Photo" content="1"/>
<meta name="if:Small Sidebar Image" content="0"/>
<meta name="if:Show Title" content="1"/>
<meta name="if:Show Blog Description" content="1"/>
<meta name="if:Ask Link" content="1"/>
<meta name="if:Archive Link" content="1"/>
<meta name="text:Ask Link Text" content="" />
<meta name="text:Archive Link Text" content="" />
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />
<meta name="text:Custom Link Five" content="" />
<meta name="text:Custom Link Five Title" content="" />
<meta name="text:Custom Link Six" content="" />
<meta name="text:Custom Link Six Title" content="" />
</script>
<style type="text/css">
{block:ifinvertedfade}
img{-webkit-transition: opacity 0.7s linear;opacity: 0.8;}

img:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;}
{/block:ifinvertedfade}

body{
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
font-size: 13px;
font-family:Dosis;
line-height:11px;
color:{color:Text};
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

a:hover{
color:{color:Hover};
text-decoration: none;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}

{block:ifShowSidebar}
.sidelink{;
font-family: happy monkey;
font-color: {color:Text};
text-align: right;
padding-right:5px;
{/block:ifShowSidebar}

font-size:16px; display:block;
margin:3px;width:auto;
-webkit-transition: all 1,5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}


#kposts{width:350px; height:auto;}
{block:PermalinkPage}
width:410px;
{/block:PermalinkPage}
{block:ifRoundedEdges}
-moz-border-radius: 3px;
border-radius: 3px;
{/block:ifRoundedEdges}
}


#sakura{
padding-top:3px;
padding-bottom:3px;
position:fixed !important;
width:350px;
height:207px;
background-color:{color:Post Box};
{block:PermalinkPage}
width:410px;
height:207px;
{/block:PermalinkPage}
{block:ifRoundedEdges}
-moz-border-radius: 3px;
border-radius: 3px;
{/block:ifRoundedEdges}
}


#sider{
z-index:999999999999999;
position:absolute !important;
position:fixed !important;
{block:ifShowSidebar}
bottom:50px;
left: 200px;
width:200px;
{/block:ifShowSidebar}
background-color: transparent;
}


#hinata{
margin:auto;
left:0px;
top:0px;
padding-top:8px;
padding-left:65px;
position:absolute;
{block:indexpage}
width:1020px;
{/block:indexpage}
{block:permalinkpage}
width:1300px;
left:50px;
{/block:permalinkpage}
overflow:hidden;
}

#posts{
float:right;
{block:indexpage}
width:500px;
{/block:indexpage}
{block:permalinkpage}
width:800px;
{/block:permalinkpage}
margin-left:68px;
}

.credit{
position:fixed;
right:3px;
top:25px;
z-index:9999;
opacity:0.4;
-webkit-transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
.credit:hover{
opacity:1;
-webkit-transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}

#entry{
z-index:9999;
{block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows}
border:0px solid;
border-color: #f1f1f1;
float: left;
width: 350px;
height: auto;
{block:PermalinkPage}
width: 410px;
height: auto;
{/block:PermalinkPage}
line-height:8px;
background-color:{color:Post Box};
padding:0px;
margin-right:0px;
margin-bottom:2px;
{block:ifmorespacebetweenposts}
margin-bottom:17px;
{/block:ifmorespacebetweenposts}
{block:ifRoundedEdges}
-moz-border-radius: 3px;
border-radius: 3px;
{/block:ifRoundedEdges}
}


#entry img{
{block:IndexPage}
max-width: 350px;
height: auto;
{/block:IndexPage}
{block:PermalinkPage}
max-width: 410px;
height: auto;
{/block:PermalinkPage}
}

{block:ifReblogLinkOnHover}
#entry:hover #reblog{
{block:IndexPage}
opacity:1;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
{/block:IndexPage}
}
#reblog{
width:22px;
float:right;
opacity:.8;
margin-left:5px;
margin-top:8px;
{block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
{block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
{/block:ifShowReblogOnHover}
#permapage{
font-family: {Font:Body};
font-size: 9px;
text-align: center;
padding-bottom:10px;
z-index:9999;}

#notes{
{block:permalinkpage}
background-color:{color:Post Box};
display:block;
width:800px;
float: left;
padding:10px;
overflow:visible;
z-index:9999999;
margin-top: 10px;
outline:1px solid rgba(0, 0, 0, .1);
border:2px solid rgba(0, 0, 0, .05);
text-align: left;{/block:permalinkpage}
}

iframe#tumblr_controls{position:fixed !important;
}

{block:iffadedimagesonhover}
img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; }
{/block:iffadedimagesonhover}

{block:ifBlackandWhiteonHover}
img{ -webkit-transition: opacity 0.4s linear; opacity: 1; }
img:hover{filter: url(filter.svg#desaturate); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */-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;}
{/block:ifBlackandWhiteonHover}


.title{
font-family: Dosis;
font-size: 12px;
line-height: 12px;
color: {color:Title};
font-weight: normal;
letter-spacing: 0px;
}

.deblogtitle{
font-family: Dosis;
font-size: 18px;
line-height: 24px;
color: {color:Blog Title};
font-weight: normal;
{block:IfNotShowBlogDescription}
margin-bottom:-20px;
{/block:IfNotShowBlogDescription}
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

.uchiha{
font-family: Dosis;
font-size: 9px;
opacity: .6;
color: {color:Body};
letter-spacing: 0px;
border-style: outset;
border-width: 2px;
}

.deblogtitle:hover{
color:{color:Hover};
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
}

.uchiha:hover{
font-family: Dosis;
font-size: 9px;
opacity: .6;
color: {color:Body};
letter-spacing: 0px;
border-style: inset;
border-width: 2px;
}

.permalinktext{
font-family: Dosis;
padding: 5px;
position: absolute;
text-align: center;
width: 200px;
-moz-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
opacity:0;
}

.permalinktext a{color:{color:links};
}

.entry:hover .permalinktext {
-moz-transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
width:200px;
text-decoration:line-through;
height:auto;
display: block;
opacity: 1;
}


blockquote{
padding:0px 0px 2px 3px;
margin:0px 0px 2px 1px;
}
ul, ol, li{
list-style:none;
margin:0px;
padding:0px;
}

.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:{color:Title};
}

a.links {
font-family: Dosis;
font-size: 10px;
line-height: 9px;
text-transform: normal;
letter-spacing:0px;
display:block;
padding: 0px;
margin-bottom: 0px;
{block:ifRoundedEdges}
-moz-border-radius: 3px;
border-radius: 3px;
{/block:ifRoundedEdges}
}

a.links:hover {
text-decoration: underline;
letter-spacing:10px;
}

</style>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=720" />
</head>
<body>

<div class="credit">
<a href="http://warf4re.tumblr.com" target="_blank">
<img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
</a>
</div>


<div id="sakura">
<div id="hinata">
<div id="sider">

{block:ifShowPhoto}

{block:ifShowSidebar}
<div align="right" style="padding-bottom:3px;">
<a href="/">
<img style="{block:ifRoundedEdges}
-moz-border-radius: 3px; border-radius: 3px;{/block:ifRoundedEdges}" src="{image:sidebar}" {block:ifNotSmallSidebarImage}width=200{/block:ifNotSmallSidebarImage} {block:ifSmallSidebarImage}width=150{/block:ifSmallSidebarImage} " /></a></div>
{/block:ifShowSidebar}
{block:ifShowTitle}
{block:ifShowSidebar}
<a href="/"><div align="right" class="deblogtitle">{Title}</div></a>
{/block:ifShowSidebar}
{/block:ifshowtitle}
{block:IfShowBlogDescription}
{block:ifShowSidebar}
<div align="left" style="line-height:14px; margin-top:-6px; margin-bottom:-15px; color:{color:Blog Description}; font-size:13px; font-family="Dosis"; font-style:italic;">{description}</div>
{/block:ifShowSidebar}
{/block:IfShowBlogDescription}


<br>


<div align="right">
<br>
{block:ifAskLink}<a href="/ask" class="sidelink">{text:Ask Link Text}</a><br>{/block:ifAskLink}
{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="sidelink">{text:Custom Link One Title}</a><br>{/block:ifCustomLinkOneTitle}
{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="sidelink">{text:Custom Link Two Title}</a><br>{/block:ifCustomLinkTwoTitle}
{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="sidelink">{text:Custom Link Three Title}</a><br>{/block:ifCustomLinkThreeTitle}
{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="sidelink">{text:Custom Link Four Title}</a><br>{/block:ifCustomLinkFourTitle}
{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" class="sidelink">{text:Custom Link Five Title}</a><br>{/block:ifCustomLinkFiveTitle}
{block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" class="sidelink">{text:Custom Link Six Title}</a><br>{/block:ifCustomLinkSixTitle}
{block:ifArchiveLink}<a href="/archive" class="sidelink">{text:Archive Link Text}</a>{/block:ifArchiveLink}
</div>

</div>

</center>

<div align="center">

<div id="posts">

{block:Posts}
<div id="entry">
{block:Photo}
{block:IndexPage}
{block:ifReblogLinkOnHover}
<div id="reblog"><a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/dpih1w3/HNZm93ygj/reblogbutton.png" width="22px;"/></a></div>
{/block:ifReblogLinkOnHover}
<div id="kposts">
<a href="{permalink}">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=350; style="{block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:ifRoundedEdges}-moz-border-radius: 3px; border-radius: 3px; {/block:ifRoundedEdges}"></a></div>

{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=410px; style="{block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} border="0"></center>
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
<div style="padding-top:30px; padding-bottom:30px;"><a href="{permalink}">
{Photoset-250}</a></div>
{/block:Photoset}

{block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
{block:Title}
<a href="{permalink}"><span class="title">{Title}</span></a>
{/block:Title}
<span class="entrytext" style="line-height:12px;">{Body}</span>
<a href="{Permalink}"></a></div>
{block:indexpage}<hr size="1" width="270">
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
{/block:Text}

{block:Link}
<div style="padding-top:15px; padding-bottom:0px;>
<li class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
</div>
{block:indexpage}<hr size="1" width="270">
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
{/block:Link}

{block:Quote}
<div style="padding-top:10px; padding-bottom:10px;">
<span class="title" style="line-height:16px;">"{Quote}"</span><br><br>
<div style="text-align: right; padding-right:10px;"><a href="{Permalink}">{block:Source}
-{Source}
{/block:Source}</a></div><br>{block:indexpage}<hr size="1" width="270">
<div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
</div>
{/block:Quote}

{block:Chat}
<div style="padding-top:15px; padding-bottom:10px;">
<a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label" style="line-height:12px;">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:Caption}{Caption}{/block:Caption}
<br>{block:indexpage}<hr size="1" width="270">
<div align="right" style="padding-right:10px; padding-top:5px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
</div>
{/block:Chat}

{block:Audio}
<div style="padding-top:30px; padding-bottom:0px;">
<div style="float:center">
{AudioPlayerGrey}
</div>
</div>

<div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
<hr size="1" width="270">
<div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
{/block:Audio}

{block:Video}
<div style="padding-top:28px; padding-bottom:8px;">
{Video-250}</div>
<div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
{block:indexpage}<hr size="1" width="270">
<div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
</a></div>{/block:indexpage}
{/block:Video}

{block:PermalinkPage}</a>
<div id="permapage"><br>
{block:notecount}
{notecountwithlabel}
{/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
<a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
<a href="{ReblogRootURL}">{ReblogRootName}</a>
{/block:RebloggedFrom}
<br><br>
<div align="left">
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
</div>
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
</div>
</div>
</center>
</div>
</div>
{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '#entry, #entry_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '#entry, #entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').show(500);
});
</script>
{/block:indexpage}
</body>
</html>