<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--
PLEASE DO NOT REMOVE THIS.
THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
THEME: #15 METSUKI
jyuubi.org | manatopia.org
--RULES--
1) DO NOT REMOVE CREDIT.
2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
5) DO USE ANY GRAPHICS MADE FOR A PREVIEW.
-->
<meta name="color:BackgroundM" content="#af9b8e">
<meta name="color:Regular Text" content="#594e47">
<meta name="color:Bold Text" content="#bda78e">
<meta name="color:Italic Text" content="#4c5752">
<meta name="color:Link Text" content="#31545d">
<meta name="color:Title Text" content="#164e5c">
<meta name="color:Content Background" content="#948276">
<meta name="color:Header Background" content="#8e7d72">
<meta name="color:Text Background" content="#88786d">
<meta name="color:Nav Link Background" content="#3e312f">
<meta name="color:Nav Link Text" content="#736569">
<meta name="color:Nav Link Background Hover" content="#164e5c">
<meta name="color:Nav Link Text Hover" content="#566c71">
<meta name="color:Custom Link Background" content="#5a6761">
<meta name="color:Custom Link Text" content="#323a36">
<meta name="color:Custom Link Background Hover" content="#3e312f">
<meta name="color:Custom Link Text Hover" content="#736569">
<meta name="color:PermaTag Background" content="#3e312f">
<meta name="color:PermaTag Text" content="#736569">
<meta name="color:Stats Background" content="#88786d">
<meta name="color:Stats Link" content="#bda78e">
<meta name="color:Stats Tags" content="#31545d">
<meta name="image:BackgroundM" content="http://static.tumblr.com/pdgxkke/XPym1pu18/metsuki.png">
<meta name="image:Sidebar" content="">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Smaller Posts" content="0">
<meta name="if:Dropdown Navigation" content="1">
<meta name="if:Show Captions" content="0">
<meta name="if:High Res Link" content="1">
<meta name="if:Photo Fading" content="1">
<meta name="if:Show Tags" content="1">
<meta name="font:Titles" content="georgia">
<meta name="font:Content" content="lucida sans">
<meta name="text:Sidebar Title" content="m e t s u k i">
<meta name="text:Nav Title" content="">
<meta name="text:Name 1" content="">
<meta name="text:URL 1" content="http://">
<meta name="text:Name 2" content="">
<meta name="text:URL 2" content="http://">
<meta name="text:Name 3" content="">
<meta name="text:URL 3" content="http://">
<meta name="text:Name 4" content="">
<meta name="text:URL 4" content="http://">
<meta name="text:Name 5" content="">
<meta name="text:URL 5" content="http://">
<meta name="text:Name 6" content="">
<meta name="text:URL 6" content="http://">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">
/* SCROLLBAR */
::-webkit-scrollbar-thumb:vertical {
background-color: {color:Bold Text};
height: 50px;
}
::-webkit-scrollbar {
height: 10px;
width: 3px;
background-color: {color:Content Background};
}
/* BODY */
body {
background-image: url("{image:BackgroundM}");
background-attachment: fixed;
background-color: {color:BackgroundM};
}
@font-face {
font-family: "handy00";
src: url('http://static.tumblr.com/pdgxkke/8qOlv3kfn/handy00.ttf');
}
/* SIDEBAR */
#sidebar {
background-color: {color:Content Background};
height: 100%;
width: 195px;
padding: 10px;
left: 120px;
top: 0px;
position: fixed;
text-align: center;
}
#content {
margin-top: 15px;
}
#content img {
opacity: .8;
max-width: 180px;
}
#content h1 {
font-family: {font:Titles};
font-size: 15px;
font-weight: normal;
text-transform: lowercase;
font-style: italic;
text-align: center;
color: {color:Title Text};
letter-spacing: 7px;
background-color: {color:Header Background};
padding-left: 7px;
margin: 0;
}
#desc {
background-color: {color:Text Background};
padding: 1px;
font-family: {font:Content};
font-size: 10px;
text-align: center;
letter-spacing: 1px;
color: {color:Regular Text};
line-height: 14px;
}
#desc b, strong {
color: {color:Bold Text};
font-weight: normal;
}
#desc i, em {
color: {color:Italic Text};
font-style: normal;
}
#desc a {
color: {color:Link Text};
text-decoration: none;
}
#content a.nav {
background-color: {color:Custom Link Background};
display: block;
margin-top: 3px;
font-family: lucida sans unicode;
font-size: 9px;
letter-spacing: 2px;
text-decoration: none;
text-transform: lowercase;
height: 12px;
line-height: 10px;
color: {color:Custom Link Text};
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#content a.nav:hover {
background-color: {color:Custom Link Background Hover};
color: {color:Custom Link Text Hover};
}
/* NAVIGATION */
#nav {
background-color: {color:Content Background};
margin-top: 10px;
font-family: lucida sans unicode;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
color: {color:Title Text};
width: 85px;
padding-top: 25px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
top: 0;
position: fixed;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
{block:IfDropdownNavigation}margin-top: -115px;{/block:IfDropdownNavigation}
{block:IfNotDropdownNavigation}margin-top: -10px;{/block:IfNotDropdownNavigation}
margin-left: 4px;
}
{block:IfDropdownNavigation}#nav:hover {
padding-top: 125px;
}{/block:IfDropdownNavigation}
#nav h1 {
font-family: handy00;
font-size: 8px;
color: {color:Bold Text};
font-weight: normal;
margin-top: -2px;
letter-spacing: 0px;
}
#space {
padding-top: 10px;
}
#nav a {
background-color: {color:Nav Link Background};
display: block;
height: 15px;
line-height: 15px;
font-family: lucida sans unicode;
font-size: 9px;
color: {color:Nav Link Text};
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
text-align: center;
margin-bottom: 3px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#nav a:hover {
background-color: {color:Nav Link Background Hover};
color: {color:Nav Link Text Hover};
}
/* PAGINATION */
#page {
background-color: {color:Text Background};
width: 200px;
height: 40px;
position: fixed;
bottom: 0;
left: 120px;
text-align: center;
line-height: 40px;
font-family: georgia;
font-size: 18px;
color: {color:Italic Text};
}
#page a {
font-size: 16px;
color: {color:Link Text};
text-decoration: none;
}
/* POSTS */
.post {
{block:IfNotSmallerPosts}width: 612px;{/block:IfNotSmallerPosts}
{block:IfSmallerPosts}width: 512px;{/block:IfSmallerPosts}
margin-left: 330px;
}
/* ENTRIES */
.entry {
background-color: {color:Content Background};
{block:IfNotSmallerPosts}width: 500px;{/block:IfNotSmallerPosts}
{block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
border: 8px solid {color:Content Background};
overflow: hidden;
margin-bottom: 15px;
float: left;
font-family: {font:Content};
font-size: 11px;
letter-spacing: 1px;
text-align: justify;
color: {color:Regular Text};
}
#text {
background-color: {color:Text Background};
padding: 3px;
}
.entry b, strong {
color: {color:Bold Text};
}
.entry i, em {
color: {color:Italic Text};
}
.entry a {
color: {color:Link Text};
text-decoration: none;
}
.entry h1 {
font-family: {font:Titles};
font-size: 18px;
font-weight: normal;
text-transform: lowercase;
font-style: italic;
text-align: center;
color: {color:Title Text};
letter-spacing: 7px;
margin-bottom: -4px;
background-color: {color:Header Background};
padding-left: 7px;
margin-top: -1px;
}
.entry h1 a {
color: {color:Title Text};
}
.entry blockquote {
border-left: 3px solid {color:Bold Text};
padding-left: 8px;
margin-left: 5px;
}
/* IMAGES */
{block:IfPhotoFading}
.entry img {
opacity: .8;
}
.photo {
opacity: .8;
}
{/block:IfPhotoFading}
{block:IfSmallerPosts}
.entry img {
max-width: 400px;
}
{/block:IfSmallerPosts}
/* ASK POST */
.ask {
background-color: {color:Text Background};
padding: 3px;
font-size: 10px;
text-transform: lowercase;
color: {color:Regular Text};
}
.entry h2 {
font-family: {font:Titles};
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
font-style: italic;
text-align: left;
color: {color:Title Text};
letter-spacing: 4px;
margin-bottom: -3px;
background-color: {color:Header Background};
padding-left: 7px;
margin-top: -1px;
}
/* QUOTE POST */
.entry h3 {
font-family: {font:Titles};
font-size: 16px;
color: {color:Title Text};
font-weight: normal;
font-style: italic;
text-transform: lowercase;
letter-spacing: 4px;
text-align: left;
margin-bottom: -3px;
margin-top: -1px;
padding-left: 2px;
line-height: 17px;
}
.quote {
background-color: {color:Header Background};
font-family: georgia;
font-size: 45px;
color: {color:Bold Text};
float: left;
margin-top: -1px;
margin-right: 5px;
}
/* PERMALINK BOX */
.perma {
background-color: {color:Stats Background};
font-family: lucida sans unicode;
font-size: 8px;
text-transform: uppercase;
text-align: center;
line-height: 10px;
width: 75px;
float: right;
padding: 5px;
margin-top: -10px;
}
.perma a {
color: {color:Stats Link};
text-decoration: none;
}
.tags {
background-color: {color:PermaTag Background};
font-family: consolas;
font-size: 10px;
color: {color:PermaTag Text};
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
height: 10px;
line-height: 10px;
width: 85px;
float: right;
}
.perma2 {
background-color: {color:Stats Background};
font-family: handy00;
font-size: 8px;
color: {color:Stats Link};
text-transform: lowercase;
text-align: left;
letter-spacing: 0px;
line-height: 12px;
width: 75px;
float: right;
padding: 5px;
margin-top: -10px;
}
.perma2 a {
color: {color:Stats Tags};
text-decoration: none;
}
/* HOVER */
.show {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.post:hover .show {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
}
/* PERMALINK PAGE */
.permalink {
font-family: {font:Content};
font-size: 10px;
color: {color:Regular Text};
text-transform: lowercase;
text-align: center;
{block:IfNotSmallerPosts}width: 516px;{/block:IfNotSmallerPosts}
{block:IfSmallerPosts}width: 416px;{/block:IfSmallerPosts}
letter-spacing: 1px;
margin-left: 330px;
}
.permalink b {
color: {color:Bold Text};
font-weight: normal;
}
#date {
color: {color:Italic Text};
}
.permalink a {
color: {color:Link Text};
text-decoration: none;
}
ol.notes {
padding: 0px;
margin: 15px 0px;
list-style-type: none;
background: transparent;
border: 0px;
letter-spacing: 1px;
}
ol.notes li.note {
padding: 1px;
text-align: left;
letter-spacing: 1px;
}
.notes img{
width: 10px;
position: relative;
top: 1px;
opacity: .5;
}
/* FOLLOW CODE */
iframe#tumblr_controls {
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.2;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
{CustomCSS}
</style>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}
</head>
<body>
<div id="nav">
<a href="/archive">Archive</a>
<a href="/random">Random</a>
<a href="/ask">Message</a>
<a href="http://jyuubi.org">Theme</a>
<a href="/">Return?</a>
<div id="space"></div>
More +
<h1>{text:Nav Title}</h1>
</div>
<div id="sidebar">
<div id="content">
<img src="{image:Sidebar}" alt="">
<h1>{text:Sidebar Title}</h1>
<div id="desc">
{Description}
</div>
{block:IfName1}<a class="nav" href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
{block:IfName2}<a class="nav" href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
{block:IfName3}<a class="nav" href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
{block:IfName4}<a class="nav" href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
{block:IfName5}<a class="nav" href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}
{block:IfName6}<a class="nav" href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}
</div>
</div>
{block:IfNotInfiniteScroll}{block:Pagination}<div id="page">
{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{CurrentPage}|{TotalPages}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}
</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
<div class="autopagerize_page_element">
{block:Posts}
<div class="post">
<div class="entry">
{block:Text}
<h1>{Title}</h1>
<div id="text">{Body}</div>
{/block:Text}
{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
{block:IfHighResLink}{block:HighRes}<font size="1px"><a href="{PhotoURL-HighRes}">high resolution →</a></font>{/block:HighRes}{/block:IfHighResLink}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}
{block:Photoset}
{block:IfNotSmallerPosts}<div class="photo">{Photoset-500}</div>{/block:IfNotSmallerPosts}
{block:IfSmallerPosts}<div class="photo">{Photoset-400}</div>{/block:IfSmallerPosts}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}
{block:Quote}
<div class="quote">❝</div>
<h3>{Quote}</h3>
{block:Source}<p align="right">{Source} —</p>{/block:Source}
{/block:Quote}
{block:Link}
<h1><a href="{URL}" target="{Target}">{Name}</a></h1>
<div id="text">{block:Description}{Description}{/block:Description}</div>
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}<br>
{/block:Lines}
{/block:Chat}
{block:Audio}
<center>{AudioPlayerBlack}
<i>{FormattedPlayCount}</i> plays</center>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Audio}
{block:Video}
{block:IfNotSmallerPosts}{Video-500}{/block:IfNotSmallerPosts}
{block:IfSmallerPosts}{Video-400}{/block:IfSmallerPosts}
<p><center><i>{FormattedPlayCount}</i> plays</center>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}
{block:Answer}
<h2>{Asker} whispered,</h2>
<div class="ask">
{Question}
</div>
{Answer}
{/block:Answer}
</div>
{block:IndexPage}<div class="show">
<p class="tags">Permalink</p>
<p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</p>
{block:IfShowTags}{block:HasTags}<p class="tags">Tags</p>
<p class="perma2">{block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}</p>{/block:HasTags}{/block:IfShowTags}
</div>{/block:IndexPage}
</div>
{block:PermalinkPage}
<div class="permalink">
<div id="date">{block:Date}{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
{block:HasTags}<b>tags →</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}
{/block:Posts}
</div>
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/tunes/skin.css','volume':100,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Champion Steven Stone %u03DF','url':'http://www.youtube.com/watch?v=ceBmTUhOHrc'},{'title':'Battle! Champion %u03DF','url':'http://www.youtube.com/watch?v=AGovPmq_1Qs'}]}" ></script>
<!-- SCM Music Player script end -->
</body>
</html>
