Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--
- interlude
- @odeysseus
- - made for the #nojschallenge !
- - 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}
- <title>{Title}</title>
- <!--metas-->
- <meta name="color:background" content=""/>
- <meta name="color:text" content="#767676"/>
- <meta name="color:link" content="#aaa"/>
- <meta name="color:accent" content="#47acb7"/>
- <meta name="color:accent dark" content="#444"/>
- <meta name="color:post background" content="#f6f6f6"/>
- <meta name="if:hide caption" content="0"/>
- <meta name="if:show tags" content="1"/>
- <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:link 4 url" content=""/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 5 url" content=""/>
- <meta name="text:link 5" content=""/>
- <meta name="text:link 6 url" content=""/>
- <meta name="text:link 6" content=""/>
- <meta name="text:link 7 url" content=""/>
- <meta name="text:link 7" content=""/>
- <meta name="text:link 8 url" content=""/>
- <meta name="text:link 8" content=""/>
- <meta name="text:link 9 url" content=""/>
- <meta name="text:link 9" content=""/>
- <meta name="text:font size" content="11px"/>
- <meta name="text:about" content="extra popup abt here! if you don't need this just leave the box blank and only ur description will show"/>
- <meta name="select:post align" content="top" title="top"/>
- <meta name="select:post align" content="middle" title="middle"/>
- <meta name="select:post align" content="baseline" title="bottom"/>
- <meta name="select:post align" content="grid" title="grid"/>
- <meta name="select:column number" content="1"/>
- <meta name="select:column number" content="2"/>
- <meta name="select:font" content="ABeeZee"/>
- <meta name="select:font" content="PT Serif"/>
- <meta name="select:font" content="Work Sans"/>
- <meta name="select:font" content="Open Sans"/>
- <meta name="select:font" content="Overpass"/>
- <meta name="select:font" content="Karla"/>
- <meta name="select:font" content="Source Serif Pro"/>
- <meta name="select:font" content="Tajawal"/>
- <meta name="select:font" content="Georgia"/>
- <meta name="select:font" content="Lato"/>
- <meta name="select:font" content="Nanum Gothic"/>
- <meta name="select:font" content="Trebuchet MS"/>
- <link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata' rel='stylesheet' type='text/css'>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <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; }
- 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}',sans-serif;
- font-weight:400;
- font-size:{text:font size};
- text-align:left;
- line-height:180%;
- -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;font-style:italic; }
- 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:0 10px 10px;margin:0 -10px 10px;border-bottom:1px solid #eee;font-size:calc({text:font size} + 2px);color:{color:accent dark};font-weight:400;} 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 */
- .entries { margin:80px auto;{block:permalinkpage}width:520px;padding:10px 0;{/block:permalinkpage}{block:indexpage}width:calc(525px * {select:column number});{/block:indexpage}background:{color:post background}; }
- .stuff { {block:permalinkpage}width:520px;{/block:permalinkpage}{block:indexpage}width:calc(525px * {select:column number});{/block:indexpage}margin:80px auto 0;}
- .posts { {block:indexpage}vertical-align:{select:post align};margin:60px;display:inline-block;{/block:indexpage} position:relative;width:400px;{block:permalinkpage}margin:60px auto;{/block:permalinkpage}-webkit-animation: fadein 1s;-moz-animation:fadein 1s;animation:fadein 1s; }
- .grid .entries { column-count:{select:column number};}
- .grid .posts { break-inside:avoid;display:inline-block;}
- /* captions */
- .caption {
- background:#fff;
- padding:10px;
- margin-top:-5px;
- margin-bottom:5px;
- border-bottom:1px solid #eee;
- {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;}
- /* 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} + 2px);color:{color:accent dark};border-bottom:1px solid #eee;padding:10px;background:#fff; } .quotesource { font-style:italic;padding:10px;background:#fff;border-bottom:1px solid #eee;z-index:2;margin-bottom:5px;}
- .quotesource .tumblr_blog { top:0px;position:relative;}
- .tp { padding:10px;background:#fff;border-bottom:1px solid #eee;margin-bottom:5px; }
- /* chat */
- .chat { list-style:none;}
- .line { list-style:none;padding:10px;}
- .line.odd { background:#fff; }
- .line:last-of-type { border-bottom:1px solid #eee;margin-bottom:5px; }
- .label { color:{color:accent dark};text-transform:uppercase;letter-spacing:.5px;}
- /* asks */
- .question { padding:10px;background:#fff; }
- .asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase; } .answer { margin-bottom:5px;border-bottom:1px solid #eee;padding:2px 10px 10px;margin-top:-5px;border-top:1px solid #eee;background:#fff; }
- /* audio */
- .audio { padding:10px;background:#fff;border-bottom:1px solid #eee;margin-bottom:5px; }
- .player { display:inline-block;width:50px;background:#f2f2f2;height:50px;overflow:hidden;margin-bottom:-5px;}
- .audio_d { display:inline-block;margin:-10px 0 -10px 10px;padding:10px 0 10px 15px;border-left:1px solid #eee;}
- .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; }
- /* etc */
- #fuckchad {
- bottom:27px;
- position:fixed;
- right:27px;
- }
- /* footer stuff */
- #pagination a { margin:0px 5px; }
- .current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
- footer { width:400px;margin:auto;text-align:center;margin-bottom:80px;}
- /* info */
- .inf { background:#fff;padding:10px;z-index:1;margin-top:-5px; }
- a.nc { {block:indexpage}text-transform:uppercase;letter-spacing:.5px;{/block:indexpage}color:{color:accent dark}; }
- /* header */
- header { margin:40px 0;padding:27px 0 20px;background:#fff;z-index:1000;position:-webkit-sticky;position:sticky;top:-1px;width:100%;{block:permalinkpage}width:520px;{/block:permalinkpage}}
- a.t { color:{color:accent dark};display:block;font-size:calc({text:font size} + 4px);} a.t img { float:left;width:25px;border-radius:100%;margin-right:10px;margin-top:-6px; } nav { float:right;margin-top:-20px; } nav a { margin-left:10px; }
- /* pop */
- .modaldialog {
- position:fixed;
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:rgba({RGBcolor:post background},.8);
- z-index:10000000;
- opacity:0;
- -webkit-transition: opacity 400ms ease-in;
- -moz-transition: opacity 400ms ease-in;
- transition: opacity 400ms ease-in;
- pointer-events: none;
- }
- .modaldialog:target {
- opacity:1;
- pointer-events: auto;
- }
- .modaldialog > div {
- position:fixed;
- top:50%;
- left:50%;
- box-sizing:border-box;
- background:#fff;
- padding:15px;
- margin-left:-3px;
- width:400px;
- transform:translate(-50%,-50%);
- }
- .close {
- width:100%;
- height:100%;
- position:fixed;
- top:0;left:0;
- }
- section {
- display:none;
- margin-top:15px;
- -webkit-animation: fadein 1s;
- -moz-animation:fadein 1s;
- animation:fadein 1s;
- }
- input { display:none; }
- label {
- display:inline-block;
- margin:0 -2px -1px;
- background:#fff;
- width:50.5%;
- padding:10px;
- font-weight:400;
- color:{color:accent dark};
- border:1px solid #eee;
- transition:.25s ease-in-out;
- }
- label:before {
- font-family:'honeybee';
- font-weight:normal;
- margin-right:5px;
- float:left;
- }
- label[for*='abt']:before { content: '\e243'; }
- label[for*='nav']:before { content: '\e093'; }
- label:hover {
- cursor:pointer;
- }
- input:checked + label {
- background:{color:post background};
- }
- #abt:checked ~ #cabt,
- #nav:checked ~ #cnav {
- display:block;
- }
- #cnav { margin:15px -8px -5px -6px; }
- #cnav a {
- padding:10px;
- background:{color:post background};
- display:inline-block;
- margin:1.5%;
- width:30%;
- border:1px solid transparent;
- }
- #cnav a:hover {
- background:#fff;
- border:1px solid #eee;
- }
- </style>
- </head>
- <body class="{select:post align}">
- <modal id="click" class="modaldialog">
- <a href="#close" class="close"> </a>
- <div class="content">
- <input id="abt" type="radio" name="tabs" checked>
- <label for="abt">about</label>
- <input id="nav" type="radio" name="tabs">
- <label for="nav">navigate</label>
- <section id="cabt">
- {Description} {block:ifabout} <hr> {text:about} {/block:ifabout}
- </section>
- <section id="cnav">
- {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}{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
- </section>
- </div>
- </modal>
- <div class="stuff">
- <header>
- <a href="/" class="t"><img src="{PortraitURL-64}"/> {Title}</a>
- <nav>
- <a href="/">home</a>
- <a href="/ask">message</a>
- <a href="/archive">history</a>
- <a href="#click">explore</a>
- </nav>
- </header>
- <div class="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}
- <div class="q tp">{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"> <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> {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">{Photoset-400}{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="audio"><div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} <br> {Artist} {/block:Artist} {block:PlayCount} <br> {PlayCountWithLabel} {/block:PlayCount}</div></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-400}</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">{NoteCountWithLabel}</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>
- {block:indexpage}
- <footer>
- {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}
- </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="http://odeysseus.tumblr.com">O</a></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment