Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- SHADOWS THEME BY MEPHISTIA
- mephistia-themes // mephistia-arts
- 2021 ⓒ Some Rights Reserved
- -- UPDATED 02/19/21:
- - Fixed NPF posts not showing videos
- - Fixed tags not breaking correctly
- -- TERMS OF USE:
- - Don't remove/edit the credits
- - Don't use as base code
- - Don't steal parts of the code
- - Edit only for personal use
- - Don't claim as yours (you can state you made modifications)
- - Don't redistribute (original or edited)
- - Don't hesitate to send an ask if you have any questions!
- -- CREDITS:
- - photosets.css by @annasthms and @espoirthemes (https://annasthms.github.io/photosets)
- - Responsive iFrames by @nouvae
- - Unnest Tumblr Captions script by @neothm
- - Change color of Audio Player by @shudesigns
- - NPF images fix by @glenthemes
- - JavaScript code prettifier (github.com/googlearchive/code-prettify)
- - Jam Icons (https://jam-icons.com/)
- - Unsplash
- -->
- <!DOCTYPE html>
- <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
- <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
- <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
- <head>
- {MobileAppHeaders}
- <meta charset="utf-8">
- <title>{Title}{block:TagPage} ({lang:Posts tagged Tag}){/block:TagPage}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
- <meta name="description" content="{MetaDescription}">
- {block:Hidden}
- <meta name="color:Text" content="#D1D1D1"/>
- <meta name="color:Background" content="#292929"/>
- <meta name="color:Nav BG" content="#000000"/>
- <meta name="color:Top Bar" content="#181818"/>
- <meta name="color:Accent" content="#FFD881"/>
- <meta name="if:Grayscale Images" content="1">
- <meta name="if:Header Layout" content="1">
- <meta name="image:Nav Tab Image" content="https://static.tumblr.com/xiit3w8/bPAqmwmzx/navbg.jpg"/>
- <meta name="text:Nav Tab Text" content=""We are the wounds and the great cold death of the earth."">
- <meta name="select:Post Width" content="450" title="450px">
- <meta name="select:Post Width" content="500" title="500px">
- <meta name="select:Post Width" content="540" title="540px">
- <meta name="select:Post Width" content="600" title="600px">
- <meta name="select:Post Width" content="650" title="650px">
- <meta name="select:Post Width" content="700" title="700px">
- <meta name="select:Font Size" content=".65rem" title="Tiny">
- <meta name="select:Font Size" content=".8rem" title="Small">
- <meta name="select:Font Size" content="1rem" title="Normal">
- <meta name="select:Font Size" content="1.2rem" title="Big">
- <meta name="select:Font Size" content="1.4rem" title="Huge">
- <meta name="text:Text Font" content="Roboto Slab">
- <meta name="text:Title Font" content="UnifrakturCook">
- <meta name="text:Headings Font" content="Grenze Gotisch">
- {/block:Hidden}
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--Google Fonts-->
- <link rel="preconnect" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css2?family={text:Text Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family={text:Title Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family={text:Headings Font}:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700" rel="stylesheet">
- <!--photosets.css -->
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <!-- prettify code -->
- <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/xiit3w8/cXjqmkzo3/prettify.css">
- <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/xiit3w8/mFIqmkzo8/desert.css">
- <!--
- NPF IMAGES READJUSTMENT | @glenthemes
- v2.0 [last updated: 2021-01-06]
- -->
- <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
- {PostTypographyStyles}
- <style>
- /*General Styling*/
- :root {
- --NPF-Image-Spacing:.5rem;
- --NPF-Bottom-Gap-From-Captions:1em;
- }
- html{
- box-sizing: border-box;
- }
- body {
- background: {color:Background};
- color: {color:Text};
- font-family: {text:Text Font};
- font-size: {select:Font Size};
- line-height: 1.5rem;
- margin: 0;
- }
- h1{font-family: {text:Title Font};}
- h2, h3, h4, h5, h6{
- font-family: {text:Headings Font};
- }
- a {
- color: {color:Accent};
- text-decoration: none;
- transition: opacity .3s ease-in-out;
- cursor: pointer;
- }
- a:hover{
- opacity: .6;
- }
- {block:IfGrayscaleImages}
- img:not(.lightbox-image), .modal-image{
- filter: grayscale(100%);
- transition: filter .3s ease-in-out;
- }
- img:hover{
- filter:none;
- }
- {block:IfGrayscaleImages}
- /*Containers*/
- .menu-icon svg{
- fill: {color:Text};
- position: fixed;
- top: 1.2rem;
- left: 1%;
- }
- main{
- position: relative;
- flex-wrap: wrap;
- justify-content: flex-start;
- margin: 0 5%;
- }
- header{
- width: 30%;
- position: fixed;
- right: 5%;
- height: 100%;
- }
- .blog-header{
- max-width: 200px;
- margin: 13rem auto 0 auto;
- text-align: center;
- padding: 3rem;
- line-height: 1rem;
- position: relative;
- }
- .blog-header ul{
- list-style-type: none;
- padding: 0;
- justify-content: center;
- }
- .blog-header li{
- background: {color:Nav BG};
- padding: 0.5rem;
- width: .8rem;
- height: .8rem;
- border-radius: 5px;
- }
- .blog-header svg{
- fill: {color:Text};
- width: .8rem;
- }
- nav a:not(:first-child){
- margin-left: 0.6rem;
- }
- .tooltip-link, .tooltip-link-top {
- position: relative;
- }
- a.tooltip-link:hover, a.tooltip-link-top:hover{
- opacity: 1;
- }
- .tooltip-link svg, .tooltip-link-top svg{
- transition: opacity .3s ease;
- }
- .tooltip-link:hover svg, .tooltip-link-top:hover svg{
- opacity: .6;
- }
- .tooltip-link [role=tooltip], .tooltip-link-top [role=tooltip]{
- font-size: 0.85em;
- margin-top: .8rem;
- opacity: 0;
- padding: .5rem 1rem;
- transition: opacity 0.3s ease;
- pointer-events: none;
- position: absolute;
- background: {color:Nav BG};
- color: {color:Text};
- left: -1.1rem;
- font-weight: bold;
- }
- .tooltip-link-top [role=tooltip]{
- bottom: .5rem;
- left: -10rem;
- }
- .tooltip-link [role=tooltip]:after, .tooltip-link-top [role=tooltip]:after{
- content: "";
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 9px 9px 9px;
- border-color: transparent transparent {color:Nav BG} transparent;
- position: absolute;
- right: 50%;
- transform: translateX(50%);
- top: -0.5rem;
- }
- .tooltip-link-top [role=tooltip]:after{
- border-width: 9px 0 9px 9px;
- border-color: transparent transparent transparent {color:Nav BG};
- top: 10px;
- right: -4px;
- }
- a.tooltip-link:hover [role=tooltip], a.tooltip-link:focus [role=tooltip], a.tooltip-link-top:hover [role=tooltip], a.tooltip-link-top:focus [role=tooltip] {
- opacity: 1!important;
- pointer-events: auto;
- }
- a.blog-name:hover{
- opacity: 1;
- }
- .blog-name img, .decor-img{
- align-self: center;
- position: absolute;
- }
- .blog-name img{
- border-radius: 50%;
- max-width: 6.5rem;
- top: -5.5rem;
- border: 1px solid white;
- transform: translateX(-52%);
- }
- .decor-img{
- max-width: 8.5rem;
- top: -6.5rem;
- transform: translateX(-50%);
- }
- .blog-name{
- color: {color:Accent};
- font-size: 1.2rem;
- }
- .blog-name h1{
- margin-bottom: -.1em;
- text-transform: lowercase;
- line-height: 1.5rem;
- }
- #blog-desc{
- background-color: {color:Nav BG};
- padding:1rem 0 1rem 1.5rem;
- border-radius: 5px;
- }
- #blog-desc p{
- margin-right: -1.2rem;
- text-align: right;
- }
- #posts{
- width: 100%;
- margin-right: 34%;
- }
- article {
- max-width: {select:Post Width}px;
- margin: 5rem auto 0 auto;
- z-index: 1;
- position: relative;
- }
- article:first-of-type:not(.permapage){
- margin-top: 2rem;
- }
- article.permapage{margin-top: 7.5rem;!important}
- article img{
- display: block;
- max-width: 100%;
- height: auto;
- width: 100%;
- margin: 0 auto;
- }
- .top-bar{
- height: 4rem;
- background-color: {color:Top Bar};
- width: 100%;
- position: fixed;
- z-index: 0;
- }
- .post-title{font-size: 1.5rem; text-transform: lowercase;}
- /*Post Types*/
- .username{
- margin-top: 1rem;
- color: {color:Accent};
- }
- .username::before{
- content: "";
- background: {color:Text};
- width: .8rem;
- height: 1px;
- display: inline-block;
- margin: 0 .2rem .2rem 0;
- }
- .deactivated:hover::after{
- content: "deactivated";
- opacity: .5;
- }
- :not(blockquote).link-desc > blockquote{
- border-left: 4px solid {color:Nav BG};
- margin-right: .5rem;
- border-radius: 5px;
- }
- .link-desc blockquote{
- margin-left: .5rem;
- }
- .user-info, .notes, main, .question-wrapper, nav ul{display:flex;}
- .audio-wrapper{
- position: relative;
- background: {color:Nav BG};
- padding: 1rem;
- border-radius: 5px;
- }
- .audio-track{
- font-weight: bold;
- }
- .audio-info p{margin:0; line-height: 1rem;}
- .audio-info{
- position: absolute;
- top: 50%;
- left: 8rem;
- transform: translateY(-50%);
- }
- .audio-btn{
- background-color: {color:Text};
- position: absolute;
- z-index: 9;
- margin: 1.8rem;
- border-radius: 50%;
- }
- .play{
- width: 2.1rem;
- margin: .3rem .2rem 0 .2rem;
- overflow: hidden;
- position: relative;
- z-index: 9;
- }
- .albumart{
- max-width:6rem;
- max-height: 6rem;
- margin: -6rem 0 0;
- }
- .noalbumart{
- background-color: {color:Background};
- width: 6rem;
- height: 6rem;
- }
- .photo-wrapper{
- display: block;
- }
- img.clickable{
- cursor: pointer;
- border-radius: 5px;
- }
- [photoset-layout] {
- grid-gap: 10px;
- }
- figure.tmblr-embed.tmblr-full iframe {
- max-width: 100%;
- }
- .npf_row_parent{margin-top: 1rem;}
- .npf_row {
- margin: 0 !important;
- }
- .npf_row div:not(:last-child){
- margin-right: .5rem;
- }
- .first-showing{margin-top: 0; margin-bottom: .5rem;}
- video{
- max-width: 100%;
- }
- .quote-wrapper .title{
- font-family: {text:Headings Font};
- font-size: 1.2rem;
- margin-top: -1rem;
- }
- .quote-wrapper {
- text-align: center;
- background: {color:Nav BG};
- padding: 2rem;
- border-radius: 5px;
- border-left: 4px solid {color:Accent};
- }
- .quote-icon{
- font-size: 3rem;
- color:{color:Accent};
- }
- .bubble{
- padding: 1rem;
- background-color: {color:Nav BG};
- width: 95%;
- border-radius: 5px;
- }
- .asker-img{
- margin-left: 1rem;
- max-width: 4rem;
- }
- .asker-img img {
- border-radius: 50%;
- }
- .link-info{
- border: 1px solid #777;
- padding:0 1rem;
- }
- .link-info h3{
- font-family: {text:Headings Font};
- color: {color:Accent};
- }
- .link-wrapper a{
- color: {color:Text};
- }
- li.caption{
- list-style-type: none;
- }
- blockquote.tumblr_blog{
- margin: 0;
- }
- /*Notes, Tags, Pagination etc*/
- .page a{color:{color:Accent};}
- .notes{
- align-content: center;
- padding:.2rem 0;
- flex-wrap: wrap;
- list-style-type: none;
- }
- .note{width: 100%;}
- .more_notes_link_container {
- margin: 1.5rem 0;
- text-align: left !important;
- }
- .more_notes_link {
- background: black;
- padding: .5rem 1rem;
- border-radius: 5px;
- }
- .post-info{
- margin-top: .5rem;
- overflow-wrap: break-word;
- word-wrap: break-word;
- -ms-word-break: break-all;
- word-break: break-word;
- -ms-hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- hyphens: auto;
- }
- .post-info svg{
- fill: {color:Accent};
- width: .8rem;
- height: .8rem;
- margin-bottom: -3px;
- }
- .post-info a:not(:last-child){
- margin-right: 1.2rem;
- }
- .post-info a{
- border-bottom: 3px solid {color:Nav BG};
- text-decoration: {color:Nav BG} underline 4px;
- font-size: calc({select:Font Size} - .05rem);
- }
- pre.prettyprint{
- border: none;
- padding: .5rem;
- }
- .pagination{
- margin: 2rem auto;
- max-width: {select:Post Width}px;
- }
- .pagination a {
- background: {color:Nav BG};
- width: 2rem;
- display: inline-block;
- padding: .2rem 0;
- text-align: center;
- border-radius: 5px;
- color: {color:Text};
- }
- .pagination span:not(:last-child){
- margin-right: 10px;
- }
- .pagination svg{
- fill: {color:Text};
- width: 1rem;
- height: 1rem;
- margin-bottom: -3px;
- }
- .current_page a{
- color: {color:Accent};
- }
- .current_page a:hover{
- opacity: 1;
- }
- #tumblr_controls, .tmblr-iframe{
- opacity: .8;
- transform:scale(0.8,0.8);
- transform-origin:100% 0%;
- transition: opacity .3s ease-in-out;
- margin-top: .6rem;
- }
- #tumblr_controls:hover, .tmblr-iframe:hover{
- opacity: 1;
- }
- .avatar_frame{display: none;}
- footer svg{
- fill: {color:Text};
- width: 1rem;
- }
- footer{
- background: {color:Nav BG};
- padding: .3rem;
- border-radius: 5px;
- width: 1rem;
- height: 1rem;
- transition: opacity .3s ease-in-out;
- position: fixed;
- right: 1rem;
- bottom: .5rem;
- font-weight: bold;
- z-index: 9;
- }
- /*Modal window / nav tab*/
- .modal{
- display:none;
- }
- .modal:target{
- animation: fadeIn ease-in-out .3s;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 99;
- }
- @keyframes fadeIn {
- 0% {opacity:0;}
- 100% {opacity:1;}
- }
- .modal-content{
- max-width: 65%;
- min-width: 310px;
- height: 70%;
- position: relative;
- padding: 2.5em;
- background-color: {color:Nav BG};
- display: flex;
- }
- .modal-content nav {
- max-height: 100%;
- overflow: auto;
- width: 50%;
- min-width: 25vw;
- border-radius: 5px;
- }
- .modal-content ul {
- display: block;
- list-style-type: none;
- font-family: {text:Headings Font};
- font-size: calc({select:Font Size} + .8rem);
- text-transform: lowercase;
- margin: 0;
- font-weight: bold;
- padding: 0;
- }
- .modal-content li::before{
- content: "";
- background: {color:Text};
- width: .8rem;
- height: 2px;
- display: inline-block;
- margin: 0 .2rem .2rem 0;
- }
- .modal-image{
- width: 50%;
- background: linear-gradient(to bottom, rgba({RGBcolor:Nav BG},0), rgba({RGBcolor:Nav BG}, 1)), url("{image:Nav Tab Image}");
- background-size: cover;
- background-position: center;
- min-width: 25vw;
- display: flex;
- align-items: end;
- }
- .modal-image p{
- text-align: center;
- font-size: calc(.8rem - .1rem);
- margin: 0 auto;
- }
- .modal .close{
- position: relative;
- display: block;
- }
- .modal a.close:hover{
- opacity: initial;
- }
- .modal .close::before{
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- position: fixed;
- background-color: rgba(0,0,0,.5);
- content: "";
- cursor: default;
- }
- /*Header layout*/
- {block:IfHeaderLayout}
- header{
- position: initial;
- width: 100%;
- }
- .blog-header{
- max-width: 285px;
- margin: 2rem auto 0 auto;
- padding-left: 9.5rem;
- text-align: left;
- }
- .decor-img{
- left: 2.5rem;
- top: 4rem;
- margin-left: 1.5rem;
- }
- .blog-name img{
- left: 2.5rem;
- top: 5rem;
- margin-left: 1.5rem;
- }
- .blog-name h1{margin-left: 1.5rem;}
- .blog-header ul{justify-content: start;}
- #posts{margin-right: 0;}
- .top-bar{z-index: 2;}
- .menu-icon svg{z-index: 3;}
- {block:IfHeaderLayout}
- /*Header when screen is small*/
- @media screen and (max-width: 950px){
- header{
- position: initial;
- width: 100%;
- }
- .blog-header{
- max-width: 285px;
- margin: 2rem auto 0 auto;
- padding-left: 9.5rem;
- text-align: left;
- }
- .decor-img{
- left: 2.5rem;
- top: 4rem;
- margin-left: 1.5rem;
- }
- .blog-name img{
- left: 2.5rem;
- top: 5rem;
- margin-left: 1.5rem;
- }
- .blog-name h1{margin-left: 1.5rem;}
- .blog-header ul{justify-content: start;}
- #posts{margin-right: 0;}
- .top-bar{z-index: 2;}
- .menu-icon svg{z-index: 3;}
- #tumblr_controls, .tmblr-iframe{
- transform:scale(1,1);
- margin-top: 0;
- }
- }
- /* Custom CSS */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="top-bar"></div>
- <div class="menu-icon">
- <a href="#nav"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M1 0h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0 8h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2zm0-4h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2z"></path></svg></a>
- </div>
- <main>
- <!-- sidebar -->
- <header>
- <div class="blog-header">
- <img src="https://static.tumblr.com/xiit3w8/wMeqmusbt/decoration.png"/ class="decor-img">
- <a class="blog-name" href="{BlogURL}">
- <img src="{portraiturl-128}">
- <h1>{Title}</h1>
- </a>
- {block:Description}
- <div id="blog-desc"><p>{Description}</p></div>
- {/block:Description}
- <nav>
- <ul>
- <a href="/" class="tooltip-link" aria-describedby="home-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M18 18V7.132l-8-4.8-8 4.8V18h4v-2.75a4 4 0 1 1 8 0V18h4zm-6 2v-4.75a2 2 0 1 0-4 0V20H2a2 2 0 0 1-2-2V7.132a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 20 7.132V18a2 2 0 0 1-2 2h-6z"></path></svg></li><span id="home-tooltip" role="tooltip">{lang:Home}</span></a>
- {block:AskEnabled}
- <a href="/ask" class="tooltip-link" aria-describedby="ask-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3.598 2l5.747 5.12a1 1 0 0 0 1.33 0L16.423 2H3.598zM18 3.273l-5.994 5.341a3 3 0 0 1-3.992 0L2 3.254V12h16V3.273zM2 0h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"></path></svg></li><span id="ask-tooltip" role="tooltip">{AskLabel}</span></a>
- {/block:AskEnabled}
- <a href="/archive" class="tooltip-link" aria-describedby="archive-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M2 5h16V2H2v3zm16 2v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1zM4 18h12V7H4v11zm4-4h4a1 1 0 0 1 0 2H8a1 1 0 0 1 0-2z"></path></svg></li><span id="archive-tooltip" role="tooltip">{lang:Archive}</span></a>
- <a href="#nav" class="tooltip-link" aria-describedby="navigation-tooltip"><li><svg xmlns="http://www.w3.org/2000/svg" viewBox="-4.5 -4.5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M8.9 6.9v-5a1 1 0 1 0-2 0v5h-5a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5z"></path></svg></li><span id="navigation-tooltip" role="tooltip">{lang:Navigate}</span></a>
- </ul>
- </nav>
- </div>
- </header>
- <section id="posts">
- <!-- begin posts -->
- {block:Posts}
- <article class="{posttype}post {block:PermalinkPage}permapage{/block:PermalinkPage}" id="{PostID}" >
- {block:Text}
- <div class="text-wrapper">
- {block:Notreblog}
- <li class="caption">
- {block:Title}
- <a href="{RelativePermalink}"><h2 class="post-title">{Title}</h2></a>
- {/block:Title}
- <div class="post-text">{Body}</div>
- </li>
- {/block:Notreblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <div class="user-info">
- {block:IsActive}
- <a class="username first-showing" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
- {Username}:
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <div class="username deactivated first-showing">
- {Username}:
- </div>
- {/block:IsDeactivated}
- </div>
- {block:Title}
- <a href="{RelativePermalink}"><h3 class="post-title">{Title}</h3></a>
- {/block:Title}
- <div class="post-text">{Body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="photo-wrapper" photoset-layout="{PhotosetLayout}">
- <div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="clickable" /></div>
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="clickable" /></div>{/block:Photos}</div>
- {/block:Photoset}
- {block:Panorama}
- <div class="photo-wrapper" photoset-layout="{PhotosetLayout}">
- <div class="lb-wrapper" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" /></div>
- </div>
- {/block:Panorama}
- {block:Link}
- <div class="link-wrapper">
- <a href="{URL}" {Target}>
- {block:Thumbnail}
- <img src="{Thumbnail-HighRes}"/>
- {/block:Thumbnail}
- <div class="link-info">
- <h3>{Name}</h3>
- {block:Excerpt}<p class="text">{Excerpt}</p>{/block:Excerpt}
- {block:Host}<p class="src">{Host}</p>{/block:Host}
- </div>
- </a>
- </div>
- {block:Description}<div class="link-desc">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Answer}
- <div class="question-wrapper">
- <div class="bubble">
- <div class="asker"><strong>{Asker}</strong>:</div>
- <div class="question">{Question}</div>
- </div>
- <div class="asker-img"><img src="{AskerPortraitURL-96}" alt="{lang:Asked by Asker}"></div>
- </div>
- <li class="caption">
- {block:Answerer}
- <div class="user-info">
- {block:IsActive}
- <a class="username" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
- <img src="{AnswererPortraitURL-64}" class="user-img" alt="{PhotoAlt}"/>
- {Answerer}
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <div class="username deactivated">
- <img src="{AnswererPortraitURL-64}" class="user-img" alt="{PhotoAlt}"/>
- {Answerer}
- </div>
- {/block:IsDeactivated}
- </div>
- <div class="post-text">{Answer}</div>
- {/block:Answerer}
- {Replies}
- </li>
- {/block:Answer}
- {block:Quote}
- <div class ="quote-wrapper">
- <span class="quote-icon">❝</span>
- <h3 class="title">{Quote}</h3><div class="source">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Chat}
- <div class="chat-wrapper">
- {block:Title}<h3 class="title">{Title}</h3>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line-{Alt}">
- {block:Label}<span class="label">{label}</span>{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audio-wrapper">
- <div class="audio-btn">
- <div class="play">
- {block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
- </div>
- </div>
- <div class="noalbumart"></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="albumart">
- {/block:AlbumArt}
- <div class="audio-info">
- {block:TrackName}
- <p class="audio-track">{TrackName}</p>
- {/block:TrackName}
- {block:Artist}
- <p class="audio-artist">{Artist}</p>
- {/block:Artist}
- </div>
- </div>
- {/block:Audio}
- {block:Video}
- <div class="video-wrapper">{Video-500}</div>
- {/block:Video}
- {block:Caption}
- {block:Notreblog}
- <li class="caption">
- <div class="post-text">{Caption}</div>
- </li>
- {/block:Notreblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <div class="user-info">
- {block:IsActive}
- <a class="username" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}target="_blank">
- {Username}:
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <div class="username deactivated">
- {Username}:
- </div>
- {/block:IsDeactivated}
- </div>
- <div class="post-text">{Body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {block:Date}
- <div class="post-info">
- <a href="{RelativePermalink}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -2 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3 2a1 1 0 0 0-1 1v15l2.978-2.717a3 3 0 0 1 4.044 0L12 18V3a1 1 0 0 0-1-1H3zm0-2h8a3 3 0 0 1 3 3v15a2 2 0 0 1-3.348 1.477L7.674 16.76a1 1 0 0 0-1.348 0l-2.978 2.717A2 2 0 0 1 0 18V3a3 3 0 0 1 3-3z"></path></svg>{ShortDayOfWeek}{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- {/block:Date}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </article>
- {/block:Posts}
- <!-- end posts -->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <span>
- <a href="{PreviousPage}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M3.414 7.657l3.95 3.95A1 1 0 0 1 5.95 13.02L.293 7.364a.997.997 0 0 1 0-1.414L5.95.293a1 1 0 1 1 1.414 1.414l-3.95 3.95H13a1 1 0 0 1 0 2H3.414z"></path></svg></a>
- </span>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page"><a>{PageNumber}</span></a>{/block:CurrentPage}
- {block:JumpPage}<span><a href="{URL}">{PageNumber}</a></span>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <span>
- <a href="{NextPage}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M10.586 5.657l-3.95-3.95A1 1 0 0 1 8.05.293l5.657 5.657a.997.997 0 0 1 0 1.414L8.05 13.021a1 1 0 1 1-1.414-1.414l3.95-3.95H1a1 1 0 1 1 0-2h9.586z"></path></svg></a>
- </span>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </section>
- </main>
- <footer>
- <a href="https://mephistia-themes.tumblr.com" class="tooltip-link-top" aria-describedby="code-tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -4 24 24" width="24" height="24" preserveAspectRatio="xMinYMin" class="icon__icon"><path d="M12.7361611,0.063952038 C13.2551391,0.263360331 13.5227261,0.869148905 13.3338336,1.41701869 L8.54555162,15.3051026 C8.35665911,15.8529724 7.78281676,16.1354563 7.26383885,15.936048 C6.74486095,15.7366397 6.47727387,15.1308511 6.66616638,14.5829813 L11.4544484,0.694897379 C11.6433409,0.147027596 12.2171832,-0.135456255 12.7361611,0.063952038 Z M2.41421356,8.25614867 L5.94974747,11.9885083 C6.34027176,12.4007734 6.34027176,13.0691871 5.94974747,13.4814522 C5.55922318,13.8937173 4.9260582,13.8937173 4.53553391,13.4814522 L0.292893219,9.0026206 C-0.0976310729,8.59035554 -0.0976310729,7.9219418 0.292893219,7.50967674 L4.53553391,3.03084515 C4.9260582,2.61858008 5.55922318,2.61858008 5.94974747,3.03084515 C6.34027176,3.44311021 6.34027176,4.11152395 5.94974747,4.52378901 L2.41421356,8.25614867 Z M17.5857864,8.25614867 L14.0502525,4.52378901 C13.6597282,4.11152395 13.6597282,3.44311021 14.0502525,3.03084515 C14.4407768,2.61858008 15.0739418,2.61858008 15.4644661,3.03084515 L19.7071068,7.50967674 C20.0976311,7.9219418 20.0976311,8.59035554 19.7071068,9.0026206 L15.4644661,13.4814522 C15.0739418,13.8937173 14.4407768,13.8937173 14.0502525,13.4814522 C13.6597282,13.0691871 13.6597282,12.4007734 14.0502525,11.9885083 L17.5857864,8.25614867 Z"></path></svg><span id="code-tooltip" role="tooltip">Theme by Mephistia</span></a>
- </footer>
- <div class="modal" id="nav" >
- <a href="#!" class="close"></a>
- <div class="modal-content">
- <nav>
- <ul>
- <a href="/"><li>{lang:Home}</li></a>
- {block:AskEnabled}
- <a href="/ask"><li>{AskLabel}</li></a>
- {/block:AskEnabled}
- <a href="/archive"><li>{lang:Archive}</li></a>
- {block:SubmissionsEnabled}
- <a href="/submit"><li>{SubmitLabel}</li></a>
- {/block:SubmissionsEnabled}
- {block:HasPages}
- {block:Pages}
- <a href="{URL}"><li>{Label}</li></a>
- {/block:Pages}
- {/block:HasPages}
- </ul>
- </nav>
- <div class="modal-image">
- <p>{text:Nav Tab Text}</p>
- </div>
- </div>
- </div>
- <!--jQuery-->
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <!-- Responsive iFrames-->
- <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
- <!-- Unnest captions -->
- <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <!-- photosets -->
- <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
- <!-- prettify code -->
- <script src="https://static.tumblr.com/xiit3w8/zxtqmkzo0/prettify.js"></script>
- <!-- NPF fix -->
- <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
- <!--script src="//dl.dropbox.com/s/aqo7pinjzfub4tn/npf-legacy.js"></script> -->
- <script type="text/javascript">
- initPhotosets();
- function flexFrame() {
- $(".caption").each(function() {
- $(this).find("iframe").wrap("<div class='capframe'></div>");
- flexibleFrames($(".capframe"));
- });
- flexibleFrames($(".video-wrapper"));
- }
- $(document).ready(function() {
- flexFrame();
- $('.read_more').html('{lang:Continue reading}');
- $('iframe.tumblr_audio_player').load(function(){
- $(this).contents().find('head').append(
- '<style type="text/css">' +
- '.audio-player{background:transparent!important;}' +
- '.icon.icon_play{ color: {color:Background}!important}' +
- '.audio-player .progress{background:transparent!important}' +
- '</style>'
- );
- });
- // my own npf lightbox
- $('figure.tmblr-full:has(img)').each(function(){
- let img = $(this).find('img').addClass('clickable');
- let div = img.wrap('<div></div>').parent();
- let wrapper = div.wrap('<div class="photo-wrapper initialized_photoset" photoset-layout=""></div>').parent();
- let url = img.attr('src');
- div.attr('data-width', $(this).attr('data-orig-width'));
- div.attr('data-height', $(this).attr('data-orig-height'));
- div.attr('data-highres', url);
- div.attr('data-lowres', url);
- div.attr('onclick', 'lightbox(this)');
- img.removeAttr('data-orig-width data-orig-height width height');
- var wholediv = $(this).find('div');
- $(this).replaceWith(div);
- });
- $('pre').addClass('prettyprint');
- $('code').addClass('prettyprint');
- $(function(){
- $('article').unnest({
- yourCaption: ".post-text",
- wrapName: ".tumblr_blog",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- usernameColon: false
- });
- });
- });
- window.onload = function(){
- prettyPrint();
- };
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment