Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
- <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 charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <!---
- OH, ABIGAIL by kai @heroeddiemunson
- - base code & tags on click | seyche.tumblr.com
- base: seyche.tumblr.com/post/636055768176689152
- tags on click: seyche.tumblr.com/post/643682133088583680/
- - new tumblr controls | odeysseus.tumblr.com
- odeysseus.tumblr.com/post/163708246967/
- - right click disabled | Maximus w/ mods by DynamicDrive
- tumblrblogette.tumblr.com/post/8296084974/
- - sticky topbar | cationcodes.tumblr.com (deactivated)
- theme-rec.tumblr.com/post/187243710433
- - day/night mode tutorial | egg.design
- egg.design/post/186889223257/
- - tippy.js tooltips | atomiks.github.io/tippyjs/
- - fonts | bunny fonts
- - icons | phosphor icons
- --->
- <!----- BUNNY FONTS ---->
- <link href="https://fonts.bunny.net/css?family={text:font}:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i" rel="stylesheet" />
- <link href="https://fonts.bunny.net/css?family={text:title font}:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i" rel="stylesheet" />
- <!---- ICONS ---->
- <script src="https://unpkg.com/phosphor-icons"></script>
- <script src="https://unpkg.com/[email protected]"></script>
- <!---- TAGS ON CLICK BY SEYCHE ---->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <!---- TIPPY TOOLTIPS ---->
- <script src="https://unpkg.com/popper.js@1"></script>
- <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
- <!---- STICKY TOPBAR ---->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <!------------------------------- VARIABLES --------------------------------->
- <meta name="image:sidebar" content=""/>
- <meta name="color:background" content="#181818"/>
- <meta name="color:post background" content="#2a2a2a"/>
- <meta name="color:text" content="#f6f6f6"/>
- <meta name="color:link" content="#9058c5"/>
- <meta name="color:accent one" content="#a265dc"/>
- <meta name="color:accent two" content="#b37de7"/>
- <meta name="color:accent three" content="#c592f6"/>
- <meta name="color:borders" content="#555555"/>
- <meta name="color:shadow" content="#323131"/>
- <meta name="color:day background" content="#fafafa"/>
- <meta name="color:day post background" content="#f4f4f4"/>
- <meta name="color:day text" content="#707070"/>
- <meta name="color:day link" content="#9058c5"/>
- <meta name="color:day accent one" content="#a265dc"/>
- <meta name="color:day accent two" content="#b37de7"/>
- <meta name="color:day accent three" content="#c592f6"/>
- <meta name="color:day borders" content="#9058c5"/>
- <meta name="color:day shadow" content="#e3e3e3"/>
- <meta name="if:gradient background" content="1"/>
- <meta name="if:right click disabled" content="0"/>
- <meta name="select:post width" content="540px" title="540px"/>
- <meta name="select:post width" content="500px" title="500px"/>
- <meta name="select:post width" content="400px" title="400px"/>
- <meta name="select:rounded corners" content="10px" title="round"/>
- <meta name="select:rounded corners" content="5px" title="less round"/>
- <meta name="select:rounded corners" content="15px" title="more round"/>
- <meta name="select:rounded corners" content="0px" title="not round"/>
- <meta name="text:post margin" content="150"/>
- <meta name="text:title font" content="Montserrat Alternates"/>
- <meta name="text:font" content="Poppins"/>
- <meta name="text:title font size" content="15"/>
- <meta name="text:font size" content="13"/>
- <meta name="text:right click disabled message" content="function disabled!"/>
- <meta name="text:custom title" content="custom title"/>
- <meta name="text:tracking tag" content="tracking tag"/>
- <meta name="text:custom description" content="custom description; no more than two lines of text!"/>
- <meta name="text:link 1 URL" content="/"/>
- <meta name="text:link 1 title" content="link 1"/>
- <meta name="text:link 1 icon" content="planet"/>
- <meta name="text:link 2 URL" content="/"/>
- <meta name="text:link 2 title" content="link 2"/>
- <meta name="text:link 2 icon" content="sun"/>
- <meta name="text:link 3 URL" content="/"/>
- <meta name="text:link 3 title" content="link 3"/>
- <meta name="text:link 3 icon" content="moon"/>
- <meta name="text:link 4 URL" content="/"/>
- <meta name="text:link 4 title" content="link 4"/>
- <meta name="text:link 4 icon" content="star"/>
- <meta name="text:link 5 URL" content="/"/>
- <meta name="text:link 5 title" content="link 5"/>
- <meta name="text:link 5 icon" content="rocket-launch"/>
- <!----- CSS ----->
- <style type="text/css">
- /*----- BASIC STYLING -----*/
- ::-webkit-scrollbar {
- width: 5px;
- background:{color:accent three};
- }
- ::-webkit-scrollbar-track {
- width:3px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:accent one};
- }
- ::selection {
- background: {color:accent one}; /* WebKit/Blink Browsers */
- color:{color:background};
- }
- ::-moz-selection {
- background: {color:accent one}; /* Gecko Browsers */
- color:{color:background};
- }
- body {
- font-family: {text:font};
- font-size: {text:font size}px;
- color: {color:text};
- background-color: {color:background};
- line-height: 160%;
- word-wrap: break-word;
- letter-spacing: 0.04em;
- margin: 0;
- padding: 0;
- }
- {block:ifGradientBackground}
- body {
- background-image:linear-gradient(to bottom right, {color:accent one}, {color:accent two}, {color:accent three});
- }
- {/block:ifGradientBackground}
- /*---- DAY/NIGHT ----*/
- body.night {
- background:{color:day background};
- color:{color:day text};
- transition:.6s;
- }
- {block:ifGradientBackground}
- body.night {
- background-image:linear-gradient(to bottom right, {color:accent one}, {color:accent two}, {color:accent three});
- }
- {/block:ifGradientBackground}
- .daynight span {
- cursor:pointer;
- font-size:16px;
- margin-top:1.3em;
- margin-left:1em;
- }
- body.night a {
- color:{color:day link};!important;
- }
- body.night article, body.night #sidebar {
- background:{color:day post background};!important;
- box-shadow:0px 0px 10px {color:day shadow};!important;
- }
- body.night .nav a {
- color:white;
- margin-top:3px;
- padding:8px;
- border-radius:100%;
- text-shadow:0 1px rgba(0,0,0,.1);
- }
- body.night .nav a:hover {
- color:{color:day accent three};
- }
- body.night .info a {
- color:white;
- display: inline-block;
- vertical-align: middle;
- padding:15px;
- }
- body.night .info a:hover {
- color:{color:link};
- }
- body.night a.pinned-post {
- font-weight: bold; color: {color:link};
- }
- body.night .title {
- color:{color:post background};
- text-shadow:0px 0px 10px {color:shadow};
- }
- a {
- color: {color:link};
- display: inline-block;
- position: relative;
- text-decoration: none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- a:hover {
- color: {color:accent one};
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;
- }
- a::after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 2px;
- bottom: 0;
- left: 0;
- background-image:linear-gradient(to right, {color:accent one}, {color:accent two});
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
- a:hover::after {
- transform: scaleX(1);
- transform-origin: bottom left;
- }
- blockquote {
- padding: 0 0 0 1.5em;
- border-left: 2px solid {color:borders};
- margin: 1.5em 0 1.5em 1.5em;
- }
- h1, h2, h3, h4, h5, .title {
- font-family: {text:title font};
- font-size:{text:title font size}px;
- letter-spacing: 0.06em;
- line-height: 145%;
- font-weight: bold;
- }
- .title {
- text-shadow:0px 0px 10px {color:day shadow};
- display: inline-block;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- }
- h1, .title {font-size: 1.5em;}
- h2 {font-size: 1.3em;}
- h3 {font-size: 1.25em;}
- h4 {font-size: 1.1em;}
- h5 {font-size: 1em;}
- small {font-family: {text:font}font-size: 0.9em;}
- big {font-family: {text:title font};font-size:{text:font size}px;}
- hr {
- height: 1px;
- border: none;
- box-shadow: none;
- background-color: {color:borders};
- }
- pre {
- line-height: inherit;
- font-size: inherit;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- .tmblr-iframe{
- white-space:nowrap;
- opacity:.2;
- transition: .4s ease-in-out;
- -webkit-transition: .4s ease-in-out;
- -moz-transition: .4s ease-in-out;
- -o-transition: .4s ease-in-out;
- position:fixed!important;
- right:-3em!important;
- transform:scale(0.7,0.7);
- margin-top:-.1em;
- z-index:9999999999999999!important;
- }
- .tmblr-iframe:hover { opacity:1; }
- /*----- SIDEBAR -----*/
- #sidebar {
- background:{color:post background};
- border-radius:{select:rounded corners};
- box-shadow:0px 0px 10px {color:shadow};
- padding:15px;
- width: 300px;
- position: fixed;
- top:{text:post margin}px;
- text-align: center;
- }
- {block:ifSidebarImage}
- #side-img {
- text-align:center;
- border-radius:{select:rounded corners};
- margin-bottom: 1em;
- width:100%;
- height:100%;
- }
- {/block:ifSidebarImage}
- .trackedtag {
- font:{text:font};
- font-size:{text:title font size}px;
- margin-bottom:15px;
- display: inline-block;
- position: relative;
- }
- .trackedtag::after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 2px;
- bottom: 0;
- left: 0;
- background-image:linear-gradient(to right, {color:accent one}, {color:accent two});
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
- .trackedtag:hover::after {
- transform: scaleX(1);
- transform-origin: bottom left;
- }
- .description {
- text-align:center;
- height:50px;
- }
- .nav {
- background-image:linear-gradient(to bottom right, {color:accent one}, {color:accent two});
- border-radius:{select:rounded corners};
- font-size:15px;
- margin-top: 5px;
- position: inline block;
- }
- .nav a {
- color:white;
- margin-top:3px;
- padding:8px;
- border-radius:100%;
- text-shadow:0 1px rgba(0,0,0,.1);
- }
- .nav a:hover {
- color:{color:accent three};
- }
- /*----- POSTS -----*/
- main {
- position: relative;
- width: calc(250px + {select:post width} + 150px);
- margin: auto;
- }
- section {
- position: relative;
- width: {select:post width};
- margin-left: 400px;
- }
- article {
- background: {color:post background};
- border-radius:{select:rounded corners};
- box-shadow:0px 0px 10px {color:shadow};
- padding:15px;
- width: 100%;
- position: relative;
- margin: {text:post margin}px auto;
- }
- .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe {max-width: 100%;}
- /*----- CAPTIONS -----*/
- .caption {margin-top: 2em; list-style-type: none;}
- .text-caption:first-of-type {margin-top: 0;}
- .user-icon, .ask-icon {
- border: 3px solid {color:accent one};
- border-radius:100%;
- display: inline-block;
- vertical-align: middle;
- width: 2em;
- height: 2em;
- margin-right: 1em;
- }
- .ask-icon {
- margin-bottom:.4em;
- }
- .username {
- display: inline-block;
- position: relative;
- vertical-align: middle;
- font-weight: bold;
- }
- .username::after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 2px;
- bottom: 0;
- left: 0;
- background-image:linear-gradient(to right, {color:accent one}, {color:accent two});
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
- .username:hover::after {
- transform: scaleX(1);
- transform-origin: bottom left;
- }
- .deactive::after {
- content: '(deactivated)';
- margin-left: 10em;
- opacity: 0.75;
- color: {color:text};
- }
- p.tmblr-attribution {margin-top: 1em !important;}
- /*----- TEXT -----*/
- h1.post-title {
- font-family: {text:title font};
- font-size:{text:title font size}px;
- margin-top: 0;}
- /*----- LINK -----*/
- a.link-wrap {display: block; border: 1px solid {color:borders};}
- .link {padding: 2em;}
- .link-host, .link-txt {margin-top: 1.5em;}
- .npf-link-block {
- margin-top: 1.5em;
- background-color: inherit;
- border: 1px solid inherit;
- color: inherit;
- }
- /*----- PHOTO -----*/
- img {
- margin: 0;
- display: block;
- height: auto;
- max-width: 100%;
- }
- .photo img {width: 100%;}
- .vignette, #vignette {opacity: 0;}
- .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
- .lightbox-image, #tumblr_lightbox img {
- box-shadow: none !important;
- border-radius: 0 !important;
- max-width: none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- color: #fff !important;
- font-family: inherit;
- margin-top: 1em !important;
- }
- /*----- PHOTOSET -----*/
- .post-content div.npf_row, .post div.npf_row, body div.npf_row {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- /*----- QUOTE -----*/
- .quote {
- background-image:linear-gradient(to bottom right, {color:accent two}, {color:accent three});
- border-radius:{select:rounded corners};
- padding:15px;
- line-height: 160%;
- font-size: 1.5em;
- font:{text:title font};
- color:white;
- }
- .quote p:first-of-type {margin-top: 0;}
- .quote p:last-of-type {margin-bottom: 0;}
- .source {
- text-align:right;
- margin-top: 1.5em;
- }
- /*----- CHAT -----*/
- .chat {padding: 0; margin: 0;}
- .chat li {list-style-type: none; margin-top: 1em;}
- .chat li:first-of-type {margin-top: 0;}
- .chatter {
- font-weight: bold;
- color:{color:accent two};
- }
- p.npf_chat, p.npf_chat b {font-family: inherit;}
- /*----- ANSWER -----*/
- .ask-wrap {padding-bottom: .25em;}
- .ask-wrap .asking {
- display: inline-block;
- margin-bottom:.3em;
- font-weight: bold;
- }
- .question {
- background-image:linear-gradient(to bottom right, {color:accent two}, {color:accent three});
- border-radius:{select:rounded corners};
- color:white;
- padding:15px;
- margin-top: 1em;
- }
- .question p:first-of-type {margin-top: 0;}
- .question p:last-of-type {margin-bottom: 0;}
- /*----- AUDIO -----*/
- .audiopost {
- background-image:linear-gradient(to bottom right, {color:accent two}, {color:accent three});
- border-radius:{select:rounded corners};
- padding: 2em;
- }
- .album-art {
- border-radius:{select:rounded corners};
- z-index: 1;
- display: inline-block;
- vertical-align: middle;
- float: left;
- width: 100px;
- height: 100px;
- }
- .audio-player-wrap {
- width: 100px;
- height: 100px;
- display: inline-block;
- }
- .button {
- width: 30px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 2;
- margin: 7px;
- }
- .audiobox {
- background-color: {color:post background};
- z-index: 3;
- position: absolute;
- margin: 28px 0 0 28px;
- border-radius: 50%;
- }
- .audioinfo {
- text-align:right;
- display: inline-block;
- height: 100px;
- max-width: calc(100% + 150px);
- margin-left: 100px;
- display: flex;
- justify-content: center;
- flex-direction: column;
- box-sizing: border-box;
- padding-right: 2em;
- color:white;
- }
- .audioinfo li {list-style-type: none;}
- .track {font-weight: bold;}
- /*----- INFO -----*/
- .info {
- background-image:linear-gradient(to bottom right, {color:accent one}, {color:accent two}, {color:accent three});
- border-radius:{select:rounded corners};
- margin-top: 10px;
- font-size:12px;
- }
- .info a {
- color:white;
- display: inline-block;
- vertical-align: middle;
- padding:15px;
- }
- .info a:hover {
- color:{color:link};
- }
- .likeb {
- position: relative;
- display: inline-block;
- height: 1.6em;
- margin-bottom: -1px;
- }
- .likeb .like_button iframe {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: 2;
- opacity: 0;
- }
- .like_button iframe {width: 100% !important; height: 100% !important;}
- .like-button .liked + .actual-button {
- color:{color:accent two};
- }
- .likeb .liked + .actual-button:after {
- content: 'color:{color:accent two};';
- }
- a.clicktagsbutton.tags-click i {
- color:{color:accent two};
- }
- .info a {margin-right: 0.75em;}
- a.pinned-post {font-weight: bold; color: {color:link};}
- /*---- POST NOTES -----*/
- .notes {margin: {text:post margin}px 0;}
- ol.notes {
- max-width: 100%;
- padding: 0;
- margin: 2em 0 0 0;
- }
- ol.notes li.note {padding: 0.5em 0; list-style-type: none;}
- ol.notes li.note img.avatar {
- margin-right: 1em;
- vertical-align: middle;
- display: inline-block;
- width: 1.25em;
- height: 1.25em;
- }
- /*--- TAGS ON CLICK BY SEYCHE ---*/
- a.tag-button {
- cursor: pointer;
- display: inline-block;
- vertical-align: middle;
- }
- a.tag-button svg {
- width: 20px;
- height: 20px;
- }
- a.tag-button:hover {
- color: {color:accent one};
- }
- a.tag-button.tag-clicked {
- color: {color:accent one};
- }
- .tags {
- color:{color:text};
- margin-top:1em;
- font-size:12px;
- display: none;
- }
- .tags a {
- margin-right: 0.75em;
- display: inline-block;
- position: relative;
- }
- .tags a::after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 2px;
- bottom: 0;
- left: 0;
- background-image:linear-gradient(to right, {color:accent one}, {color:accent two});
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
- .tags a:hover::after {
- transform: scaleX(1);
- transform-origin: bottom left;
- }
- /*--- TIPPY TOOLTIPS ---*/
- .tippy-tooltip.custom-theme {
- background-image:linear-gradient(to bottom right, {color:accent one}, {color:accent two});
- font-size:1em;
- font-weight:500;
- color:white;
- text-transform:lowercase;
- text-shadow:0 1px rgba(0,0,0,.1);
- text-align:center;
- border-radius:5px;
- box-shadow:0 2px 8px -2px rgba(0,0,0,.2);
- }
- /* Right placement tooltip arrow (arrow will be on left side of tooltip) */
- .tippy-popper[x-placement^=right] .tippy-tooltip.custom-theme .tippy-arrow {
- border-right: 7px solid {color:accent one}; /* your color here */
- }
- /* Left placement tooltip arrow (arrow will be on right side of tooltip) */
- .tippy-popper[x-placement^=left] .tippy-tooltip.custom-theme .tippy-arrow {
- border-left: 7px solid {color:accent one}; /* your color here */
- }
- /* Top placement tooltip arrow (arrow will be on bottom side of tooltip) */
- .tippy-popper[x-placement^=top] .tippy-tooltip.custom-theme .tippy-arrow {
- border-top: 7px solid {color:accent one}; /* your color here */
- }
- /* Bottom placement tooltip arrow (arrow will be on top side of tooltip) */
- .tippy-popper[x-placement^=bottom] .tippy-tooltip.custom-theme .tippy-arrow {
- border-bottom: 7px solid {color:accent one}; /* your color here */
- }
- /*---- STICKY TOPBAR ----*/
- .four20 {
- left:0;
- top:0px;
- width:100%;
- height:60px;
- position:absolute;
- background:{color:accent three};
- opacity:0.9;
- z-index:999999!important;
- }
- .four20 a{
- color:#ffffff;
- display:inline-block;
- }
- .blazeit{
- position:fixed;
- top:0;
- }
- /*---- PAGINATION -----*/
- #page-navigation {text-align: center;}
- #page-navigation a, .current-page {margin: 0 0.5em;}
- .current-page {font-weight: bold; color: {color:accent one};}
- /*---- CREDIT -----*/
- #credit {
- position: fixed;
- bottom: 15px;
- right: 20px;
- font-size: 15px;
- text-shadow:0px 0px 10px {color:shadow};
- }
- {CustomCSS}
- </style>
- </head>
- <!----- HTML ----->
- <body>
- <!-- RIGHT CLICK DISABLED -->
- {block:ifRightClickDisabled}
- <script language=JavaScript>
- <!--
- //Disable right mouse click Script
- //By Maximus ([email protected]) w/ mods by DynamicDrive
- //For full source code, visit https://www.dynamicdrive.com
- var message="{text:right click disabled message}";
- ///////////////////////////////////
- function clickIE4(){
- if (event.button==2){
- alert(message);
- return false;
- }
- }
- function clickNS4(e){
- if (document.layers||document.getElementById&&!document.all){
- if (e.which==2||e.which==3){
- alert(message);
- return false;
- }
- }
- }
- if (document.layers){
- document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown=clickNS4;
- }
- else if (document.all&&!document.getElementById){
- document.onmousedown=clickIE4;
- }
- document.oncontextmenu=new Function("alert(message);return false")
- // -->
- </script>
- {/block:ifRightClickDisabled}
- <!-- main = main container -->
- <div class="four20">
- <div class="daynight"><span class="ph-sun"></span></div>
- <center>
- <div class="title">{text:custom title}</div>
- </center>
- </div>
- </div>
- <main>
- <!----- SIDEBAR ----->
- <aside id="sidebar">
- <div class="trackedtag"><a href="https://www.tumblr.com/tagged/{text:tracking tag}?sort=recent" target="_blank"><b>#{text:tracking tag}</b></a></div>
- {block:ifSidebarImage}<img src="{image:Sidebar}" id="side-img" alt="Sidebar image"/></a>{/block:ifSidebarImage}
- <div class="description">{text:custom description}</div>
- <div class="nav">
- <a title="refresh" href="/"><i class="ph ph-house-fill"></i></a>
- {block:AskEnabled}
- <a title="message" href="/ask"><i class="ph ph-chat-circle-fill"></i></a>
- {/block:AskEnabled}
- <a title="archive" href="/archive"><i class="ph ph-archive-fill"></i></a>
- {block:SubmissionsEnabled}
- <a title="submit" href="/submit"><i class="ph ph-archive-tray-fill"></i></a>
- {/block:SubmissionsEnabled}
- {block:ifLink1URL}{block:ifLink1Icon}{block:ifLink1Title}
- <a title="{text:link 1 title}" href="{text:link 1 URL}"><i class="ph ph-{text:link 1 icon}-fill"></i></a>
- {/block:ifLink1URL}{/block:ifLink1Icon}{/block:ifLink1Title}
- {block:ifLink2URL}{block:ifLink2Icon}{block:ifLink2Title}
- <a title="{text:link 2 title}" href="{text:link 2 URL}"><i class="ph ph-{text:link 2 icon}-fill"></i></a>
- {/block:ifLink2URL}{/block:ifLink2Icon}{/block:ifLink2Title}
- {block:ifLink3URL}{block:ifLink3Icon}{block:ifLink3Title}
- <a title="{text:link 3 title}" href="{text:link 3 URL}"><i class="ph ph-{text:link 3 icon}-fill"></i></a>
- {/block:ifLink3URL}{/block:ifLink1Icon}{/block:ifLink3Title}
- {block:ifLink4URL}{block:ifLink4Icon}{block:ifLink4Title}
- <a title="{text:link 4 title}" href="{text:link 4 URL}"><i class="ph ph-{text:link 4 icon}-fill"></i></a>
- {/block:ifLink4URL}{/block:ifLink4Icon}{/block:ifLink4Title}
- {block:ifLink5URL}{block:ifLink5Icon}{block:ifLink5Title}
- <a title="{text:link 5 title}" href="{text:link 5 URL}"><i class="ph ph-{text:link 5 icon}-fill"></i></a>
- {/block:ifLink5URL}{/block:ifLink5Icon}{/block:ifLink5Title}
- </div>
- </aside>
- <!----- TAG AND DAY PAGES ----->
- <!-- section = post container -->
- <section>
- {block:TagPage}
- <article>
- viewing <b>{tagresultcount}</b> posts under #{Tag}
- </article>
- {/block:TagPage}
- {block:DayPage}
- <article>
- viewing posts made on {Month} {DayOfMonth}, {Year}
- </article>
- {/block:DayPage}
- <!----- POSTS ----->
- {block:Posts}
- <article class="posts" id="{PostID}">
- {block:Text}
- {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {block:NotReblog}
- <li class="caption text-caption">
- {Body}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption text-caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="link-wrap">
- {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
- <div class="link">
- <div class="title">{Name}</div>
- {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
- {block:Host}<div class="link-host">{Host}</div>{/block:Host}
- </div>
- </a>
- {block:Description}
- {block:NotReblog}
- <li class="caption">
- {Description}
- </li>
- {/block:NotReblog}
- {/block:Description}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Link}
- {block:Photo}
- <div class="photo">
- {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}" alt="{PhotoAlt}"></a>{LinkCloseTag}
- </div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption">
- {Caption}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photo">{Photoset-700}</div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption">
- {Caption}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption">
- {Caption}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Video}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div class="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- <ul class="chat">{block:Lines}
- <li>
- {block:Label}<div class="chatter">{Label}</div>{/block:Label}
- {Line}
- </li>
- {/block:Lines}</ul>
- {/block:Chat}
- {block:Answer}
- <div class="ask-wrap">
- <div class="question">
- <img src="{AskerPortraitURL-64}" class="ask-icon">
- <div class="asking">{Asker} asked:</div>
- {Question}
- </div>
- </div>
- {block:Answerer}
- <li class="caption">
- <img src="{AnswererPortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
- {Answer}
- </li>
- {/block:Answerer}
- {block:NotReblog}
- <li class="caption">
- {Replies}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- {block:Audio}
- <div class="audiopost">
- <div class="audiobox">
- <div class="button">
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- </div>
- </div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="album-art">
- {/block:AlbumArt}
- <div class="audioinfo">
- {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
- {block:Artist}<li>{Artist}</li>{/block:Artist}
- {block:Album}<li>{Album}</li>{/block:Album}
- </div>
- </div>
- {block:Caption}
- {block:NotReblog}
- <li class="caption">
- {Caption}
- </li>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="caption">
- <img src="{PortraitURL-64}" class="user-icon">
- <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
- {Body}
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Caption}
- {/block:Audio}
- <!----- INFO ----->
- <center>
- {block:Date}
- <div class="info">
- <!-- reblog info and content source on permalink pages -->
- {block:PermalinkPage}
- {block:RebloggedFrom}
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}">{lang:Source}</a>
- {/block:ContentSource}
- {/block:PermalinkPage}
- <!-- like and reblog buttons -->
- <center>
- {block:PinnedPostLabel}
- <a style="padding:10px;" title="pinned post" href="{Permalink}" class="pinned-post" target="_blank">
- <i class="ph ph-push-pin-fill"></i>
- </a>{/block:PinnedPostLabel}
- <a style="padding:10px;" title="{Month} {DayOfMonth}, {Year}" href="{Permalink}" target="_blank">
- <i class="ph ph-clock"></i>
- </a>
- {block:NoteCount}
- <a style="padding:10px;" title="{NoteCountWithLabel}" href="{Permalink}" target="_blank">
- <i class="ph ph-note-blank"></i>
- </a>{/block:NoteCount}
- <a style="padding:10px;" title="reblog this post" href="{ReblogURL}" target="_blank">
- <i class="ph ph-arrow-counter-clockwise"></i>
- </a>
- <a title="like this post" style="padding:10px;" style="padding:10px;" class="likeb" href="#"><span class="actual-button">
- <i class="ph ph-heart-fill">{LikeButton}</i>
- </span></a>
- {block:HasTags}
- <a style="padding:10px;" title="toggle tags" class="tag-button" target="_blank">
- <i class="ph ph-tag"></i>
- </a>
- {/block:HasTags}
- </center>
- </div>
- {/block:Date}
- <!----- TAGS ----->
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- <!----- POST NOTES ----->
- {block:PermalinkPage}{block:Date}
- {block:NoteCount}{block:PostNotes}
- <div class="notes">
- {PostNotes-64}
- </div>
- {/block:PostNotes}{/block:NoteCount}
- {/block:Date}{/block:PermalinkPage}
- </article>
- {/block:Posts}
- <!-- end of posts container -->
- <!----- PAGINATION ----->
- {block:Pagination}
- <article id="page-navigation">
- {block:PreviousPage}<a title="previous page" href="{PreviousPage}"><i class="ph ph-caret-left-fill"></i></a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a title="next page" href="{NextPage}"><i class="ph ph-caret-right-fill"></i></a>{/block:NextPage}
- </article>
- {/block:Pagination}
- <br><br><br></section>
- <!-- end of main container -->
- </main>
- <script>
- //Disable right mouse click Script
- //By Maximus ([email protected]) w/ mods by DynamicDrive
- //For full source code, visit https://www.dynamicdrive.com
- {block:ifRightClickDisabled}
- var message="{text:right click disabled message}";
- ///////////////////////////////////
- function clickIE4(){
- if (event.button==2){
- alert(message);
- return false;
- }
- }
- function clickNS4(e){
- if (document.layers||document.getElementById&&!document.all){
- if (e.which==2||e.which==3){
- alert(message);
- return false;
- }
- }
- }
- if (document.layers){
- document.captureEvents(Event.MOUSEDOWN);
- document.onmousedown=clickNS4;
- }
- else if (document.all&&!document.getElementById){
- document.onmousedown=clickIE4;
- }
- document.oncontextmenu=new Function("alert(message);return false")
- {/block:ifRightClickDisabled}
- // tippy tooltips
- tippy('[title]', {
- theme: 'custom',
- arrow: false,
- followCursor: false,
- delay: 100,
- placement: 'top',
- offset: "0, -5",
- zIndex: 9999999999,
- maxWidth: 400,
- content(reference) {
- const title = reference.getAttribute('title');
- reference.removeAttribute('title');
- return title;
- },
- });
- //tags on click by seyche
- $(document).ready(function(){
- $('.tags').hide();
- $('.tag-button').click(function() {
- $(this).closest('article').find('.tags').slideToggle(500);
- $(this).toggleClass('tag-clicked');
- return false;
- });
- });
- //sticky topbar
- $(document).ready(function(){
- $(window).bind('scroll', function(){
- if($(window).scrollTop() > 200){
- $('.four20').addClass('blazeit');
- }
- else{
- $('.four20').removeClass('blazeit');
- }
- });
- });
- //daynight mode
- $(document).ready(function(){
- $('.daynight').click(function(){
- //rest of the code will go here
- $(document).ready(function(){
- $('.daynight').click(function(){
- $('body').toggleClass('night');
- $('.daynight span').toggleClass('ph-moon');
- });
- });
- });
- });
- </script>
- <!----- CREDIT: DO NOT TOUCH. ----->
- <a title="OH, ABIGAIL by kai" href="https://heroeddiemunson.tumblr.com" id="credit">
- <svg xmlns="https://www.w3.org/2000/svg" width="18" height="18" fill="{color:accent one}" viewBox="0 0 256 256"><path d="M128,16a96.11,96.11,0,0,0-96,96c0,24,12.56,55.06,33.61,83,21.18,28.15,44.5,45,62.39,45s41.21-16.81,62.39-45c21.05-28,33.61-59,33.61-83A96.11,96.11,0,0,0,128,16ZM64,116a12,12,0,0,1,12-12,36,36,0,0,1,36,36,12,12,0,0,1-12,12A36,36,0,0,1,64,116Zm80,84H112a8,8,0,0,1,0-16h32a8,8,0,0,1,0,16Zm12-48a12,12,0,0,1-12-12,36,36,0,0,1,36-36,12,12,0,0,1,12,12A36,36,0,0,1,156,152Z"></path></svg>
- </a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment