Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- -` ridin by jinsoouls ´-
- you know the deal, the usual rules
- apply, don't remove credit,
- repost or claim as your own!
- -->
- <meta name="color:background" content="#eeeeee"/>
- <meta name="color:container" content="##f6f6f6"/>
- <meta name="color:container accent" content="#eeeeee"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:accent 1" content="#d0aa8b"/>
- <meta name="color:accent 2" content="#d0aa8b"/>
- <meta name="color:accent text" content="#7babab"/>
- <meta name="color:text" content="#313131"/>
- <meta name="color:title" content="#313131"/>
- <meta name="color:bold" content="#7babab"/>
- <meta name="color:italic" content="#7babab"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:link" content="#7babab"/>
- <meta name="color:hover link" content="#7babab"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:side png" content=""/>
- <meta name="if:status box" content="0"/>
- <meta name="if:title shadow" content="0"/>
- <meta name="if:png sidebar" content="0"/>
- <meta name="if:boxed pagination" content="0"/>
- <meta name="text:title font size" content="50"/>
- <meta name="text:title margin top" content="80"/>
- <meta name="text:title" content="somebody to die for."/>
- <meta name="text:description" content="we're back, no more breaks, everyone, sit back now i'm gonna face the screams towards me after a long wait, i light the fire when i crank up the engine, it's game over, talk talk anywhere talk talk about me i scroll weeeee"/>
- <meta name="text:navigation top" content="helpful links"/>
- <meta name="text:status top" content="status update"/>
- <meta name="text:status blurb" content="put whatever updates you want here or even something else go wild."/>
- <meta name="text:link 1" content="/1"/>
- <meta name="text:link 1 title" content="link one"/>
- <meta name="text:link 2" content="/2"/>
- <meta name="text:link 2 title" content="link two"/>
- <meta name="text:link 3" content="/3"/>
- <meta name="text:link 3 title" content="link three"/>
- <meta name="text:link 4" content="/4"/>
- <meta name="text:link 4 title" content="link four"/>
- <meta name="text:link 5" content="/5"/>
- <meta name="text:link 5 title" content="link five"/>
- <meta name="text:link 6" content="/6"/>
- <meta name="text:link 6 title" content="link six"/>
- <meta name="select:title font" content="" title="default">
- <meta name="select:title font" content="galano" title="galano">
- <meta name="select:title font" content="florence" title="florence">
- <meta name="select:title font" content="kallimata" title="kallimata">
- <meta name="select:title font" content="collection-free" title="collection free">
- <head>
- <title>{Title}</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}
- <!-- jquery -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-- script for tooltips -->
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!-- linear icon font -->
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <!-- google fonts -->
- <link href="https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
- <!-- photoset.css by annathms and espoirthemes -->
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <!-- autoresize video script by shythemes -->
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- animate.css -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
- <style>
- @font-face { font-family: 'galano'; src: url('https://dl.dropboxusercontent.com/s/ofwh4ex2ddpfmrk/GalanoGrotesqueAltDEMO-Bold.ttf') ;}
- @font-face { font-family: 'florence'; src: url('https://dl.dropboxusercontent.com/s/4vlg8bhj6gxorxx/Florence-Regular.ttf') ;}
- @font-face { font-family: 'kallimata'; src: url('https://dl.dropboxusercontent.com/s/5kfq4qwsl4q5rig/KallimataScript.ttf') ;}
- @font-face { font-family: 'collection free'; src: url('https://dl.dropboxusercontent.com/s/gwzmghp3l6fm9oj/CollectionFree.otf') ;}
- ::-webkit-scrollbar {
- width: 1px;
- height: 1px;
- background: transparent;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- ::selection {
- color:{color:accent text};
- background-color: {color:accent 1};
- }
- ::-moz-selection {
- color:{color:accent text};
- background-color: {color:accent 1};
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:6px 8px;
- margin:20px 7px 2px 20px;
- background-color:{color:accent 1};
- text-transform:lowercase;
- color:{color:accent text};
- z-index:999999999999999999999999999999999999;
- border-radius:5px;
- font-weight:500;
- }
- body {
- background:{color:background};
- background-image:url({image:background});
- margin:0px;
- color:{color:text};
- font-family: 'Muli', sans-serif;
- font-size:11px;
- line-height:100%;
- }
- blockquote {
- padding-left:20px;
- width:auto;
- margin-left:10px;
- border-left:1px solid {color:border};
- }
- blockquote blockquote {
- padding-left:20px;
- margin-left:10px;
- border-left:1px solid {color:border};
- }
- blockquote img {
- max-width:100%;
- }
- h1 {
- font-size:27.5px;
- color:{color:accent 1};
- text-align:center;
- text-transform:lowercase;
- line-height:100%;
- font-weight:normal;
- }
- h2 {
- font-size:14px;
- color:{color:accent 2};
- text-align:center;
- line-height:100%;
- text-transform:lowercase;
- font-weight:normal;
- }
- a {
- text-decoration:none;
- color:{color:link};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- a:hover {
- color:{color:hover link};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- b {color:{color:bold};}
- strong {color:{color:bold}}
- i {color:{color:italic};}
- em {color:{color:italic};}
- sub {font-size:11px;}
- sup {font-size:11px;}
- small {font-size:11px;}
- .container {
- width:900px;
- height:575px;
- background-color:{color:container};
- position:absolute;
- margin:auto;
- z-index:3;
- top:0; left:0; right:0; bottom:0;
- border-radius:5px;
- border:1px solid {color:border};
- box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05);
- }
- #entries {
- position: absolute;
- height:100%;
- width:560px;
- right:0;
- overflow:scroll;
- z-index:1;
- }
- .post {
- padding:20px;
- width:425px;
- background-color:{color:posts};
- margin:50px;
- margin-bottom:30px;
- margin-top:75px;
- line-height:130%;
- overflow:hidden;
- border:1px solid {color:border};
- }
- .post img {
- position:static;
- height:auto;
- width:auto;
- border-radius:0px
- }
- .postinfo {
- width:445px;
- padding:7.5px 10px;
- letter-spacing:0.5px;
- border-top:1px solid {color:border};
- margin:20px 0px -20px -20px;
- display:flex;
- justify-content:flex-end;
- align-items:center;
- }
- .post-inner a {
- color:{color:text};
- text-transform:uppercase;
- font-size:9px;
- font-weight:700;
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items:center;
- }
- .post-inner span {
- color:{color:text};
- font-size:12px;
- margin-right:4px;
- opacity:0.6;
- }
- .dotz {
- margin:0px 7.5px;
- font-size:6px;
- opacity:0.5;
- }
- #reblog span {
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #reblog:hover span {
- transform:translate(2px,0);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .tags {
- font-size:10px;
- text-align:left;
- letter-spacing:0.5px;
- width:445px;
- text-align:center;
- line-height:120%;
- padding:5px 10px;
- margin:-30px 0px 0px 50px;
- }
- .tags b {
- margin-right:2px;
- text-transform:uppercase;
- }
- .postnote {
- background-color:{color:posts};
- text-transform:lowercase;
- text-align:left;
- margin: 20px 0px 50px 50px;
- background-color: #ffffff;
- width: 445px;
- padding: 10px;
- border:1px solid {color:accent 1};
- }
- .postnote li {
- margin:5px 0px;
- }
- /* different post types css */
- .question {
- padding:20px 10px;
- text-align:center;
- border:1px solid {color:border};
- border-bottom:none;
- }
- .askerdiv {
- padding:7px 10px 5px 10px;
- text-align:right;
- border:1px solid {color:border};
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.25px;
- }
- .askerdiv a {
- font-weight:700;
- }
- .askerdiv .askbar {
- display:inline-block;
- height:1px;
- width:100px;
- background-color:{color:border};
- transform:translateY(-2.5px);
- margin-right:10px;
- }
- .quotediv {
- font-size:15px;
- text-align:center;
- border:1px solid {color:border};
- border-bottom:none;
- padding:20px 10px;
- text-transform:lowercase;
- line-height:150%;
- }
- .quoteinfo {
- font-weight:600;
- padding:5px 10px;
- border:1px solid {color:border};
- border-top:none;
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.25px;
- text-align:right;
- }
- .quoteinfo .quotebar {
- display:inline-block;
- height:1px;
- width:100px;
- background-color:{color:border};
- transform:translateY(-2.5px);
- margin-right:10px;
- }
- .chats {
- font-size:13px;
- line-height:150%;
- }
- .audioplayer {
- text-align:left;
- padding:20px;
- background-color:{color:accent 1};
- font-size:13px;
- height:27.5px;
- }
- .audioinfo {
- color:{color:accent text};
- width:100%;
- text-align:right;
- margin-top:-30px;
- letter-spacing:0.4px;
- font-weight:600;
- line-height:70%;
- }
- .audioinfo div {
- font-size:13px;
- font-weight:lighter;
- }
- .readmore {
- width:100%;
- text-transform:uppercase;
- text-align:center;
- padding:10px 0px;
- }
- .readmore a {
- background-color:{color:container};
- padding:2px 10px;
- border-radius:6px;
- color:{color:text};
- border:1px solid {color:background};
- text-transform:lowercase;
- letter-spacing:0.5px;
- margin:1.5px;
- }
- .photoset-grid {
- grid-gap: 1px;
- width:465px;
- margin:-20px 0px 0px -20px;
- }
- .photoset-grid img {
- max-width:100%;
- }
- [photoset-layout] div {
- cursor: pointer;
- }
- /* tumblr controls styling by cyantists */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- /* end control styling */
- /* side tab control css */
- .tabcontainer {
- position:absolute;
- right:0px;
- top:30px;
- width:540px;
- height:545px;
- border-radius:10px;
- display:none;
- z-index:999999999999;
- }
- .close {
- height:10px;
- width:10px;
- background-color:#ff3b30;
- position:absolute;
- border-radius:100%;
- left:10px;
- top:7.5px;
- z-index:999999999999;
- cursor: pointer;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .top {
- width:100%;
- font-size:9px;
- height:30px;
- position:absolute;
- top:0px;
- text-transform:uppercase;
- letter-spacing:0.5px;
- background-color:{color:posts};
- border-bottom:1px solid {color:border};
- display:flex;
- justify-content:space-between;
- align-items:center;
- z-index:9;
- border-radius:5px 5px 0px 0px;
- }
- .top a {
- color:{color:text};
- }
- .top-left {
- display:flex;
- justify-content:flex-start;
- align-items:center;
- margin-left:10px;
- }
- .circle {
- width:10px;
- height:10px;
- border-radius:100%;
- margin-right:7.5px;
- }
- .center-arrow {
- font-size:8px;
- opacity:0.5;
- margin:0px 5px;
- }
- .iconz {
- margin-right:5px;
- }
- .sidebar {
- position:absolute;
- height:100%;
- width:50px;
- background-color:{color:container accent};
- left:0;
- border-right:1px solid {color:border};
- display:flex;
- flex-direction:column;
- justify-content:flex-start;
- align-items:center;
- }
- .sidebar a {
- color:{color:text};
- }
- .btn {
- height:50px;
- width:100%;
- display:flex;
- cursor:pointer;
- flex-direction:column;
- justify-content:center;
- align-items:center;
- margin-bottom:7.5px;
- }
- .side-icon {
- font-size:25px;
- margin-bottom:3px;
- opacity:0.8;
- }
- .side-label {
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:0.5px;
- }
- .img {
- position:absolute;
- width:230px;
- height:160px;
- top:150px;
- z-index:1;
- left:90px;
- background-color:grey;
- border:1px solid {color:border};
- }
- .img img {
- width:100%;
- height:100%;
- }
- .png {
- width:155px;
- position:absolute;
- z-index:3;
- left:100px;
- bottom:50px;
- }
- .desc {
- position:absolute;
- width:180px;
- height:50px;
- overflow:scroll;
- padding:10px 15px;
- top:280px;
- left:150px;
- font-size:10px;
- background-color:{color:posts};
- border:1px solid {color:border};
- line-height:187%;
- letter-spacing:0.5px;
- z-index:3;
- }
- .desc b {
- letter-spacing:0.5px;
- }
- .prompt {
- position:absolute;
- width:175px;
- height:100px;
- bottom:115px;
- left:95px;
- background-color:{color:posts};
- border:1px solid {color:border};
- font-size:9px;
- line-height:150%;
- z-index:4;
- letter-spacing:0.75px;
- }
- .prompt-top {
- width:100%;
- height:22.5px;
- background-color:{color:container accent};
- border-bottom:1px solid {color:border};
- display:flex;
- justify-content:flex-start;
- align-items:center;
- text-transform:uppercase;
- letter-spacing:0.5px;
- }
- .prompt-icon {
- font-size:13px;
- color:{color:accent 1};
- margin-left:7.5px;
- margin-right:5px;
- }
- .prompt-inner {
- margin:5px 10px;
- }
- .title {
- position:absolute;
- top:{text:title margin top}px;
- width:250px;
- line-height:100%;
- left:120px;
- font-size:{text:title font size}px;
- z-index:3;
- color:{color:title};
- {block:IfTitleShadow}
- text-shadow:0px 2px 5px rgba(0,0,0,0.09);
- {/block:IfTitleShadow}
- {block:IfPngSidebar}
- left:90px;
- text-align:justify;
- {/block:IfPngSidebar}
- }
- .galano {
- font-family:'galano';
- }
- .florence {
- font-family:'florence';
- }
- .kallimata {
- line-height:75%;
- font-family:'kallimata';
- }
- .collection-free {
- line-height:50%;
- font-family:'collection free';
- }
- .pagi {
- position:absolute;
- top:355px;
- left:285px;
- text-transform:uppercase;
- text-align:center;
- font-weight:700;
- letter-spacing:0.25px;
- font-size:10px;
- }
- .pagi div {
- color:{color:accent 1};
- margin:5px;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .pagi div:hover {
- color:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .pagibox {
- position:absolute;
- width:100px;
- height:60px;
- bottom:115px;
- background-color:{color:posts};
- border:1px solid {color:border};
- font-size:9px;
- line-height:150%;
- z-index:4;
- letter-spacing:0.75px;
- top:360px;
- left:280px;
- }
- .pagibox-top {
- width:100%;
- height:22.5px;
- background-color:{color:container accent};
- border-bottom:1px solid {color:border};
- display:flex;
- justify-content:flex-start;
- align-items:center;
- text-transform:uppercase;
- letter-spacing:0.5px;
- }
- .pagibox-icon {
- font-size:13px;
- color:{color:accent 1};
- margin-left:7.5px;
- margin-right:5px;
- }
- .pagibox-inner {
- margin:5px 10px;
- text-transform:uppercase;
- text-align:center;
- font-weight:700;
- letter-spacing:0.25px;
- font-size:10px;
- }
- .pagibox-inner div {
- color:{color:accent 1};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .pagibox-inner div:hover {
- color:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .theme-top {
- width:100%;
- height:25px;
- background-color:{color:container accent};
- border-bottom:1px solid {color:border};
- display:flex;
- justify-content:flex-start;
- align-items:center;
- font-size:9px;
- text-transform:uppercase;
- border-radius:5px 5px 0px 0px;
- letter-spacing:0.5px;
- }
- .theme-btn {
- text-align:center;
- margin-top:20px;
- }
- .theme-btn a {
- background-color:{color:posts};
- padding:2px 10px;
- border-radius:6px;
- color:{color:text};
- border:1px solid {color:background};
- text-transform:lowercase;
- letter-spacing:0.5px;
- margin:1.5px;
- }
- #navTab {
- background-color:{color:container};
- height:230px;
- width:325px;
- position:absolute;
- top:175px;
- right:285px;
- z-index:9999;
- border:1px solid {color:border};
- border-radius:5px;
- box-shadow: 0 14px 28px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05);
- text-align:center;
- }
- .nav-links {
- height:115px;
- width:255px;
- position:absolute;
- margin:auto;
- top:0;bottom:25px;left:0;right:0;
- }
- .nav-link {
- display:inline-block;
- background-color:{color:posts};
- width:75px;
- height:75px;
- border-radius:5px;
- margin:2.5px;
- border:1px solid {color:border};
- color:{color:text};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .nav-link-icon {
- font-size:27px;
- margin-top:15px;
- margin-bottom:10px;
- margin-top:25px;
- color:{color:accent 1};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .nav-link-title {
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:0.5px;
- }
- .nav-link:hover .nav-link-icon {
- color:{color:accent 1};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .cred {
- position:absolute;
- bottom:10px;
- right:10px;
- font-size:14px;
- padding:5px;
- color:{color:accent 2};
- background-color:{color:posts};
- }
- .pin {
- position:absolute;
- bottom:10px;
- right:40px;
- font-size:14px;
- padding:5px;
- color:{color:accent 1};
- background-color:{color:posts};
- }
- </style>
- </head>
- <body>
- <div class="container">
- {block:IfNotBoxedPagination}
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div>previous</div>
- </a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">
- <div>forward</div>
- </a>
- {/block:NextPage}
- </div>
- {block:Pagination}
- {/block:IfNotBoxedPagination}
- {block:IfBoxedPagination}
- {block:Pagination}
- <div class="pagibox">
- <div class="pagibox-top">
- <span class="lnr lnr-map pagibox-icon"></span>
- pagination
- </div>
- <div class="pagibox-inner">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div>previous</div>
- </a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">
- <div>forward</div>
- </a>
- {/block:NextPage}
- </div>
- </div>
- {/block:Pagination}
- {/block:IfBoxedPagination}
- <div class="title {select:title font}" id="title">{text:title}</div>
- {block:IfNotPngSidebar}
- <img src="{image:sidebar}" class="img">
- {/block:IfNotPngSidebar}
- {block:IfPngSidebar}
- <img src="{image:side png}" class="png">
- {/block:IfPngSidebar}
- <div class="desc" id="desc">{text:description}</div>
- {block:IfStatusBox}
- <div class="prompt">
- <div class="prompt-top">
- <span class="lnr lnr-alarm prompt-icon"></span>
- {text:status top}
- </div>
- <div class="prompt-inner">
- {text:status blurb}
- </div>
- </div>
- {/block:IfStatusBox}
- <div class="top">
- <div class="top-left">
- <div class="circle" style="background-color:#ff3b30;"></div>
- <div class="circle" style="background-color:#ffcc22"></div>
- <div class="circle" style="background-color:#66b447"></div>
- <a href="https://www.tumblr.com/"><span class="th th-tumblr iconz" style="color:{color:accent 1}; margin-left:5px"></span>Tumblr Dashboard</a> <span class="lnr lnr-chevron-right center-arrow"></span> <a href="/"><span class="lnr lnr-smile iconz" style="color:{color:accent 2}"></span>{Name}</a>
- </div>
- </div>
- <div class="sidebar">
- <a href="/">
- <div class="btn" style="margin-top:40px">
- <div class="lnr lnr-home side-icon"></div>
- <div class="side-label">home</div>
- </div>
- </a>
- <a href="/ask">
- <div class="btn">
- <div class="lnr lnr-volume-high side-icon"></div>
- <div class="side-label">inbox</div>
- </div>
- </a>
- <a href="/archive">
- <div class="btn">
- <div class="lnr lnr-calendar-full side-icon"></div>
- <div class="side-label">archive</div>
- </div>
- </a>
- <div class="btn" onclick="openTab('navTab')">
- <div class="lnr lnr-cog side-icon"></div>
- <div class="side-label">more</div>
- </div>
- </div>
- <div id="navTab" class="tabcontainer">
- <div class="theme-top">
- <div class="circle" style="background-color:#ff3b30; margin-left:10px"></div>
- <div class="circle" style="background-color:#ffcc22"></div>
- <div class="circle" style="background-color:#66b447; margin-right:10px"></div>
- {text:navigation top}
- </div>
- <div onclick="closeTab(this)" class="close" id="close"></div>
- <div class="nav-links">
- <a href="{text:link 1}">
- <div class="nav-link">
- <div class="nav-link-icon">01</div>
- <div class="nav-link-title">{text:link 1 title}</div>
- </div>
- </a>
- <a href="{text:link 2}">
- <div class="nav-link">
- <div class="nav-link-icon">02</div>
- <div class="nav-link-title">{text:link 2 title}</div>
- </div>
- </a>
- <a href="{text:link 3}">
- <div class="nav-link">
- <div class="nav-link-icon">03</div>
- <div class="nav-link-title">{text:link 3 title}</div>
- </div>
- </a>
- <a href="{text:link 4}">
- <div class="nav-link">
- <div class="nav-link-icon">04</div>
- <div class="nav-link-title">{text:link 4 title}</div>
- </div>
- </a>
- <a href="{text:link 5}">
- <div class="nav-link">
- <div class="nav-link-icon">05</div>
- <div class="nav-link-title">{text:link 5 title}</div>
- </div>
- </a>
- <a href="{text:link 6}">
- <div class="nav-link">
- <div class="nav-link-icon">06</div>
- <div class="nav-link-title">{text:link 6 title}</div>
- </div>
- </a>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div class="post" id="{PostID}">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}
- <div class="quotediv">"{Quote}"</div>
- {block:Source}<div class="quoteinfo"><div class="quotebar"></div> {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div class="chats">{block:Label}<b>{Label}</b> {/block:Label}{Line}<br></div>{/block:Lines}
- {/block:Chat}
- {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Photo}
- <img src="{PhotoURL-500}" style="width:calc(100% + 40px);margin:-20px 0px -25px -20px">
- {block:Caption}<p style="margin-top:45px">{Caption}</p>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:More}<div class="readmore"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
- {block:AudioPlayer}
- <div class="audioplayer">{AudioPlayer}
- <div class="audioinfo">
- {block:TrackName}<div>{TrackName}</div>{/block:TrackName}
- {block:Artist}<br/>{Artist}{/block:Artist}
- </div>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:AudioPlayer}
- {block:Answer}
- <div class="question">{Question}</div>
- <div class="askerdiv">
- <div class="askbar"></div>asked by <b>{Asker}</b>
- </div>
- <div>{Answer}</div>
- {/block:Answer}
- <!-- to hide source and via on posts-->
- {block:ContentSource}
- <div style="display: none;">{SourceURL}</div>
- {/block:ContentSource}
- {block:NoRebloggedFrom}
- <div style="display: none;">
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- </div>
- {/block:NoRebloggedFrom}
- {block:Date}<div class="postinfo">
- <div class="post-inner"><a href="{Permalink}" title="{TimeAgo}"><span class="lnr lnr-calendar-full" style="margin-right:6px"></span> <div>{MonthNumberWithZero}.{DayOfMonthWithZero}</div></a></div>
- {block:NoteCount}<span class="dotz">•</span>{/block:NoteCount}
- <div class="post-inner">{block:NoteCount} <a href="{Permalink}" title="likes & reblogs"><span class="lnr lnr-heart"></span> <div>{NoteCount}</div></a>{/block:NoteCount}</div>
- <span class="dotz">•</span>
- <div class="post-inner" id="reblog"><a href="{Permalink}"><div>reblog</div><span class="lnr lnr-arrow-right" style="margin-right:0px; margin-left:4px"></span></a></div>
- </div>{/block:Date}
- </div>
- {block:HasTags}<div class="tags">{block:Tags}<b>#</b><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="postnote">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <a href="https://jinsoouls.tumblr.com/" title="coded by jinsoouls"><div class="lnr lnr-sun cred"></div></a>
- <script>
- dragElement(document.getElementById("navTab"));
- function dragElement(elmnt) {
- var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
- if (document.getElementById(elmnt.id + "header")) {
- // if present, the header is where you move the DIV from:
- document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
- } else {
- // otherwise, move the DIV from anywhere inside the DIV:
- elmnt.onmousedown = dragMouseDown;
- }
- function dragMouseDown(e) {
- e = e || window.event;
- e.preventDefault();
- // get the mouse cursor position at startup:
- pos3 = e.clientX;
- pos4 = e.clientY;
- document.onmouseup = closeDragElement;
- // call a function whenever the cursor moves:
- document.onmousemove = elementDrag;
- }
- function elementDrag(e) {
- e = e || window.event;
- e.preventDefault();
- // calculate the new cursor position:
- pos1 = pos3 - e.clientX;
- pos2 = pos4 - e.clientY;
- pos3 = e.clientX;
- pos4 = e.clientY;
- // set the element's new position:
- elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
- elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
- }
- function closeDragElement() {
- // stop moving when mouse button is released:
- document.onmouseup = null;
- document.onmousemove = null;
- }
- }
- /* photoset script by annathms and espoirthemes */
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- /* tooltip script */
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- /* audio player color script by shudesigns */
- ($(document).ready(function() {
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player{background:{color:accent 1} !important} </style>"));
- });
- })
- )(jQuery);
- /* tab script by me*/
- function openTab(tabName) {
- $('.tabcontainer').each(function(index) {
- if (tabName == $(this).attr('id')) {
- $(this).fadeIn();
- } else {
- $(this).fadeOut();
- }
- });
- }
- function closeTab(el) {
- $(el).parent().fadeOut();
- $('#nav').removeClass('active');
- }
- </script>
- </script>
- </html>
Add Comment
Please, Sign In to add comment