Create a new version of paste:

<!DOCTYPE html>
<html>
<!--THEME 07 (Revamp) 80s Mercedes 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.tumblr.com/faq
 
-->
    <head>
        <title>{Title}</title>

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="{Favicon}">  
    
{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}        

<meta name="image:sidebar" content="https://static.tumblr.com/e417e672c2ac46cd197ba49b418f4f88/xbvpdcx/5Ycnvc42r/tumblr_static_5cvck8b4238ckcowoccwkw8kw.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="if:show link4" content="">
<meta name="if:show link5" content="">
<meta name="if:show link6" content="">
<meta name="if:show link7" content="">
<meta name="if:show link8" content="">

<meta name="select:body font" content="Open Sans">
<meta name="select:body font" content="Roboto">
<meta name="select:body font" content="Source Sans Pro">
<meta name="select:body font" content="Lato">

<meta name="select:heading font"content="Abril Fatface">
<meta name="select:heading font"content="Playfair Display">
<meta name="select:heading font"content="Yeseva One">

<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: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:sidebar style" content="d_sidebar" title="dark">
<meta name="select:sidebar style" content="l_sidebar" title="light">
    
<meta name="select:post width"content="post500"title="500px"/>    
<meta name="select:post width"content="post540"title="540px"/>
<meta name="select:post width"content="post450"title="450px"/>
<meta name="select:post width"content="post400"title="400px"/>
<meta name="select:post width"content="post350"title="350px"/>
<meta name="select:post width"content="post300"title="300px"/>   

<meta name="select:sidebar width"content="sb250"title="250px"/>
<meta name="select:sidebar width"content="sb300"title="300px"/>
<meta name="select:sidebar width"content="sb200"title="200px"/>
<meta name="select:sidebar width"content="sb150"title="150px"/>


<meta name="select:post spacing" content="100px">
<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="110px">
<meta name="select:post spacing" content="120px">


<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="select:notes display" content="def_notes" title="default">
<meta name="select:notes display" content="grid_notes" title="grid">

<meta name="text:askpage" content="/ask">
<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="/">
<meta name="text:Link4" content="Link4">
<meta name="text:link4 URL" content="/">
<meta name="text:Link5" content="Link5">
<meta name="text:link5 URL" content="/">
<meta name="text:Link6" content="Link6">
<meta name="text:link6 URL" content="/">
<meta name="text:Link7" content="Link7">
<meta name="text:link7 URL" content="/">
<meta name="text:Link8" content="Link8">
<meta name="text:link8 URL" content="/">

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Yeseva+One" rel="stylesheet">
 
<style type="text/css">

/*Tumblr Controls*/
.iframe-controls--desktop{
    padding-right:10px !important;
    right:-40px !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;
    font-size:12px;
    position:fixed;
    top:15px;
    right:5px;
    background:transparent!important;
}


*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
}

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

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

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

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

html, body {height:100%;}   

body {
    color:#3f3f3f;
    font-family:'{select:body font}';
    font-size: {select:font size};
    line-height:160%;
    overflow-x:hidden;
    background-attachment:fixed;
    margin:0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;      
}

body.simple_bg {background:#f5f5f5;}
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 */   
}

a {
    text-decoration:none;
    color:#999;
    cursor:help;
    -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;     
}


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

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};
    font-size:90%;
    letter-spacing:1.1px;
    text-transform:uppercase;
    box-shadow: 1px 1px 3px #dfdfdf;
    border-left:2px solid {color:highlight};
}

/*Sidebar*/

aside {
    position:fixed;
    height:100%;
    top:0;
    margin-left:-350px;
    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;      
}

.sb250 aside {width:250px;}
.sb300 aside {width:300px;margin-left:-400px;}
.sb200 aside {width:200px;}
.sb150 aside {width:150px;}


.sb_screen ul, .sb_screen ol, .sb_screen figure {margin:0;}

.sb_screen ul,
.sb_screen ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sb_screen img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
 
 
.myinfo {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.myinfo.toggled {
  -webkit-filter: blur(8px);
  filter: blur(8px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.d_sidebar div.sb_screen {background: #000;}
.l_sidebar div.sb_screen {background: #fff;}

div.sb_screen {
  margin: auto;
  line-height:1.6;
  overflow: hidden;
  position: relative;
      align-content:center;
    -webkit-align-content:center;
    border-radius:1%;   
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

nav.navi {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;    
}

.sb250 nav.navi {padding:20px;}
.sb300 nav.navi {padding:30px;}
.sb200 nav.navi {padding:16px;}
.sb150 nav.navi {padding:12px;}

nav.navi.toggled {
  display: block;
  z-index: 10;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;    
}


.sb250 nav.navi ul {margin-top:30px;}
.sb300 nav.navi ul {margin-top:35px;}
.sb200 nav.navi ul {margin-top:25px;}
.sb150 nav.navi ul {margin-top:20px;}

.d_sidebar nav.navi ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.15);}

.l_sidebar nav.navi ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.15);}

nav.navi ul li {
  text-transform:uppercase;
  letter-spacing:1.2px;
  width:100%;    
}

nav.navi ul li:last-child {
    border: none;    
}

.sb250 nav.navi ul li a { padding: 10px 0;}
.sb300 nav.navi ul li a { padding: 12px 0;}
.sb200 nav.navi ul li a, .sb150 nav.navi ul li a { padding: 8px 0;font-size:80%;}

.d_sidebar nav.navi ul li a {color:#fff;}
.l_sidebar nav.navi ul li a {color:#222;}

nav.navi ul li a {
  font-weight:300;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;    
}

.sb250 nav.navi ul li a:hover {padding:10px;}
.sb300 nav.navi ul li a:hover {padding:12px;}
.sb200 nav.navi ul li a:hover, .sb150 nav.navi ul li a:hover {padding:8px;}

nav.navi ul li a:hover {
  opacity: 0.45;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*BURGER BUTTON*/
div.burger {
  position: absolute;
  top: 0;
  z-index: 15;    
}

a.burger_menu {
  margin: 10px 12px;
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a.burger_menu:hover {
  cursor: help;
  opacity: 0.45;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

a.burger_menu.toggled ul.lines li.line {
  -webkit-transform: rotate(45deg) translateZ(0);
  transform: rotate(45deg) translateZ(0);
}
a.burger_menu.toggled ul.lines li.line:last-child {
  -webkit-transform: rotate(-45deg) translateZ(0);
  transform: rotate(-45deg) translateZ(0);
}

.d_sidebar a.burger_menu ul.lines {color:#fff;}
.l_sidebar a.burger_menu ul.lines {color:#222;}

a.burger_menu ul.lines {
  width: 1.62em;
  height: 1.62em;
  list-style: none;
  margin: -0.812em 0 0 -0.812em;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.d_sidebar a.burger_menu ul.lines li.line {background-color: #fff;}
.l_sidebar a.burger_menu ul.lines li.line {background-color: #222;}

a.burger_menu ul.lines li.line {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -0.75px;
  -webkit-transform: translateY(-3.75px) translateZ(0);
  transform: translateY(-3.75px) translateZ(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
}

a.burger_menu ul.lines li.line:last-child {
  -webkit-transform: translateY(3.75px) translateZ(0);
  transform: translateY(3.75px) translateZ(0);
}

/*BURGER BUTTON*/

/*info*/

article.infowrap {
  position: relative;
  z-index: 5;
}

article.infowrap figure {
    position: relative;
}

.d_sidebar article.infowrap figure:before {background-color: rgba(0, 0, 0, 0.3);  }
.l_sidebar article.infowrap figure:before {background-color: rgba(255, 255, 255, 0.3);  }

article.infowrap figure:before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

article.infowrap figure img {
  width: 100%;
  line-height: 1;
  display: block;
}

.sb250 article.infowrap figure figcaption {padding:20px;}
.sb300 article.infowrap figure figcaption {padding:30px;}
.sb200 article.infowrap figure figcaption {padding:16px;}
.sb150 article.infowrap figure figcaption {padding:12px;}

.d_sidebar article.infowrap figure figcaption {color: #fff;}
.l_sidebar article.infowrap figure figcaption {color: #222;}

article.infowrap figure figcaption {
  width:100%;    
  position: absolute;
  z-index: 5;
  bottom: 8px;
}

.sb250 figcaption h1 {font-size:30px;}
.sb300 figcaption h1 {font-size:32px;}
.sb200 figcaption h1 {font-size:25px;}
.sb150 figcaption h1 {font-size:20px;}


figcaption h1 {
    font-family:'{select:heading font}',serif;
    text-align:center;
    font-weight:400;
    margin:0;
}

/*.sb200 figcaption p, .sb150 figcaption p {font-size:80%;}*/


figcaption p {line-height:1.8;text-align:justify;}

figcaption p.basiclinks {text-align:center;margin: calc({select:font size}/2) 0 calc({select:font size}/2) 0;}


p.basiclinks a {margin-left:calc({select:font size});}

.sb200 p.basiclinks a {margin-left:calc({select:font size} /2);}

.sb150 p.basiclinks a {margin-left:calc({select:font size} /4);}

p.basiclinks a span {margin-right:calc({select:font size}/3);}

p.basiclinks a:first-of-type {margin-left:0;}

.d_sidebar figcaption p a {
    color:rgba(255,255,255,0.9);
    border-bottom:1px solid rgba(255,255,255,0.6);
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

.l_sidebar figcaption p a {
    color:rgba(20,22,22,0.9);
    border-bottom:1px solid rgba(20,20,20,0.6);
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

figcaption p a:hover {
    color:{color:highlight};
    border-bottom:1px solid rgba({RGBcolor:highlight}, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;      
}

figcaption p:last-child {margin-bottom:0;}

/*posts*/
#postcont {
    position:relative;
    margin:50px auto;
    left:10%;
}

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

main {display:block;}

.posts {
    margin:{select:post spacing} auto;;
    padding:15px;
    background:#fff;
    text-align:justify;
    position:relative;
}

{block:ifinfinitescroll}
.posts {
    -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}

.posts:first-of-type {margin-top:60px;}

.white_bg .posts {padding:0;}

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

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

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

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

.posts h1, .posts h2 {
    font-weight:400;
    font-family:'{select:heading font}',serif;    
}

.posts h1:only-child {margin-bottom:calc({select:font size} * 0.8);}

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

.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 #eaeaea;
  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;
    
}

.defcap .captions a, .qsource a, span.action a, .tumblr_parent p a, a.append {border-bottom:1px solid #dfdfdf;}
.defcap .captions a:hover, .qsource a:hover, span.action a:hover, .tumblr_parent p a:hover, a.append: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;}

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,.tumblr_parent a.tumblr_blog {font-weight:bold;vertical-align:middle;}

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


/*quotes*/

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

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;text-align:center;}

.divider {margin-top:{select:font size};text-align:center;}
 
.divider::before {
    width:20%;
    height:1px;
    background-color:{color:highlight};
    content:"";
    display:inline-block;
    vertical-align:middle;
}

/*links*/

.linkp {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin-bottom:calc({select:font size} * (2/3));
    
}

.linkp > span {
    font-size:calc({select:font size} * 1.5);
    margin-right:calc({select:font size}/2);
}

.linkp a {
    color:inherit;
    position:relative;
    display:inline-block;
    max-width:calc(100% - (({select:font size} * 1.5) + ({select:font size}/2)));
}

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

.linkp a:hover:after {
width: 100%;
background: #222;
}

/*ask*/

div.ask_cont {
  padding-bottom:{select:font size};
  margin-bottom:{select:font size};
  border-bottom:1px solid #dfdfdf;
    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;
}

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

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

.ask_cont .asker_img {
    background:#f5f5f5;
    width:30px;
    height:30px;
}

.asker_img img {
    border-radius:10%;
}

div.sender {
    width:calc(100% - 46px);
}

.sender a {
    text-transform:uppercase;
}


/*lightbox*/
#tumblr_lightbox,.tmblr-lightbox {background:#f5f5f5!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:0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;   
    background:#fff !important;
    padding:{select:photoset gutter} !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;}

.unnested .photo-slideshow.processed .row:last-of-type .count-1 {margin-bottom:0!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;
}

/*post info*/

.p_info {
    width:100%;
    margin-top:calc({select:font size} * 1.5);
    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;   
}

.p_obj:first-of-type {margin-left:0;}
.p_obj {margin-left:calc(1.5 * {select:font size});font-size:90%;}
.p_obj span {margin-right:calc({select:font size}/3);}
.p_obj a {text-transform:uppercase;letter-spacing:1.1px;}

.tags {
    width:100%;
    position:absolute;
    text-align:center;
    top: calc(100% + ({select:font size} * 2));
    opacity:0;
    right:0;
    left:0;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.post500 .tags {max-width:500px;}
.post540 .tags {max-width:540px;}
.post450 .tags {max-width:450px;}
.post400 .tags {max-width:400px;}
.post350 .tags {max-width:350px;}
.post300 .tags {max-width:300px;}

.posts:hover .tags {
    opacity:1;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;     
}

.tags a {margin-right:10px;    word-break: break-all;}

/*jump pag*/
.pg {
    margin:auto;
    text-align:center;
{block:ifinfinitescroll}
    display:none;
{/block:ifinfinitescroll}    
}
.pg * + * {margin:4px;}

/*other pg options*/

#infscr-loading {display:none !important;}
.manual_cont {
    text-align:center;
}

/*def notes*/

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

.def_notes h1.notehead {margin-left:calc({select:font size}/3);}

.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  : '.pg',            
        nextSelector : '.pg a.nxtpg',
        itemSelector : '.posts',
        {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);


{block:ifunnestedcaptions}
$newElems.unnest({

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

{/block:ifunnestedcaptions}


    });

{block:ifmanualload}    
    $container.infinitescroll('unbind');
        $('.append').on('click', function(e) {
      e.preventDefault();
      $container.infinitescroll('retrieve');
    }); 
{/block:ifmanualload}    
});
</script>
{/block:ifinfinitescroll}
{/block:indexpage}


<script>
$(document).ready(function () {
    $('a.burger_menu').click(function (e) {
        $('div.myinfo, nav.navi, a.burger_menu').toggleClass('toggled');
        e.preventDefault();
    });
});
</script>
 
    </head>
<body class="{select:post width} {block:ifnotunnestedcaptions}defcap{/block:ifnotunnestedcaptions} {block:ifunnestedcaptions}unnested{/block:ifunnestedcaptions} {select:background} {select:sidebar style} {select:sidebar width} {select:notes display}">

<div id="controlscog">
<span class="lnr lnr-cog"></span>
</div> 

<div id="postcont">
<!--Sidebar Wrap-->
<aside>
    <div class="sb_screen">
        <div class="burger">
            <a class="burger_menu">
              <ul class="lines">
                <li class="line"></li>
                <li class="line"></li>
              </ul>
              <!--buns-->
            </a>            
        </div>
        <nav class="navi" role="navigation">
             <ul>    
         
      <li><a href="{text:Link1 URL}"><span>{text:Link1}</span></a></li>
      <li><a href="{text:Link2 URL}"><span>{text:Link2}</span></a></li>
      <li><a href="{text:Link3 URL}"><span>{text:Link3}</span></a></li>
{block:ifshowlink4}      
      <li><a href="{text:Link4 URL}"><span>{text:Link4}</span></a></li>
{/block:ifshowlink4}
     
{block:ifshowlink5}
      <li><a href="{text:Link5 URL}"><span>{text:Link5}</span></a></li>
{/block:ifshowlink5}
 
{block:ifshowlink6}
      <li><a href="{text:Link6 URL}"><span>{text:Link6}</span></a></li>
{/block:ifshowlink6}
 
{block:ifshowlink7}
<li><a href="{text:Link7 URL}"><span>{text:Link7}</span></a></li>
{/block:ifshowlink7}

{block:ifshowlink8}
      <li><a href="{text:Link8 URL}"><span>{text:Link8}</span></a></li>
{/block:ifshowlink8}
 
         
            </ul>           
        </nav>
        <div class="myinfo">
            <article class="infowrap">
                <figure>
<img src="{image:sidebar}"> 
                    <figcaption>
                        <h1>{Title}</h1>
                        
                        <p class="basiclinks">
            <a href="/"><span class="lnr lnr-home"></span>Home</a>       
            {block:AskEnabled}
            <a href="{text:askpage}">
            <span class="lnr lnr-envelope"></span>Mail</a>
            {/block:AskEnabled}
            <a href="/archive"><span class="lnr lnr-menu"></span>Archive</a>
                        </p>
                        
                        {block:Description}
                        <p>{Description}</p>
                        {/block:Description}
                    </figcaption>
                </figure>
            </article>
        </div>
    </div>
    
</aside> 
<!--Sidebar Wrap-->

<!--Post Entries-->
    <main>
    {block:posts}
    <div class="posts" id="{PostID}">

{block:Answer}
<div class="ask_cont">
    <div class="asker_img">
        <img src="{AskerPortraitURL-40}">       
    </div>
    <div class="sender">{Asker}: {Question}</div>
</div>

<div class="captions">
{Answer}    
</div>
{/block:Answer}
    
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="captions">
{Body}    
</div>
{/block:Text}      


{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}</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}</div>{/block:Caption}
{/block:Photoset}

{block:Link}
<div class="linkp">
<span class="lnr lnr-link"></span>
<a href="{URL}"><h1>{Name}</h1></a></div>
{block:Description}
<div class="captions">
{Description}
</div>
{/block:Description}
{/block:Link}

{block:Quote}
<h1 class="q{length}">&ldquo;{Quote}&rdquo;</h1>

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

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

{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: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}</div>
{/block:Caption}
{/block:Audio}

{block:date}

<div class="p_info">
    <div class="p_obj">
    <span class="lnr lnr-clock"></span> 
<a title="{TimeAgo}" href="{Permalink}">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix}</a>
    </div>
    {block:NoteCount}
    <div class="p_obj">
    <span class="lnr lnr-heart"></span>
<a href="{Permalink}">{NoteCountWithLabel}</a>        
    </div>
    {/block:NoteCount}

{block:RebloggedFrom}
<div class="p_obj">
<a href="{ReblogParentURL}" title="{ReblogParentName}"target="_blank">via</a>
{block:ContentSource}
/ <a href="{SourceURL}"  title="{ReblogRootName}" target="_blank">src</a>
{/block:ContentSource}
</div>
{/block:RebloggedFrom}       
    
    <div class="p_obj">
        <span class="lnr lnr-sync"></span>
        <a href="{ReblogURL}">Reblog</a>
    </div>
</div>

<!-- {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} 
{/block:date}

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

    </div>
    
{block:permalinkpage}
{block:NoteCount} 
<div class="posts postnotes">
<h1 class="notehead">{NoteCountWithLabel}</h1>
{block:PostNotes}{PostNotes-64}{/block:PostNotes}    
</div>
{/block:NoteCount}
{/block:permalinkpage}    
    {/block:posts}        
    </main>
<!--Post Entries-->

{block:Pagination}  
{block:IndexPage}
  <!--PAGINATION-->
<div class="pg">
{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 class="nxtpg" href="{NextPage}">&raquo;</a>
{/block:NextPage}      
</div>
{/block:IndexPage}
{/block:Pagination}    

{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}   

</div>

<!--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-->


    </body>
</html>