Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--
- MEIWAKU theme by juunko
- please feel free to edit but do not claim as your own!
- if you have any issues with the theme please drop me an ask
- thank you!!
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:background" content="#ffffff">
- <meta name="color:notes" content="#ffffff">
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="color:text" content="#000000">
- <meta name="color:bold" content="#000000">
- <meta name="color:title background" content="#000000">
- <meta name="color:sidebar background" content="#ffffff">
- <meta name="color:sidebar text" content="#888585">
- <meta name="color:link" content="#000000">
- <meta name="color:borders" content="#eeeeee">
- <meta name="text:ask" content="dreamt">
- <meta name="text:link1"content""/>
- <meta name="text:link1 url" content""/>
- <meta name="text:link2"content""/>
- <meta name="text:link2 url" content""/>
- <meta name="text:link3"content""/>
- <meta name="text:link3 url" content""/>
- <meta name="text:link4"content""/>
- <meta name="text:link4 url" content""/>
- <meta name="if:postBorders" content="1">
- <meta name="if:titlefont2" content="0">
- <meta name="if:photoFade" content="0">
- <style type="text/css">
- ::-webkit-scrollbar { width: 4px; background-color: #000; }
- ::-webkit-scrollbar-track { border-radius: 0px; background-color: #fff; }
- ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); background-color: #000; }
- ::-webkit-scrollbar-corner { background: #transparent ; }
- {CustomCSS}
- iframe#tumblr_controls{
- right:0px !important;
- position:fixed !important;
- -webkit-filter:invert(100%);
- opacity:.5;
- z-index:999999;
- }
- ::selection {
- background: #fafafa;
- color:#666666;
- }
- ::-moz-selection {
- background: #fafafa;
- color:#666666;
- }
- ::-webkit-selection {
- background: #fafafa;
- color:#666666;
- }
- body {
- background:{color:Background} url('{image:background}') fixed repeat center;
- font:9.5px consolas;
- font-color:{color:text};
- }
- a {
- color:{color:link};
- cursor:help;
- text-decoration:none;
- }
- a:hover {
- text-decoration:line-through;
- }
- b, strong {
- color:{color:bold};
- font-size:9px;
- text-transform:uppercase;
- }
- i, em {
- color:{color:text};
- font-size:9px;
- font-weight:lighter;
- }
- h2 {
- font-size:0px;
- color:{Color:bold};
- margin-bottom:-5px;
- border-bottom: 1px dotted {color:borders};
- padding-bottom:2px;
- letter-spacing:1px;
- line-height:12px;
- text-transform: lowercase;
- font-weight:lighter;
- }
- #sidebar {
- position:fixed;
- background-color:none;
- width: 90px;
- padding-top:0px;
- bottom:75px;
- margin-left:40px;
- color:{color:sidebar text};
- }
- .sideimg {
- position:fixed;
- bottom:140px;
- left:72px;
- {block:ifphotofade}
- opacity:0.8;
- -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- {/block:ifphotofade}
- }
- .sideimg:hover{
- opacity:1;
- }
- #title {
- background-color:{color:title background};
- {block:iftitlefont2}
- font-family:meiryo;
- {block:iftitlefont2}
- font-size:12px;
- text-align:right;
- opacity:1;
- margin-top:0px;
- margin-right:-35px;
- margin-left:25px;
- margin-bottom:0px;
- }
- #title a{;
- color:{color:notes};
- }
- #description {
- position;fixed;
- color:{color:sidebar text};
- background-color:{color:notes};
- width:66px;
- height:37px;
- overflow:auto;
- font-family:trebuchet ms;
- margin-top:0px;
- margin-left:55px;
- margin-right:0px;
- margin-bottom:-3px;
- text-align:right;
- text-transform:none;
- font-size:9px;
- letter-spacing:0px;
- line-height:1;
- padding-top:2px;
- padding-left:2px;
- padding-right:2px;
- }
- #link {
- position:fixed;
- display:inline-block;
- float:right;
- word-wrap:break-word;
- color:{color:sidebar link};
- background-color:{color:notes};
- font-size:11px;
- text-align:right;
- text-transform:none;
- margin-left:25px;
- opacity:1;
- }
- #content {
- padding-left:10px;
- padding-bottom:0px;
- border-left:none;
- padding-top:10px;
- width:550px;
- overflow:hidden;
- margin-left:200px;
- {block:permalinkpage}width:560px;{/block:permalinkpage}
- }
- #notes {
- position:relative;
- {block:PermalinkPage}
- display:none;
- {/block:PermalinkPage}
- {block:IndexPage}
- opacity:0;
- bottom:0px;
- text-align:left;
- width:auto;
- right:0px;
- font-size:0px;
- overflow:auto;
- padding:0px;
- padding-left:3px;
- background-color:{color:title background};
- text-transform:uppercase;
- {/block:IndexPage}
- -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;
- transition:all 0.2s ease-in-out;
- }
- #notes a{
- color:{color:notes};
- }
- .post {
- margin:15px;
- padding:15px;
- float:left;
- -webkit-transition-duration:1s;
- background:#fff;
- {block:ifpostBorders}
- border:1px dotted {color:borders};
- {/block:ifpostBorders}
- {block:indexpage}
- width:180px;
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- .post img{
- {block:indexpage}
- {block:ifphotofade}
- opacity:0.8;
- -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- {/block:ifphotofade}
- width:180px;
- margin-bottom:-2px;
- background:{color:Background}
- {/block:indexpage}
- {block:permalinkpage}
- max-width:500px;
- {/block:permalinkpage}
- }
- .post img:hover{
- opacity:1;
- }
- .post:hover #notes{
- opacity:1;
- font-size:9px;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation {display:none!important;}
- #over{
- height:2000px!important;
- position:absolute;
- top:0px;
- left:0px;
- width: 100%;}
- blockquote {
- padding: 2px;
- overflow:hidden;
- padding-left: 5px;
- border-left: 1px dashed {color:borders};
- margin-left:25px;
- margin-right: 30px;
- background-color:none;
- opacity:0.7;
- color: {color:blockquote text};
- }
- .overflow {
- width:180px;
- height:auto;
- overflow:hidden;
- }
- #text {
- {block:indexpage}
- width:180px;
- margin-bottom:0px;
- padding-bottom:0px;
- {/block:indexpage}
- {block:permalinkpage}
- padding-top:0px;
- padding-bottom:20px;
- {/block:permalinkpage}
- }
- #ask {
- background-color:#000;
- color:{color:notes};
- padding-left:3px;
- }
- #ask a{
- color:{color:notes};
- }
- #s-m-t-tooltip {
- z-index:9999;
- background-color:#000;
- line-height:11px;
- font:8px consolas;
- text-transform:uppercase;
- color:{color:notes};
- max-width:150px;
- word-wrap:break-word;
- padding:3px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- display:block;
- margin:25px 0 0 15px;
- }
- #credit {
- position:fixed;
- bottom:0px;
- right:0px;
- font-size:12px;
- }
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- {block:indexpage}
- <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
- <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
- <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector : ".post",
- navSelector : "div.navigation",
- nextSelector : ".navigation a#next",
- bufferPx : 10000,
- extraScrollPx: 12000,
- loadingImg : "",
- loadingText : "",
- },
- function() { $('#content').masonry({ appendedContent: $(this) });
- });
- });
- </script>{/block:indexpage}
- </head>
- <body>
- <div id="credit"><a href="http://juunko.tumblr.com" title="theme">©</a></div>
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div id="sidebar">
- <div class="sideimg"><a href="/" title="refresh"><img src="{image:sidebar}" style="height:100px; width:100px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;"></img></a></div>
- <div id="title"><a href="/" title="refresh">{Title}</a></div>
- <div id="link">
- <a href="/ask" title="message">01</a>
- <a href="/archive" title="archive">02</a><br>
- <a href="{text:link1 url}" title="{text:link1}">03</a>
- <a href="{text:link2 url}" title="{text:link2}">04</a><br>
- <a href="{text:link3 url}" title="{text:link3}">05</a>
- <a href="{text:link4 url}" title="{text:link4}">06</a>
- </div>
- <div id="description">{Description}</div>
- </div></div></div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:IndexPage}<div class="permalink"><a href="{Permalink}"></a></div>{/block:IndexPage}
- {block:Text}
- <div id="text">{block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div>{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}{LinkOpenTag}<a href="{Permalink}" title="{notecountwithlabel}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" style="max-width:180px"/></a>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkOpenTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div><center>{block:Photos}<img src="{PhotoURL-250}">{/block:Photos}</center>{/block:IndexPage}
- {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div id="text">{block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div>{/block:IndexPage}"{Quote}"
- {block:Source}<br></br>—<b>{Source}</b>{/block:Source}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Quote}
- {block:Link}
- <div id="text">{block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div>{/block:IndexPage}<a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Link}
- {block:Chat}
- <div id="text">{block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div>{/block:IndexPage}{block:Title}<b>{Title}</b>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:permalinkpage}{/block:Permalinkpage}</div>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div><div class="player"><div class="overflow">{AudioPlayerWhite}</div></div>{/block:IndexPage}
- <div class="overflow">{block:Caption}{Caption}{/block:Caption}</div>{block:permalinkpage}<div class="player">{AudioPlayerWhite}</div>{/block:Permalinkpage}
- {/block:Audio}
- {block:Answer}
- <div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div><div id="ask">{Asker} {Text:Ask}: {Question}</div>
- <div id="text"><div id="blockquote">{Answer}</div></div>
- {/block:answer}
- {block:Video}
- {block:IndexPage}<div id="notes"><a href="{Permalink}">{NoteCountwithlabel}</a></div><div class="video"><div class="overflow">{Video-250}</div></div>{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Video}
- {block:permalinkpage}
- {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:permalinkpage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement