Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- base code by animecharacter.tumblr.com
- for help visit:
- tumblr.com/docs/en/custom_themes
- tumblr.com/docs/en/localizing_themes
- w3schools.com
- (please dont send me customization asks)
- credit if used is not compulsory but it's nice if you mention where you got this
- ----->
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <meta name="image:favicon" content="">
- <meta name="image:side" content="">
- <meta name="image:corner img" content="">
- <meta name="color:bg" content="#ffffff">
- <meta name="color:text" content="#000000">
- <meta name="color:links" content="#999999">
- <meta name="color:hover" content="#cccccc">
- <meta name="if:rounded" content="">
- <meta name="if:shadow" content="">
- <meta name="if:shadow2" content="">
- <meta name="if:infinitescroll" content="">
- <meta name="if:transparent" content="">
- <meta name="if:semitransparent" content="">
- <meta name="text:battery" content="">
- <meta name="text:desc" content="">
- <meta name="text:sb img" content="100">
- <meta name="text:corner img width" content="">
- <meta name="text:corner img left" content="0">
- <meta name="text:corner img bottom" content="0">
- <meta name="select:Spoons" content="#zero" title="0"/>
- <meta name="select:Spoons" content="#zerohalf" title="0.5"/>
- <meta name="select:Spoons" content="#one" title="1"/>
- <meta name="select:Spoons" content="#onehalf" title="1.5"/>
- <meta name="select:Spoons" content="#two" title="2"/>
- <meta name="select:Spoons" content="#twohalf" title="2.5"/>
- <meta name="select:Spoons" content="#three" title="3"/>
- <meta name="select:Spoons" content="#threehalf" title="3.5"/>
- <meta name="select:Spoons" content="#four" title="4"/>
- <meta name="select:Spoons" content="#fourhalf" title="4.5"/>
- <meta name="select:Spoons" content="#five" title="5"/>
- <meta name="image:" content="">
- <meta name="color:" content="#">
- <meta name="if:" content="">
- <meta name="text:" content="">
- <meta name="select:" content="">
- {block:ifInfiniteScroll}
- <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
- {block:ifInfiniteScroll}
- <div id="imageright" style="position:fixed; bottom:{text:corner img bottom}px; right:{text:corner img left}px; z-index:-1;"><img src="{image:corner img}"width="{text:corner img width}"></div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:80,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:280px; /* maximum width */
- text-align:center;
- background-color:#fff; /* color background */
- -webkit-box-shadow: 3px 3px 10px 10px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 3px 3px 10px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 3px 3px 1px 1px rgba(0, 0, 0, 0.1);
- border-radius:4px;
- border:none /* color, shape and thickness of the border */
- font-size:9px; /* font size */
- color:#000; /* font color */
- font-weight:bold;
- font-family:helvetica;
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase; /* uppercase, lowercase, none */
- padding:4px; /* padding size */
- margin:20px 0px 0px 20px; /* margin size */
- z-index:9999999999999999999999;
- }
- #one, #two, #zero, #three, #four, #five, #onehalf, #zerohalf, #twohalf, #threehalf, #fourhalf {
- display:none;
- }
- {select:Spoons}, {select:Spoons} img {display: inline !important;}
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:bg};
- font-family: franklin gothic book;
- font-size:11px;
- line-height:150%;
- color: {color:text};
- }
- p{
- margin:0 0 10px 0;
- padding:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a{
- color:{color:links};
- text-decoration:none;
- }
- a:hover{
- color:{color:hover};
- text-decoration:none;
- }
- ol,ul {
- margin-left:-5px;
- list-style-type:katakana;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #sidebar{
- width:{text:sb img}px;
- position:fixed;
- margin-left:-25px;
- }
- #buster img {
- {block:ifrounded}
- border-radius:5px;
- {/block:ifrounded}
- }
- #content{
- width:300px;
- {block:permalinkpage}
- width:350px;
- {/block:permalinkpage}
- margin-left:100px;
- overflow:hidden;
- }
- .post{
- width:250px;
- {block:permalinkpage}
- width:300px;
- {/block:permalinkpage}
- margin:0 0 35px 0;
- overflow:hidden;
- padding:15px;
- background:#fff;
- {block:iftransparent}
- background:transparent;
- {/block:iftransparent}
- {block:ifsemitransparent}
- background:rgba(255,255,255,0.5);
- {/block:ifsemitransparent}
- {block:ifrounded}
- border-radius:5px;
- {/block:ifrounded}
- {block:ifshadow}
- -webkit-box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 5px 5px 1px 1px rgba(0, 0, 0, 0.1);
- {/block:ifshadow}
- {block:ifshadow2}
- -moz-box-shadow: inset 0 0 10px #888;
- -webkit-box-shadow: inset 0 0 10px #888;
- box-shadow: inset 0 0 10px #888;
- {/block:ifshadow2}
- }
- #sidebar img, .post img{
- max-width:100%;
- }
- #nav{
- margin:50px 0 0 0;
- }
- #farewell {
- font-size:11px;
- text-align:center;
- line-height:130%;
- }
- #problem {
- text-align:center;
- margin-top:5px;
- font-size:12px;
- word-spacing:1px;
- letter-spacing:1px;
- }
- #miki {
- padding-top:3px;
- }
- #miki a {
- background:{color:bg};
- }
- #spoons {
- margin-top:5px;
- border-radius:100px;
- }
- {block:permalinkpage}
- img{
- {block:ifrounded}
- border-radius:5px;
- {/block:ifrounded}
- -webkit-transition: 0.6s ease;transition: 0.6s ease;
- -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
- -moz-opacity: 1;
- opacity: 1;
- }
- img:hover{
- -webkit-transition: 0.6s ease;transition: 0.6s ease;
- -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
- -moz-opacity: 0.80;
- opacity: 0.80;
- }
- #spoons {
- border-radius:0px;
- }
- {/block:permalinkpage}
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:dashed 1px {color:bg};
- }
- #audio {
- width:100%;
- height:50px;
- margin-bottom:10px;
- display:block;
- }
- #audio .player{background:#FFF;height:26px;width:26px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
- .art{width:50px;height:50px; position:absolute;display:block;z-index:1;}
- .art img{width:50px;height:50px;}
- .songtitle{margin-left:60px;height:40px;padding:5px 10px;border-left:1px solid {color:border};line-height:13px;overflow:auto;font-size:10px;}
- .video-container {
- position: center;
- overflow: hidden;
- }
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: center;
- max-width:250px;
- max-height:250px;
- }
- .video-wrapper {
- max-width:250px;
- max-height:250px;
- }
- .askerportrait {
- position: absolute;
- border: 5px solid {color:bg};
- width:35px;
- }
- .a {
- margin-left: 70px;
- background-color: {color:bg};
- min-height:64px;
- max-height: 100px;
- padding: 10px;
- margin-bottom:8px;
- height:0px;
- font-family: calibri,geneva;
- font-size: 11px;
- color: {color:text};
- }
- .asker {
- color: {color:text};
- font-family: anaheim, sans-serif;
- font-size: 10px;
- text-transform: uppercase;
- }
- .asker a {color: {color:links};border-bottom: 1px dashed {color:links};}
- .q {margin-top: 5px;}
- .tri {
- position: absolute;
- font-size: 30px;
- margin: 15px 0 0 50px;
- color: {color:bg};
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:left;
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- }
- ol.notes li.note{
- margin:0px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="wrapper">
- <div id="sidebar">
- <div id="buster"><a href="/"/><img src="{image:side}"></a></div>
- <div id="farewell">{text:desc}</div>
- <div id="problem">
- <a href="/about">about</a>
- <a href="/disclaimer">id</a>
- <a href="/links">links</a>
- </div>
- <div id="spoons"><center><a href="/battery" title="{text:battery}" style="border:none;" target="_blank">
- <div id="zero" style="display:none;">
- <img src="https://33.media.tumblr.com/d7537366a4b6843e83f26ce2f257105f/tumblr_inline_ngoenth8YW1t6231t.png">
- </div>
- <div id="zerohalf" style="display:none;">
- <img src="https://33.media.tumblr.com/7a829f931360087b3be5cbc96c76eb1c/tumblr_inline_ngoenwyjdR1t6231t.png">
- </div>
- <div id="one" style="display:none;">
- <img src="https://38.media.tumblr.com/5d5d4551471e7550d577c37287d98700/tumblr_inline_ngoenz3Owg1t6231t.png">
- </div>
- <div id="onehalf" style="display:none;">
- <img src="https://33.media.tumblr.com/b486961ec60a28bbbdc6c891bc0d65ea/tumblr_inline_ngoeo3VpaS1t6231t.png">
- </div>
- <div id="two" style="display:none;">
- <img src="https://31.media.tumblr.com/837982bcc31d7e739e78164ca8669ca1/tumblr_inline_ngoeo6Kvde1t6231t.png">
- </div>
- <div id="twohalf" style="display:none;">
- <img src="https://33.media.tumblr.com/c2ca73bc9cb9ee7c1d341229d586420e/tumblr_inline_ngoeocPnyN1t6231t.png">
- </div>
- <div id="three" style="display:none;">
- <img src="https://38.media.tumblr.com/e7b5b6b94875e21448e667339f7b8340/tumblr_inline_ngoeogD0J11t6231t.png">
- </div>
- <div id="threehalf" style="display:none;">
- <img src="https://31.media.tumblr.com/89eee7f0fc0248f98374d95427391830/tumblr_inline_ngoeokQpQP1t6231t.png">
- </div>
- <div id="four" style="display:none;">
- <img src="https://38.media.tumblr.com/ceae6133cb2cfc748cb6f7b1b99ecd1d/tumblr_inline_ngoeoocYNN1t6231t.png">
- </div>
- <div id="fourhalf" style="display:none;">
- <img src="https://31.media.tumblr.com/1b6f48d06383c14126aa1876d0092e4a/tumblr_inline_ngoeosQj7f1t6231t.png">
- </div>
- <div id="five" style="display:none;">
- <img src="https://33.media.tumblr.com/780c8c9b4fb363717b8b9e95df5b4ab9/tumblr_inline_ngoeowegnB1t6231t.png">
- </div>
- </a></center></div>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a><br>
- {/block:Pages}
- {/block:HasPages}
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{PhotoURL-HighRes}">{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<div style="width:100%;opacity:1.0;margin:0 0 -1px 0;">{Photoset}</div>{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media"><div class="video-wrapper">
- <div class="video-container">{Video-400}</div>
- </div></div>
- {/block:Video}
- {block:Audio}
- <div id="audio">
- <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div class="player">{AudioPlayerWhite}</div>
- <div class="songtitle">
- {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}
- </div>
- </div>
- {/block:Audio}
- {block:Answer}
- <img class="askerportrait" src="{AskerPortraitURL-64}">
- <div class="tri">◀</div>
- <div class="a">
- <span class="asker">{Asker}:</span>
- <div class="q">{Question}</div>
- </div>
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><div style="margin-top:-2px; letter-spacing:1px; text-align:center; word-spacing:1px;">{TimeAgo} ({NoteCount})<br> <div id="miki">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div></div>
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {block:ifNotInfiniteScroll}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- </div>
- {/block:ifNotInfiniteScroll}
- {block:ifInfiniteScroll}
- </div>
- {/block:ifInfiniteScroll}
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement