Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ╭━━━┳╮╱╭┳━━━┳━━━┳━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
- ┃╭━╮┃┃╱┃┃╭━━┫╭━╮┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
- ┃╰━━┫╰━╯┃╰━━┫┃╱┃┣╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
- ╰━━╮┃╭━╮┃╭━━┫╰━╯┃╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
- ┃╰━╯┃┃╱┃┃╰━━┫╭━╮┃╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
- ╰━━━┻╯╱╰┻━━━┻╯╱╰╯╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
- Theme ⎾BREACH⏌ by sheathemes @ tumblr
- - TERMS -
- I. Do NOT remove my credit from the index page. Keep it exactly where it is
- II. Do NOT take any part of my code to use for your personal designs
- III. Do NOT claim any part of my code as your own
- IV. NO redistrubuting of any of my code
- V. Editing is allowed. As long as it's NOT being claimed as your own
- CREDITS
- > PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Modified PXU photoset script tutorial by bychloethemes @ tumblr: http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by
- > Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
- > Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
- > Icons: https://icons8.com/line-awesome / https://feathericons.com/
- > Smoothscroll script: https://cdnjs.com/libraries/smoothscroll
- > Tippy.js: https://atomiks.github.io/tippyjs/
- > NPF Photoset Fix: https://annalogs.tumblr.com/photosets
- > customaudio.js: https://annasthms.tumblr.com/more/js/customaudio/new
- > Mini spotify player: https://glenthemes.tumblr.com/post/659842079511461888
- > NPF images fix v3.0: https://github.com/npf-images-v3/npf-images-v3.github.io/blob/main/WELCOME.md
- > Customized page border: https://glenthemes.tumblr.com/post/671422052920705024/customize-page-divider-tutorial
- !-->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!------------Smooth Scroll Script------------>
- <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
- <!------------Smooth Scroll Script------------>
- <!--------------Custom Fonts-------------->
- <link rel="preconnect" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&family=Open+Sans:wght@400;700&family=Playfair+Display&family=Poppins:wght@400;700&family=Roboto:wght@400;700&family=Epilogue:wght@400;700&family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
- <!--------------Custom Fonts-------------->
- <!--------------Homelinks Icons -------------->
- <link href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" rel="stylesheet">
- <!--------------Homelinks Icons-------------->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta charset="utf-8">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!----------------Custom Options---------------->
- <meta name="color:background" content="#fbfbfb" />
- <meta name="color:accent" content="#79D7FF" />
- <meta name="color:accented text" content="#ffffff" />
- <meta name="color:text" content="#414552" />
- <meta name="color:bold" content="#b8baff"/>
- <meta name="color:italic" content="#b8baff"/>
- <meta name="color:Links" content="#000000" />
- <meta name="color:Link Hover" content="#b8baff" />
- <meta name="color:text selection" content="#000000" />
- <meta name="color:text selection background" content="#79D7FF" />
- <meta name="color:blockquote" content="#79D7FF" />
- <meta name="color:scrollbar" content="#79D7FF" />
- <meta name="color:sidebar title" content="#000000" />
- <meta name="color:sidebar description" content="#414552" />
- <meta name="color:navigation" content="#000000" />
- <meta name="color:navigation hover" content="#b8baff" />
- <meta name="color:Posts" content="#ffffff" />
- <meta name="color:Post Title" content="#000000" />
- <meta name="color:Post Borders" content="#f6f6f6" />
- <meta name="color:question" content="#000000" />
- <meta name="color:question background" content="#fafafa" />
- <meta name="color:chat odd" content="#b8baff"/>
- <meta name="color:chat even" content="#000000"/>
- <meta name="color:pagination" content="#000000" />
- <meta name="color:permalink" content="#ffffff" />
- <meta name="color:permalink background" content="#23192d" />
- <meta name="color:permalink hover" content="#cccccc" />
- <meta name="color:◆:*:◇:*:◆:*:◇:*:◆">
- <meta name="color:accent night" content="#79D7FF" />
- <meta name="color:accented text night" content="#000000" />
- <meta name="color:background night" content="#313131" />
- <meta name="color:lightbox background night" content="#313131" />
- <meta name="color:text night" content="#ffffff" />
- <meta name="color:bold night" content="#79D7FF" />
- <meta name="color:italic night" content="#79D7FF" />
- <meta name="color:links night" content="#ffffff" />
- <meta name="color:link hover night" content="#79D7FF" />
- <meta name="color:posts background night" content="#414141" />
- <meta name="color:night borders" content="#313131" />
- <meta name="color:posts title night" content="#ffffff" />
- <meta name="color:sidebar title night" content="#ffffff" />
- <meta name="color:navigation night" content="#ffffff" />
- <meta name="color:navigation hover night" content="#79D7FF" />
- <meta name="color:question night" content="#ffffff" />
- <meta name="color:question background night" content="#525252" />
- <meta name="color:permalink night" content="#ffffff" />
- <meta name="color:permalink background night" content="#525252" />
- <meta name="color:permalink hover night" content="#79D7FF" />
- <meta name="select:Background Attachment" content="fixed" title="fixed">
- <meta name="select:Background Attachment" content="scroll" title="scroll">
- <meta name="select:Background Repeat" content="repeat" title="repeat">
- <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
- <meta name="select:Body Font" content="Open Sans" title="Open Sans">
- <meta name="select:Body Font" content="Lato" title="Lato">
- <meta name="select:Body Font" content="Titillium Web" title="Titillium Web">
- <meta name="select:Body Font" content="Noto Sans JP" title="Noto Sans JP">
- <meta name="select:Body Font" content="Roboto" title="Roboto">
- <meta name="select:Body Font" content="Inter" title="Inter">
- <meta name="select:Body Font" content="Poppins" title="Poppins">
- <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro">
- <meta name="select:font size" content="11" title="11px">
- <meta name="select:font size" content="12" title="12px">
- <meta name="select:font size" content="13" title="13px">
- <meta name="select:font size" content="14" title="14px">
- <meta name="select:text align" content="left" title="left">
- <meta name="select:text align" content="justify" title="justify">
- <meta name="select:description text align" content="left" title="left">
- <meta name="select:description text align" content="justify" title="justify">
- <meta name="select:Post Size" content="300" title="300px">
- <meta name="select:Post Size" content="350" title="350px">
- <meta name="select:Post Size" content="375" title="375px">
- <meta name="select:Post Size" content="400" title="400px">
- <meta name="select:Post Size" content="450" title="450px">
- <meta name="select:Post Size" content="475" title="475px">
- <meta name="select:Post Size" content="500" title="500px">
- <meta name="select:Post Size" content="525" title="525px">
- <meta name="select:Post Size" content="540" title="540px">
- <meta name="select:Post Padding" content="0" title="0px">
- <meta name="select:Post Padding" content="2" title="2px">
- <meta name="select:Post Padding" content="5" title="5px">
- <meta name="select:Post Padding" content="10" title="10px">
- <meta name="select:Post Padding" content="15" title="15px">
- <meta name="select:Post Padding" content="20" title="20px">
- <meta name="select:Photoset gutter" content="1" title="1px">
- <meta name="select:Photoset gutter" content="2" title="2px">
- <meta name="select:Photoset gutter" content="4" title="4px">
- <meta name="select:Photoset gutter" content="6" title="6px">
- <meta name="select:Photoset gutter" content="8" title="8px">
- <meta name="select:Photoset gutter" content="10" title="10px">
- <meta name="text:topbar title" content="topbar title"/>
- <meta name="text:margin bottom" content="50"/>
- <meta name="if:Link1" content="1" />
- <meta name="if:Link2" content="1" />
- <meta name="if:Link3" content="1" />
- <meta name="if:Link4" content="1" />
- <meta name="if:Link5" content="1" />
- <meta name="if:Link6" content="1" />
- <meta name="text:CustomLink1URL" content="Link 1 URL" />
- <meta name="text:CustomLink1Name" content="Link 1" />
- <meta name="text:CustomLink2URL" content="Link 2 URL" />
- <meta name="text:CustomLink2Name" content="Link 2" />
- <meta name="text:CustomLink3URL" content="Link 3 URL" />
- <meta name="text:CustomLink3Name" content="Link 3" />
- <meta name="text:CustomLink4URL" content="Link 4 URL" />
- <meta name="text:CustomLink4Name" content="Link 4" />
- <meta name="text:CustomLink5URL" content="Link 5 URL" />
- <meta name="text:CustomLink5Name" content="Link 5" />
- <meta name="text:CustomLink6URL" content="Link 6 URL" />
- <meta name="text:CustomLink6Name" content="Link 6" />
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="if:inverted tumblr controls" content="1" />
- <meta name="if:Small Cursor" content="0" />
- <meta name="if:Custom Text Selection" content="0"/>
- <meta name="if:Faded Images" content="0"/>
- <meta name="if:Grayscale Images" content="0"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="if:hover tags" content="1" />
- <!----------------Custom Options---------------->
- <!--
- NPF images fix v3.0 by @glenthemes [2021]
- 💌 git.io/JRBt7
- --->
- <script src="//npf-images-v3.github.io/script.js"></script>
- <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
- <style tmblr-npf>
- :root {
- --NPF-Caption-Spacing:1em;
- --NPF-Image-Spacing:4px;
- /*---------- NIGHT MODE COLOR CUSTOMIZATION (DO NOT TOUCH)----------*/
- --accent-night: {color:accent night};
- --accented-text-night: {color:accented text night};
- --background-night: {color:background night};
- --lightbox-background-night: rgba({RGBcolor:background night}, 0.6);
- --text-night: {color:text night};
- --bold-night: {color:bold night};
- --italic-night: {color:italic night};
- --links-night: {color:links night};
- --link-hover-night: {color:link hover night};
- --posts-background-night: {color:posts background night};
- --night-borders: {color:night borders};
- --posts-title-night: {color:posts title night};
- --sidebar-title-night: {color:sidebar title night};
- --navigation-night: {color:navigation night};
- --navigation-hover-night: {color:navigation hover night};
- --question-night: {color:question night};
- --question-background-night: {color:question background night};
- --permalink-night: {color:permalink night};
- --permalink-background-night: {color:permalink background night};
- --permalink-hover-night: {color:permalink hover night};
- }
- /*----------TUMBLR CONTROLS----------*/
- iframe.tmblr-iframe {
- position:fixed!important;
- z-index: 300!important;
- top: 20px!important;
- right: 15px!important;
- opacity:0.6!important;
- {block:ifinvertedtumblrcontrols}
- filter:invert(1);
- -webkit-filter:invert(1);
- -o-filter:invert(1);
- -moz-filter:invert(1);
- -ms-filter:invert(1);
- filter:invert(100%) hue-rotate(180deg);
- -webkit-filter:invert(100%) hue-rotate(180deg);
- -moz-filter:invert(100%) hue-rotate(180deg);
- -o-filter:invert(100%) hue-rotate(180deg);
- -ms-filter:invert(100%) hue-rotate(180deg);
- {/block:ifinvertedtumblrcontrols}
- transform:scale(0.7);
- transform-origin:100% 0;
- -webkit-transform:scale(0.7);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.7);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.7);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.7);
- -ms-transform-origin:100% 0;
- -webkit-transition: 0.8s ease;
- -moz-transition: 0.8s ease;
- -o-transition: 0.8s ease;
- transition: 0.8s ease;
- }
- iframe.tmblr-iframe:hover {
- opacity:0.8!important;
- -webkit-transition: 0.8s ease;
- -moz-transition: 0.8s ease;
- -o-transition: 0.8s ease;
- transition: 0.8s ease;
- }
- body.night iframe.tmblr-iframe {
- opacity: 1;
- filter:invert(0)!important;
- -webkit-filter:invert(0)!important;
- -o-filter:invert(0)!important;
- -moz-filter:invert(0)!important;
- -ms-filter:invert(0)!important;
- filter:invert(100%) hue-rotate(180deg);
- -webkit-filter:invert(100%) hue-rotate(180deg);
- -moz-filter:invert(100%) hue-rotate(180deg);
- -o-filter:invert(100%) hue-rotate(180deg);
- -ms-filter:invert(100%) hue-rotate(180deg);
- -webkit-transition: 0.8s ease;
- -moz-transition: 0.8s ease;
- -o-transition: 0.8s ease;
- transition: 0.8s ease;
- }
- /*--------CUSTOM TUMBLR LIGHTBOX--------*/
- .vignette, #vignette {
- opacity:0;
- }
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;
- }
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba({RGBcolor:Background}, 0.6) !important;
- }
- body.night .tmblr-lightbox, body.night #tumblr_lightbox {
- background-color:var(--lightbox-background-night)!important;
- transition: 0.6s;
- }
- .lightbox-image, #tumblr_lightbox img {
- background-color: {color:posts} !important;
- padding: 10px !important;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- }
- body.night .lightbox-image, body.night #tumblr_lightbox img {
- background-color: var(--posts-background-night)!important;
- transition: 0.6s;
- }
- /*----------SCROLLBAR----------*/
- ::-webkit-scrollbar {
- width: 10px;
- height: 6px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:scrollbar};
- border-radius: 20px;
- border: 2px solid {color:Background};
- }
- body.night::-webkit-scrollbar-thumb {
- background-color: var(--accent-night);
- border: 2px solid var(--background-night)!important;
- transition: 0.6s;
- }
- ::-webkit-scrollbar-track {
- background: {color:posts};
- border: 8px solid {color:posts};
- border-radius: 20px;
- }
- body.night::-webkit-scrollbar-track {
- background-color: var(--background-night)!important;
- border: 8px solid var(--background-night)!important;
- transition: 0.6s;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- /*----------TOOLTIPS----------*/
- .tippy-tooltip.custom-theme {
- background-color: {color:accent};
- color: {color:accented text};
- text-align:center;
- font-size: 12px;
- font-weight: 700;
- }
- body.night .tippy-tooltip.custom-theme {
- background-color: var(--accent-night);
- color: var(--accented-text-night);
- }
- .tippy-tooltip.custom-theme .tippy-svg-arrow {
- fill: {color:accent};
- }
- body.night .tippy-svg-arrow {
- fill: var(--accent-night)!important;
- }
- /*----------TEXT SELECTION----------*/
- {block:ifCustomTextSelection}
- ::selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- ::-moz-selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- ::-webkit-selection {
- background: {color:text selection background};
- color: {color:text selection};
- }
- {/block:ifCustomTextSelection}
- /*----------THEME BASICS----------*/
- html, body {
- color: {color:text};
- font-family: {select:Body Font}, helvetica, sans-serif;
- font-weight: 400;
- font-size: {select:font size}px;
- line-height:180%;
- margin:0;
- padding: 0;
- text-align:left;
- background: {color:background} url({image:Background}) center;
- background-attachment: {select:Background Attachment};
- background-repeat: {select:Background Repeat};
- transition: 0.2s;
- }
- body.night {
- background: var(--background-night)!important;
- color:var(--text-night)!important;
- transition:0.2s;
- }
- p:empty {
- display: none;
- }
- b,strong {
- color:{color:bold};
- font-weight: 700;
- }
- body.night b, body.night strong {
- color:var(--bold-night)!important;
- transition:.6s;
- }
- i,em {
- color:{color:italic};
- }
- body.night i, body.night em {
- color: var(--italic-night)!important;
- transition: 0.6s;
- }
- small,sub,sup {
- font-size: calc({select:font size}px - 0.5px);
- }
- h1,h2,h3 {
- font-weight: 700;
- font-size: 1.3em;
- color: {color:bold};
- transition: 0.6s;
- }
- body.night h1,body.night h2,body.night h3 {
- color:var(--bold-night)!important;
- transition:.6s;
- }
- h4,h5,h6 {
- font-weight: 700;
- font-size: 1.2em;
- color: {color:bold};
- transition: 0.6s;
- }
- body.night h4,body.night h5,body.night h6 {
- color:var(--bold-night)!important;
- transition:.6s;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- padding: 5px 10px;
- font-family: inherit;
- font-weight: 400;
- line-height: 150%;
- }
- blockquote:not(.tumblr_parent) {
- padding-left: 10px;
- margin: 10px;
- border-radius: 5px;
- border-left: 3px solid {color:blockquote};
- transition: 0.6s;
- }
- body.night blockquote:not(.tumblr_parent) {
- border-left: 3px solid var(--accent-night);
- transition:.6s;
- }
- blockquote img {
- max-width: 100%;
- height: auto;
- }
- figure {
- margin: 1em 3px;
- }
- a {
- color:{color:links};
- text-decoration:none;
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- body.night a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- body.night a:hover {
- color: var(--link-hover-night)!important;
- }
- {block:ifSmallCursor}
- html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
- a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important;}
- {/block:ifSmallCursor}
- /*----------PAGINATION----------*/
- #pagination {
- margin: 20px auto 0 auto;
- text-align:center;
- background-color: {color:posts};
- padding: 15px 20px;
- font-size: 1.1em;
- }
- body.night #pagination {
- background-color: var(--posts-background-night)!important;
- transition: 0.6s;
- }
- .current_page {
- color:{color:pagination};
- border-bottom: 2px solid {color:accent};
- padding: 5px 10px;
- transition: 0.6s;
- font-weight: 700;
- transition: 0.6s;
- }
- body.night .current_page {
- color: var(--links-night);
- border-bottom: 2px solid var(--accent-night);
- transition: 0.6s;
- }
- #pagination a {
- margin: 0 10px;
- padding: 5px 10px;
- color: {color:pagination};
- font-weight: 700;
- border-bottom: 2px solid transparent;
- transition: 0.6s;
- }
- body.night #pagination a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- #pagination a:hover {
- color: {color:link hover};
- transition: 0.6s;
- }
- body.night #pagination a:hover {
- color: var(--link-hover-night)!important;
- transition: 0.6s;
- }
- /*----------POSIS CONTAINER----------*/
- .cage {
- width: 100%;
- height: 100%;
- position: relative;
- }
- .wrap {
- position: relative;
- margin: 0 auto;
- padding-top: 120px;
- display: flex;
- align-items: flex-start;
- flex-flow: row wrap;
- width: calc({select:post size}px + 720px);
- {block:PermalinkPage}
- width: calc(540px + 680px);
- {/block:PermalinkPage}
- }
- #content {
- position: relative;
- margin: 60px 85px 60px auto;
- width: {select:Post Size}px;
- {block:PermalinkPage}
- width: 540px;
- {/block:PermalinkPage}
- }
- .posts {
- position: relative;
- border: 1px solid {color:post borders};
- width: {select:post size}px;
- background-color: {color:posts};
- {block:IndexPage}
- margin-bottom: {text:margin bottom}px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom: 50px;
- width: 540px;
- {/block:PermalinkPage}
- transition: 0.6s;
- }
- body.night .posts {
- background-color: var(--posts-background-night)!important;
- border: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- .la-thumbtack {
- color: {color:links};
- border: 3px solid {color:accent};
- padding: 5px;
- font-size: 18px;
- width: 20px;
- height: 20px;
- transition: 0.6s;
- }
- body.night .la-thumbtack {
- background-color: var(--posts-background-night);
- color: var(--links-night);
- border: 3px solid var(--accent-night);
- transition: 0.6s;
- }
- .posts ul li {
- list-style: none;
- margin-left: -25px;
- padding-left: 10;
- }
- .posts ul li:before {
- content: "―";
- padding-right: 5px;
- color: {color:accent};
- transition: 0.6s;
- }
- body.night .posts ul li:before {
- color: var(--accent-night);
- transition: 0.6s;
- }
- .posts ol {
- list-style-type: upper-roman;
- text-transform: justify;
- margin-left: -10px;
- }
- .posts iframe {
- max-width:100%;
- display: block;
- padding: 0;
- margin: 0
- }
- .posts img {
- max-width: 100%;
- display: block;
- border: 0;
- }
- .tumblr_video_container {
- width: auto !important;
- height: auto !important;
- }
- .posts .photo img {
- {block:ifFadedImages}
- {block:IndexPage}
- opacity: 0.6;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- .posts:hover .photo img {
- opacity: 1.0;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- {/block:IndexPage}
- {/block:ifFadedImages}
- }
- {block:ifGrayscaleImages}
- {block:IndexPage}
- .posts .photo img {
- z-index: -9999999999999999999999999px;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- filter: gray;
- /* IE 6-9 */
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- .posts:hover .photo img {
- -webkit-filter: none;
- filter: none;
- -moz-transition: all 0.8s ease-in;
- -o-transition: all 0.8s ease-in;
- -webkit-transition: all 0.8s ease-in;
- transition: all 0.8s ease-in;
- }
- {/block:IndexPage}
- {/block:ifGrayscaleImages}
- /*----------TEXT/CAPTION CONTAINER----------*/
- .photo, .video, .photo-slideshow {
- padding: {select:Post Padding}px;
- }
- .npf_inst, #npf_a0rsv {
- margin-bottom: 20px;
- }
- .npf_inst.photo-origin, #npf_wmw57 {
- padding-top: 10px;
- }
- .caption {
- text-align: {select:text align};
- }
- .caption figcaption {
- padding: 15px;
- }
- figcaption p {
- margin: 5px 0 0;
- }
- .caption img {
- max-width: 100%;
- height: auto;
- }
- .reblog-list {
- padding: 0 10px;
- }
- .reblog-header {
- padding: 20px 15px 0 15px;
- margin-bottom: 10px;
- }
- .reblog-header img {
- width: 25px;
- height: 25px;
- display: inline-block;
- vertical-align: middle;
- margin-right: 10px;
- border-radius: 100%;
- }
- .inactive, .user, .deactivated {
- font-weight: 700;
- color: {color:links};
- text-align: center;
- transition: 0.6s;
- }
- body.night .inactive, body.night .user, body.night .deactivated {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .user:hover {
- color: {color:link hover};
- transition: 0.6s;
- }
- body.night .user:hover {
- color: var(--link-hover-night)!important;
- transition: 0.6s;
- }
- .reblog-content {
- padding: 5px 15px;
- }
- .read_more {
- position: relative;
- width: 100%;
- padding: 2px 10px;
- font-weight: 700;
- transition: 0.6s;
- color: {color:accented text};
- background-color: {color:accent};
- }
- body.night .read_more {
- color: var(--accented-text-night)!important;
- background-color: var(--accent-night);
- transition: 0.6s;
- }
- .read_more:hover {
- background-color: transparent;
- color: {color:links};
- transition: 0.6s;
- }
- body.night .read_more:hover {
- background-color: transparent;
- color: var(--links-night);
- transition: 0.6s;
- }
- /*----------POST INFO & PERMALINKS----------*/
- .src-box {
- position: sticky;
- top: 100px;
- }
- .src {
- position: absolute;
- right: -50px;
- }
- .src img {
- width: 35px;
- height: 35px;
- margin-bottom: 8px;
- border: 3px solid {color:accent};
- box-sizing: border-box;
- padding: 3px;
- transition: 0.6s;
- }
- body.night .src img {
- border: 3px solid var(--accent-night)!important;
- transition: 0.6s;
- }
- .time {
- background-color: {color:permalink background};
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding-right: 10px;
- transition: 0.6s;
- }
- body.night .time {
- background-color: var(--permalink-background-night)!important;
- transition: 0.6s;
- }
- .time a {
- color: {color:permalink};
- transition: 0.6s;
- }
- body.night .time a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .time a:hover {
- color: {color:permalink hover};
- transition: 0.6s;
- }
- body.night .time a:hover {
- color: var(--permalink-hover-night)!important;
- transition: 0.6s;
- }
- #date-box {
- width: 60px;
- height: 60px;
- background-color: {color:accent};
- text-align: center;
- padding: 6px 10px 10px;
- box-sizing: border-box;
- transition: 0.6s;
- }
- body.night #date-box {
- background-color: var(--accent-night);
- transition: 0.6s;
- }
- #date-box a {
- font-weight: 700;
- font-size: 1.1em;
- line-height: 10px;
- color: {color:accented text};
- transition: 0.6s;
- }
- body.night #date-box a {
- color: var(--accented-text-night)!important;
- transition: 0.6s;
- }
- #date-box span {
- font-size: 0.9em;
- font-weight: 400;
- }
- .controls a {
- position:relative;
- display:inline-block;
- margin: 0 2px;
- }
- .la-chart-bar, .la-sync, .la-grin-hearts {
- color: {color:permalink};
- font-size: 20px;
- display: inline-block;
- vertical-align: middle;
- transition: 0.6s;
- }
- body.night .la-chart-bar, body.night .la-sync, body.night .la-grin-hearts {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .la-chart-bar {
- margin-right: 5px;
- }
- .like .liked + .la-grin-hearts {
- opacity: 1;
- }
- .like .liked + .la-grin-hearts {
- color: #ec5a5a;
- }
- .like .like_button iframe {
- position:absolute;
- top: -1px;
- left:0;
- bottom:0;
- right:0;
- width:100%;
- height:100%;
- z-index:2;
- opacity:0.000001;
- }
- /*--------POST TAGS--------*/
- .post_tags {
- margin-top: 15px;
- padding: 10px 0;
- white-space: nowrap;
- overflow: hidden;
- position: absolute;
- width: {select:post size}px;
- {block:ifhovertags}
- opacity: 0;
- {/block:ifhovertags}
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- transition-duration: 0.8s;
- }
- .posts:hover .post_tags {
- opacity: 1;
- -moz-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- transition-duration: 0.8s;
- }
- .post_tags.draggable .post_tags_inner {
- cursor: col-resize;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .post_tags_inner {
- float: left;
- position: relative;
- padding: 0px 20px 0px 0;
- }
- .post_tags a,
- .post_tags .post_tag {
- display: inline-block;
- color: {color:links};
- font-size: 12px;
- font-weight: 700;
- transition: 0.6s;
- }
- body.night .post_tags a,
- .post_tags .post_tag {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .post_tags:after {
- content: '';
- position: absolute;
- right: 0;
- bottom: 0;
- width: 50px;
- height: 40px;
- }
- .post_tags a:hover,
- .post_tags .post_tag:hover,
- .post_tags a:focus,
- .post_tags .post_tag:focus,
- .post_tags a:active,
- .post_tags .post_tag:active {color:{color:permalink hover};}
- .la-tag {
- margin-right: 10px;
- padding: 5px;
- background-color: {color:accent};
- color: {color:accented text};
- font-size:18px;
- display:inline-block;
- vertical-align: middle;
- transition: 0.6s;
- }
- body.night .la-tag {
- background-color: var(--accent-night);
- color: var(--accented-text-night)!important;
- transition: 0.6s;
- }
- /*----------PERMALINK PAGE----------*/
- #perma {
- width: 540px;
- padding: 10px 5px;
- margin: 0 auto;
- background-color: {color:posts};
- text-align: center;
- text-transform: lowercase;
- box-sizing: border-box;
- position: relative;
- }
- body.night #perma {
- background-color: var(--posts-background-night)!important;
- border: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- #perma span {
- font-family: 'Merriweather', serif;
- font-size: 1.2em;
- }
- #permatg {
- width: 540px;
- padding: 10px;
- margin: 10px auto 10px;
- background-color: {color:posts};
- text-align: center;
- text-transform: lowercase;
- box-sizing: border-box;
- position: relative;
- transition: 0.6s;
- }
- body.night #permatg {
- background-color: var(--posts-background-night)!important;
- border: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- #permatg a {
- display: inline-block;
- margin: 0 5px;
- color: {color:links};
- transition: 0.6s;
- }
- body.night #permatg a {
- color: var(--links-night);
- transition: 0.6s;
- }
- #permatg a:hover {
- color: {color:link hover};
- }
- body.night #permatg a:hover {
- color: var(--link-hover-night);
- transition: 0.6s;
- }
- .rb {
- position: absolute;
- left: 46%;
- margin-top: 27px;
- display: inline-block;
- z-index: 1;
- }
- .root img, .via img {
- border-radius: 100%;
- padding: 3px;
- margin-right: 2px;
- background-color: {color:accent};
- transition: 0.6s;
- }
- body.night .root img, .via img {
- background-color: var(--accent-night);
- transition: 0.6s;
- }
- #notecontainer {
- margin: 10px auto;
- width: 540px;
- background-color: {color:posts};
- position: relative;
- transition: 0.6s;
- }
- body.night #notecontainer {
- background-color: var(--posts-background-night)!important;
- border: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- font-size: {text:body font}px;
- }
- #notecontainer ol.notes li.note {
- padding: 15px;
- }
- #notecontainer img.avatar {
- margin-right: 10px;
- vertical-align: middle;
- width: 25px;
- height: 25px;
- border-radius: 5px;
- }
- #permpage {
- text-align: center;
- margin-top: 50px;
- }
- .la-angle-double-left, .la-angle-double-right {
- padding: 5px;
- font-size: 20px;
- line-height: 14px;
- display: inline-block;
- height: 16px;
- border-radius: 5px;
- margin: 0 10px;
- background-color: {color:accent};
- color: {color:accented text};
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- transition: all 0.6s ease;
- }
- body.night .la-angle-double-left, body.night .la-angle-double-right {
- background-color: var(--accent-night);
- color: var(--accented-text-night)!important;
- transition: 0.6s;
- }
- .la-angle-double-left:hover, .la-angle-double-right:hover {
- background-color: transparent;
- color: {color:links};
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- -o-transition: all 0.6s ease;
- transition: all 0.6s ease;
- }
- body.night .la-angle-double-left:hover, body.night .la-angle-double-right:hover {
- color: var(--links-night)!important;
- background-color: transparent;
- transition: 0.6s;
- }
- /*----------TUMBLR TEXT/LINKS----------*/
- .posts .title, .posts .link {
- color: {color:post title};
- padding: 20px;
- font-size: 1.5em;
- font-weight: 700;
- line-height: 200%;
- position: relative;
- line-height: 120%;
- transition: 0.6s;
- }
- body.night .posts .title, body.night .posts .link {
- color: var(--posts-title-night)!important;
- transition: 0.6s;
- }
- .posts .title:before, .posts .link:before {
- content: '';
- position: absolute;
- top: 90%;
- left: 20px;
- width: 10%;
- height: 3px;
- background-color: {color:accent};
- transition: 0.6s;
- }
- body.night .posts .title:before, body.night .posts .link:before {
- background-color: var(--accent-night);
- transition: 0.6s;
- }
- .posts .link a {
- color: {color:post title};
- transition: 0.6s;
- }
- body.night .posts .link a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .posts .link a:hover {
- color: {color:link hover};
- transition: 0.6s;
- }
- body.night .posts .link a:hover {
- color: var(--link-hover-night)!important;
- transition: 0.6s;
- }
- .thumbnail img {
- width: 100%;
- height: auto;
- display: block;
- }
- /*----------TUMBLR QUOTES----------*/
- .qt {
- padding: 20px 20px 0;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .quote {
- line-height: 150%;
- font-size: 1.5em;
- font-family: 'Roboto Slab', serif;
- padding: 20px;
- padding-left: 20px;
- border-left: 1px solid {color:post borders};
- transition: 0.6s;
- }
- body.night .quote {
- border-left: 1px solid var(--accent-night);
- }
- .la-quote-right {
- border: 2px solid {color:accent};
- color: {color:links};
- padding: 5px;
- font-size: 1.2em;
- align-self: center;
- border-radius: 5px;
- transition: 0.6s;
- }
- body.night .la-quote-right {
- color: var(--links-night)!important;
- border: 2px solid var(--accent-night);
- transition: 0.6s;
- }
- .quote-box {
- font-size: 20px;
- align-self: center;
- margin-right: 20px;
- }
- .qtsource {
- padding: 0 20px 20px;
- }
- /*----------TUMBLR AUDIO----------*/
- .audiowrapper {
- clear: both;
- background-color: {color:question background};
- display:flex;
- transition: 0.6s;
- height: 200px;
- transition: 0.6s;
- }
- body.night .audiowrapper {
- background-color: var(--question-background-night)!important;
- transition: 0.6s;
- }
- .audio-content {
- width:30%;
- padding:10%;
- position:relative;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .audio-content .audio_player {
- background-color: {color:posts};
- }
- .audio_player {
- position: absolute;
- z-index: 2;
- width: 70px;
- height: 70px;
- border-radius: 50%;
- }
- body.night .audio-content .audio_player {
- background-color: var(--question-background-night)!important;
- transition: 0.6s;
- }
- .audio_player > div {
- display: inline-block;
- margin: 0 0.5em 0 0;
- vertical-align: middle;
- }
- .custom_audio_buttons {
- height: 1.25em;
- }
- .custom_audio_buttons svg {
- width : 1.70em;
- height: 1.70em;
- margin-left: 24px;
- margin-top: 22px;
- stroke: {color:text};
- transition: 0.6s;
- }
- body.night .custom_audio_buttons svg {
- stroke: var(--text-night)!important;
- transition:.6s;
- }
- .custom_audio_error_icon svg {
- stroke: red;
- }
- .custom_audio_duration {
- display: inline;
- }
- .custom_audio_seekbar {
- height: 0.5em;
- border: 1px solid {color:text};
- margin-top: 20px;
- transition: 0.6s;
- }
- body.night .custom_audio_seekbar {
- border: 1px solid var(--accent-night)!important;
- transition:.6s;
- }
- .custom_audio_seekbar_progress {
- width: 0;
- height: 100%;
- background: {color:links};
- transition: 0.6s;
- }
- body.night .custom_audio_seekbar_progress {
- background: var(--links-night);
- transition: 0.6s;
- }
- .custom_audio_current_time, .custom_audio_time_left {
- font-size: 12px;
- }
- .custom_audio_time_left {
- float: right;
- }
- .audio_info p {
- margin: 0.25em 0;
- }
- .music_menu {
- margin:0px;
- padding:0px;
- list-style:none;
- padding: 5%;
- width: 55%;
- align-self: center;
- font-size:18px;
- font-weight: 700;
- color: {color:links};
- transition: 0.6s;
- }
- body.night .music_menu {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .music_menu p {
- margin: 5px 0;
- }
- .music_menu p:nth-child(2) {
- font-weight: 400;
- font-size: 15px;
- }
- /*----------TUMBLR QUESTION/ANSWER----------*/
- #askcont, #replycont {
- padding: 15px;
- display: flex;
- flex-direction: column;
- }
- #askcont img {
- float:left;
- display: inline-block;
- vertical-align: middle;
- margin-right: 20px;
- width: 40px;
- height: 40px;
- padding: 5px;
- border: 3px solid {color:accent};
- border-radius: 100%;
- transition: 0.6s;
- }
- body.night #askcont img {
- border: 3px solid var(--accent-night);
- transition: 0.6s;
- }
- #replycont img {
- float: right;
- display: inline-block;
- vertical-align: middle;
- margin-left: 20px;
- width: 40px;
- height: 40px;
- padding: 5px;
- border: 3px solid {color:accent};
- border-radius: 100%;
- transition: 0.6s;
- }
- body.night #replycont img {
- border: 3px solid var(--accent-night);
- transition: 0.6s;
- }
- #asker {
- text-transform: lowercase;
- color: {color:links};
- margin: 10px 0 20px;
- display: flex;
- transition: 0.6s;
- }
- body.night #asker {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- #asking, #replying {
- align-self: center;
- line-height: 20px;
- }
- #replier {
- text-transform: lowercase;
- color: {color:links};
- margin-bottom: 20px;
- display: flex;
- justify-content: flex-end;
- transition: 0.6s;
- }
- body.night #replier {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- #replying {
- text-align: right;
- }
- #asker a, #replier a {
- color: {color:links};
- font-weight: 700;
- font-size: 1.1em;
- transition: 0.6s;
- }
- #asker a:hover, #replier a:hover {
- color: {color:link hover};
- }
- body.night #asker a, body.night #replier a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- #asker a:hover, #replier a:hover {
- color: {color:links};
- transition: 0.6s;
- }
- body.night #asker a:hover , body.night #replier a:hover {
- color: var(--link-hover-night)!important;
- transition: 0.6s;
- }
- .asker-text, .replier-text {
- color: {color:text};
- transition: 0.6s;
- }
- body.night .asker-text, body.night .replier-text {
- color: var(--text-night)!important;
- transition: 0.6s;
- }
- .question {
- display: block;
- text-align: justify;
- padding: 10px 15px;
- background-color: {color:question background};
- color: {color:question};
- transition: 0.6s;
- }
- body.night .question {
- color: var(--question-night)!important;
- background-color: var(--question-background-night)!important;
- transition: 0.6s;
- }
- .answer {
- padding: 15px;
- background-color: {color:question background};
- color: {color:question};
- transition: 0.6s;
- }
- body.night .answer {
- color: var(--question-night)!important;
- background-color: var(--question-background-night)!important;
- transition: 0.6s;
- }
- .question p {margin: 0!important;}
- .answer p {margin: 0!important;}
- .asker-link {font-weight: 700;}
- /*----------TUMBLR CHAT----------*/
- .chatp {
- padding: 20px;
- }
- .chat .line {
- margin-top: 0px;
- padding: 20px;
- border-bottom: 1px solid {color:post borders};
- transition: 0.6s;
- }
- body.night .line {
- border-bottom: 1px solid var(--night-borders);
- }
- .chat .line:last-of-type {
- margin-bottom: 0px;
- border-bottom: none;
- }
- .chat .label {
- text-transform: capitalize;
- }
- .line:nth-child(odd) .label b {
- color: {color:chat odd};
- font-weight: 700;
- margin-right: 5px;
- font-size: 1.1em;
- transition: 0.6s;
- }
- body.night .line:nth-child(odd) .label b {
- color: var(--bold-night)!important;
- transition: 0.6s;
- }
- .line:nth-child(even) .label b {
- color: {color:chat even};
- font-weight: 700;
- margin-right: 5px;
- font-size: 1.1em;
- transition: 0.6s;
- }
- body.night .line:nth-child(even) .label b {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- /*----------LINK BAR----------*/
- #top-bar {
- width: 100%;
- height: 80px;
- background-color: {color:posts};
- position: fixed;
- top: 0;
- padding: 10px 20px;
- box-sizing: border-box;
- z-index: 9;
- display: flex;
- align-items: center;
- border-bottom: 1px solid {color:post borders};
- transition: 0.6s;
- }
- body.night #top-bar {
- background-color: var(--posts-background-night)!important;
- border-bottom: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- .daynight {
- margin-right: 20px;
- cursor: pointer;
- }
- .la-moon, .la-sun {
- font-size: 25px;
- border-radius: 100%;
- padding: 10px;
- background-color: {color:accent};
- color: {color:accented text};
- box-sizing: border-box;
- transition: 0.6s;
- }
- body.night .la-moon, body.night .la-sun {
- background-color: var(--accent-night)!important;
- color: var(--accented-text-night)!important;
- transition: 0.6s;
- }
- #top-title {
- font-size: 1.6em;
- text-transform: uppercase;
- font-weight: 700;
- letter-spacing: 1px;
- }
- #top-title:first-letter {
- color: {color:accent};
- transition: 0.6s;
- }
- body.night #top-title:first-letter {
- color: var(--accent-night);
- transition: 0.6s;
- }
- /*----------NAVIGATION LINKS----------*/
- .morelinks {
- margin-left: 40px;
- }
- .morelinks a {
- display: inline-block;
- margin: 0 15px;
- font-weight: 700;
- color: {color:navigation};
- transition: 0.6s;
- }
- body.night ..morelinks a {
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- .morelinks a:hover {
- color: {color:navigation hover};
- transition: 0.6s;
- }
- body.night .morelinks a:hover {
- color: var(--link-hover-night)!important;
- transition: 0.6s;
- }
- /*----------TUMBLR LINKS----------*/
- .homelinks {
- position: absolute;
- right: -150px;
- top: -11px;
- }
- .la-home, .la-envelope, .la-calendar, .la-inbox {
- background-color: {color:permalink background};
- color: {color:permalink};
- padding: 5px;
- font-size: 18px;
- border-radius: 5px;
- transition: 0.6s;
- }
- body.night .la-home, body.night .la-envelope, body.night .la-calendar, body.night .la-inbox {
- background-color: var(--permalink-background-night)!important;
- color: var(--links-night)!important;
- transition: 0.6s;
- }
- /*----------SIDEBAR----------*/
- #sidebar {
- width: 550px;
- height: 350px;
- position: fixed;
- margin-top: 60px;
- box-sizing: border-box;
- display: flex;
- justify-content: space-between;
- }
- .sidebar-cont {
- width: 350px;
- }
- .sidebar-title {
- font-size: 2.0em;
- color: {color:sidebar title};
- font-weight: 700;
- position: absolute;
- margin-left: 36%;
- margin-top: 15%;
- transition:.6s;
- }
- body.night .sidebar-title {
- color: var(--sidebar-title-night)!important;
- transition: 0.6s;
- }
- #title-line {
- width: 200px;
- height: 10px;
- background-color: {color:accent};
- position: absolute;
- top: 55px;
- transition: 0.6s;
- }
- body.night #title-line {
- background-color: var(--accent-night)!important;
- transition: 0.6s;
- }
- .sidebar-image {
- width: 180px;
- height: 330px;
- overflow: hidden;
- border: 10px solid {color:accent};
- background-color: {color:accent};
- box-sizing: border-box;
- border-radius: 90px;
- transition: 0.6s;
- }
- .sidebar-image img {
- width: 100%;
- height: 100%;
- }
- body.night .sidebar-image {
- background-color: var(--accent-night)!important;
- border: 10px solid var(--accent-night)!important;
- transition: 0.6s;
- }
- .sidebar-description {
- position: absolute;
- bottom: 0;
- background-color: {color:posts};
- color: {color:sidebar description};
- text-align: {select:description text align};
- padding: 20px;
- box-sizing: border-box;
- transition:.6s;
- border: 1px solid {color:post borders};
- height: 165px;
- overflow: auto;
- margin-left: -4px;
- transition: 0.6s;
- }
- body.night .sidebar-description {
- color: var(--text-night)!important;
- background-color: var(--posts-background-night)!important;
- border: 1px solid var(--night-borders);
- transition: 0.6s;
- }
- /*----------THEME CREDIT/DO NOT REMOVE!!!---------*/
- #bottom {
- bottom: 40px;
- position: fixed;
- right: 40px;
- z-index: 99;
- display: flex;
- }
- body.night .cred {
- background-color: var(--accent-night);
- color: var(--accented-text-night)!important;
- }
- .la-arrow-circle-up, .la-copyright {
- padding: 3px;
- font-size: 22px;
- width: 22px;
- height: 22px;
- margin: 0 2px;
- background-color: {color:accent};
- color: {color:accented text};
- transition: 0.6s;
- }
- body.night .la-arrow-circle-up, body.night .la-copyright {
- background-color: var(--accent-night);
- color: var(--accented-text-night)!important;
- transition: 0.6s;
- }
- /*----------SCROLL TO TOP---------*/
- #scrollToTop:link,
- #scrollToTop:visited {
- display: none;
- font-size: 12px;
- color: var(--accented-text);
- padding: 0px 5px;
- width: auto;
- z-index: 900;
- font-weight: 700;
- }
- {CustomCSS}
- </style>
- <!-----------Scroll To Top Script----------->
- <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <!-----------Scroll To Top Script----------->
- <script>
- $(document).ready(function(){
- //TOGGLE NIGHT MODE SCRIPT
- $('.daynight').click(function(){
- $('body').toggleClass('night');
- $('.daynight i').toggleClass('la-sun');
- });
- });
- </script>
- </head>
- <body>
- <footer id="bottom">
- <!-----------SCROLL TO TOP ----------->
- <a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top"><i class="las la-arrow-circle-up"></i></a>
- <!-----------SCROLL TO TOP ----------->
- <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
- <a href="https://sheathemes.tumblr.com" target="_blank" title="theme by sheathemes"><i class="las la-copyright"></i></a>
- <!-------------------DO NOT REMOVE THEME CREDIT!!!------------------->
- </footer>
- <div class="cage"> <!-----------BLOG CONTAINER----------->
- <div id="top-bar">
- <div class="daynight"><i class="las la-moon"></i></div>
- <div id="top-title"><a href="/">{text:topbar title}</a></div>
- <nav class="morelinks"> <!-----------NAVIGATION LINKS----------->
- {block:ifLink1}<a href="{text:CustomLink1URL}">{text:CustomLink1Name}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:CustomLink2URL}">{text:CustomLink2Name}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:CustomLink3URL}">{text:CustomLink3Name}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:CustomLink4URL}">{text:CustomLink4Name}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:CustomLink5URL}">{text:CustomLink5Name}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:CustomLink6URL}">{text:CustomLink6Name}</a>{/block:ifLink6}
- </nav> <!-----------NAVIGATION LINKS----------->
- </div>
- <div class="wrap"> <!-----------POST CONTAINER----------->
- <aside id="sidebar"> <!-----------SIDEBAR----------->
- <div class="sidebar-image"><img src="{image:sidebar}"></div>
- <div class="sidebar-title">{Title}<div id="title-line">
- <nav class="homelinks"> <!-----------TUMBLR LINKS----------->
- <a href="/" title="home"><i class="las la-home"></i></a>
- <a href="/ask" title="inbox"><i class="las la-envelope"></i></a>
- <a href="/archive" title="archive"><i class="las la-calendar"></i></a>
- <a href="/submit" title="submit"><i class="las la-inbox"></i></a>
- </nav> <!-----------TUMBLR LINKS----------->
- </div></div>
- <div class="sidebar-cont">
- <div class="sidebar-description">{Description}</div>
- </div>
- </aside> <!-----------SIDEBAR----------->
- <section id="content"> <!-----------POST WRAPPER----------->
- {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
- <article class="posts" id="{PostID}" post-type="{PostType}"> <!-----------POSTS----------->
- {block:IndexPage}
- <div class="src-box"> <!-----------REBLOGGED / SOURCE----------->
- <div class="src">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-64}"></a>
- <a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-64}"></a>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{Permalink}" title="{Name}"><img src="{PortraitURL-40}"></a>{/block:NotReblog}
- {block:PinnedPostLabel}<a href="{Permalink}" title="{PinnedPostLabel}"><i class="las la-thumbtack"></i></a>{/block:PinnedPostLabel}
- </div></div> <!-----------REBLOGGED / SOURCE----------->
- {/block:IndexPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:Text}
- <div class="text">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="caption">{block:NotReblog} <figcaption> {Body} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="source-head">
- <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> </div>{/block:Reblogs} </div> {/block:RebloggedFrom} </div>
- </div>
- {/block:Text}
- {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">
- <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
- </a>
- {LinkCloseTag}
- </div>
- {block:IfShowCaptions}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfnotShowCaptions}
- {/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:IfShowCaptions}
- {block:Caption}
- <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
- </div>
- <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
- {/block:RebloggedFrom} </div>
- {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
- </div>
- <div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
- {/block:RebloggedFrom} </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfnotShowCaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="qt">
- <div class="quote-box"><i class="las la-quote-right"></i></div>
- <div class="quote">
- {Quote}
- </div>
- </div>
- {block:Source}<div class="qtsource"><br><center>~ {Source}</center></div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link"><a href="{URL}">{Name} »</a></div>
- {block:Description}
- <div class="caption">{block:NotReblog} <figcaption> {Description} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>
- {/block:Description}
- {/block:Link}
- {block:Audio}
- <div class="audiop">
- <div class="audiowrapper">
- {block:AudioPlayer}
- {AudioPlayer}
- <div class="audio-content" style="{block:AlbumArt} background:url({AlbumArtURL}); {/block:AlbumArt} -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
- <div class="audio_player">
- <span class="custom_audio_buttons"></span>
- </div>
- </div>
- <div class="music_menu">
- {block:TrackName}<p><span class="info">{TrackName}</span></p>{/block:TrackName}
- {block:Artist}<p><span class="info">{Artist}</span></p>{/block:Artist}
- <div class="custom_audio_seekbar"></div>
- <span class="custom_audio_current_time"></span>
- <span class="custom_audio_time_left"></span>
- </div>
- {/block:AudioPlayer}
- </div>
- </div>
- {block:IfShowCaptions}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfnotShowCaptions}
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:IfShowCaptions}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
- </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfnotShowCaptions}
- {block:PermalinkPage}
- {block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
- </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfnotShowCaptions}
- {/block:Video}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chatp">
- <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span><br><br>{/block:Label}
- {Line}</div>{/block:Lines}</div>
- </div>
- {/block:Chat}
- {block:Answer}
- <div id="askcont">
- <div id="asker">
- <img src="{AskerPortraitURL-128}">
- <div id="asking">
- <div class="asker-link">{Asker}</div>
- <div class="asker-text">asked a question</div>
- </div>
- </div>
- <div class="question">{Question}</div>
- </div>
- {block:Answerer}
- <div id="replycont">
- <div id="replier">
- <div id="replying">
- <div class="replier-link">{Answerer}</div>
- <div class="replier-text">replied to your question</div>
- </div>
- <img src="{AnswererPortraitURL-128}">
- </div>
- <div class="answer">{Answer}</div>
- </div>
- {/block:Answerer}
- {block:NotReblog} <div class="caption"><figcaption> {Answer} </figcaption> </div> {/block:NotReblog}
- {block:RebloggedFrom} <div class="reblog-list">
- {block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
- {block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
- {block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
- {block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div>
- <div class="reblog-content">{Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom}
- {/block:Answer}
- {block:IndexPage}
- {block:Date}
- <div class="time"> <!-----------POST INFO & PERMALINKS----------->
- <div id="date-box">
- {block:Date}
- <a href="{Permalink}" title="{TimeAgo}"> {ShortMonth} <span>{DayOfMonth}{DayOfMonthSuffix}</span></a>
- {/block:Date}
- </div>
- {block:NoteCount}
- <div class="note-count"><a href="{Permalink}"><i class="las la-chart-bar"></i>{NoteCount}</a></div>{/block:NoteCount}
- <div class="controls">
- <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><i class="las la-sync"></i></a>
- <a title="like this post" class="like">{LikeButton size="15"}<i class="las la-grin-hearts"></i></a>
- </div>
- </div> <!-----------POST INFO & PERMALINKS----------->
- {/block:Date}
- {/block:IndexPage}
- {block:IndexPage}
- {block:HasTags} <!-----------POST TAGS----------->
- <div class="post_tags draggable">
- <div class="post_tags_inner">{block:Tags}
- <a href="{TagURL}"><i class="las la-tag"></i>{Tag}</a>{/block:Tags}</div></div>
- {/block:HasTags} <!-----------POST TAGS----------->
- {/block:IndexPage}
- </article> <!-----------POSTS----------->
- <!-----------PERMALINK PAGE----------->
- {block:PermalinkPage}
- {block:Date}
- <div id="perma">
- <span>
- Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
- {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
- </span>
- {block:RebloggedFrom}
- <div class="rb">
- <a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
- <a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
- </div>
- {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div id="permatg">
- {block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {block:PermalinkPagination}
- <div id="permpage">
- {block:NextPost}
- <a href="{NextPost}" title="Previous Post"><i class="las la-angle-double-left"></i></a>
- {/block:NextPost}
- {block:PreviousPost}
- <a href="{PreviousPost}" title="Next Post"><i class="las la-angle-double-right"></i></a>
- {/block:PreviousPost}
- </div>
- {/block:PermalinkPagination}
- {/block:Date}
- {/block:PermalinkPage}
- <!-----------PERMALINK PAGE----------->
- {/block:Posts}
- {block:IndexPage}
- <footer id="pagination"> <!-----------PAGINATION----------->
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">Prev</a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span class="current_page">{CurrentPage}</a></span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- {/block:Pagination}
- </footer> <!-----------PAGINATION----------->
- {/block:IndexPage}
- </section><!------------------POSTS WRAPPER----------------------->
- </div> <!--------- POSTS CONTAINER ----------->
- </div> <!--------- BLOG CONTAINER ----------->
- <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <!-----------Pixel Union photosets script----------->
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
- <!-----------Pixel Union photosets script----------->
- <!-----------Video resizing script shythemes @ tumblr----------->
- <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-----------Video resizing script shythemes @ tumblr----------->
- <!-----------Tooltips Script----------->
- <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" />
- <!-----------Tooltips Script----------->
- <!-----------NPF photosets script by annasthms @ tumblr----------->
- <script src="https://static.tumblr.com/0podkko/qWqq8va08/photosets.js"></script>
- <!-----------NPF photosets script by annasthms @ tumblr----------->
- <!-----------customaudio.js script by annasthms @ tumblr----------->
- <script src="https://cdn.jsdelivr.net/gh/annasthms/customaudio@latest/customaudio.min.js"></script>
- <!-----------customaudio.js script by annasthms @ tumblr----------->
- <script src="https://unpkg.com/feather-icons"></script>
- <script>
- $(document).ready(function(){
- //NPF photosets script by annasthms
- undoPhotoset({
- 'posts': '.text',
- 'text class': 'caption',
- 'photoset class': 'photoset'
- },true);
- //pxu photosets by @ shythemes & bychloethemes
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '{select:photoset gutter}px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- //Tippy.js
- tippy('a[title]', {
- theme: 'custom',
- arrow: tippy.roundArrow,
- zIndex: 9999999999,
- placement: 'auto',
- maxWidth: 300,
- content(reference) {
- const title = reference.getAttribute('title');
- reference.removeAttribute('title'); return title; },
- });
- //mini spotify player by glenthemes @ tumblr
- var spotsongs = document.querySelectorAll("iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']");
- Array.prototype.forEach.call(spotsongs,function(minitrack){
- minitrack.setAttribute("height","80");
- });
- //customaudio.js script by annasthms @ tumblr
- customAudio({
- post: ".posts",
- wrappers: {
- audio: ".custom_audio_wrapper",
- buttons: ".custom_audio_buttons",
- duration: ".custom_audio_duration",
- timeCurrent: ".custom_audio_current_time",
- timeLeft: ".custom_audio_time_left",
- seekbar: ".custom_audio_seekbar"
- },
- default: false,
- pauseAll: true,
- playButton: "<i data-feather='play'></i>",
- pauseButton: "<i data-feather='pause'></i>",
- errorIcon: "<i data-feather='x'></i>",
- hideInfoIfError: true,
- callAfterLoad: () => {
- feather.replace();
- }
- });
- });
- </script>
- <!-----------Draggable Tags Script----------->
- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
- <script src="https://static.tumblr.com/pbhn8p5/OSRos9gz8/draggabletags.js"></script>
- <!-----------Draggable Tags Script----------->
- <!-------------------SCRIPTS/JQUERY (PART TWO)------------------->
- </body>
- </html> <!---------------------------END--------------------------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement