Create a new version of paste:

<!DOCTYPE html>
<html>
<!--THEME 10 All Too Well by hermionegrangcr 
 
THEME BLOG: grangersdesigns 
 
 
          ♛       ♛       ♛                                
        ♛♛♛    ♛♛♛   ♛♛♛                      
         ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛              
         ♛♛♛  ♥ G♚D ♥ ♛♛♛  
         ♛ ♛ ♛ ♛ ♛ ♛ ♛ ♛                            
          ♛ ♛ ♛ ♛ ♛ ♛ ♛      © hermionegrangcr     
 
                           
Important:
 
♚ Basic rules apply (see https://hermionegrangcr.tumblr.com/rules)

♚ This theme is optimised for Google Chrome and laptops of 13~15 in.

♚ Tweak this to your preference as long as the credits remain intact.

♚ If you encounter any issues or have any suggestions, please message me at https://grangersdesigns/faq
 
-->
    <head>

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>{Title}</title>

{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}  

<link rel="shortcut icon" href="{Favicon}">

<meta name="image:sidebar" content="https://static.tumblr.com/d0969d484613dddeaa37858ff409d517/xbvpdcx/5dHo1k18h/tumblr_static_2cevhqn6pl34ggs8k8wg0g848.jpg">

<meta name="color:highlight" content="#C4D0F5">
<meta name="color:grad1" content="#fafafa">
<meta name="color:grad2" content="#cdcdcd"> 

<meta name="if:unnested captions" content="">
<meta name="if:infinite scroll" content="">
<meta name="if:manual load" content="">

<meta name="select:background"content="simple_bg" title="simple">
<meta name="select:background"content="grad_bg" title="gradient">
<meta name="select:background"content="white_bg" title="white">
    

<meta name="select:font size" content="12px" title="12px"> 
<meta name="select:font size" content="11px" title="11px"> 
<meta name="select:font size" content="10px" title="10px">
<meta name="select:font size" content="9px" title="9px"> 


<meta name="select:post width"content="post400"title="400px"/>
<meta name="select:post width"content="post540"title="540px"/>
<meta name="select:post width"content="post500"title="500px"/>
<meta name="select:post width"content="post450"title="450px"/>
<meta name="select:post width"content="post350"title="350px"/>
<meta name="select:post width"content="post300"title="300px"/>

<meta name="select:post spacing" content="80px">
<meta name="select:post spacing" content="70px">
<meta name="select:post spacing" content="60px">
<meta name="select:post spacing" content="50px">
<meta name="select:post spacing" content="90px">
<meta name="select:post spacing" content="100px">
<meta name="select:post spacing" content="110px">
<meta name="select:post spacing" content="120px">

<meta name="select:notes display" content="def_notes" title="default">
<meta name="select:notes display" content="grid_notes" title="grid">


<meta name="select:photoset gutter"content="5px"title="5px">
<meta name="select:photoset gutter"content="10px"title="10px">
<meta name="select:photoset gutter"content="2px"title="2px">
<meta name="select:photoset gutter"content="1px"title="1px">
<meta name="select:photoset gutter"content="0px"title="0px">

<meta name="text:Link1" content="Link1">
<meta name="text:link1 URL" content="/">
<meta name="text:Link2" content="Link2">
<meta name="text:link2 URL" content="/">
<meta name="text:Link3" content="Link3">
<meta name="text:link3 URL" content="/">

<link href='https://fonts.googleapis.com/css?family=Cantarell:400,700' rel='stylesheet' type='text/css'>

<link href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css' rel='stylesheet'type="text/css">


 <style type="text/css">
*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html, body {height:100%;}

/*Tumblr Controls*/
.iframe-controls--desktop{
    padding-right:10px !important;
    right:-35px !important;
    top:-5px !important;
    opacity:0;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);     
    -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;    
    
}
.iframe-controls--desktop:hover {
    opacity:0.6;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;       
}

{block:permalinkpage}
.tmblr-iframe-compact .tmblr-iframe--unified-controls {
    width: 500px!important;
}

.iframe-controls--desktop {right:-70px!important;}
{/block:permalinkpage}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/*hover controls*/
#controlscog {
    z-index:50;
    position:fixed;
    top:10px;
    right:5px;
    background:transparent!important;
}

::-webkit-scrollbar {
    width:12px;
    background:inherit;
}

::-webkit-scrollbar:horizontal {display:none;}

::-webkit-scrollbar-thumb { background-color: {color:highlight}; border:5px solid #f5f5f5; }


body {
  color: #5f5f5f;
  font-size: {select:font size};
  line-height: 160%;
  font-family: 'cantarell', Arial, sans-serif;
  overflow-x:hidden;
  background-attachment:fixed;
  margin:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
} 

body.simple_bg {  background:#efefef;}
body.white_bg {background:#fff;}

body.grad_bg {
    background: -webkit-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, {color:grad1} 10%, {color:grad2} 90%); /* W3C */   
}


iframe, img:not(.lightbox-image), embed, object, video, pre, li, blockquote {max-width: 100% !important;}

a {
    text-decoration:none;
    color:#ababab;
    cursor:crosshair;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

a:hover {
    color:{color:highlight};
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

pre { 
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
background:#f5f5f5;
padding:5px;
}

#s-m-t-tooltip{
    position:absolute;
    margin-top: 10px;
    z-index:9999999999;
    padding:2px 5px 2px 5px;
    max-width:500px;
    background: #fff;
    font-size:{select:font size};
    text-transform:uppercase;
    box-shadow: 1px 1px 3px #dfdfdf;
}

#sidebar {
  background:#fff;
  border-right:1px solid #dfdfdf;
  top:0;
  left:0;
  position:fixed;
  z-index:10;
  width:400px;
  height:100%;    
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;    
    display: -webkit-box;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -webkit-box-align: center;
    -webkit-box-pack:center; 
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;  

}

#sb {text-align:center;}

#sb > img {
    width:220px;
    height:220px;
    border-radius:5%;
    -webkit-border-radius:5%;
    -moz-border-radius:5%;
    display:block;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

#sb > nav {
  width:300px;
  text-align:center;
  text-transform:uppercase;
  padding-bottom:8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

#sb > nav a {
  margin:0 3px 0 3px;
  border-bottom:1px solid transparent;
}

#sb > nav a:hover {
  border-bottom: 1px solid {color:highlight};
}

#sb > nav a:first-of-type {margin-left:0;}
#sb > nav a:last-of-type {margin-right:0;}

#sb .myinfo {
  margin:12px auto;
  width:220px;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  color:#898989;
     -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;  
}

.myinfo img {display:none;}

/*jump pag*/
aside {
    margin:12px auto;
{block:ifinfinitescroll}
    display:none;
{/block:ifinfinitescroll}    
}
aside * + * {margin:4px;}

/*other pg options*/

#infscr-loading {display:none !important;}
.manual_cont {
    text-align:center;
    margin-top:calc(-{select:post spacing} / 2);
    margin-bottom:calc({select:post spacing} / 2);
}

@media screen and (max-width: 1000px) {
    #sidebar {
        width:300px;
        -webkit-transition: all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;     
    }
    #sb > img {
        width:180px;
        height:180px;
        -webkit-transition: all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;     
    }
    
    #sb > nav {
        width:220px;
        -webkit-transition: all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;     
    }
    
    #sb .myinfo {
        width:220px;
        -webkit-transition: all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;     
    }

}

#entries {position:relative;}
main {display:block;}

.post500 #entries   {width:calc(100% - 500px);  left:400px;}
.post540 #entries   {width:calc(100% - 540px);  left:450px;}
.post450 #entries   {width:calc(100% - 450px);  left:400px;}
.post400 #entries   {width:calc(100% - 400px);  left:400px;}
.post350 #entries   {width:calc(100% - 350px);  left:350px;}
.post300 #entries   {width:calc(100% - 300px);  left:350px;}

article.posthold {margin:{select:post spacing} auto;}

{block:ifinfinitescroll}
article.posthold {
    -webkit-animation:fadeIn ease-in 1s;
    -o-animation:fadeIn ease-in 1s;
    -moz-animation:fadeIn ease-in 1s;
    animation:fadeIn ease-in 1s;     
}
{/block:ifinfinitescroll}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.post500 article.posthold  {width:500px;}
.post540 article.posthold  {width:540px;}
.post450 article.posthold  {width:450px;}
.post400 article.posthold  {width:400px;}
.post350 article.posthold  {width:350px;}
.post300 article.posthold  {width:300px;}


.posts {
  width:100%;
  background:#fff;
  padding:5px;
  border:1px solid #eaeaea;
}

.white_bg .posts {border:none;padding:0;}


.posts img {
    max-width:100%;
    height:auto;
}

.posts img.photop {display:block;line-height:0;}

.posts video, .posts .tumblr_video_container {
  width: 100%    !important;
  height: auto   !important;
}

.posts h1, .posts h2 {font-weight:400;}

.posts h1 {
    font-size:calc({select:font size} * 1.8);
    padding-left:calc(({select:font size} * 2)/3);
    padding-right:calc(({select:font size} * 2)/3);
    margin:{select:font size} 0 {select:font size} 0;
    
}

.posts h2 {
    font-size:calc({select:font size} * 1.4);
    margin:calc(({select:font size} * 2)/3) 0 calc(({select:font size} * 2)/3) 0;
    padding:0 calc({select:font size} / 2) 0 calc({select:font size} / 2);    
}

.white_bg .posts h1 {padding:0;}

.posts p:empty {display:none;}

.posts .captions {padding:0 calc(({select:font size} * 2)/3);text-align:justify;}

.white_bg .captions {padding:0;}

.defcap .captions a, .qsource a, span.action a, .tumblr_parent p a {border-bottom:1px solid #dfdfdf;}
.defcap .captions a:hover, .qsource a:hover, span.action a:hover, .tumblr_parent p a:hover {border-bottom:1px solid {color:highlight};} 

body:not(.unnested) .posts .captions *:not(.readmore_txt):not(h2) {vertical-align:inherit;font-size:inherit;font-style:inherit;}


.posts ol, .posts ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
.posts ol {
  list-style: decimal inside;
}

.posts ul {
  list-style: circle inside;
}

.posts li {margin-bottom:calc({select:font size} / 2);}

.posts ol ol,.posts ol ul, .posts ul ol,.posts ul ul {
  margin:{select:font size} 0 {select:font size} 0;
}

.defcap blockquote {
  border-left: 1px solid {color:highlight};
  margin-left: 0;
  margin-right: 0;
  padding-left: {select:font size};
}

.defcap blockquote *:last-child {
  margin-bottom: 0;
}

.defcap blockquote > p:first-of-type {margin-top:0;}

.defcap blockquote blockquote {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 border-left:none;
    
}


blockquote.tumblr_parent {
    max-width:100%;
    margin:0;
}

.tumblr_parent blockquote {
 padding: 0 0 0 10px;
 margin: 0 0 0 0;    
 border-left:1px {color:highlight} solid;
}

.tumblr_parent blockquote div {margin:{select:font size} 0 {select:font size} 0;}


.unnested blockquote.tumblr_parent *:not(i):not(b):not(em):not(strong):not(a) {vertical-align:middle;}


img.tumblr_avatar {border-radius:10%;margin-right:{select:font size};margin-top:calc({select:font size} / 2);margin-bottom:calc({select:font size} / 2);width:36px;height:36px;}

img.tumblr_avatar + a.tumblr_blog {font-weight:bold;vertical-align:middle;}

blockquote.tumblr_parent .captions.txtps p:first-child:not(:empty){margin-top:0;}


/*links, asks, readmore*/
div.linkp_cont, div.ask_cont, div.readmore_wrap {
  padding:calc(({select:font size} * 2)/3);
  padding-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;    
}

div.readmore_wrap {padding:calc({select:font size}/3);}

.readmore_wrap a {border-bottom:none !important;}
.readmore_wrap h2 {font-size:calc({select:font size} * 1.2)}


.white_bg div.linkp_cont, .white_bg div.ask_cont, .white_bg div.readmore_wrap {padding-left:0;padding-right:0;}

.unnested .linkp_cont, .unnested .ask_cont {margin-bottom:calc({select:font size} * (2/3));}

div.icon.icon--m {
    background: #f5f5f5;
    width:calc({select:font size} * 1.6 * 2);
    height:calc({select:font size} * 1.6 * 2);
    border-radius:50%;
    padding:4px;
}


.icon--m svg, .ask_cont .icon.icon--s svg {fill:#898989;}

.ask_cont .icon.icon--s {
    background:#f5f5f5;
    width:30px;
    height:30px;
}

div.linktxt, div.sender, .readmore_txt {
    width:calc(100% - ((({select:font size} * 2)/3) + ({select:font size} * 1.6 * 2)));
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.linktxt a, a.readmore {
    display:inline-block;
    position:relative;
}

.linktxt a:after, a.readmore:after {
content: '';
display: block;
height: 2px;
margin-left:8px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}

 a.readmore:after {height:1px;margin-left:6px;}

.linktxt a:hover:after, a.readmore:hover:after {
width: calc(100% - 12px);
background: {color:highlight};
}

a.readmore:hover:after {
    width:calc(100% - 8px);
}

/*ask*/

.sender {
    text-transform:uppercase;
}


.ask_q {
    width:100%;
    padding: calc(({select:font size} * 2)/3);
    padding-top:{select:font size};
    margin-top:{select:font size};
    border-top:1px solid #dfdfdf;
}

.white_bg .ask_q {padding-left:0;padding-right:0;}


/*quotes*/

h1.qshort, h1.qmedium, h1.qlong {font-style:italic;}

h1.qshort {line-height:140%;}
h1.qmedium, h1.qlong {line-height:160%;}

h1.qmedium {font-size:calc({select:font size} * 1.5);}

h1.qlong {font-size:calc({select:font size} * 1.2);}

span.qsource {width:100%;padding:{select:font size};display:block;}

.white_bg span.qsource {padding-left:0;padding-right:0;}

/*lightbox*/
#tumblr_lightbox,.tmblr-lightbox {background:#efefef!important;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); }


#tumblr_lightbox img,.tmblr-lightbox .vignette {
    opacity:0;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
}

#tumblr_lightbox_center_image {
    opacity: 1!important; 
    background-color: #fff!important;
}

#tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:0.5!important;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

#tumblr_lightbox_left_image:hover, #tumblr_lightbox_right_image:hover {
    opacity:1!important;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out; 
}


#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .tmblr-lightbox .lightbox-image { 
    box-shadow: 0 0 0 transparent !important;
}

#tumblr_lightbox img, #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .tmblr-lightbox .lightbox-image {
    border-radius:5px!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -o-border-radius: 5px!important;    
}


#tumblr_lightbox_caption,.tmblr-lightbox .lightbox-caption { visibility: hidden; }

/* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */
.photo-slideshow .count-1 {
    margin-bottom:{select:photoset gutter}!important;
}

 
.photo-slideshow .count-2 {
    margin-left:{select:photoset gutter}!important;
    margin-bottom:{select:photoset gutter}!important;
    width:calc(50% - ({select:photoset gutter}/2))!important;
}
 
.photo-slideshow .count-2:first-child {
    margin-left:0!important;
}
 
.photo-slideshow .count-3 {
    margin-left:{select:photoset gutter}!important;
    margin-bottom:{select:photoset gutter}!important;
    width:calc((100% - (2 * {select:photoset gutter}))/3)!important;
}
 
.photo-slideshow .count-3:first-child {
    margin-left:0!important;
}
.photo-slideshow {
	display:block!important;
	margin-bottom:calc(-({select:photoset gutter} - 3px));
	position:relative;
	width:100%;
}

.defcap .photo-slideshow.processed {margin-bottom:0!important;}

.defcap .row:last-of-type .count-1{margin-bottom:0!important;}

.unnested .photo-slideshow.processed {margin-bottom:calc({select:font size} * (2/3)) !important;}
/* cr: agustd/gukthemes & sughyun/caulfielld; do not take w/o credit. */

/*audio posts*/
.flitwick {
    width:100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
     display: -webkit-box;
    -webkit-box-align: center;
    position:relative;
}

.unnested .flitwick {margin-bottom:calc({select:font size} * (2/3));}

.grammy {
    position:relative;
    margin-left:0;
    width:100px;
    height:100px;    
}

.post300 .grammy, .post350 .grammy {width:70px;height:70px;}

.mariah {
    position:absolute;
    background:#fff;
    z-index:10;
    opacity:0;
    text-align:center;
    width:80px;
    height:80px;  
    margin-top:10px;
    margin-left:10px;  
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.post300 .mariah, .post350 .mariah {width:50px;height:50px;}

.mariah:hover {
    opacity:0.8;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

.playbox {
    overflow:hidden;
    width:40px;
    height:40px;
    margin-top:25px;
    margin-left:20px;    
}

.post300 .playbox, .post350 .playbox {width:25px;height:25px;}


.taylor {
    padding:0;
    margin-left:0px;
    background:#fafafa;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
     display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack:center;
    width:calc(100% - 100px);
    height:100px;    
}

.post300 .taylor, .post350 .taylor {width:calc(100% - 70px);height:70px;}

.swift {
    font-weight:normal;
    text-overflow: ellipsis;    
    white-space: nowrap;
    overflow:hidden;
    max-width:calc(100% - 50px);  
    line-height:2;
}

.post300 .swift, .post350 .swift {line-height:1.75;}


.swift b {
    font-weight:bold;
}

/*index footer*/
.in-footer {
    width:100%;
    margin-top:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;  
}

div.icon.icon--s {
    width:24px;
    height:24px;
    padding:4px;
    background:{color:highlight};
    border-radius:50%;
    position:relative;
    overflow:hidden;
  
}

.icon--s svg.icon__cnt {fill:#fff;}

.pbasic {margin-top:-5px;}

.pbasic > * {vertical-align:middle;}

.pbasic span {padding-left:4px;}

.pbasic span a {color:inherit;}
.pbasic span a:hover {color:{color:highlight};}

a.rblink {position:absolute;width:100%;height:100%;top:0;left:0;}

.soc div.icon.icon--s:hover {background:#fff;}

.soc div.icon.icon--s:hover svg.icon__cnt {
    fill:{color:highlight};  
}

/* class for the Tumblr Like Button iframe */
.like_button {
  position: absolute;
  cursor:pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}
/* Force iframe to fill button */
.like_button iframe {
  width: 100% !important;
  height: 100% !important;
}

.likedb {background:#fff;}

.like_button.liked + svg.icon__cnt {
  fill: red!important;
}

.tags {
    {block:indexpage}
    display:none;
    {/block:indexpage}
    font-size:90%;
    width:100%;
    margin-top:calc({select:font size} / 2);
    font-style:italic;
    word-wrap:break-word;
}

a.togglet {margin-left:calc({select:font size} * 2);color:inherit;}

a.togglet:hover, a.togglet:focus, a.togglet:active {color:{color:highlight};}

.tags a {
    display:inline;
    margin-right:calc({select:font size} / 2);
}


/*permanotes displays*/
.viasrc {
    font-size:90%;
    width:100%;
    margin-top:calc({select:font size});
    line-height:140%;
}

/*def notes*/

h1.notehead {font-size:140%;margin:calc({select:font size}) 0 calc({select:font size} * 1.5) 0 !important;}

.def_notes .postnotes ol.notes {list-style:none;margin:0;padding-left:5px;}

.def_notes .postnotes ol.notes li.note {
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;    
    margin:16px 0 16px 0;
}

.def_notes .postnotes ol.notes li.note:first-of-type {margin-top:8px;}

.def_notes .postnotes li.note:last-of-type {margin-bottom:8px;}

.def_notes .postnotes ol.notes li.note a.avatar_frame {height:48px;margin-right:16px;}


.def_notes .postnotes ol.notes li.note img.avatar {
    border-radius:5%;
    width:48px;
    height:48px;
    opacity:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;        
}

.def_notes .postnotes ol.notes li.note img.avatar:hover {
    opacity:0.7;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.def_notes .postnotes ol.notes li.note span.action {word-wrap: break-word;max-width:calc(100% - 70px);}

.def_notes .postnotes li.with_commentary blockquote {
    display:none;
} 

.def_notes .postnotes ol.notes li.note.more_notes_link_container {background:transparent;margin-top:2em;padding:10px;text-transform:uppercase; letter-spacing:1.2px;line-height:160%;text-align:center;margin-bottom:8px;}

.def_notes li.more_notes_link_container a, .grid_notes li.more_notes_link_container a {
    margin:auto;
    cursor:help;
    border-bottom:1px solid #dfdfdf;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;    
}

.def_notes li.more_notes_link_container a:hover, .grid_notes li.more_notes_link_container a:hover{
    color:{color:highlight};
    border-bottom:1px solid {color:highlight};
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

/*Grid notes*/
.grid_notes .postnotes *{    margin:0;    padding:0; } 

.grid_notes .postnotes { text-align: center; } 

.grid_notes ol.notes {margin-top:1em;}

.grid_notes .postnotes li{    list-style-type:none;    display:inline-block;    width:32px;    height:32px;    margin:5px;    overflow:hidden; } 

.grid_notes .postnotes img{    width:32px;    height:32px; border-radius:5%;} 

.grid_notes li.more_notes_link_container{
    width:100%!important;
} 

/*PLEASE DO NOT ALTER OR COVER THE CREDIT, THANKS! C: */
#leo {

    font-family: Arial, Sans-Serif;
    text-transform:uppercase;
    text-align:center;
    z-index:99;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    
}

#leo a {
    z-index:99;
    position:fixed;
    font-size:12px;
    line-height:16px;
    width:18px;
    height:18px;
    font-weight:300;
    bottom:12px;
    right:5px;
    color:#000;
    background:rgba(255,255,255,0.4);
    padding:5px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}

#leo a:hover {
    background-color:rgba(0,0,0,1);
    color:#fff;
    border-radius:50%;
   -webkit-animation: hermione 1s; /* Chrome, Safari, Opera */
   -moz-animation: hermione 1s;
   -o-animation: hermione 1s;
    animation: hermione 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    
    -moz-transform: rotate(720deg); /* IE 9 */
    -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    transform: rotate(720deg);
    
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    

}

@-webkit-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
@-moz-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
@-o-keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}

@keyframes hermione {
    0%   {color:#000;}
    25%  {color:#ACE4EA;}
    50%  {color:#FFFBDD;}
    75%  {color:#ACE4EA;}
    100% {color:#fff;}
}
/*END OF CREDIT*/ 

 </style>     
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>


<script>
$(document).ready(function() {
  
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '0px',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   }); 

});

</script>

<script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>

<script> 

$(function(){ $('.unnested .posts').unnest({ 
    yourCaption: ".captions", //your caption selector, the div wrapping 
    wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
    newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
    originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
    tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
    tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
    usernameColon: false //if turned to false, removes the colon at the end of usernames
}); }); 
    
</script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.css">

{block:indexpage}
{block:ifinfinitescroll}
<script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>

<script>

// Infinite Scroll
$(function() {
    
var $container = $('main');
    $container.infinitescroll({
        
      loading: {
        finishedMsg: "<em>No more posts</em>",
        img: null,
        msg: null,
        msgText: "<em>Loading posts...</em>",
        {block:ifmanualload}
        finished: function () {$('.append').text('Load More'); },
        {/block:ifmanualload}

      },
    
        navSelector  : 'aside',            
        nextSelector : 'aside a:last',
        itemSelector : 'article.posthold',
        {block:ifmanualload}
    errorCallback: function () {$('.append').fadeOut();},
        {/block:ifmanualload}
        bufferPx     : 600,

    }, 
        
    function( newElements ) {
           $( newElements ).find('.photo-slideshow').pxuPhotoset({
               lightbox: true,
               rounded: true,
               gutter: '0px',
               borderRadius: '0px',
               photoset: '.photo-slideshow',
               photoWrap: '.photo-data',
               photo: '.pxu-photo'
            });

var $newElems = $(newElements);
        var $newElemsIDs = $newElems.map(function(){ 
            return this.id; 
        }).get();
        console.log($newElems, $newElemsIDs);
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); 

{block:ifunnestedcaptions}
$newElems.unnest({

    yourCaption: ".captions",  
    wrapName: ".tumblr_parent", 
    newCaptionUsername: false,
    originalPostCaptionUsername: false, 
    tumblrAvatars: true,
    tumblrAvatarClass: ".tumblr_avatar",
    usernameColon: false
    
});  

{/block:ifunnestedcaptions}

$( newElements ).find('.togglet').click(function(){

    $(this).closest('.posthold').find('div.tags').slideToggle();
    $(this).text( $(this).text() == 'Hide' ? "Show" : "Hide");
}); 

    });

{block:ifmanualload}    
    $container.infinitescroll('unbind');
        $('.append').on('click', function(e) {
      e.preventDefault();
      $container.infinitescroll('retrieve');
    }); 
{/block:ifmanualload}    
});
</script>
{/block:ifinfinitescroll}
{/block:indexpage}
 
    </head>
    <body class="{select:post width} {block:ifnotunnestedcaptions}defcap{/block:ifnotunnestedcaptions} {block:ifunnestedcaptions}unnested{/block:ifunnestedcaptions} {select:notes display} {select:background}">
    
<div id="controlscog" class="icon icon--ei-gear icon--s">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 34c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm0-16c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z"/><path d="M27.7 44h-5.4l-1.5-4.6c-1-.3-2-.7-2.9-1.2l-4.4 2.2-3.8-3.8 2.2-4.4c-.5-.9-.9-1.9-1.2-2.9L6 27.7v-5.4l4.6-1.5c.3-1 .7-2 1.2-2.9l-2.2-4.4 3.8-3.8 4.4 2.2c.9-.5 1.9-.9 2.9-1.2L22.3 6h5.4l1.5 4.6c1 .3 2 .7 2.9 1.2l4.4-2.2 3.8 3.8-2.2 4.4c.5.9.9 1.9 1.2 2.9l4.6 1.5v5.4l-4.6 1.5c-.3 1-.7 2-1.2 2.9l2.2 4.4-3.8 3.8-4.4-2.2c-.9.5-1.9.9-2.9 1.2L27.7 44zm-4-2h2.6l1.4-4.3.5-.1c1.2-.3 2.3-.8 3.4-1.4l.5-.3 4 2 1.8-1.8-2-4 .3-.5c.6-1 1.1-2.2 1.4-3.4l.1-.5 4.3-1.4v-2.6l-4.3-1.4-.1-.5c-.3-1.2-.8-2.3-1.4-3.4l-.3-.5 2-4-1.8-1.8-4 2-.5-.3c-1.1-.6-2.2-1.1-3.4-1.4l-.5-.1L26.3 8h-2.6l-1.4 4.3-.5.1c-1.2.3-2.3.8-3.4 1.4l-.5.3-4-2-1.8 1.8 2 4-.3.5c-.6 1-1.1 2.2-1.4 3.4l-.1.5L8 23.7v2.6l4.3 1.4.1.5c.3 1.2.8 2.3 1.4 3.4l.3.5-2 4 1.8 1.8 4-2 .5.3c1.1.6 2.2 1.1 3.4 1.4l.5.1 1.4 4.3z"/></svg>    
</div>    

<div id="sidebar">
  <div id="sb">

<nav>
  <a href="/">home</a>
  <a href="/ask">ask</a>
  <a href="{text:link1 URL}">{text:link1}</a>
  <a href="{text:link2 URL}">{text:link2}</a>
  <a href="{text:link3 URL}">{text:link3}</a>
</nav>

  <img src="{image:sidebar}">

{block:Description} 
   <div class="myinfo">
<p>{Description}</p>
  </div>
{/block:Description}  

{block:Pagination}  
{block:IndexPage}
  <!--PAGINATION-->

<aside>
{block:PreviousPage}
<a href="{PreviousPage}">&laquo;</a>
{/block:PreviousPage}

{block:JumpPagination length="5"} 

{block:CurrentPage} 
<span class="currentpg">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage} 
<a href="{URL}">{PageNumber}</a>
{/block:JumpPage}

{/block:JumpPagination}    
    

{block:NextPage}
<a href="{NextPage}">&raquo;</a>
{/block:NextPage}    
    
</aside>

{/block:IndexPage}
{/block:Pagination}  

  </div>
</div>

<section id="entries">
    <main>
{block:posts}
<article class="posthold"id="{PostID}">
<div class="posts">
    {block:Photo}
    {LinkOpenTag}
<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
    <img class="photop" src="{PhotoURL-500}" width="100%" height="auto">
</a>
    {LinkCloseTag}
    
    {block:Caption}
    <div class="captions">{Caption}

{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}  
        
    </div>
    {/block:Caption}
    {/block:Photo}
    

{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">

{block:Photos}
<div class="photo-data">
    <div class="pxu-photo">
    <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
    </div>
    <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
</div>
{/block:Photos}
    
</div>

{block:Caption}<div class="captions">{Caption}

{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}  
     
</div>{/block:Caption}
{/block:Photoset}
    
    
{block:Text} 
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="captions">
{Body}  
{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}    
</div>
{/block:Text}

{block:Answer}
<div class="ask_cont">
    <div class="icon icon--ei-envelope icon--s ">
        <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path opacity=".9" d="M31.796 24.244l9.97 9.97-1.415 1.414-9.97-9.97z"/><path opacity=".9" d="M18.278 24.287l1.414 1.414-9.9 9.9-1.414-1.41z"/><path d="M25 29.9c-1.5 0-3.1-.6-4.2-1.8L8.3 15.7l1.4-1.4 12.5 12.5c1.6 1.6 4.1 1.6 5.7 0l12.5-12.5 1.4 1.4-12.6 12.5c-1.1 1.1-2.7 1.7-4.2 1.7z"/><path d="M39 38H11c-1.7 0-3-1.3-3-3V15c0-1.7 1.3-3 3-3h28c1.7 0 3 1.3 3 3v20c0 1.7-1.3 3-3 3zM11 14c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h28c.6 0 1-.4 1-1V15c0-.6-.4-1-1-1H11z"/></svg>        
    </div>
    <div class="sender">{Asker} asked:</div>
</div>
<div class="ask_q">
{Question}    
</div>
<div class="captions">
{Answer}    
{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}    
</div>

{/block:Answer}

{block:Quote}
<h1 class="q{length}">"{Quote}"</h1>

{block:Source}<span class="qsource">{Source}</span>{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="captions">
{block:Lines}<p>
{block:Label}<b>{Label}</b>{/block:Label} {Line}    
</p>{/block:Lines}

</div>
{/block:Chat}

{block:Link}
<div class="linkp_cont">
    <div class="icon icon--ei-link icon--m ">
<svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M24 30.2c0 .2.1.5.1.8 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-2.8 0-5.1-2.3-5.1-5.1 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5.3 0 .5 0 .8.1l1.5-1.5c-.7-.3-1.5-.4-2.3-.4-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 3.8 3.1 6.9 6.9 6.9 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-.8-.1-1.6-.4-2.3L24 30.2z"/><path d="M33 10.1c-1.9 0-3.6.7-4.9 2l-2 2c-1.3 1.3-2 3-2 4.9 0 .8.1 1.6.4 2.3l1.5-1.5c0-.2-.1-.5-.1-.8 0-1.4.5-2.6 1.5-3.6l2-2c1-1 2.2-1.5 3.6-1.5 2.8 0 5.1 2.3 5.1 5.1 0 1.4-.5 2.6-1.5 3.6l-2 2c-1 1-2.2 1.5-3.6 1.5-.3 0-.5 0-.8-.1l-1.5 1.5c.7.3 1.5.4 2.3.4 1.9 0 3.6-.7 4.9-2l2-2c1.3-1.3 2-3 2-4.9 0-3.8-3.1-6.9-6.9-6.9z"/><path d="M20 31c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l10-10c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-10 10c-.2.2-.4.3-.7.3z"/></svg>
    </div>
    <div class="linktxt">
    <a href="{URL}"><h1>{Name}</h1></a>    
    </div>
</div>
{block:Description}
<div class="captions">
    {Description}
{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}        
</div>
{/block:Description}
{/block:Link}

{block:Video}
{Video-500}
{block:Caption}<div class="captions">{Caption}
{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}  
</div>{/block:Caption}
{/block:Video}

{block:Audio}
<div class="flitwick">

<div class="mariah">
    <div class="playbox">{AudioPlayerWhite}</div>
</div>

<div class="grammy">
<img src="https://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" style="position:absolute;" width="100" height="100" />
{block:AlbumArt}
<img src="{AlbumArtURL}" style="position:absolute;">
{/block:AlbumArt}    
</div>


<div class="taylor">
    <div class="swift">
{block:TrackName}
<b>Song:</b> {TrackName}
{/block:TrackName}<br>

{block:Artist}
<b>Artist:</b> {Artist}
{/block:Artist}<br>

{block:Album}
<b>Album:</b> {Album}
{/block:Album}

    </div>
</div>

</div>
{block:Caption}
<div class="captions">{Caption}
{block:More}
<div class="readmore_wrap">

<div class="icon icon--ei-plus icon--m">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M16 24h18v2H16z"/><path d="M24 16h2v18h-2z"/></svg>    
</div>
<div class="readmore_txt">
    <a href="{Permalink}" class="readmore">
        <h2>Read More</h2>
    </a>    
</div>
</div>
{/block:More}     
</div>
{/block:Caption}
{/block:Audio}
</div>    

{block:date}
<!-- {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 class="in-footer">

<div class="pinfo">
    <div class="pbasic">
        <div class="icon icon--ei-clock icon--s">
<svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z"/><path d="M30.3 33.7L24 27.4V16h2v10.6l5.7 5.7z"/></svg>

        </div>  
        <span>
<a title="{TimeAgo}" href="{Permalink}">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix}</a>
        </span> 

{block:indexpage}
{block:HasTags}
<a class="togglet {PostID}">Tags</a>
{/block:HasTags}
{/block:indexpage}
        
    </div>
    
    
</div>

<div class="soc">
    <div class="icon icon--ei-redo icon--s ">
    <a class="rblink" href="{ReblogURL}"></a>
        <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 38c-7.2 0-13-5.8-13-13s5.8-13 13-13c5.4 0 10.1 3.4 11.9 8.7l-1.9.7c-1.5-4.6-5.4-7.4-10-7.4-6.1 0-11 4.9-11 11s4.9 11 11 11c4.3 0 8.2-2.5 10-6.4l1.8.8C34.7 35 30.1 38 25 38z"/><path d="M38 22h-8v-2h6v-6h2z"/></svg>
    </div> 
    <div class="icon icon--ei-heart icon--s ">
    {LikeButton size="12"}
        <svg class="icon__cnt" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M25 39.7l-.6-.5C11.5 28.7 8 25 8 19c0-5 4-9 9-9 4.1 0 6.4 2.3 8 4.1 1.6-1.8 3.9-4.1 8-4.1 5 0 9 4 9 9 0 6-3.5 9.7-16.4 20.2l-.6.5zM17 12c-3.9 0-7 3.1-7 7 0 5.1 3.2 8.5 15 18.1 11.8-9.6 15-13 15-18.1 0-3.9-3.1-7-7-7-3.5 0-5.4 2.1-6.9 3.8L25 17.1l-1.1-1.3C22.4 14.1 20.5 12 17 12z"/></svg>
    </div>  
</div>
</div>


{block:HasTags}
<div class="tags {postID}">
    {block:Tags}
    <a href="{TagURL}">#{Tag}</a>
    {/block:Tags}    
</div>
{/block:HasTags}

{block:permalinkpage}
{block:RebloggedFrom} 

<div class="viasrc">
via: <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a>

{block:ContentSource}
<br>src: <a href="{SourceURL}" target="_blank">{ReblogRootName}</a> 
{/block:ContentSource}    
</div>
{/block:RebloggedFrom}
 
{/block:permalinkpage}

{/block:date}   
</article>

{block:permalinkpage}
{block:NoteCount} 
    
<article class="posthold postnotes">
<div class="posts">
<h1 class="notehead">{NoteCountWithLabel}</h1>
{block:PostNotes}{PostNotes-64}{/block:PostNotes}    </div>
</article>
{/block:NoteCount}
{/block:permalinkpage}

{/block:posts}        
    </main>
{block:IndexPage}

{block:ifinfinitescroll}
{block:ifmanualload}
{block:Pagination}

<div class="manual_cont">
    <a class="append">Load More</a>
</div>
{/block:Pagination}
{/block:ifmanualload}
{/block:ifinfinitescroll}

{/block:Indexpage}    
</section>

<!--PLEASE DO NOT ALTER OR COVER THE CREDIT-->
<div id="leo">
<a class="a-link" href="https://hermionegrangcr.tumblr.com">♚</a>
</div>
<!--END OF CREDIT-->

<!--Tooltips. It's placed here bc it's only compatible to jQuery 1.7-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  

<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
jQuery.noConflict();
(function($){
 
$(document).ready(function(){
 
$("a[title],img[title],[title]").style_my_tooltips({
 
tip_follows_cursor:true,
 
tip_delay_time:30,
 
tip_fade_speed:300,
 
attribute:"title"
 
});
 
});
 
})(jQuery); 
</script> 
<!--Tooltips-->

{block:indexpage}
{block:posts}
<script>
$(document).ready(function(){
     $('a.togglet.{PostID}').click(function(e){
    e.preventDefault();
    $('div.tags.{PostID}').slideToggle();
    $(this).text( $(this).text() == 'Hide' ? "Show" : "Hide");
});

});
</script>
{/block:posts}
{/block:indexpage}


    </body>
</html>