Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head><title>{Title}</title>
- <meta charset="utf-8">
- <!---
- ***
- onism by mrsthemes@tumblr
- edit if you want but don't steal
- or remove credit
- --->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!---default variables--->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#7b7b7b"/>
- <meta name="color:bold" content="#000000">
- <meta name="color:links" content="#7b7b7b"/>
- <meta name="color:links hover" content="#d4d4d4"/>
- <meta name="color:borders" content="#eeeeee">
- <meta name="color:scrollbar" content="#eeeeee">
- <meta name="select:post width" content="250" title="250px">
- <meta name="select:post width" content="300" title="300px">
- <meta name="select:post width" content="350" title="350px">
- <meta name="select:post width" content="400" title="400px">
- <meta name="select:post width" content="500" title="500px">
- <meta name="select:post space" content="80" title="80px">
- <meta name="select:post space" content="100" title="100px">
- <meta name="select:post space" content="120" title="120px">
- <meta name="select:post space" content="150" title="150px">
- <meta name="select:post space" content="180" title="180px">
- <meta name="select:photoset margin" content="1" title="1px">
- <meta name="select:photoset margin" content="2" title="2px">
- <meta name="select:photoset margin" content="3" title="3px">
- <meta name="select:photoset margin" content="4" title="4px">
- <meta name="select:photoset margin" content="5" title="5px">
- <meta name="select:photoset margin" content="6" title="6px">
- <meta name="select:photoset margin" content="7" title="7px">
- <meta name="select:photoset margin" content="8" title="8px">
- <meta name="select:photoset margin" content="9" title="9px">
- <meta name="select:photoset margin" content="10" title="10px">
- <meta name="image:background image" content=""/>
- <meta name="text:link 1 title" content="one">
- <meta name="text:link 1 url" content=" ">
- <meta name="text:link 2 title" content="two">
- <meta name="text:link 2 url" content=" ">
- <meta name="text:link 3 title" content="three">
- <meta name="text:link 3 url" content=" ">
- <meta name="if:show link 1" content="1" />
- <meta name="if:show link 2" content="1" />
- <meta name="if:show link 3" content="1" />
- <meta name="if:scroll to top link" content="0" />
- <meta name="if:infinite scroll" content="0">
- <meta name="if:hover info" content="1" />
- <link href='https://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic' rel='stylesheet' type='text/css'>
- <!---tooltips script--->
- <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:500
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /*---tumblr controls (follow etc buttons)---*/
- #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
- top:5px;
- right:5px!important;
- position:fixed !important;
- -webkit-filter: invert(1);
- opacity:.8;
- filter:alpha(opacity=90);
- -moz-opacity:.8;
- -webkit-transform:scale(.9);
- z-index:999999999!important;
- }
- /*---scrollbar---*/
- ::-webkit-scrollbar { width:5px; height:5px; background:{color:background};}
- ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:none; }
- /*---tooltips---*/
- #s-m-t-tooltip {
- max-width:300px;
- background:{color:background};
- border-bottom:1px solid {color:borders};
- margin:10px;
- padding:3px;
- color:{color:text};
- border-radius:0%;
- z-index:99999999;
- font-size:7px;
- text-transform:lowercase;
- box-shadow:none;
- }
- /*---basics---*/
- body {
- background:{color:background} url({image:background image}) repeat right top fixed;
- color:{color:text};
- font-family: 'Lato', sans-serif;
- font-weight:300;
- line-height:16px;
- font-size:9px;
- margin:0px;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .container { margin:0 auto; position:relative;
- animation: fadein 1.5s;
- -moz-animation: fadein 1.5s;
- -webkit-animation: fadein 1.5s;
- -o-animation: fadein 1.5s; }
- #scrollToTop:link, #scrollToTop:visited {
- display:none;
- position:fixed;
- bottom:30px;
- right:10px;
- text-align:right;
- font-size:9px;
- color:{color:text};
- letter-spacing:0.5px;
- }
- @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
- @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
- @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
- @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
- @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
- blockquote, blockquote:nth-child(2) {
- padding:0 0 0 15px;
- border-left:1px solid {color:borders};
- margin:10px;
- }
- blockquote img { max-width:calc({select:post width}px -100px); height:auto; }
- strong, b { color:{color:bold}; }
- small { font-size:9px; }
- big { font-size:10px; }
- ol, ul { padding-left:10px; }
- .posts li { list-style-type: none; position:relative; }
- .posts ul li:before {
- content:"";
- position: absolute;
- left:0px;
- width:15px;
- top:7px;
- border-top:1px solid #ddd;
- }
- .posts ul li { text-indent:25px; }
- h1, h1 a { font-size:10px; font-weight:700; color:{color:bold}; }
- h2, h3, h4 { font-weight:700; text-decoration:none; color:{color:bold}; }
- #vignette, #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
- #tumblr_lightbox img {
- box-shadow:none!important;
- border-radius:0!important;
- }
- #tumblr_lightbox { background-color:transparent!important; }
- #tumblr_lightbox div:nth-child(2) {
- background-color:#fff;
- opacity:0.8;
- }
- img { opacity:1; text-decoration:none; max-width:100%; height:auto; }
- pre {
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- a {
- cursor:help;
- color:{color:links};
- text-decoration:none;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- a:hover {
- text-decoration:none;
- color:{color:links hover};
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- /*---posts---*/
- .posts {
- width:{select:post width}px;
- position:relative;
- {block:IndexPage}
- margin-bottom:{select:post space}px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:20px;
- {/block:PermalinkPage}
- }
- #entries {
- width:{select:post width}px;
- margin:0px auto;
- }
- .posts img, .posts li, .posts blockquote {
- max-width:100%;
- height:auto;
- }
- .caption { padding:10px; }
- /*---post info & perma---*/
- .info {
- padding:10px;
- position:absolute;
- top:43%;
- text-transform:uppercase;
- font-size:8px;
- font-weight:400;
- text-align:center;
- {block:ifNotHoverInfo}
- opacity:1;
- {/block:ifNotHoverInfo}
- {block:ifHoverInfo}
- opacity:0;
- {/block:ifHoverInfo}
- moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- min-width:120px;
- -webkit-transform: translateY(-45%);
- -ms-transform: translateY(-45%);
- transform: translateY(-45%);
- }
- .info a { display:block; }
- .posts:hover .info {
- {block:ifHoverInfo}
- opacity:1;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- {/block:ifHoverInfo}
- }
- .tags {
- text-transform:lowercase;
- letter-spacing:0.5px;
- font-style:italic;
- margin-left:5px;
- }
- .tags a {
- margin-right:5px;
- display:inline-block;
- }
- ol.notes {
- list-style-type:none;
- text-align:left;
- height:300px;
- overflow:auto;
- text-transform:lowercase;
- background:#f8f8f8;
- padding:20px;
- margin-bottom:50px;
- }
- ol.notes img { display:none; }
- ol.notes::-webkit-scrollbar { width:2px; }
- ol.notes .more_notes_link { float:left; }
- ol.notes li.note { padding:5px; }
- .n {
- text-transform:uppercase;
- font-size:9px;
- font-weight:700;
- margin-left:10px;
- }
- /*---header---*/
- header {
- margin:100px auto;
- width:{select:post width}px; }
- .title, .title a {
- text-align:center;
- font-size:12px;
- font-weight:700;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:bold};
- }
- .desc {
- text-align:center;
- width:calc({select:post width}px - 50px);
- margin:20px auto;
- }
- nav {
- display:inline-block;
- text-align:center;
- background:#fff;
- margin-top:20px auto auto 10px;
- width:{select:post width}px;
- }
- nav li {
- list-style:none;
- color:{color:bold};
- display:inline-block;
- font-weight:400;
- margin-right:5px;
- font-size:8px;
- }
- nav a { margin-right:10px; }
- /*---chat---*/
- .chat { line-height:18px; list-style:none; }
- .label { font-weight:bold; color:{color:bold}; }
- .line.odd {
- background:{color:background};
- margin-bottom:2px;
- padding:5px;
- list-style:none;
- }
- .line.even {
- background:{color:posts};
- margin-bottom:2px;
- padding:5px;
- list-style:none;
- }
- /*---quotes---*/
- .quote {
- font-size:12px;
- font-weight:700;
- text-align:center;
- padding:10px;
- color:{color:bold};
- }
- .quotesource {
- text-align:center;
- padding:5px;
- font-style:italic;
- margin-bottom:20px;
- }
- /*---questions---*/
- .question {
- background:rgba(250, 250, 250, 1);
- padding:15px;
- text-align:left;
- }
- .asker, .asker a {
- text-transform:uppercase;
- font-size:8px;
- font-weight:700;
- color:{color:bold};
- letter-spacing:0.5px;
- }
- .answer {
- text-align:left;
- padding:5px;
- }
- /*----media---*/
- .tumblr_audio_player {
- height:48px;
- width:48px;
- z-index:1;
- float:right;
- margin:-10px -15px 0px 0px;
- }
- .audio { background:{color:background}; padding:15px 15px 15px 0px; }
- .tumblr_video_container { width:auto!important; height:auto!important; }
- /*---pagination---*/
- {block:ifInfiniteScroll}
- .pagination,
- #infscr-loading {
- display:none!important;
- }
- {/block:ifInfiniteScroll}
- .pagination {
- width:{select:post width}px;
- background:{color:posts};
- text-align:center;
- font-size:9px;
- text-transform:uppercase;
- padding:10px;
- word-spacing:20px;
- bottom:30px;
- position:relative;
- font-style:none;
- margin-left:-10px;
- }
- .pagination a {
- color:{color:links};
- }
- .pagination a:hover {
- color:{color:links hover};
- }
- /*---credit---*/
- .credit {
- font-size:8px;
- position:fixed;
- font-weight:300;
- bottom:10px;
- right:10px;
- z-index:10;
- text-align:right;
- text-transform:uppercase;
- }
- .credit a { color:{color:links}; text-decoration:none; }
- .credit a:hover { color:{color:links hover}; text-decoration:none; }
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div class="container">
- <div class="credit">
- <a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">m</a></div>
- <header>
- <div class="title"><a href="/" title="refresh">{title}</a></div>
- <div class="desc">{description}</div>
- <nav>
- <a href="/ask"><li>01.</li> message</a>
- {block:IfShowLink1}<li>02.</li> <a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfShowLink1}
- {block:IfShowLink2}<li>03.</li> <a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfShowLink2}
- {block:IfShowLink3}<li>04.</li> <a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfShowLink3}
- </nav>
- </header>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:IndexPage}
- {block:Date}
- <div class="info" style="{block:Odd}float:left; left:calc({select:post width}px + 100px);{/block:Odd}
- {block:Even}float:right; right:calc({select:post width}px + 100px);{/block:Even}">
- <a href="{Permalink}" title="{DayOfMonthWithZero} {Month}" style="line-height:21px;font-weight:700; font-size:10px; color:{color:bold};">{24HourWithZero}:{Minutes}{CapitalAmPm}</a>
- {NoteCountWithLabel}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:Date}
- {/block:IndexPage}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
- {/block:Photos}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
- {/block:Photoset}
- {block:Text}
- <div class="caption"><h1>{block:Title}{Title}{/block:Title}</h1>
- {Body}</div>
- {/block:Text}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="caption"><h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}</div>
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- {block:AudioEmbed}
- <div class="audio-embed">
- {AudioEmbed-400}
- </div>
- {/block:AudioEmbed}
- <div class="audio">
- {block:AudioPlayer}
- {AudioPlayerGrey}
- {block:TrackName}
- <strong>{TrackName}</strong>
- {/block:TrackName}
- <br>{block:Artist}
- {Artist}
- {/block:Artist}
- {/block:AudioPlayer}
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="question">
- <div class="asker">{Asker} asked:</div> {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <div style="padding:10px;margin-top:50px;text-transform:uppercase; font-size:8px; font-weight:700;">
- <b>posted on</b> {DayOfMonth} {Month}
- <br><b>reblogged from:</b> {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParenttitle}">{ReblogParentName}</a>
- <br><b>original from:</b>
- {block:ContentSource}
- <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> {ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- <br><b>tagged as:</b>
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}" style="margin-right:5px;">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:Date}
- {/block:PermalinkPage}
- </div>
- {block:PostNotes}
- <div class="n"><b>{NoteCountWithLabel}</b></a></div>
- <div class"notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">backwards</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">forwards</a>{/block:NextPage}</div>{/block:Pagination}
- </div></div>
- {block:ContentSource}
- <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- </div>
- <!--pixel union and video script by @shythemes-->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- {block:IndexPage}
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{select:photoset margin}px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- var $container = $('#entries');
- {block:ifInfiniteScroll}
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 2000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{select:photoset margin}px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- resizeVideos();
- });
- {/block:ifInfiniteScroll}
- });
- </script>
- {block:IfScrollToTopLink}
- <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" rel="nofollow">scroll to top</a>
- {/block:IfScrollToTopLink}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement