Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!---------------------------------------------------------------------------
- TALISMAN | BY ANANDA
- made with ♡ for free
- release: 10.02.20
- last updated: 10.08.20
- ---------------------------------------------------------------------------->
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{block:PostSummary}{PostSummary} @ {Name} {/block:PostSummary} {Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
- <!-- color options -->
- <meta name="color:background" content="#0a0a0a" />
- <meta name="color:text" content="#cccccc" />
- <meta name="color:blockquote border" content="#4e5365"/>
- <meta name="color:links" content="#b08096" />
- <meta name="color:links hover" content="#656565" />
- <meta name="color:posts" content="#0f0f0f" />
- <meta name="color:left gradient" content="#b08096" />
- <meta name="color:right gradient" content="#4e5365" />
- <!-- posts options -->
- <meta name="select:posts size" content="540px" />
- <meta name="select:posts size" content="500px" />
- <meta name="select:posts size" content="450px" />
- <meta name="select:posts size" content="400px" />
- <!-- gutter options -->
- <meta name="select:gutter size" content="1px" />
- <meta name="select:gutter size" content="2px" />
- <meta name="select:gutter size" content="3px" />
- <meta name="select:gutter size" content="4px" />
- <!-- text options -->
- <meta name="text:google font" content="Lora" />
- <meta name="text:font size" content="12px" />
- <!-- booleans -->
- <meta name="if:custom controls" content="1" />
- <!-- input -->
- <meta name="text:sidebar title" content="sidebar title" />
- <!-- images -->
- <meta name="image:sidebar" content="" />
- <style>
- body {
- margin:0;
- background-color:{color:background};
- font:{text:font size}/1.8em {text:Google Font}, Arial;
- color:{color:text};
- word-wrap:break-word;
- letter-spacing:.20px;
- opacity:1;
- transition:1s opacity;
- }
- body.fade-out {
- opacity:0;
- transition:none;
- }
- .flex {
- display:flex;
- flex-wrap:wrap;
- }
- .centered {
- align-items:center;
- justify-content:center;
- }
- .align-center {
- align-items:center;
- }
- blockquote {
- border-left:1px solid {color:right gradient};
- padding-left:10px;
- }
- a {
- text-decoration:none;
- color:{color:links};
- transition:all .2s linear;
- -webkit-transition:all .2s linear;
- -o-transition:all .2s linear;
- -moz-transition:all .2s linear;
- }
- a:hover, a:hover .feather {
- color:{color:links hover};
- }
- b {
- font-weight:600;
- }
- p {margin:1em 0;}
- p:first-of-type {margin-top:0;}
- p:last-of-type {margin-bottom:0;}
- h1, h2, h3, h4 {
- margin:1em 0;
- font-size:calc({text:font size} + 4px);
- font-weight:600;
- padding:0;
- color:{color:text};
- }
- .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
- .tippy-tooltip.custom-theme {
- text-transform:lowercase;
- font-weight:600;
- letter-spacing:.25px;
- font-size:calc({text:font size} - 1px);
- margin-top:10px;
- background-color:{color:posts};
- border:1px solid #202020;
- color:{color:text};
- text-align:center;
- border-radius:0;
- padding:3px;
- border-radius:0.6rem;
- }
- .tippy-tooltip.custom-theme .tippy-svg-arrow {
- display:none;
- }
- /*tumblr controls and lightbox*/
- .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
- .tmblr-lightbox img {opacity:0;}
- .lightbox-caption {
- color:{color:title}!important;
- font-family:inherit!important;
- font-size:1em!important;
- font-weight:normal!important;
- text-shadow:none!important;
- }
- .lightbox-image {
- -moz-box-shadow:none!important;
- -webkit-box-shadow:none!important;
- box-shadow:none!important;
- -moz-border-radius:0px!important;
- -webkit-border-radius:0px!important;
- border-radius:0px!important;
- padding:0px!important;
- border:0!important;
- opacity:1!important;
- }
- .vignette {opacity:0!Important;}
- /* scrollbar by shythemes, gradient by by chris coyier */
- ::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- ::-webkit-scrollbar {
- background-color:#202020;
- }
- ::-webkit-scrollbar-track {
- border:8px solid {color:background};
- background-color:{color:posts};
- }
- ::-webkit-scrollbar-thumb {
- border:8px solid {color:background};
- background: -webkit-gradient(linear,left top,left bottom,from({color:left gradient}),to({color:right gradient}));
- background: linear-gradient(180deg,{color:left gradient},{color:right gradient});
- min-height:24px;
- min-width:24px;
- }
- /* tumblr controls by cyantists */
- {block:ifcustomcontrols}
- iframe.tmblr-iframe {
- opacity:0;
- display:none!important;
- }
- .ccontrols {
- position:fixed;
- top:15px!important;
- right:20px!important;
- margin:5px;
- }
- .ccontrols a {
- display:block;
- float:left;
- opacity:0.7;
- margin:5px;
- }
- .ccontrols .feather {
- color:{color:text};
- }
- {block:PermalinkPage}
- .ccontrols .like .liked + svg {
- opacity:.8;
- }
- .ccontrols .like .liked + svg path {
- fill:red;
- }
- .ccontrols .like .like_button {
- position:relative;
- }
- .ccontrols .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- {/block:PermalinkPage}
- {/block:ifcustomcontrols}
- {block:ifnotcustomcontrols}
- iframe.tmblr-iframe {
- z-index:1;
- }
- {/block:ifnotcustomcontrols}
- main {
- width:100%;
- justify-content:space-around;
- align-items:flex-start;
- }
- #container {
- width:calc({select:posts size} + 250px + 100px);
- margin:100px auto;
- }
- section {
- width:{select:posts size};
- }
- article {
- background:{color:posts};
- width:{select:posts size};
- margin:0 250px 150px auto;
- border:1px solid #202020;
- padding:30px;
- box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- -webkit-box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- border-radius:0.6rem;
- }
- article:last-child {
- margin-bottom:0;
- }
- article img {
- max-width:100%;
- display:block;
- margin:auto;
- }
- /*------- npf photoset image spacing-------*/
- :root {
- --NPF-Image-Spacing:{select:gutter size};
- }
- .npf_row {
- display:flex!important;
- margin:calc(var(--NPF-Image-Spacing) / -2)!important;
- margin-bottom:calc(var(--NPF-Image-Spacing) / 2)!important;
- }
- .npf_row:last-of-type {
- margin-bottom:calc(var(--NPF-Image-Spacing) / -2)!important;
- }
- .tmblr-full {
- flex:1;
- margin:0!important;
- padding:calc(var(--NPF-Image-Spacing) / 2)!important;
- width:auto!important;
- height:auto!important;
- cursor:pointer;
- outline:none;
- }
- .tmblr-full img {visibility:hidden;}
- .notes {
- margin-top:2em;
- border-radius:0.6rem;
- background-color:{color:background};
- border:1px solid #202020;
- padding:10px 20px;
- list-style:none;
- }
- ol.notes li {
- padding:5px 0;
- }
- ol.notes img {
- display:none;
- }
- /* sidebar */
- aside {
- display:block;
- width:250px;
- position:fixed;
- left:calc(50% + {select:posts size} / 2);
- background:{color:posts};
- border:1px solid #202020;
- padding:30px;
- box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- -webkit-box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- border-radius:0.6rem;
- }
- .sideimage img {
- width:250px;
- }
- .sideimage {
- display:block;
- margin-bottom:10px;
- }
- .sidetitle {
- display:block;
- text-align:left;
- }
- .sidetitle a {
- font-size:calc({text:font size} + 4px);
- text-transform:lowercase;
- font-weight:600;
- color:{color:right gradient};
- }
- .description {
- margin:10px 0 10px 0;
- text-align:justify;
- }
- .links {
- text-align:center;
- }
- .links a {
- text-align:center;
- display:inline-block;
- margin:10px 8px;
- vertical-align:middle;
- text-transform:lowercase;
- }
- .links .feather {
- padding:0 2px 3px 2px;
- }
- .feather {
- stroke-width:2.3;
- display:inline-block;
- vertical-align:middle;
- width:calc({text:font size} + 4px);
- height:calc({text:font size} + 4px);
- color:{color:right gradient};
- }
- .border-gradient {
- border-radius:0.6rem;
- padding:5px 10px;
- color:{color:links};
- box-shadow:0 0 6px 0 rgba(157, 96, 212, 0.5);
- border:solid 1px transparent;
- background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, {color:left gradient}, {color:right gradient});
- background-origin:border-box;
- background-clip:content-box, border-box;
- box-shadow:2px 1000px 1px {color:posts} inset;
- transition:all .2s linear;
- -webkit-transition:all .2s linear;
- -o-transition:all .2s linear;
- -moz-transition:all .2s linear;
- }
- .border-gradient:hover, .border-gradient:hover .feather {
- box-shadow:none;
- color:{color:posts};
- }
- .line-gradient {
- padding-bottom:2px;
- border-bottom:10px solid;
- border-image-slice:1;
- border-width:1.5px;
- border-image-source:linear-gradient(to left, {color:right gradient}, {color:left gradient});
- }
- /* photo post */
- .photopost img {
- width:100%;
- }
- /* link post */
- .link {
- padding:10px;
- }
- /* quote post */
- .source h3 {
- display:inline-block;
- margin:0;
- }
- .source h3:after {
- display:inline-block;
- content:'';
- border-top:1px solid #202020;
- width:2rem;
- margin:0 1rem;
- vertical-align:middle;
- }
- /* chat post */
- .chat {
- margin:0;
- padding:0;
- }
- .chat li {
- list-style:none;
- padding:10px;
- }
- .chat li:nth-of-type(odd) {
- background:{color:background};
- color:{color:text};
- }
- /* asks */
- .message {
- color:{color:posts};
- padding:20px;
- display:block;
- position:relative;
- border-radius:0 0 0.6rem 0.6rem;
- text-align:justify;
- margin-bottom:1.5em;
- background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, {color:left gradient}, {color:right gradient});
- background-origin:border-box;
- background-clip:content-box, border-box;
- }
- .message-name {
- border-radius:0.6rem 0.6rem 0 0;
- background-color:{color:background};
- border:1px solid #202020;
- padding:10px;
- line-height:30px;
- vertical-align:middle;
- display:block;
- text-transform:lowercase;
- }
- .message-name img {
- vertical-align:middle;
- width:30px;
- border-radius:50px;
- margin-right:10px;
- float:left;
- }
- /* audio post */
- iframe.tumblr_audio_player {
- width:100%;
- }
- /* captions */
- .comment {
- padding:0 0 1.5em 0;
- list-style:none;
- }
- .comment:last-of-type {padding-bottom:0!important;}
- .user {
- color:{color:text};
- display:inline-block;
- line-height:1em;
- font-weight:bold;
- margin-bottom:.75em;
- }
- .captioned .comment:first-of-type {margin-top:1.5em;}
- .tex li, .tex blockquote {text-align:left;}
- /* post info */
- .info {
- text-transform:lowercase;
- font-weight:600;
- margin-top:30px;
- {block:indexpage}
- padding-bottom:20px;
- {/block:indexpage}
- }
- .controls {
- display:inline-block;
- float:right;
- }
- .controls a {
- vertical-align:middle;
- position:relative;
- display:inline-block;
- overflow:hidden;
- margin-left:5px;
- }
- .controls .like .liked + svg path {
- stroke-width:2;
- stroke:red;
- fill:red;
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:-3px;
- left:-3px;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- pre {
- word-wrap:break-word!Important;
- white-space:pre-wrap;
- }
- /* tags */
- .tags {
- margin-top:20px;
- }
- .tags a {
- font-weight:600;
- }
- .tags a:after {
- content:',';
- }
- .tags a:last-child:after {
- content:'.';
- }
- .inactive:hover:after {
- content:'deactivated';
- }
- /* pagination */
- .pagination {
- width:90%;
- text-align:center;
- margin:40px auto;
- }
- .pagination a {
- margin:0 5px;
- }
- /* credit */
- .cr {
- position:fixed;
- color:{color:text};
- display:block;
- z-index:1;
- position:fixed;
- right:20px;
- bottom:20px;
- }
- /* overlay */
- .overlay {
- height:0%;
- width:100%;
- position:fixed;
- z-index:2;
- top:0;
- left:0;
- background:{color:background};
- overflow-y:hidden;
- transition:0.7s;
- }
- .overlay .closebtn {
- top:15px;
- right:20px;
- margin:10px;
- position:absolute;
- color:{color:right gradient};
- }
- .overlay-content {
- width:calc({select:posts size} + 25px);
- background:{color:posts};
- border:1px solid #202020;
- position:relative;
- padding:30px 20px 30px 35px;
- top:20%;
- margin:0 auto;
- text-align:left;
- box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- -webkit-box-shadow:0px 1px 4px -1px rgb(0, 0, 0);
- border-radius:0.6rem;
- }
- .overlay-content-scroll::-webkit-scrollbar {
- width:17px;
- height:17px;
- }
- .overlay-content-scroll::-webkit-scrollbar {
- background-color:#202020; /* background color */
- }
- .overlay-content-scroll::-webkit-scrollbar-track {
- border:8px solid {color:posts}; /* background color */
- background-color:#202020; /* light border color */
- }
- .overlay-content-scroll::-webkit-scrollbar-thumb {
- border:8px solid {color:posts}; /* background color */
- background: -webkit-gradient(linear,left top,left bottom,from({color:left gradient}),to({color:right gradient}));
- background: linear-gradient(180deg,{color:left gradient},{color:right gradient});
- min-height:24px;
- min-width:24px;
- }
- .overlay-content-scroll {
- width:{select:posts size};
- padding-right:20px;
- max-height:400px;
- overflow:auto;
- }
- .overlay-content a {
- text-decoration:none;
- color:{color:text};
- }
- .overlay-content h1 {
- font-size:calc({text:font size} + 3px);
- text-transform:lowercase;
- font-weight:600;
- margin-top:0;
- display:inline-block;
- }
- .overlay-content h2 {
- display:inline-block;
- font-size:calc({text:font size} + 1px);
- text-transform:lowercase;
- font-weight:600;
- margin-bottom:0;
- }
- .overlay-content h2:after {
- display:inline-block;
- content:'';
- border-top:1px solid #202020;
- width:2rem;
- margin:0 1rem;
- vertical-align:middle;
- }
- .overlay .feather {
- margin-right:5px;
- }
- .overlay-links {
- display:block;
- }
- .overlay-links a {
- display:inline-block;
- margin:0.30em 2em 0 0;
- }
- .currently {
- margin-top:1em;
- }
- .currently span {
- display:block;
- margin:0.50em 0;
- }
- .currently .feather {
- color:{color:left gradient};
- padding-bottom:5px;
- }
- .elsewhere .feather {
- padding-bottom:5px;
- }
- .elsewhere {
- margin:0.50em 0;
- display:block;
- }
- .elsewhere span {
- display:inline-block;
- margin:1em 2em 0 0;
- }
- .faq {
- margin-top:1em;
- display:block;
- }
- .faq-q {
- font-weight:bold;
- display:block;
- }
- .faq-a {
- display:inline-block;
- padding:8px;
- margin:0.50em 3em;
- }
- .overlay-content hr {
- margin:20px 0;
- height:1px;
- border-width:0;
- color:#202020;
- background-color:#202020;
- }
- /* mobile friendly sidebar */
- @media only screen and (max-width:1100px) {
- aside {
- position:relative;
- left:0;
- width:100%;
- right:auto;
- max-width:250px;
- margin:50px auto;
- }
- section {
- width:100%;
- }
- article {
- margin:100px auto;
- }
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <script>document.body.className += ' fade-out';</script>
- <!-- beginning of f.a.q./contact overlay -->
- <div id="contact" class="overlay">
- <a href="javascript:void(0)" class="closebtn" onclick="closeContact()" title="close"><i data-feather="x-square"></i></a>
- <div class="overlay-content">
- <div class="overlay-content-scroll">
- <!-- f.a.q. item -->
- <h1 class="line-gradient">F.A.Q.</h1>
- <div class="faq"><!-- beggining of f.a.q. -->
- <span class="faq-q">question</span>
- <span class="faq-a border-gradient">answer</span>
- <hr><!-- this line separates each f.a.q. item -->
- <!-- f.a.q. item -->
- <span class="faq-q">question</span>
- <span class="faq-a border-gradient">answer</span>
- </div><!-- end of faq -->
- <hr><!-- this line separates the f.a.q from the askbox -->
- <br><!-- this gives us an extra space between the line and the askbox -->
- <!-- askbox -->
- <h1>{AskLabel}</h1>
- <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
- </div>
- </div>
- <!-- end of overlay content -->
- </div>
- <!-- end of f.a.q./contact overlay -->
- <!-------------------------------------------------------------------------->
- <!-- beginning of explore overlay -->
- <div id="explore" class="overlay">
- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" title="close"><i data-feather="x-square"></i></a>
- <!-- beginning of overlay content -->
- <div class="overlay-content">
- <div class="overlay-content-scroll">
- <!-- beginning of about -->
- <h1 class="line-gradient">about</h1>
- <p>write about yourself here</p>
- <!-- end of about -->
- <hr><!-- this line separates each explore section -->
- <!-- beginning of navigation -->
- <h1 class="line-gradient">navigation</h1>
- <nav class="overlay-links">
- <h2>HEADING</h2>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- </nav>
- <nav class="overlay-links">
- <h2>HEADING</h2>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- <a href="https://YOURLINK">link</a>
- </nav>
- <!-- end of navigation -->
- <hr><!-- this line separates each explore section -->
- <!-- beginning of currently -->
- <h1 class="line-gradient">currently</h1>
- <div class="currently">
- <span><i data-feather="heart"></i> lorem ipsum</span>
- <span><i data-feather="paperclip"></i> lorem ipsum</span>
- <span><i data-feather="book"></i> lorem ipsum</span>
- <span><i data-feather="tv"></i> lorem ipsum</span>
- </div>
- <!-- end of currently -->
- <hr><!-- this line separates each explore section -->
- <!-- beginning of elsewhere -->
- <h1 class="line-gradient">elsewhere</h1>
- <div class="elsewhere">
- <span><i data-feather="twitter"></i>
- <a href="https://YOURLINK">@username</a></span>
- <span><i data-feather="instagram"></i>
- <a href="https://YOURLINK">@username</a></span>
- <span><i data-feather="film"></i>
- <a href="https://YOURLINK">@username</a></span>
- <span><i data-feather="user-plus"></i>
- <a href="https://YOURLINK">@username</a></span>
- </div>
- <!-- end of elsewhere -->
- </div>
- </div>
- <!-- end of overlay content -->
- </div>
- <!-- end of explore overlay -->
- <!-------------------------------------------------------------------------->
- <!-- main container -->
- <main class="flex">
- <div id="container">
- <!-- sidebar -->
- <aside>
- <div class="side">
- {block:ifsidebarimage}<div class="sideimage"><img src="{image:sidebar}"></div>{/block:ifsidebarimage}
- {block:ifsidebartitle}<div class="sidetitle"><a href="/">{text:sidebar title}</a></div>
- </div>{/block:ifsidebartitle}
- <div class="description">{Description}</div>
- <div class="links">
- <a href="/archive" class="border-gradient">archive</a>
- {block:AskEnabled}
- {block:ifcontactoverlay}
- <span onclick="openContact()"><a class="border-gradient" style="cursor:pointer">contact</a></span>
- {/block:ifcontactoverlay}
- <!-- this link appears if you disabled the contact overlay -->
- {block:ifnotcontactoverlay}
- <a class="border-gradient" href="/ask">contact</a>
- {/block:ifnotcontactoverlay}
- {/block:AskEnabled}
- <span onclick="openNav()"><a class="border-gradient" style="cursor:pointer">explore</a></span>
- </div>
- </aside>
- <!-- end of sidebar -->
- <!-- posts -->
- <section>
- {block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <article class="posts {block:caption}captioned{/block:caption}">
- {block:Text}
- <div class="text-post">
- {block:Title}<h1>{title}</h1>{/block:Title}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="comment {block:Title}ted{/block:Title}">
- <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user line-gradient" target="_blank">{username}</a>
- <div class="tex">{body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <li class="comment {block:Title}ted{/block:Title}">
- <div class="tex">{body}</div>
- </li>
- {/block:NotReblog}
- </div>
- {/block:Text}
- {block:Photo}
- <img src="{PhotoURL-highres}" al="{photoalt}" class="photopost">
- {/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}</div>
- {/block:Photoset}
- {block:Panorama}
- <img src="{photourl-panorama}" alt="{photoalt}">
- {/block:Panorama}
- {block:Quote}
- <h1>"{Quote}"</h1>
- <div class="source">
- <h3><i data-feather="feather"></i></h3>{Source}
- </div>
- {/block:Quote}
- {block:Chat}
- <ul class="chat">
- {block:Lines}
- <li>{block:Label}{Label}{/block:Label} {Line}</li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
- {block:Description}
- {block:NotReblog}
- <li class="comment ted">
- <div class="tex">{description}</div>
- </li>
- {/block:NotReblog}
- {/block:Description}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="comment">
- <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user line-gradient" target="_blank">{username}</a>
- <div class="tex">{body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Link}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- </div>
- {/block:Audio}
- {block:Answer}
- <span class="message-name"><img src="{AskerPortraitURL-30}"/> <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user line-gradient" target="_blank">{asker}</a> sent a message</span>
- <div class="message">{question}</div>
- {block:Answerer}
- <li class="comment">
- <div class="user line-gradient">{answerer} replied</div>
- <div class="tex">{answer}</div>
- </li>
- {/block:Answerer}
- {block:NotReblog}
- <li class="comment">
- <div class="tex">{replies}</div>
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="comment">
- <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user line-gradient" target="_blank">{username}</a>
- <div class="tex">{body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Caption}
- {block:Reblogs}
- <li class="comment">
- <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user line-gradient" target="_blank">{username}</a>
- <div class="tex">{body}</div>
- </li>
- {/block:Reblogs}
- {block:NotReblog}
- <li class="comment"><div class="tex">{caption}</div></li>
- {/block:NotReblog}
- {/block:Caption}
- {block:Date}
- <div class="info">
- {block:IndexPage}
- <a href="{permalink}" class="border-gradient hvr-sweep-to-right" style="padding:8px" title="{TimeAgo}">{ShortMonth} {DayofMonth}, {Year}</a>
- <div class="controls">
- <span><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog"><i data-feather="repeat"></i></a></span>
- <span><a href="#" class="like" title="like">{LikeButton}<i data-feather="heart"></i></a></span>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <a href="{permalink}" class="border-gradient hvr-sweep-to-right" style="padding:8px">{NoteCountWithLabel}</a>
- {block:Rebloggedfrom}
- <div style="float:right;vertical-align:top">via: <a href="{reblogparenturl}"><b>{reblogparentname}</b></a>
- </div>{/block:Rebloggedfrom}
- <!-- tags -->
- {block:Hastags}
- <div class="tags">
- Tagged as:</b>
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:Hastags}
- {/block:PermalinkPage}
- </div>
- {/block:Date}
- {PostNotes}
- </article>
- <!-- end of posts -->
- {/block:Posts}
- <!-- pagination -->
- {block:Pagination}
- <div class="pagination">
- {block:previouspage}
- <a href="{previouspage}">forward</a>
- {/block:previouspage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<a class="current_page"><b>{PageNumber}</b></a>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:nextpage}
- <a href="{nextpage}">onward</a>
- {/block:nextpage}
- </div>
- {/block:Pagination}
- </section>
- <!-- end of section -->
- </div>
- </main>
- <!-- end of container -->
- <!-------------------------------------------------------------------------->
- {block:ifcustomcontrols}
- <div class="ccontrols">
- <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><i data-feather="layout"></i></a>
- {block:IndexPage}
- <a href="https://tumblr.com/follow/{Name}" title="follow"><i data-feather="plus-square"></i></a>
- <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="chat"><i data-feather="message-square"></i></a>
- {/block:IndexPage}
- {block:PermalinkPage}{block:Posts}{block:Date}
- <a href="{EmbedUrl}" target="_blank" title="embed"><i data-feather="code"></i></a>
- <a href="{ReblogURL}" title="reblog"><i data-feather="repeat"></i></a>
- <a href="#" class="like" title="like">{LikeButton}<i data-feather="heart"></i></a>
- {/block:Date}{/block:Posts}{/block:PermalinkPage}
- </div>
- {/block:ifcustomcontrols}
- <!-------------------------------------------------------------------------->
- <a href="https://byananda.tumblr.com" class="cr" title="by ananda">by a.</a>
- <!-------------------------------------------------------------------------->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <!-- fonts & icons -->
- <link href="https://fonts.googleapis.com/css?family={text:google font}:700,600,500,400" rel="stylesheet">
- <script src="https://unpkg.com/feather-icons"></script>
- <!-- pxu photosets -->
- <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <!-- video resizing -->
- <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
- <!-- tooltips -->
- <script src="https://unpkg.com/popper.js@1"></script>
- <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
- <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
- <!--npf fix by glenthemes -->
- <script src="//dl.dropbox.com/s/m8mtje1avef2a2y/npf-styling.js"></script>
- <script src="//cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
- <script>
- npfPhotosets(".posts", npfOptions);
- </script>
- <!-- npf photosets by codematurgy -->
- <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
- <script>
- npfPhotosets("postSelector", {
- rowClass:"npf_row",
- imageContainerClass:"tmblr-full",
- generatedPhotosetContainerClass:"npf_photoset",
- imageClass:"npf_image",
- includeCommonPhotosets: true,
- useTumblrLightbox: true,
- insertGalleryIndicator: false,
- galleryIndicatorClass: "npf_gallery_indicator",
- galleryIndicatorContent: "<img src='image_url'>",
- photosetMargins:""
- });
- </script>
- <script>
- /// FEATHER ICONS
- feather.replace()
- /// FADE
- $(function() {
- $('body').removeClass('fade-out');
- });
- /// PHOTOSETS
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{select:gutter size}',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- /// VIDEO RESIZING
- function flexFrame() {
- $(".caption").each(function() {
- $(this).find("iframe").wrap("<div class='capframe'></div>");
- flexibleFrames($(".capframe"));
- });
- flexibleFrames($(".video"));
- }
- $(document).ready(flexFrame);
- /// TOOLTIPS
- tippy('a[title]', {
- theme:'custom',
- arrow:tippy.roundArrow,
- zIndex:9999999999,
- maxWidth:300,
- placement:'bottom-start',
- content(reference) {
- const title = reference.getAttribute('title');
- reference.removeAttribute('title');
- return title;
- },
- });
- /// OVERLAY
- function openNav() {
- document.getElementById("explore").style.height = "100%";
- }
- function closeNav() {
- document.getElementById("explore").style.height = "0%";
- }
- function openContact() {
- document.getElementById("contact").style.height = "100%";
- }
- function closeContact() {
- document.getElementById("contact").style.height = "0%";
- }
- /// AUDIO
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:text} !important} </style>"));
- });
- </script>
- <!---------------------------------------------------------------------------
- thanks for using! ♡
- CREDITS:
- ₒ base code by egg design and sorrism
- ₒ feather icons by cole bemis
- ₒ pxu photosets by pixel union, modified version by bychloethemes
- ₒ responsive videos by nouvae
- ₒ tippy.js tooltips by atomiks
- ₒ npf photosets by codematurgy and mobile fix by glenthemes
- all resources used on this theme can be found at /credits
- ---------------------------------------------------------------------------->
- </body>
- </html>
Add Comment
Please, Sign In to add comment