Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- GOD-ISH theme by @mirainikki / @puella
- umm.... listen to god-ish by pinocchio-p -_-
- ----->
- {block:ifblobs}
- <script>
- // <![CDATA[
- var colour="{color:blob color}"; // what colour are the blobs
- var speed=66; // speed of animation, lower is faster
- var blobs=20; // how many blobs are in the jar
- var charc="{text:blob}"; // a blob - can be changed to charc='hello' or charc='*' for a different effect
- /***************************\
- * Blobs in a Jar Effect *
- * (c)2012 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- window.onload=fill_the_jar;
- var div;
- var xpos=new Array();
- var ypos=new Array();
- var zpos=new Array();
- var dx=new Array();
- var dy=new Array();
- var dz=new Array();
- var blob=new Array();
- var swide=800;
- var shigh=600;
- function fill_the_jar() {
- var i, dvs;
- div=document.createElement('div');
- dvs=div.style;
- dvs.position='fixed';
- dvs.left='0px';
- dvs.top='0px';
- dvs.width='1px';
- dvs.height='1px';
- document.body.appendChild(div);
- set_width();
- for (i=0; i<blobs; i++) {
- add_blob(i);
- jamjar(i);
- }
- }
- function add_blob(ref) {
- var dv, sy;
- dv=document.createElement('div');
- dv.appendChild(document.createTextNode(charc));
- sy=dv.style;
- sy.position='absolute';
- sy.textAlign="center";
- if (navigator.appName=="Microsoft Internet Explorer") {
- sy.fontSize="10px";
- sy.width="100px";
- sy.height="100px";
- sy.paddingTop="40px";
- sy.color=colour;
- }
- else sy.color='rgba(0,0,0,0)';
- ypos[ref]=Math.floor(shigh*Math.random());
- dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- xpos[ref]=Math.floor(swide*Math.random());
- dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- zpos[ref]=Math.random()*20;
- dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
- blob[ref]=dv;
- div.appendChild(blob[ref]);
- set_blob(ref);
- }
- function rejig(ref, xy) {
- if (xy=='y') {
- dx[ref]=(0.5+Math.random())*sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
- }
- else {
- dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*sign(dy[ref]);
- }
- }
- function sign(a) {
- if (a<0) return (-2);
- else if (a>0) return (2);
- else return (0);
- }
- function set_blob(ref) {
- var sy;
- sy=blob[ref].style;
- sy.top=ypos[ref]+'px';
- sy.left=xpos[ref]+'px';
- if (navigator.appName=="Microsoft Internet Explorer") {
- sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
- sy.fontSize=30-zpos[ref]+"px";
- }
- else {
- sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
- sy.fontSize=40+zpos[ref]+'px';
- }
- }
- function jamjar(ref) {
- if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
- ypos[ref]+=dy[ref];
- if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
- xpos[ref]+=dx[ref];
- if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
- zpos[ref]+=dz[ref];
- set_blob(ref);
- setTimeout("jamjar("+ref+")", speed);
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- // ]]>
- </script>
- {/block:ifblobs}
- <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
- <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
- <meta charset="utf-8">
- <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>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <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:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
- <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
- <link rel="stylesheet" href="https://static.tumblr.com/p6yopnt/PxJr3vu6k/scrollbar.css">
- <script>
- 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);
- }
- </script>
- <link href="https://fonts.googleapis.com/css?family=Advent+Pro|Bebas+Neue|Bellota|Liu+Jian+Mao+Cao|Orbitron|Pacifico|Playfair+Display|Rajdhani&display=swap" rel="stylesheet">
- <meta name="image:favicon" content=""/>
- <meta name="image:icon" content="https://64.media.tumblr.com/6520604c077856689112f73e36d36899/16578c11625771cf-ea/s2048x3072/f6c8d0a3d0d4fa43aa6aad2fe846084144b94e82.jpg"/>
- <meta name="image:background" content="https://64.media.tumblr.com/8d96a1a1257500666de011e757f31557/16578c11625771cf-88/s2048x3072/4b90424d1ec33b55be65a2af07984043c7921c63.png"/>
- <meta name="image:post background" content=""/>
- <meta name="color:border" content="#fff"/>
- <meta name="color:inner border" content="#fff"/>
- <meta name="color:background" content="#c0c0c0"/>
- <meta name="color:post background" content="#000"/>
- <meta name="color:text" content="#fff"/>
- <meta name="color:links" content="#000"/>
- <meta name="color:links hover" content="#fff"/>
- <meta name="color:links glow" content=""/>
- <meta name="color:links glow hover" content=""/>
- <meta name="color:links outline" content="#fff"/>
- <meta name="color:links outline hover" content="#000"/>
- <meta name="color:title" content="#000"/>
- <meta name="color:title hover" content="#fff"/>
- <meta name="color:title glow" content=""/>
- <meta name="color:title glow hover" content=""/>
- <meta name="color:title outline" content="#fff"/>
- <meta name="color:title outline hover" content="#000"/>
- <meta name="color:box glow" content="#fff"/>
- <meta name="color:tooltip background" content="#000"/>
- <meta name="color:tooltip text" content="#fff"/>
- <meta name="color:selection background" content="#fff"/>
- <meta name="color:selection text" content="#000"/>
- <meta name="color:blob color" content="#000"/>
- <meta name="if:redirect" content=""/>
- <meta name="if:box glow" 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:hover blur" content=""/>
- <meta name="if:captions" content="1"/>
- <meta name="if:round borders" content=""/>
- <meta name="if:background cover" content=""/>
- <meta name="if:blobs" content="1"/>
- <meta name="select:border style" content="solid"/>
- <meta name="select:border style" content="dashed"/>
- <meta name="select:border style" content="dotted"/>
- <meta name="select:border style" content="double"/>
- <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="select:inner border style" content="solid"/>
- <meta name="select:inner border style" content="dashed"/>
- <meta name="select:inner border style" content="dotted"/>
- <meta name="select:inner border style" content="double"/>
- <meta name="select:inner border style" content="inset"/>
- <meta name="select:inner border style" content="outset"/>
- <meta name="select:inner border style" content="groove"/>
- <meta name="select:inner border style" content="ridge"/>
- <meta name="text:font size" content="20"/>
- <meta name="text:font" content="arial"/>
- <meta name="text:title size" content="45"/>
- <meta name="text:title font" content="aachen"/>
- <meta name="text:title" content="oh my god!"/>
- <meta name="text:border width" content="0"/>
- <meta name="text:link separator" content="⋅"/>
- <meta name="text:link 1" content="eins"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2" content="zwei"/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3" content="drei"/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:link 4" content="vier"/>
- <meta name="text:link 4 url" content=""/>
- <meta name="text:blob" content="✟"/>
- <meta name="text:redirect" content=""/>
- </head>
- <style type="text/css">
- .npf_row {
- margin: 0 !important;
- }
- .tmblr-full img{
- border:0.5px {select:inner border style} {color:inner border} !important;
- box-sizing:border-box !important;
- }
- ::selection {
- background: {color:selection background};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection background};
- color:{color:selection text};
- }
- #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:10px;
- {/block:ifroundborders}
- }
- @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);
- }
- 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};
- }
- p{
- margin:5px 0px;
- 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{
- 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}
- text-decoration:none;
- 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}
- {block:ifhoverblur}
- -webkit-filter: blur(.9px);
- {/block:ifhoverblur}
- cursor:help;
- }
- a.tumblr_blog{
- display:inline-block;
- margin-bottom:5px;
- }
- li{
- margin-left:-15px;
- }
- #wrapper{
- width:calc(825px + ({text:border width}px * 2));
- margin:auto;
- animation:fadeEffect 1s;
- }
- @keyframes fadeEffect {
- from {opacity: 0;}
- to {opacity: 1;}
- }
- #sidebar{
- position:fixed;
- display: flex;
- flex-direction:column;
- height:fit-content;
- height:-moz-fit-content;
- top: 0;
- bottom: 0;
- margin: auto;
- }
- #content{
- float:right;
- }
- #title{
- width:275px;
- font-size:{text:title size}px;
- text-align:center;
- padding-bottom:5px;
- margin-top:calc(-{text:title size}px + -7.5px);
- font-family:{text:title font};
- }
- #title a{
- color:{color:title};
- {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}
- }
- #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;
- cursor:help;
- }
- #icon{
- border:{text:border width}px {select:border style} {color:border};
- width:275px;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- {block:ifboxglow}
- -webkit-box-shadow:0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- -moz-box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- {/block:ifboxglow}
- background:{color:post background};
- background-image:url('{image:post background}');
- }
- #icon img{
- display:block;
- box-sizing:border-box;
- border:0.5px {select:inner border style} {color:inner border};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- #hover{
- max-height:0px;
- text-align:center;
- opacity:0;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- overflow:hidden;
- }
- #icon:hover #hover{
- opacity:1;
- max-height:500px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #links{
- border-left:0.5px {select:inner border style} {color:inner border};
- border-right:0.5px {select:inner border style} {color:inner border};
- }
- .post{
- width:500px;
- margin:50px auto;
- overflow:hidden;
- border: {text:border width}px {select:border style} {color:border};
- background:{color:post background};
- background-image:url('{image:post background}');
- box-sizing:border-box;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- {block:ifboxglow}
- -webkit-box-shadow:0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- -moz-box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- {/block:ifboxglow}
- }
- .footer{
- text-align:center;
- margin:auto;
- margin-top:20px;
- border-left:0.5px {select:inner border style} {color:inner border};
- border-right:0.5px {select:inner border style} {color:inner border};
- width:200px;
- }
- .answer .embed_iframe{
- width: 340px;
- }
- .nfp_row{
- margin-left:0px;
- margin-right:0px;
- }
- #nav{
- margin-bottom:50px;
- text-align:center;
- display:flex;
- justify-content:space-evenly;
- font-size:{text:title size}px;
- }
- #navbutton{
- padding:20px;
- background-color:{color:post background};
- border: {text:border width}px {select:border style} {color:border};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- background-image:url('{image:post background}');
- {block:ifboxglow}
- -webkit-box-shadow:0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- -moz-box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- box-shadow: 0px 0px 10px 5px rgba({RGBcolor:box glow},0.5);
- {/block:ifboxglow}
- }
- video{
- max-width:100%;
- height:auto!important;
- }
- .video-container {
- overflow: hidden;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: center;
- max-width: 460px;
- max-height: 460px;
- border:0.5px {select:inner border style} {color:inner border};
- box-sizing:border-box;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .video-wrapper {
- max-width: 460px;
- max-height: 460px;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- iframe.tumblr_audio_player {
- height: 85px;
- border:0.5px {select:inner border style} {color:inner border};
- box-sizing:border-box;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .media{
- margin:0 0 0px 0;
- text-align:center;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .media:hover{
- {block:ifhoverblur}
- -webkit-filter: blur(.9px);
- {/block:ifhoverblur}
- }
- .media img{
- border:0.5px {select:inner border style} {color:inner border};
- display:block;
- box-sizing:border-box;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .title{
- font-size:calc({text:font size}px * 2 - 10px);
- font-weight:bold;
- margin:10px 0 10px 0;
- color:{color:text};
- }
- h1, h2, h3, h4, h5, h6{
- font-size:calc({text:font size}px * 2 - 10px);
- font-weight:bold;
- margin:10px 0 10px 0;
- color:{color:text};
- }
- .quote{
- font-weight:normal;
- font-size:{text:font size};
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question {
- position: relative;
- border:0.5px {select:inner border style} {color:inner border};
- background-color:{color:post background};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- padding: 20px;
- margin-left:20px;
- width:100%;
- word-break: break-all;
- }
- .asker{
- display:flex;
- align-items: flex-start;
- }
- .asker img{
- border:0.5px {select:inner border style} {color:inner border};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .answer{
- position: relative;
- border:0.5px {select:inner border style} {color:inner border};
- background-color:{color:post background};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- padding: 20px;
- margin-right:20px;
- width:100%;
- word-break: break-all;
- }
- .answerer{
- margin-top:20px;
- display:flex;
- align-items: flex-start;
- }
- .answerer img{
- border:0.5px {select:inner border style} {color:inner border};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- .caption{
- margin-top:10px;
- }
- blockquote{
- margin:0px;
- padding-left:10px;
- border-left:0.5px {select:inner border style} {color:inner border};
- }
- blockquote img{
- max-width:100%;
- height:auto;
- object-fit:cover;
- display: block;
- border:0.5px {select:inner border style} {color:inner border};
- box-sizing:border-box;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- img{
- max-width:100%;
- height:auto;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- ol.notes{
- border:0.5px {select:inner border style} {color:inner border};
- background-color:{color:post background};
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- margin-top:20px;
- padding:20px;
- list-style-type:none;
- max-height:200px;
- overflow:auto;
- margin-bottom:0px;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- margin-right:3px;
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders}
- }
- ol.notes li.note{
- margin:0px;
- }
- .tags {
- max-height:0px;
- text-align:center;
- opacity:0;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- overflow:hidden;
- }
- .post:hover .tags{
- opacity:1;
- max-height:300px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- /***** the entire photoset/photoset container *****/
- [photoset-layout] {
- grid-gap: 5px; /* this is the gap between both the rows and the columns; you should probably use this if they are the same value */
- }
- /***** the image container *****/
- [photoset-layout] div {
- padding: ##; /* padding in the each image's container */
- border: _____; /* border around each image's container */
- }
- /***** the image *****/
- [photoset-layout] img {
- border:0.5px {select:inner border style} {color:inner border}; /* border around each image */
- {block:ifroundborders}
- border-radius:10px;
- {/block:ifroundborders} /* each image's border radius */
- display: block;
- height: 100%;
- width: 100%;
- object-fit: cover;
- background-color:{color:post background};
- }
- [photoset-layout] div {
- cursor: help;
- }
- .answer .embed_iframe{
- width: 240px;
- }
- #heartbeat{
- position:fixed;
- left:12px;
- bottom:6px;
- font-size:18px !important;
- }
- #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 );
- }
- }
- </style>
- <body>
- {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="sidebar">
- <div id="title"><a href="/">{text:title}</a></div>
- <div id="icon">
- <div style="padding:20px"><img src="{image:icon}"></div>
- <div id="hover">
- <div style="padding:0px 20px 20px 20px">
- <div id="links">
- <a href="{text:link 1 url}">{text:link 1}</a> {text:link separator} <a href="{text:link 2 url}">{text:link 2}</a> {text:link separator} <a href="{text:link 3 url}">{text:link 3}</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post" post-type="{PostType}">
- <div style="padding:20px">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {/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:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media"><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:Video}
- {block:Audio}
- <div class="media">
- {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-500}</div></div>{/block:AudioEmbed}
- </div>
- {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
- {/block:Audio}
- {block:Answer}
- <div class="asker"><img src="{AskerPortraitURL-48}"> <div class="question" style="font-style:italic">{Question}</div></div>
- <div class="answerer"><div class="answer">{Answer}</div>{block:Answerer}<img src="{AnswererPortraitURL-48}">{/block:Answerer}<img src="{PortraitURL-48}" style="{block:Answerer}display:none{/block:Answerer}"></div>
- <div style="margin-top:20px;{block:NotReblog}display:none;{/block:NotReblog}">{Replies}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}" title="{notecount} notes">{TimeAgo}</a>
- <!-- {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:HasTags}
- {block:IndexPage}<div class="tags"><div style="margin-top:20px">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div></div>{/block:IndexPage}
- {block:PermalinkPage}<div style="margin-top:20px;text-align:center;">{block:Tags}<a href="{TagURL}"><i class="fas fa-hashtag"></i>{Tag} </a>{/block:Tags}</div>{/block:PermalinkPage}
- {/block:HasTags}
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- </div>
- {/block:Posts}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<div id="navbutton"><a href="{PreviousPage}"><i class="fas fa-arrow-left"></i></a></div>{/block:PreviousPage}
- {block:NextPage}<div id="navbutton"><a href="{NextPage}"><i class="fas fa-arrow-right"></i></a></div>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <a id="heartbeat" href="https://mirainikki.tumblr.com" title="by @mirainikki / @puella"><i class="fas fa-heart"></i>️</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement