Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- CATBOY :3c theme by @puella, designed by @trans
- NOTE: the header image is 450px x 225px.
- NOTE: the downside of using tags is that you can't click on posts. i only recommend using tags if you don't care about not being able to click on posts. it looks cool but it's not very practical... :(
- scrollbar from: https://gist.github.com/Dakedres/0ccda599648833a1c2f65d3967aa131b
- ----->
- <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- {block:ifsmoothscrolling}
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- {/block:ifsmoothscrolling}
- <link href="https://static.tumblr.com/p6yopnt/34tqtlasa/scrollbar.css" rel="stylesheet">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
- <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:100,attribute:"title"});});})(jQuery);</script>
- <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
- <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:300|Roboto' rel='stylesheet' type='text/css'>
- <meta name="image:favicon" content=""/>
- <meta name="image:header" content=""/>
- <meta name="image:background" content=""/>
- <meta name="image:footer pixel" content=""/>
- <meta name="image:control pixel" content="https://static.tumblr.com/p6yopnt/7uIqph33x/tumblr_4515d4b64b9624c92c898e9d7a869295_78a63fff_75.gif"/>
- <meta name="image:post background" content=""/>
- <meta name="image:footer background" content=""/>
- <meta name="image:container background" content=""/>
- <meta name="image:title background" content=""/>
- <meta name="image:music player background" content=""/>
- <meta name="color:border" content=""/>
- <meta name="color:background" content=""/>
- <meta name="color:description background" content=""/>
- <meta name="color:tags background" content=""/>
- <meta name="color:post background" content=""/>
- <meta name="color:container background" content=""/>
- <meta name="color:title background" content=""/>
- <meta name="color:music player background" content=""/>
- <meta name="color:play pause background" content=""/>
- <meta name="color:play pause" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:footer" content=""/>
- <meta name="color:tooltip background" content=""/>
- <meta name="color:tooltip text" content=""/>
- <meta name="color:title" content=""/>
- <meta name="color:title hover" content=""/>
- <meta name="color:title glow" content=""/>
- <meta name="color:title glow hover" content=""/>
- <meta name="color:title outline" content=""/>
- <meta name="color:title outline hover" content=""/>
- <meta name="color:links" content=""/>
- <meta name="color:links hover" content=""/>
- <meta name="color:links glow" content=""/>
- <meta name="color:links glow hover" content=""/>
- <meta name="color:links outline" content=""/>
- <meta name="color:links outline hover" content=""/>
- <meta name="color:selection background" content=""/>
- <meta name="color:selection text" content=""/>
- <meta name="if:tags" content="1"/>
- <meta name="if:background cover" content=""/>
- <meta name="if:post background cover" content=""/>
- <meta name="if:footer background cover" content=""/>
- <meta name="if:container background cover" content=""/>
- <meta name="if:title background cover" content=""/>
- <meta name="if:music player background cover" content=""/>
- <meta name="if:links glow" content=""/>
- <meta name="if:links outline" content="1"/>
- <meta name="if:title glow" content=""/>
- <meta name="if:title outline" content="1"/>
- <meta name="if:smooth scrolling" content="1"/>
- <meta name="if:redirect" content=""/>
- <meta name="if:hover blur" content=""/>
- <meta name="if:captions" content=""/>
- <meta name="if:fade in out" content="1"/>
- <meta name="if:round borders" content=""/>
- <meta name="if:music player" content="1"/>
- <meta name="if:right description" content=""/>
- <meta name="select:border style" content="solid"/>
- <meta name="select:border style" content="double"/>
- <meta name="select:border style" content="dashed"/>
- <meta name="select:border style" content="dotted"/>
- <meta name="select:border style" content="inset"/>
- <meta name="select:border style" content="outset"/>
- <meta name="select:border style" content="groove"/>
- <meta name="select:border style" content="ridge"/>
- <meta name="text:font" content="courier"/>
- <meta name="text:title font" content=""/>
- <meta name="text:font size" content="20"/>
- <meta name="text:title size" content="40"/>
- <meta name="text:title" content="title"/>
- <meta name="text:description" content="description goes here!"/>
- <meta name="text:mp3" content=""/>
- <meta name="text:song title" content="song title"/>
- <meta name="text:text decoration" content="underline"/>
- <meta name="text:border width" content="2"/>
- <meta name="text:next" content="next"/>
- <meta name="text:previous" content="back"/>
- <meta name="text:redirect" content=""/>
- <meta name="text:song title speed" content="10"/>
- <style type="text/css">
- @font-face{
- font-family: 'Magica';
- src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
- }
- @font-face{
- font-family: 'DEAD END';
- src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
- }
- @font-face{
- font-family: 'Decibil';
- src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
- }
- @font-face{
- font-family: 'Aachen';
- src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
- }
- ::selection {
- background: {color:selection background};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection background};
- color:{color:selection text};
- }
- .tooltip{
- display:inline;
- position:relative;
- }
- .tmblr-iframe{
- padding-right:30px;
- opacity: 0;
- transition: all 1s ease-out;
- }
- .tmblr-iframe:hover {
- opacity: 1;
- transition: all 1s ease-in;
- }
- .controlpixel{
- position:fixed;
- right:10px;
- top:17px;
- }
- #s-m-t-tooltip{
- margin: 20px 0 0 20px;
- padding: 5px;
- max-width: 300px;
- background-color:{color:tooltip background};
- color:{color:tooltip text};
- border:{text:border width}px {select:border style} {color:border};
- z-index: 9999;
- {block:ifroundborders}
- border-radius:5px;
- {/block:ifroundborders}
- }
- body {
- margin:0px;
- background:{color:background};
- background-image: url('{image:background}');
- {block:ifbackgroundcover}
- background-size: cover;
- {/block:ifbackgroundcover}
- {block:ifnotbackgroundcover}
- background-repeat:repeat;
- {/block:ifnotbackgroundcover}
- background-attachment:fixed;
- font-family:{text:font};
- font-size:{text:font size}px;
- color:{color:text};
- word-wrap:break-word;
- }
- p{
- margin:10px 0 10px 0;
- padding:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a{
- text-decoration:{text:text decoration};
- color:{color:links};
- {block:iflinksglow}
- text-shadow:0 0 2px {color:links glow},0 0 2px {color:links glow},0 0 2px {color:links glow}, 0 0 1px {color:links glow};
- {/block:iflinksglow}
- {block:iflinksoutline}
- text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
- {/block:iflinksoutline}
- transition:0.5s;
- }
- a:hover{
- color:{color:links hover};
- {block:iflinksglow}
- text-shadow:0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 1px {color:links glow hover};
- {/block:iflinksglow}
- {block:iflinksoutline}
- text-shadow: -1px 0 {color:links outline hover}, 0 1px {color:links outline hover}, 1px 0 {color:links outline hover}, 0 -1px {color:links outline hover};
- {/block:iflinksoutline}
- transition:0.5s;
- {block:ifhoverblur}
- -webkit-filter: blur(.9px);
- {/block:ifhoverblur}
- cursor:help;
- }
- a.tumblr_blog{
- display:inline-block;
- margin-bottom:0px;
- }
- li{
- margin-left:-15px;
- }
- #wrapper{
- width:fit-content;
- height:fit-content;
- width: -moz-fit-content;
- height: -moz-fit-content;
- {block:iffadeinout}
- animation: fadeEffect 1s;
- {block:iffadeinout}
- position:fixed;
- display: inline-block;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
- @keyframes fadeEffect {
- from {opacity: 0;}
- to {opacity: 1;}
- }
- #title{
- {block:ifroundborders}
- border-radius:5px 5px 0px 0px;
- {/block:ifroundborders}
- text-align:center;
- font-size:{text:title size}px;
- font-family:{text:title font};
- padding:10px;
- border:{text:border width}px {select:border style} {color:border};
- background:{color:title background};
- background-image: url('{image:title background}');
- {block:iftitlebackgroundcover}
- background-size: cover;
- {/block:iftitlebackgroundcover}
- {block:iftitlenotbackgroundcover}
- background-repeat:repeat;
- {/block:iftitlenotbackgroundcover}
- background-attachment:fixed;
- }
- #title a{
- color:{color:title};
- text-decoration:none;
- {block:iftitleglow}
- text-shadow:0 0 2px {color:title glow},0 0 2px {color:title glow},0 0 2px {color:title glow}, 0 0 1px {color:title glow};
- {/block:iftitleglow}
- {block:iftitleoutline}
- text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
- {/block:iftitleoutline}
- transition:0.5s;
- }
- #title a:hover{
- color:{color:title hover};
- {block:iftitleglow}
- text-shadow:0 0 2px {color:title glow hover},0 0 2px {color:title glow hover},0 0 2px {color:title glow hover},0 0 1px {color:title glow hover};
- {/block:iftitleglow}
- {block:iftitleoutline}
- text-shadow: -1px 0 {color:title outline hover}, 0 1px {color:title outline hover}, 1px 0 {color:title outline hover}, 0 -1px {color:title outline hover};
- {/block:iftitleoutline}
- transition:0.5s;
- {block:ifhoverblur}
- -webkit-filter: blur(.9px);
- {/block:ifhoverblur}
- cursor:help;
- }
- #header{
- display:grid;
- grid-template-columns: auto auto;
- {block:ifnotrightdescription}
- direction: rtl;
- {/block:ifnotrightdescription}
- align-items:center;
- width:450px;
- height:225px;
- text-align:center;
- border-left:{text:border width}px {select:border style} {color:border};
- border-right:{text:border width}px {select:border style} {color:border};
- {block:ifmusicplayer}
- border-bottom:{text:border width}px {select:border style} {color:border};
- {/block:ifmusicplayer}
- position:relative;
- background:url('{image:header}');
- background-size:cover;
- background-clip: padding-box;
- }
- #description{
- width:220px;
- height:210px;
- padding:10px;
- box-sizing:border-box;
- overflow:auto;
- background:rgb({RGBcolor:description background}, .3);;
- {block:ifrightdescription}
- float:right;
- {/block:ifrightdescription}
- {block:ifnotrightdescription}
- float:left;
- {/block:ifnotrightdescription}
- }
- #whitespace{
- {block:ifnotrightdescription}
- width:215px;
- float:right;
- {/block:ifnotrightdescription}
- {block:ifrightdescription}
- width:220px;
- float:left;
- {/block:ifrightdescription}
- height:210px;
- }
- #musicplayer{
- width:450px;
- border-left: {text:border width}px {select:border style} {color:border};
- border-right: {text:border width}px {select:border style} {color:border};
- background:{color:music player background};
- background-image: url('{image:music player background}');
- {block:ifmusicplayerbackgroundcover}
- background-size: cover;
- {/block:ifmusicplayerbackgroundcover}
- {block:ifnotmusicplayerbackgroundcover}
- background-repeat:repeat;
- {/block:ifnotmusicplayerbackgroundcover}
- background-attachment:fixed;
- }
- .controls{
- padding:5px;
- font-size:15px !important;
- }
- .songtitle{
- width:400px;
- font-size:{text:font size}px !important;
- display:flex;
- padding-right:10px;
- }
- #content{
- overflow:auto;
- height:320px;
- width:450px;
- border:{text:border width}px {select:border style} {color:border};
- {block:ifroundborders}
- border-radius:0px 0px 5px 5px;
- {/block:ifroundborders}
- background:{color:container background};
- background-image: url('{image:container background}');
- {block:ifcontainerbackgroundcover}
- background-size: cover;
- {/block:ifcontainerbackgroundcover}
- {block:ifnotcontainerbackgroundcover}
- background-repeat:repeat;
- {/block:ifnotcontainerbackgroundcover}
- background-attachment:fixed;
- }
- #postwrapper{
- width:fit-content;
- height:fit-content;
- width: -moz-fit-content;
- height: -moz-fit-content;
- margin: 15px auto;
- }
- .post{
- width:400px;
- position:relative;
- word-wrap:break-word;
- background:{color:post background};
- border:{text:border width}px {select:border style} {color:border};
- {block:ifroundborders}
- border-radius:5px 5px 0px 0px;
- {/block:ifroundborders}
- background-image: url('{image:post background}');
- {block:ifpostbackgroundcover}
- background-size: cover;
- {/block:ifpostbackgroundcover}
- {block:ifnotpostbackgroundcover}
- background-repeat:repeat;
- {/block:ifnotpostbackgroundcover}
- }
- .post img{
- max-width:100%;
- height:auto;
- }
- .footer{
- text-align:center;
- padding:15px;
- border-left:{text:border width}px {select:border style} {color:border};
- border-right:{text:border width}px {select:border style} {color:border};
- border-bottom:{text:border width}px {select:border style} {color:border};
- {block:ifroundborders}
- {block:IndexPage}
- border-radius:0px 0px 5px 5px;
- {/block:IndexPage}
- {block:PermalinkPage}
- border-radius:0px;
- {/block:PermalinkPage}
- {/block:ifroundborders}
- background:{color:footer};
- background-image: url('{image:footer background}');
- {block:iffooterbackgroundcover}
- background-size: cover;
- {/block:iffooterbackgroundcover}
- {block:ifnotfooterbackgroundcover}
- background-repeat:repeat;
- {/block:ifnotfooterbackgroundcover}
- background-attachment:fixed;
- width: calc(400px + ({text:border width}px * 2));
- box-sizing: border-box;
- }
- #nav{
- text-align:center;
- padding:5px 5px 0px 5px;
- font-size:{text:title size}px;
- }
- video{
- max-width:100%;
- height:auto!important;
- }
- .video-container {
- overflow: hidden;
- }
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: center;
- max-width: 350px;
- max-height: 100%;
- }
- .video-wrapper {
- max-width: 350px;
- max-height: 100%;
- }
- .media{
- text-align:center;
- margin-bottom:-6px;
- transition:0.5s;
- }
- .media:hover{
- {block:ifhoverblur}
- -webkit-filter: blur(.9px);
- {/block:ifhoverblur}
- }
- .caption{
- padding: 15px;
- }
- .title{
- font-size:calc({text:font size}px + 5px);
- font-weight:normal;
- margin:10px;
- text-align:center;
- color:{color:text};
- }
- h1, h2, h3, h4, h5, h6{
- font-size:calc({text:font size}px + 5px);
- font-weight:normal;
- margin:10px;
- text-align:center;
- color:{color:text};
- }
- .quote{
- font-weight:normal;
- font-size:{text:font size};
- font-style:italic;
- margin:0 0 10px 0;
- }
- .quotesource{
- margin-bottom:10px;
- }
- .question{
- padding:10px 10px 0 10px;
- border:0.5px dotted {color:text};
- {block:ifroundborders}
- border-radius:5px;
- {/block:ifroundborders}
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:10px 10px 0 10px;
- border-left:dotted 1px {color:text};
- overflow:hidden;
- border-radius:5px;
- }
- blockquote img{
- }
- ol.notes{
- list-style-type: none;
- padding: 10px 0 10px 0;
- margin-bottom: 0px;
- margin-top: 0px;
- text-align: left;
- overflow: auto;
- height: 200px;
- border-left:{text:border width}px {select:border style} {color:border};
- border-right:{text:border width}px {select:border style} {color:border};
- border-bottom:{text:border width}px {select:border style} {color:border};
- {block:ifroundborders}
- border-radius:0px 0px 5px 5px;
- {/block:ifroundborders}
- background:{color:post background};
- width: calc(400px + ({text:border width}px * 2));
- box-sizing: border-box;
- }
- ol.notes li.note img{
- width:10px;
- height:10px;
- margin-right:10px;
- {block:ifroundborders}
- border-radius:5px;
- {/block:ifroundborders}
- }
- ol.notes li.note{
- margin:0px;
- margin-left:5px;
- }
- .heartbeat:hover{
- animation: heartbeat 1s infinite;
- }
- @keyframes heartbeat
- {
- 0%
- {
- transform: scale( .90 );
- }
- 20%
- {
- transform: scale( 1 );
- }
- 40%
- {
- transform: scale( .90 );
- }
- 60%
- {
- transform: scale( 1 );
- }
- 80%
- {
- transform: scale( .90 );
- }
- 100%
- {
- transform: scale( .90 );
- }
- }
- i.fas:hover{
- cursor:help;
- }
- i.fas.fa-pause{
- border:1px solid {color:border};
- padding:10px;
- {block:ifroundborders}
- border-radius:5px;
- {/block:ifroundborders}
- background:{color:play pause background};
- color:{color:play pause};
- }
- i.fas.fa-play{
- border:1px solid {color:border};
- padding:10px;
- {block:ifroundborders}
- border-radius:5px;
- {/block:ifroundborders}
- background:{color:play pause background};
- color:{color:play pause};
- }
- {block:iftags}
- .tags {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- z-index: 200;
- text-align:center;
- background-color: rgb({RGBcolor:tags background}, .3);
- transition: opacity .2s, visibility .2s;
- }
- .scroll-container {
- margin: auto;
- max-height: 100%;
- overflow: auto;
- width:400px;
- }
- .flex-container {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .post:hover .tags {
- opacity: 1;
- }
- {/block:iftags}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="controlpixel"><img src="{image:control pixel}"></div>
- {block:ifredirect}
- {block:IndexPage}
- <script type="text/javascript">
- var url = location.href;
- if (url == "{BlogURL}") {
- window.location = "{BlogURL}tagged/{text:redirect}";
- }
- </script>
- {/block:IndexPage}
- {/block:ifredirect}
- <div id="wrapper">
- <div id="title"><a href="/">{text:title}</a></div>
- <div id="header">
- <div id="whitespace"></div>
- <div id="description">{text:description}</div>
- </div>
- {block:ifmusicplayer}
- <div id="musicplayer">
- <table>
- <tr>
- <td>
- <div class="controls">
- <div class="play" style="display:inline-block"><i class="fas fa-play" onclick="play()"></i></div>
- </div>
- </td>
- <td>
- <div class="songtitle"><marquee scrollamount="{text:song title speed}">{text:song title}</marquee></div>
- </td>
- </tr>
- </table>
- <audio id="music" src="{text:mp3}"></audio>
- </div>
- {/block:ifmusicplayer}
- <div id="content">
- {block:Posts}
- <div id="postwrapper">
- <div class="post">
- {block:Text}
- <div style="padding:15px;">
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- </div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Text}
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset}</div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Photoset}
- {block:Quote}
- <div style="padding:15px;">
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">- {Source}</div>
- {/block:Source}
- </div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Quote}
- {block:Link}
- <div style="padding:15px;">
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Link}
- {block:Chat}
- <div style="padding:15px;">
- {block:Title}
- <div class="title">{Title}</div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Chat}
- {block:Video}
- <div class="media" style="margin-bottom:10px !important"><div class="video-wrapper">
- <div class="video-container">{video-400}</div>
- </div></div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Video}
- {block:Audio}
- <div class="media" style="margin-bottom:-85px !important">
- {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-400}</div></div>{/block:AudioEmbed}
- </div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Audio}
- {block:Answer}
- <div style="padding:15px;">
- <div class="question" style="font-style:italic;">{Asker}: {Question}</div>
- {Answer}
- </div>
- {block:iftags}{block:HasTags}<div class="tags"><div class="scroll-container"><div class="flex-container">{block:Tags}<div style="text-align:center"><a href="{TagURL}">#{Tag}</a></div> {/block:Tags}</div></div></div>{/block:HasTags}{/block:iftags}
- {/block:Answer}
- </div>
- {block:Date}
- <div class="footer">
- <img src="{image:footer pixel}"> <a href="{Permalink}" title="{notecount}">{24hourwithzero}:{minutes}</a> <img src="{image:footer pixel}">
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- </div>
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}" style="padding: 0px 10px">{text:previous}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" style="padding: 0px 10px">{text:next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <script>
- let player = document.getElementById("music");
- function play(){
- player.play();
- document.querySelector('.play').innerHTML = "<i class='fas fa-pause' onclick='pause()'></i>";
- }
- function pause(){
- player.pause();
- document.querySelector('.play').innerHTML = "<i class='fas fa-play' onclick='play()'></i>";
- }
- player.onended = function(){
- document.querySelector('.play').innerHTML = "<i class='fas fa-play' onclick='play()'></i>";
- }
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- <a href="https://puella.tumblr.com" title="by @puella, designed by @trans" style="position:fixed;left:12px;bottom:-12px;font-size:20px;"><div class="heartbeat"><3</div>️</a>
- </body>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement