Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- raymond by jinsoouls
- you know the deal, the usual rules
- apply, don't remove credit,
- repost or claim as your own!
- -->
- <meta name="color:container" content="#ffffff"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:accent 1" content="#dfd6d4"/>
- <meta name="color:accent 2" content="#797979"/>
- <meta name="color:accent text" content="#ffffff"/>
- <meta name="color:text" content="#313131"/>
- <meta name="color:title" content="#414141"/>
- <meta name="color:tiny text" content="#7e7e7e"/>
- <meta name="color:bold" content="#7e7e7e"/>
- <meta name="color:italic" content="#7e7e7e"/>
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:link" content="#4c4c4c"/>
- <meta name="color:hover link" content="#b0b0b0"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar 1" content=""/>
- <meta name="image:sidebar 2" content=""/>
- <meta name="image:muse 1" content=""/>
- <meta name="image:muse 2" content=""/>
- <meta name="image:muse 3" content=""/>
- <meta name="image:muse 4" content=""/>
- <meta name="image:muse 5" content=""/>
- <meta name="image:muse 6" content=""/>
- <meta name="image:muse 7" content=""/>
- <meta name="image:muse 8" content=""/>
- <meta name="image:muse 9" content=""/>
- <meta name="if:draft count" content="0"/>
- <meta name="if:muse tab" content="0"/>
- <meta name="text:title" content="check mate."/>
- <meta name="text:description" content="the place where the rough breath drove to gathered in a tempting constellation"/>
- <meta name="text:nav description" content="some words here hello"/>
- <meta name="text:free link" content="/"/>
- <meta name="text:free link title" content="free link"/>
- <meta name="text:nav link 1" content="/"/>
- <meta name="text:nav link 1 title" content="link one"/>
- <meta name="text:nav link 2" content="/"/>
- <meta name="text:nav link 2 title" content="link two"/>
- <meta name="text:nav link 3" content="/"/>
- <meta name="text:nav link 3 title" content="link three"/>
- <meta name="text:nav link 4" content="/"/>
- <meta name="text:nav link 4 title" content="link four"/>
- <meta name="text:draft count" content="zero"/>
- <meta name="text:draft count" content="zero"/>
- <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>
- <!-- feather icons-->
- <script src="https://unpkg.com/feather-icons"></script>
- <!-- 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: "mont"; src: url(" https://dl.dropboxusercontent.com/s/gw86uuuybwd8c96/Mont-HeavyDEMO.otf"); }
- ::-webkit-scrollbar {
- width: 1px;
- height: 1px;
- background: transparent;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- ::selection {
- color:{color:accent text};
- background-color: {color:accent 2};
- }
- ::-moz-selection {
- color:{color:accent text};
- background-color: {color:accent 2};
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px 8px;
- margin:20px 7px 2px 20px;
- background-color:{color:posts};
- text-transform:lowercase;
- color:{color:text};
- z-index:999999999999999999999999999999999999;
- font-weight:700;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- border-bottom:2px solid {color:accent 1};
- }
- body {
- background:{color:background};
- background-image:url({image:background});
- margin:0px;
- color:{color:text};
- font-family: 'Muli', sans-serif;
- font-size:11px;
- overflow:hidden;
- 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:19px;
- color:{color:accent text};
- text-align:center;
- letter-spacing:3px;
- text-transform:uppercase;
- line-height:100%;
- font-weight:900;
- color:{color:title};
- }
- h2 {
- font-size:18px;
- color:{color:accent 1};
- text-align:center;
- line-height:100%;
- margin-right:20px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- 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:850px;
- height:550px;
- position:absolute;
- margin:auto;
- overflow:hidden;
- top:0; left:0; right:0; bottom:0;
- background-color:{color:container};
- }
- #entries {
- position: absolute;
- height:100%;
- padding:0px 30px;
- width:auto;
- left:0px;
- top:0px;
- overflow:scroll;
- z-index:5;
- }
- .post {
- padding:20px;
- width:400px;
- background-color:{color:posts};
- margin:30px 0px;
- line-height:130%;
- overflow:hidden;
- }
- .post img {
- max-width:100%;
- height:auto;
- width:auto;
- }
- /* post info styling */
- .postinfo-top {
- width:calc(100% + 20px);
- padding:7.5px 10px;
- letter-spacing:0.5px;
- border-bottom:1px solid {color:border};
- margin:-20px 0px 20px -20px;
- display:flex;
- justify-content:flex-start;
- align-items:center;
- }
- .postinfo {
- width:calc(100% + 20px);
- 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:8px;
- font-weight:700;
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items:center;
- }
- .post-inner .feather {
- width:10px;
- height:10px;
- stroke:{color:accent 1};
- margin:0px 5px;
- }
- .dotz {
- margin:0px 7.5px;
- font-size:6px;
- opacity:0.3;
- }
- .reblog-icon {
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- #reblogz:hover .reblog-icon {
- transform:translate(1.5px,0);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .tags {
- font-size:10px;
- letter-spacing:0.5px;
- width:410px;
- text-align:left;
- line-height:120%;
- padding:5px 10px;
- margin:-27.5px 0px 30px 0px;
- }
- .tags a {
- color:{color:text};
- }
- .tags .dotty {
- margin:5px;
- color:{color:accent 1};
- }
- .postnote {
- width:calc(100% - 20px);
- background-color:{color:posts};
- text-transform:lowercase;
- text-align:left;
- margin: -20px 0px 50px 0px;
- padding: 10px;
- }
- .postnote li {
- margin:5px 0px;
- }
- /* end post info styling */
- /* different post types styling */
- .question {
- padding:20px 10px;
- text-align:center;
- border:1px solid {color:border};
- border-bottom:none;
- }
- .askerdiv {
- padding:5px 10px;
- text-align:right;
- border:1px solid {color:border};
- color:{color:text};
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.25px;
- }
- .askerdiv a {
- color:{color:accent 1};
- font-weight:700;
- }
- .askerdiv .askbar {
- display:inline-block;
- height:1px;
- width:100px;
- background-color:{color:accent 1};
- 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 {
- color:{color:text};
- font-weight:600;
- padding:5px 10px;
- border:1px solid {color:border};
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.25px;
- text-align:right;
- margin-bottom:20px;
- }
- .quoteinfo .quotebar {
- display:inline-block;
- height:1px;
- width:100px;
- background-color:{color:accent 1};
- transform:translateY(-2.5px);
- margin-right:10px;
- }
- .chats {
- font-size:13px;
- line-height:150%;
- }
- .audioplayer {
- text-align:left;
- padding:20px;
- background:{color:accent 1};
- color:{color:accent text};
- border-bottom:3px solid {color:accent 2};
- font-size:13px;
- margin-bottom:20px;
- }
- .audioinfo {
- color:{color:accent text};
- width:70%;
- margin-left:30%;
- 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;
- margin-bottom:10px;
- padding:10px 0px;
- }
- .readmore a {
- font-size:10px;
- letter-spacing:1px;
- background-color:{color:accent 1};
- padding:5px 12.5px 4px 12.5px;
- color:{color:accent text};
- font-weight:800;
- border-radius:10px;
- }
- .readmore:hover a {
- background-color:{color:accent 2};
- }
- .photoset-grid {
- grid-gap: 1px;
- width:calc(100% + 40px);
- margin:-20px 0px -20px -20px;
- }
- .photoset-grid img {
- vertical-align:top;
- }
- .photoset-grid div {
- vertical-align:top;
- }
- [photoset-layout] div {
- cursor: pointer;
- }
- [photoset-layout] div {
- vertical-align:top;
- }
- /* end different post types styling */
- /* 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 styling */
- .tabcontainer {
- position:absolute;
- left:0px;
- width:500px;
- height:100%;
- top:0px;
- display:none;
- z-index:9;
- background-color:{color:container};
- }
- .close {
- position:absolute;
- border-radius:100%;
- width:30px;
- height:30px;
- font-size:14px;
- color:{color:accent 1};
- left:12.5px;
- line-height:25px;
- top:12.5px;
- text-align:center;
- z-index:999999999999;
- border-radius:100%;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .close .feather {
- width:16px;
- height:16px;
- margin-top:7px;
- stroke:{color:accent 1};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .close:hover {
- cursor: pointer;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .close:hover .feather {
- stroke:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- /* end control styling */
- /* sidebar styling */
- .sidebar {
- position:absolute;
- background:{color:accent 1};
- height:100%;
- width:350px;
- right:0px;
- }
- .image-1 {
- position:absolute;
- width:195px;
- height:225px;
- z-index:2;
- background:grey;
- right:30px;
- top:50px;
- }
- .links {
- position:absolute;
- padding:7.5px 10px;
- z-index:3;
- background:{color:accent text};
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- font-weight:700;
- }
- .links a {
- margin:0px 5px;
- cursor:pointer;
- color:{color:text};
- }
- .links a:hover {
- color:{color:accent 2};
- }
- .links-1 {
- width:175px;
- right:30px;
- top:30px;
- text-align:right;
- }
- .block {
- position:absolute;
- width:190px;
- height:160px;
- z-index:1;
- background:{color:accent 2};
- left:30px;
- top:180px;
- }
- .image-2 {
- position:absolute;
- width:205px;
- height:135px;
- z-index:2;
- background:grey;
- right:70px;
- bottom:100px;
- }
- .links-2 {
- width:185px;
- right:70px;
- bottom:80px;
- text-align:left;
- }
- .title {
- position:absolute;
- z-index:3;
- font-size:75px;
- text-transform:uppercase;
- letter-spacing:2px;
- font-weight:900;
- line-height:80%;
- text-align:right;
- right:25px;
- bottom:200px;
- color:{color:title};
- }
- .post-title {
- text-align:left;
- margin-top:0px;
- background:{color:accent 1};
- color:{color:accent text};
- border-bottom:3px solid {color:accent 2};
- margin:-20px 0px 0px -20px;
- padding:20px;
- width:calc(100% + 20px);
- margin-bottom:20px;
- }
- .desc {
- position:absolute;
- width:275px;
- height:40px;
- overflow:scroll;
- bottom:25px;
- right:30px;
- text-align:right;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:2px;
- line-height:250%;
- font-weight:400;
- }
- /* end sidebar styling */
- /* muse tab styling */
- .muses {
- position:absolute;
- margin:auto;
- top:0;bottom:0;left:0;right:0;
- height:400px;
- width:350px;
- text-align:center;
- display:flex;
- justify-content:center;
- align-items:center;
- flex-wrap: wrap;
- align-content: center;
- }
- .muse {
- width:70px;
- height:69px;
- background:grey;
- margin:15px 20px;
- border-bottom:3px solid {color:accent 2};
- filter: grayscale(100%);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .muse:hover {
- filter: grayscale(0%);
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- /* end muse tab styling */
- /* nav tab styling */
- .nav-links {
- position:absolute;
- margin:auto;
- top:0;bottom:0;left:0;right:0;
- height:400px;
- width:400px;
- text-align:center;
- display:flex;
- justify-content:center;
- align-items:center;
- flex-wrap: wrap;
- align-content: center;
- }
- .nav-link {
- width:140px;
- padding:20px 10px;
- background:{color:accent 1};
- border-bottom:3px solid {color:accent 2};
- margin:15px;
- color:{color:accent text};
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:1.7px;
- font-weight:700;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .nav-link b {
- color:{color:accent 2};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .nav-link:hover {
- color:{color:accent 2};
- border-bottom:3px solid {color:posts};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .nav-link:hover b {
- color:{color:accent text};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .info {
- width:310px;
- padding:20px;
- margin-bottom:10px;
- font-size:9px;
- text-align:right;
- letter-spacing:1px;
- background:{color:posts};
- border-bottom:3px solid {color:accent 1};
- }
- /* end nav tab styling */
- /* draft count styling */
- .draft {
- position:absolute;
- width:70px;
- height:25px;
- text-align:right;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- line-height:150%;
- top:125px;
- left:25px;
- padding:10px;
- border-right:1px solid {color:border};
- border-bottom:1px solid {color:border};
- }
- .draft b {
- color:{color:text};
- }
- /* end draft count styling */
- /* pagi styling */
- .pagi {
- position:absolute;
- text-align:right;
- top:350px;
- left:15px;
- padding:10px;
- border-top:1px solid {color:border};
- border-right:1px solid {color:border};
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- line-height:200%;
- font-weight:700;
- }
- .pagi div {
- color:{color:accent 2};
- }
- .line {
- position:absolute;
- width:1px;
- height:80px;
- bottom:112.5px;
- right:57.5px;
- z-index:9;
- border-left:1px solid {color:accent text};
- }
- /* end pagi styling */
- /* cried styling -- DO NOT TOUCH pls */
- .cred {
- position:absolute;
- z-index:10;
- bottom:15px;
- right:15px;
- padding:5px;
- height:20px;
- width:20px;
- border-radius:10px;
- display:flex;
- align-items:center;
- justify-content:center;
- background-color:{color:accent 1};
- }
- .cred .feather {
- height:13px;
- width:13px;
- stroke:{color:accent text};
- }
- .cred-prompt {
- position:absolute;
- bottom:20px;
- right:55px;
- width:65px;
- padding:0px 15px;
- height:20px;
- background-color:{color:posts};
- letter-spacing:0.5px;
- display:none;
- line-height:20px;
- font-size:9px;
- text-align:center;
- }
- /* end cred styling */
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- <img src="{image:sidebar 1}" class="image-1">
- <div class="block"></div>
- <img src="{image:sidebar 2}" class="image-2">
- <div class="links links-1">
- <a href="/">index</a>
- <a href="/ask">message</a>
- </div>
- <div class="links links-2">
- <a onclick="openTab('navTab')">navigate</a>
- {block:IfMuseTab}<a onclick="openTab('museTab')">muses</a>{/block:IfMuseTab}
- {block:IfNotMuseTab}<a href="{text:free link}">{text:free link title}</a>{/block:IfNotMuseTab}
- </div>
- <div class="title">{text:title}</div>
- <div class="desc">{text:description}</div>
- <div class="draft">
- {block:IfDraftCount}
- <b>draft count</b><br>
- {text:draft count}
- {/block:IfDraftCount}
- </div>
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div>back</div>
- </a>
- {block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">
- <div>next</div>
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <div class="line"></div>
- </div>
- <!-- nav tab start -->
- <div id="navTab" class="tabcontainer">
- <div onclick="closeTab(this)" class="close"><span data-feather="x"></span></div>
- <div class="nav-links">
- <div class="info">{text:nav description}</div>
- <a href="{text:nav link 1}">
- <div class="nav-link"><b>01</b> {text:nav link 1 title}</div>
- </a>
- <a href="{text:nav link 2}">
- <div class="nav-link"><b>02</b> {text:nav link 2 title}</div>
- </a>
- <a href="{text:nav link 3}">
- <div class="nav-link"><b>03</b> {text:nav link 3 title}</div>
- </a>
- <a href="{text:nav link 4}">
- <div class="nav-link"><b>04</b> {text:nav link 4 title}</div>
- </a>
- </div>
- </div>
- <!-- nav tab start -->
- <div id="museTab" class="tabcontainer">
- <div onclick="closeTab(this)" class="close"><span data-feather="x"></span></div>
- <div class="muses">
- <!-- edit muse tooltips and links here
- to edit link put link in the 'href="HERE"' and information in the 'title="HERE"'
- -->
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 1}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 2}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 3}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 4}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 5}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 6}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 7}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 8}" class="muse">
- </a>
- <a href="/" title="first last. age. something.">
- <img src="{image:muse 9}" class="muse">
- </a>
- <!--
- to add more muses copy the following and add to above, you'll have to add url of the image for the muse or change the meta tags
- <a href="/" title="first last. age. something.">
- <img src="URL OF IMAGE" class="muse">
- </a>
- -->
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <!-- start posts-->
- <div class="post" id="{PostID}">
- {block:RebloggedFrom}
- <div class="postinfo-top">
- <div class="post-inner">
- <a href="{ReblogRootURL}">
- <div>posted by {ReblogRootName}</div>
- </a>
- </div>
- </div>
- {/block:RebloggedFrom}
- {block:Text}
- {block:Title}<h1 class="post-title">{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}<p style="margin-top:25px">{Caption}</p>{/block:Caption}
- {/block:Video}
- {block:Photo}
- <img src="{PhotoURL-500}" style="margin:-20px 0px -25px -20px; max-width:calc(100% + 40px); ">
- {block:Caption}<p style="margin-top:40px">{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}<p style="margin-top:25px">{Caption}</p>{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {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}<p style="margin-top:25px">{Caption}</p>{/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}
- {block:More}
- <div class="readmore">
- <a href="{Permalink}" class="more-btn">read more</a>
- </div>
- {/block:More}
- <!-- 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}">
- <i data-feather="calendar"></i>
- <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">
- <i data-feather="paperclip"></i>
- <div>{NoteCount}</div>
- </a>
- {/block:NoteCount}
- </div>
- <span class="dotz">•</span>
- <div class="post-inner">
- <a href="{ReblogURL}" id="reblogz">
- <div>reblog</div>
- <i data-feather="arrow-right" class="reblog-icon"></i>
- </a>
- </div>
- </div>
- {/block:Date}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <span class="dotty">•</span><a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}<div class="postnote">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <!-- my credit please do not touch thanks! -->
- <a href="https://jinsoouls.tumblr.com/" >
- <div class="cred" id="cred">
- <span data-feather="cloud-rain"></span>
- </div>
- </a>
- <div class="cred-prompt" id="cred-info">coded by <b>jack</b></div>
- <!-- end of credit -->
- <script>
- feather.replace();
- $("#cred").hover(
- function() {
- $("#cred-info").fadeIn();
- }, function() {
- $("#cred-info").fadeOut();
- }
- );
- /* 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 */
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- /* audio player color script by shudesigns */
- $('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>"));
- });
- /* tab script by me*/
- function openTab(tabName) {
- $("#entries").fadeOut();
- $('.tabcontainer').each(function(index) {
- if (tabName == $(this).attr('id')) {
- $(this).fadeIn();
- } else {
- $(this).fadeOut();
- }
- });
- }
- function closeTab(el) {
- $(el).parent().fadeOut();
- $('#entries').fadeIn();
- }
- /* popup script by str-wrs */
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="closed"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.closed, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.closed').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- </script>
- </html>
Add Comment
Please, Sign In to add comment