Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--
- coral
- @odeysseus
- - credits listed at odeysseus.tumblr.com/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} <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>{Title}</title>
- <!--metas-->
- <meta name="color:background" content="#f8f8f8"/>
- <meta name="color:text" content="#626262"/>
- <meta name="color:link" content="#444"/>
- <meta name="color:accent" content="#fa7268"/>
- <meta name="color:accent dark" content="#222"/>
- <meta name="if:hide caption" content="0"/>
- <meta name="if:infinite scroll" content="0"/>
- <meta name="if:load more" content="0"/>
- <meta name="if:scroll to top" content="0"/>
- <meta name="if:show tags" content="0"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:font size" content="11px"/>
- <meta name="select:font" content="Roboto"/>
- <meta name="select:font" content="Source Sans Pro"/>
- <meta name="select:font" content="Open Sans"/>
- <meta name="select:font" content="PT Sans"/>
- <meta name="select:font" content="Trebuchet MS"/>
- <meta name="select:post width" content="350px"/>
- <meta name="select:post width" content="380px"/>
- <meta name="select:post width" content="400px"/>
- <meta name="select:post width" content="420px"/>
- <meta name="select:post width" content="450px"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <link href="https://static.tumblr.com/aptzszz/9QNp5fv1g/normalize.css" rel="stylesheet" tyle="text/css"/>
- <!--font-->
- <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,700,700italic|Inconsolata' rel='stylesheet' type='text/css'>
- <!--videos-->
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <style type="text/css">
- /* general */
- * { margin:0;padding:0;box-sizing:border-box; }
- @-webkit-keyframes fadein {
- 0% {opacity: 0;}
- 100% { opacity: 1; }
- }
- @-moz-keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- @keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; }
- }
- ::-webkit-scrollbar{
- height:3px;
- width:7px;
- background:#fff;
- }
- ::-webkit-scrollbar-thumb {
- background:rgba({RGBcolor:accent},0.5);
- border:3px solid #fff;
- }
- ::-webkit-scrollbar-track {
- background:#eee;
- border:3px solid #fff;
- }
- ::-moz-selection{
- background: rgba({RGBcolor:accent},.2);
- color:{color:accent dark};
- }
- ::selection {
- background: rgba({RGBcolor:accent},.2);
- color:{color:accent dark};
- }
- .tmblr-iframe{
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;
- transition: .4s ease-in-out;
- transform:scale(0.7,0.7);
- transform-origin:right top;
- }
- .tmblr-iframe:hover { opacity:1; }
- #s-m-t-tooltip{
- position:absolute;
- margin:15px;
- max-width:250px;
- z-index:9999;
- color:{color:accent dark};
- background:#fff;padding:2px 4px;
- border:1px solid #eee;
- }
- blockquote {
- padding:0px 0px 0px 10px;
- margin:0px 0px 0px 10px;
- border-left:1px solid #eee;
- }
- pre,code {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- font-family:'Inconsolata',monospace;
- }
- body {
- background:{color:background};
- color:{color:text};
- font-family:'{select:font}',serif;
- font-weight:400;
- font-size:{text:font size};
- text-align:left;
- line-height:180%;
- animation:fadein 1.5s;
- -webkit-animation:fadein 1.5s;
- -moz-animation:fadein 1.5s;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- a { color:{color:link};text-decoration:none;}
- a,a b,.tags { transition:0.25s ease-in-out; } .tags a { margin-right:5px; } .tags { word-wrap:break-word; }
- a:hover,a.user:hover,a.t:hover,.up a:hover { color:{color:accent}!important; }
- b,strong { font-weight:600;color:{color:accent dark}; }
- p { margin:10px 0px 0px; }
- img{ opacity:1;border:none;text-decoration:none;}
- small { font-size:calc({text:font size} - 0.5px); }
- hr { width:100%;background:#eee;height:1px;border:none;display:block;margin:10px 0px; }
- .posts ul { margin-top:10px;list-style:square;margin-left:20px; }
- big { font-size:calc({text:font size} + 0.5px); }
- h1,h2,h3,h4,h5,h6 { padding-bottom:10px;margin:0;font-size:calc({text:font size} + 5px);color:{color:accent};font-weight:400;font-family:'Inconsolata';} h1 i { font-style:normal;} h1 a,h1 i a { color:{color:accent dark};} .posts img, .posts li, .posts blockquote { max-width: 100%;height:auto;} .posts img { display:block; }
- /* posts */
- .stuff {
- width:calc(({select:post width} + 100px) * 2 + 300px);
- margin:120px auto;
- padding-left:50px;
- }
- .entries {
- margin-left:250px;
- }
- .posts {
- position:relative;
- width:{select:post width};
- margin:50px;
- }
- .q { padding:20px;background:#fff;border-bottom:1px solid #eee; }
- .q a { border-bottom:1px solid {color:accent}; }
- /* sidebar */
- aside {
- width:200px;
- box-sizing:border-box;
- top:170px;
- position:fixed;
- background:#fff;
- padding:20px;
- border-bottom:1px solid #eee;
- }
- nav {
- margin:-20px -20px 20px;
- padding:20px;
- border-bottom:2px solid {color:accent};
- }
- nav a {
- display:inline-block;
- width:49%;
- }
- a.t {
- font-family:'Inconsolata';
- font-size:calc({text:font size} + 5px);
- margin-bottom:10px;
- display:block;
- }
- footer {
- font-family:'Inconsolata';
- {block:ifloadmore}margin-top:5px;{/block:ifloadmore}
- }
- /* permalink page */
- {block:permalinkpage}
- .stuff { width:500px;padding:0; }
- .entries { margin:0; }
- .posts { margin:50px 0;width:500px; }
- nav { border-bottom:1px solid #eee; }
- aside {
- width:500px;
- margin:auto;
- padding:20px;
- background:#fff;
- top:0;
- text-align:center;
- border-bottom:2px solid {color:accent};
- position:relative;
- }
- {/block:permalinkpage}
- /* captions */
- .caption {
- margin-top:20px;
- {block:ifhidecaption}
- {block:indexpage}
- display:none;
- {/block:indexpage}
- {/block:ifhidecaption}
- }
- .user,a.user,.asker,.asker a,a.answerer { color:{color:accent dark};}
- .user,.answerer { display:block;margin-top:10px;margin-bottom:-10px;}
- .user:first-of-type { margin-top:0;}
- .user,.asker { font-weight:700; } a.user,a.asker { border:0!important; }
- /* notes */
- ol.notes { margin-top:20px;list-style-type:none;font-style:normal;}
- li.note { padding:0;margin:2px 0px;font-style:normal; }
- .notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
- .notes img { display:none!important; }
- ol.notes li.note blockquote { padding:4px 10px;margin:5px 0px 0px 15px;}
- /* quotes */
- .quote { font-size:calc({text:font size} + 3px);color:{color:accent dark};margin-bottom:10px; } .quotesource { font-style:italic }
- .quotesource .tumblr_blog { top:0px;position:relative;}
- /* chat */
- .chat { list-style:none;}
- .line { list-style:none;}
- .line.odd { background:#fff; }
- .label { color:{color:accent};font-weight:700;}
- /* asks */
- .asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase;float:left;margin-right:5px; } .question { font-family:'Inconsolata';font-size:calc({text:font size} + 2px); }
- /* audio */
- .player { display:inline-block;width:50px;background:#fff;height:50px;overflow:hidden;margin-bottom:-5px;}
- .audio_d { float:right;padding:15px 10px;width:calc({select:post width} - 130px );background:#fff;}
- .tumblr_audio_player { background:#fff!important; }
- .tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
- iframe.spotify_audio_player { height:80px;overflow-y:hidden!important; }
- /* lightboxes */
- #vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }
- /* post info */
- .inf { margin-top:10px; }
- a.nc {
- font-family:'Inconsolata';
- font-size:calc({text:font size} + 2px);
- color:{color:accent dark};
- text-transform:lowercase;
- }
- /* etc */
- #fuckchad {
- bottom:27px;
- position:fixed;
- right:27px;
- }
- .sc {
- bottom:15px;
- right:27px;
- text-align:right;
- position:fixed;
- display:none;
- font-weight:bold;
- cursor:help;
- }
- .sc a { cursor:help;}
- /* footer stuff */
- #pagination { {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}margin-top:5px; } #pagination a { margin-right:10px; }
- .current_page { margin-right:10px;font-weight:700;color:{color:accent}; }
- #infscr-loading { display:none!Important; }
- /* weird font shit */
- @font-face {
- font-family: Calluna;
- src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
- src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
- font-weight: 700;
- font-style: italic
- }
- @font-face {
- font-family: Fairwater;
- src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
- font-weight: 400;
- font-style: normal
- }
- p.npf_quirky{font-family:Fairwater;font-size:20px;}
- p.npf_chat{font-family:Courier;font-size:20px;}
- p.npf_quote{font-family:Calluna;font-size:20px;}
- .npf_color_joey {color:#ff492f;}
- .npf_color_monica {color:#ff8a00;}
- .npf_color_phoebe {color:#fcf01d;}
- .npf_color_ross {color:#00cf35;}
- .npf_color_rachel {color:#00b8ff;}
- .npf_color_chandler {color:#973ff4;}
- .npf_color_niles {color:#ff62ce;}
- /* responsive */
- @media only screen and (max-width: 1200px) {
- {block:indexpage}
- .stuff { width:800px;padding:0; }
- .posts { width:500px; }
- {/block:indexpage}
- }
- @media only screen and (max-width: 900px) {
- {block:indexpage}
- .stuff { width:650px; }
- .posts { width:350px; }
- {/block:indexpage}
- }
- @media only screen and (max-width: 700px) {
- .stuff { width:100vw; }
- .posts { width:95vw;margin:50px 2.5vw; }
- aside {
- width:95vw;
- margin:10% 2.5vw;
- padding:20px;
- background:#fff;
- top:0;
- text-align:center;
- border-bottom:2px solid {color:accent};
- position:relative;
- }
- .entries { margin:0; }
- nav { border-bottom:1px solid #eee; }
- nav a { width:auto;margin:0 5px; }
- }
- </style>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="https://dl.dropboxusercontent.com/s/lkc34gq5tgmwqj0/basics.js?dl=0"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- {block:indexpage}{block:ifinfinitescroll}
- <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll} <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> {/block:indexpage}
- </head>
- <body>
- <div class="stuff">
- <aside>
- <nav><a href="/">home</a><a href="/ask">message</a><a href="/archive">history</a>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}</nav>
- <a class="t" href="/">{Title}</a>
- <div class="d">{Description}</div>
- {block:indexpage}
- <footer>
- {block:ifloadmore}
- <a id="more" style="cursor:help">load more posts</a>
- {/block:ifloadmore}
- {block:Pagination}<div id="pagination">{block:previouspage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:nextpage}</div>{/block:Pagination}
- </footer>
- {/block:indexpage}
- </aside>
- <div class="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}
- <div class="q">{block:Title}<h1>{Title}</h1>{/block:Title} {block:NotReblog}<div class="txt">{Body}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs} <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body} {/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Text}
- {block:Photo} <div class="q"> {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photo}
- {block:Photoset}<div class="q"><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" style="border:0!important" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photoset}
- {block:Quote}<div class="q txt"><div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<div class="q txt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{block:NotReblog}<div class="caption">{Descriptionn}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Description}</div>{/block:Link}
- {block:Chat}<div class="q txt">{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></div>{/block:Chat}
- {block:Audio}<div class="q txt">{block:AudioPlayer}<div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} : {Artist} {/block:Artist}</div>{/block:AudioPlayer} {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Audio}
- {block:Video}<div class="q"><div class="video iframe">{Video-500}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Video}
- {block:Answer}<div class="q txt"><div class="question"> <div class="asker">{Asker}:</div> {Question}</div>{block:Answerer}<div class="answer">{Answerer}{Answer}</div>{/block:Answerer} {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a>{Body}{/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Answer}
- {block:date}
- <div class="inf">
- {block:indexpage}
- <a href="{Permalink}" class="nc">{DayOfWeek} / {NoteCount}N</a>
- {block:ifshowtags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:ifshowtags}
- {/block:indexpage}
- {block:permalinkpage}
- <a class="nc" href="{Permalink}">posted on {DayOfWeek}, {TimeAgo}, with {NoteCountWithLabel}</a>
- {block:RebloggedFrom}
- <br> <a href="{ReblogParentURL}">via {ReblogParentName}</a>
- {block:ContentSource} . <a href="{ReblogRootURL}" >source {ReblogRootName}</a>{/block:ContentSource}
- {/block:RebloggedFrom}
- {block:HasTags}
- <br><div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:permalinkpage}
- </div>
- {/block:date}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </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 id="fuckchad"><a href="https://odeysseus.tumblr.com">O</a></div>
- {block:ifscrolltotop}
- <div class="sc"> <a href="#">scroll to top</a></div>
- {/block:ifscrolltotop}
- <script>
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- var $container = $('.entries');
- $container.imagesLoaded(function(){
- $container.masonry({ itemSelector: '.posts', });
- });
- {block:ifinfinitescroll}
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '#pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '',
- doneText: 'no more posts',
- bufferPx: 10000,
- {block:ifloadmore}
- errorCallback: function () {
- jQuery ('a#more').delay(50).fadeOut();
- $('.posts').last().after($('a#more'));
- }
- {/block:ifloadmore}
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- })
- resizeVideos();
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- $newElems.find('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
- });
- });
- {block:ifloadmore}
- $(window).unbind('.infscr');
- $('a#more').click(function(){
- $container.infinitescroll('retrieve');return false;
- $('.posts').last().after($('a#more'));
- });
- {/block:ifloadmore}
- {/block:ifinfinitescroll}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement