Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- theme 001 by @scarletwitch
- edit to your hearts desire, but do not remove credit
- caption script: @magnusthemes & @neothm
- support both dimensions: @oddhour
- -->
- <title>{title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <meta name="text:font family" content="">
- <meta name="text:font size" content="11">
- <meta name="image:Sidebar Image" content=""/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#4f4f4f"/>
- <meta name="color:Link" content="#707070"/>
- <meta name="color:Blockquote" content="#a2a19f"/>
- <meta name="color:Border" content="#f0f0f0"/>
- <meta name="color:Link Hover" content="#303030"/>
- <meta name="color:Link Hover Bkg" content=""/>
- <meta name="color:Accent" content="#ad9e85">
- <meta name="text:Link 1" content="">
- <meta name="text:Link 1 Title" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 2 Title" content="">
- <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,700" rel="stylesheet">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.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:20,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /* tooltip */
- #s-m-t-tooltip{
- max-width:300px;
- margin:10px;
- padding:3px 10px;
- background:{color:background};
- color:{color:text};
- z-index:999999;
- font-style:none;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- }
- body {
- background: {color:Background};
- color: {color:Text};
- font-family:'arial', sans serif;
- font-family:{text:font family}, 'arial', sans serif;
- line-height:15px;
- font-size:11px;
- font-size:{text:font size}px;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- /* links */
- a {
- color: {color:Link};
- text-decoration:none;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- a:hover {
- color:{color:Link Hover};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- /* typography */
- ul {
- list-style: none;
- margin-left: 0;
- padding-left: 0;
- }
- li {
- padding-left: 1em;
- text-indent: -1em;
- }
- li:before {
- content: "› ";
- display:inline;
- padding-right: 5px;
- }
- @font-face { font-family: Prosto; src: url('http://static.tumblr.com/gfhiops/StGoebsd0/prosto_sans_bold.otf'); font-weight:bold;}
- h1, h2 {
- font-size: 14px;
- font-weight: bold;
- }
- h3, h4, h5, h6 {
- font-size: 12px;
- font-style: italic;
- }
- blockquote {
- margin:10px 0px 5px 0px;
- border-left:solid 2px {color:border};
- line-height:1.3;
- padding-left:10px;
- padding-right:5px
- }
- b a{color:{color:text};}
- big{
- font-size:{text:font size}px;
- }
- small, sub{
- font-size:{text:font size}px;
- }
- /*main*/
- #container {
- position: relative;
- width: 730px;
- margin: 30px auto;
- }
- /* sidebar */
- aside {
- margin:110px 0 0 -140px;
- width:180px;
- position:fixed;
- text-align:center;
- float:left;
- }
- aside img {
- width:180px;
- margin:0px 0 0px 3px;
- }
- nav {
- border-top:1px solid {color:border};
- padding:3px 0 0 0;
- margin:10px auto;
- text-align:center;
- }
- nav a {
- margin-right:5px;
- color:{color:accent};
- font-weight:bold;
- -webkit-transition: .2s;
- }
- nav a:last-of-type{margin-right:0px;}
- nav a:hover {
- color:{color:link hover};
- }
- select {
- border:none;
- padding:3px 1px;
- border-bottom:1px solid {color:border};
- -webkit-appearance: none;
- border-radius:0px;
- cursor:pointer;
- }
- /* post */
- #entries {
- width:540px;
- margin:75px 50px 50px 0px;
- float:right;
- }
- .posts {
- width:540px;
- margin-bottom:100px;
- }
- .posts img {max-width:540px;}
- /* caption */
- .caption {
- width:540px;
- border:0;
- }
- .cap a.tumblr_blog {
- display:block;
- vertical-align:middle;
- line-height:18px;
- margin-bottom:5px;
- font-weight:600;
- color:{color:accent}!important;
- }
- .cap a.tumblr_blog:hover{
- color:{color:link hover}!important;
- }
- .cap .icon{
- width:18px;
- height:18px;
- margin-right:10px;
- display:inline-block;
- float:left;
- border-radius:2px; /*change to 100% for circular image */
- }
- .cap {
- color:black;
- margin:0px 0 0 0;
- padding:8px 0 0 0;
- border:0;
- border-top:0px dotted #eeeeee;
- }
- .cap p{ margin:2px 0 0px 0;}
- /* asks */
- #ask {
- width:510px;
- word-spacing:2px;
- line-height:13px;
- padding:15px;
- background:#f8f8f8;
- }
- .askimg {
- width: 48px;
- float: left;
- display:inline;
- border-radius:100%;
- margin-left:0px;
- }
- .askimg img{border-radius:100%;}
- .question {
- width:440px;
- float: right;
- margin-right:5px;
- min-height: 43px;
- text-align: left;
- line-height:13px;
- }
- .asker {
- display:block;
- text-transform:lowercase;
- font-weight:bold;
- }
- .answer .cap {
- margin:0;
- padding-top:0px;
- padding-bottom:4px;
- }
- .answer .cap p{
- line-height:12px;
- font-weight:normal;
- border-left:solid 0px rgba(0,0,0,0.12);
- }
- .answer .icon {display:none;}
- .answer a.tumblr_blog {font-weight:normal;margin:0;}
- .answer a.tumblr_blog::after{
- content:" answered:";
- }
- .clear {
- clear: both;
- }
- /* quote */
- #titlequote {font-size:14px;}
- #source { font-size:11px;margin:10px 0 0 0;}
- #source a.tumblr_blog{display:inline;}
- /* chat */
- .chat {
- margin:0;
- padding:0;
- list-style:none;
- }
- .l {
- padding-bottom:15px;
- margin-top:15px;
- border-bottom:1.5px dotted {color:border};
- }
- .label {
- font-weight:bold;
- color:{color:title};
- display:inline-block;
- }
- .l:first-of-type {margin-top:0;}
- .l:last-of-type {
- padding-bottom:0;
- border:0;
- }
- /* permalink */
- #info {
- border-top:0px solid #f1f1f1;
- padding:5px 0;
- text-align:left;
- margin-left:0px;
- margin-top:7px;
- font-size:11px;
- {block:ifnotags}margin-top:15px;{/block:ifnotags}
- }
- #info img{
- margin-top:-5px;
- width:13px;
- border-radius:100%;
- margin-left:2px;
- }
- #tags {
- padding:3px 0;
- margin-left:0px;
- text-align:left;
- }
- #tags a {
- margin-right:4px;
- color:{color:link};
- }
- #tags a:hover {
- color:{color:link hover};
- }
- .pagenotes {
- width:540px;
- margin-top:-25px;
- text-transform:lowercase;
- }
- .pagenotes a {color:{color:text};}
- ol.notes li.note::before {
- content:'› ';
- margin-right:5px;
- display:inline;
- }
- ol.notes {
- list-style-type:none;
- text-align:left;
- padding:0px;
- margin:0px;
- }
- ol.notes li.note {
- display:block;
- padding:0;
- margin:5px 0;
- }
- ol.notes li.note img.avatar {display:none!important;}
- #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
- position:fixed!important;
- top:0!important;
- right:0!important;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- padding:10px 10px 10px 10px;
- -webkit-transition:opacity .3s ease-out;
- transition:opacity .3s ease-out5
- }
- #credit a{
- font-size:12px;
- color:black;
- font-weight:bold;
- position:fixed;
- bottom:15px;
- right:15px;
- }
- </style>
- </head>
- <body>
- <div id="credit"><a href="http://scarletwitch.tumblr.com/" title="theme by scarlet witch">☀</a></div>
- <div id="container">
- <aside>
- <a href="/"><img class="sidebar" src="{image:Sidebar Image}"></a>
- <br></br>
- <div class="description">
- {description}</div>
- <nav>
- <a href="/">home</a>
- <a href="/faq">ask</a>
- <a href="{text:Link 1}">{text:Link 1 Title}</a>
- <a href="{text:Link 2}">{text:Link 2 Title}</a>
- </nav>
- <div id="navi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">« </a> – {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </aside>
- <section id="entries">
- {block:Posts}
- <article class="posts" id="{PostID}">
- {block:Quote}
- <div id="titlequote">"{Quote}"</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <span style="font-size:11px;color:#666;font-weight:bold;">{Title}</span>{/block:Title}
- <div class="caption">
- {Body}</div>
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="title">{Title}</div>{/block:Title}
- <ol class="chat">
- {block:Lines}
- <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}
- </ol>
- {/block:Chat}
- {block:Photo}
- <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
- {/block:Photo}
- {block:Photoset}<div class="media">{photoset}</div>
- {block:ifCaption}<div class="caption">{Caption}</div>{/block:ifCaption}
- {/block:Photoset}
- {block:Video}<div class="media">{Video-500}</div>
- {/block:Video}
- {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
- {/block:Audio}
- {block:Answer}
- <div id="ask">
- <div class="question">
- <span class="asker">{Asker}</span>
- {Question}</div>
- <div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
- <div class="clear"></div></div><br>
- <div class="answer"><div class="caption">{Answer}</div></div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <div style="border-bottom:solid 1px {color:border};margin-top:15px"></div>
- {block:indexpage}{block:Date}
- <div id="info">
- <a href="{Permalink}" target="_blank" title="{month} {dayofmonth}{DayOfMonthSuffix}, {year}" ><b>{timeago}</b></a>{block:NoteCount} with <a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
- {block:RebloggedFrom}<span style="float:right;"><a href="{ReblogParentURL}"title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a></span>{/block:RebloggedFrom}</span>
- {block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- {/block:Date}{/block:indexpage}
- {block:permalinkpage}{block:Date}
- <div id="info">
- Posted <a href="{Permalink}" target="_blank" title="{month} {dayofmonth}{DayOfMonthSuffix}, {year}" ><b>{timeago}</b></a>{block:NoteCount} with <a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}
- {block:RebloggedFrom}<span style="float:right;"><a href="{ReblogParentURL}"title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a> <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a></span>{/block:RebloggedFrom}</span>
- {block:HasTags}<div id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- {/block:Date}{/block:permalinkpage}
- </article>
- {block:PostNotes}
- <div class="pagenotes">
- <div id="title">{notecountwithlabel}</div>
- {PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </section>
- </div>
- {/block:Posts}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- </script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script>
- $('article').unnest({
- yourCaption: ".caption",
- wrapName: ".cap",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: true,
- tumblrAvatarClass: ".icon",
- usernameColon: false
- });
- </script>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script>
- /* questions? ask oddhour.tumblr.com */
- var updatePhotosetCss = "<style id='updatePhotosetStyle'>.photoset .photoset_row { margin-top: 5px; } .photoset .photoset_row .photoset_photo { margin-left: 4px;} .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 178px; } .photoset .photoset_row { text-align: left; width: 540px; } .photoset { width: 540px; }</style>";
- function updatePhotoset() {
- $(".photoset").each( function (i, e) {
- if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
- $(this.contentDocument).find("head").append(updatePhotosetCss);
- var photoset = $(this.contentDocument).find(".photoset");
- var photosetRows = photoset.find(".photoset_row");
- photoset.find(".photoset_photo")
- .each(function () {
- var hiResSrc = $(this).attr("href");
- var img = $(this).find('img');
- img.attr("src", hiResSrc );
- img.attr("style", "");
- });
- photosetRows.attr("style", "").css("margin-bottom", "-5px");
- photoset.attr("style","");
- $(this).height($(this.contentDocument.body).height());
- });
- }
- updatePhotoset();
- var photosetTimer = setInterval(updatePhotoset, 1500);
- $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement