Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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: 180px;
- 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>
- navigation
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment