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="image:bg img" content="">
- <meta name="color:bg" content="#ffffff">
- <meta name="color:content" content="#ffffff">
- <meta name="color:links" content="#999999">
- <meta name="color:hover" content="#cccccc">
- <meta name="color:link bg" content="#ffffff">
- <meta name="color:nav bg" content="#ffffff">
- <meta name="color:scrollbar" content="#ffffff">
- <meta name="color:scrollbar thumb" content="#ffffff">
- <meta name="color:scrollbar border" content="#000000">
- <meta name="select:font" content="helvetica">
- <meta name="select:font" content="courier">
- <meta name="select:font" content="arial">
- <meta name="select:font" content="franklin gothic book">
- <meta name="select:font" content="century gothic">
- <meta name="select:font" content="lucida console">
- <meta name="select:font" content="tahoma">
- <meta name="if:infinitescroll" content="1">
- <meta name="text:sb img" content="90">
- <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="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: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- border-radius:7px;
- 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;
- }
- ::-webkit-scrollbar {width: 9px; height: 3px; background: {color:scrollbar};}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar thumb} ; border: 1px solid {color:scrollbar border};}
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:bg} url({image:bg img});
- background-attachment:fixed;
- font-family: {select:font};
- font-size:11px;
- line-height:140%;
- color: #000;
- }
- 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;
- letter-spacing:1px;
- background:{color:link bg};
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- }
- a:hover{
- color:{color:hover};
- text-decoration:none;
- letter-spacing:1px;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- }
- ol,ul {
- margin-left:-5px;
- list-style-type:hiragana;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #sidebar{
- width:{text:sb img}px;
- position:fixed;
- margin-left:-110px;
- background:#fff;
- padding:15px;
- -webkit-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- border-radius:7px;
- }
- #girl a {
- background:none;
- }
- #sheik {
- text-align:center;
- font-size:10px;
- margin-top:-0px;
- }
- #zelda {
- display:block;
- border:1px dashed
- margin-bottom:3px;
- background:{color:nav bg};
- padding:4px;
- text-align:center;
- margin-top:-5px;
- }
- #zelda a {
- background:none;
- }
- #zelda2 {
- display:block;
- border:1px dashed
- margin-bottom:3px;
- background:{color:nav bg};
- padding:4px;
- text-align:center;
- margin-top:-10px;
- }
- #zelda2 a {
- background:none;
- }
- #zelda3 {
- display:block;
- border:1px dashed
- margin-bottom:3px;
- background:{color:nav bg};
- padding:4px;
- text-align:center;
- margin-top:-10px;
- }
- #zelda3 a {
- background:none;
- }
- #content{
- width:300px;
- {block:permalinkpage}
- width:350px;
- {/block:permalinkpage}
- margin-left:50px;
- margin-top:-10px;
- overflow:hidden;
- }
- .post{
- width:250px;
- {block:permalinkpage}
- width:300px;
- {/block:permalinkpage}
- margin:0 0 30px 0;
- overflow:hidden;
- padding:20px;
- background:{color:content};
- -webkit-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1);
- border-radius:7px;
- }
- #sidebar img, .post img{
- max-width:100%;
- }
- #nav{
- margin:50px 0 0 0;
- }
- #quartz {
- font-size:10px;
- }
- /*
- 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:solid 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:270px;
- max-height:270px;
- }
- .video-wrapper {
- max-width:270px;
- max-height:270px;
- }
- /*
- 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="girl"><a href="/"/><img src="{image:side}"></a></div>
- <div id="sheik">alec + <a href="/pronouns">it/*e</a><br>read my links byf</p></div>
- <div id="zelda"><a href="/about">about</a></div><br>
- <div id="zelda2"><a href="/disclaimer">id</a></div><br>
- <div id="zelda3"><a href="/links">links</a></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}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><div style="letter-spacing:1px; text-align:center; word-spacing:1px;">{TimeAgo}<br> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</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