Create a new version of paste:

<!DOCTYPE html>
<html>
<!-- 

THEME #2 Reflection v2 (Revamp) 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>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="{Favicon}">    
        <title>{Title}</title>

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


<meta name="if:inverted controls" content="1">
<meta name="if:show tags" content="1">		
<meta name="if:infinite scroll" content="">
<meta name="if: manual load" content="">


<meta name="select:bg"content="simple_bg"title="Simple">        
<meta name="select:bg"content="gradient_bg"title="Gradient">
<meta name="select:bg"content="image_bg"title="Image">	
<meta name="select:bg"content="grid_bg"title="Grid">
<meta name="select:bg"content="white_bg"title="White">
<meta name="select:bg"content="colour_bg"title="Colour">


<meta name="select:post width"content="post500"title="500px"/>
<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:post width"content="post250"title="250px"/>

<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="color:text" content="#000">
<meta name="color:accent" content="#000">
<meta name="color:highlight" content="#FEFEA4">
<meta name="color:lightbox" content="#fff">
<meta name="color:links" content="#ababab">
<meta name="color:background" content="#fafafa">
<meta name="color:grad1" content="#ababab">
<meta name="color:grad2" content="#fafafa">

<meta name="text:info" content="Name, Age, MBTI">
<meta name="text:updates" content="Write your updates here">

<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="/">
<meta name="text:Link9" content="Link9">
<meta name="text:link9 URL" content="/">

<meta name="image:fullscreen bg" content="https://static.tumblr.com/a9986351fcfa95c8483ef6d67bbbdae6/xbvpdcx/Zi2ntp45i/tumblr_static_5e2qtth58jokow4wo8448cwcs.jpg">
<meta name="image:grid bg" content="https://41.media.tumblr.com/bf8dfe2e6ff97f506306344fe021504e/tumblr_ndpupoDTro1rnmh3no2_250.png">

		<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700,100' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
        
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animsition/4.0.1/css/animsition.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animsition/4.0.1/js/animsition.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() {
  $(".animsition").animsition({
    inClass: 'fade-in',
    outClass: 'fade-out',
    inDuration: 1500,
    outDuration: 800,
    linkElement: '.a-link',
    // e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
    loading: true,
    loadingParentElement: 'body', //animsition wrapper element
    loadingClass: 'animsition-loading',
    loadingInner: '', // e.g '<img src="loading.svg" />'
    timeout: true,
    timeoutCountdown: 200,
    onLoadEvent: true,
    browser: [ 'animation-duration', '-webkit-animation-duration'],
    overlay : false,
    overlayClass : 'animsition-overlay-slide',
    overlayParentElement : 'body',
    transition: function(url){ window.location.href = url; }
  });
  
   $('.photo-slideshow').pxuPhotoset({
       lightbox: true,
       rounded: false,
       gutter: '0px',
       borderRadius: '0px',
       photoset: '.photo-slideshow',
       photoWrap: '.photo-data',
       photo: '.pxu-photo'
   });
   
$(function() {
  $('.captions a').addClass('a-link');
});    
  
});    
</script>

<style type="text/css">

.animsition-loading {display:none;}

.tmblr-iframe.tmblr-iframe--controls.iframe-controls--desktop, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {z-index:11!important;}

{block:ifinvertedcontrols}
.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop, #tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);}

{/block:ifinvertedcontrols}

#tumblr_teaser_follow,.tmblr-iframe--follow-teaser {z-index:8!important;}

::selection {background:{color:highlight}; color:#000;}
::-moz-selection {background:{color:highlight};color:#000;}
::-webkit-selection {background:{color:highlight};color:#000;}

::-webkit-scrollbar {
    width:2px;
    background:transparent;
}

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

::-webkit-scrollbar-thumb { background-color: {color:accent}; }

/*Tooltip*/			
#s-m-t-tooltip{
    position:absolute;
    margin-top: -15px !important;
    z-index:9999;
    padding:5px;
    color:#fff;
    background:{color:accent};
    font-size:12px;

}

*,
*::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%;}

body {
	font-family:'karla',arial,sans-serif;
	overflow:hidden;
	margin:0;
	font-size:12px;
	line-height:160%;
	background-attachment:fixed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@-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; } }

body.post400, body.post350 {line-height:150%;}

body.post300, body.post250 {font-size:10px;line-height:140%;}

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

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

a:focus, a:active {color:{color:highlight};}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

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

blockquote { 
 border-left: 1px #eaeaea solid; 
 padding-left: 10px;
 margin-left: 10px; 
 max-width: 100%;
 margin:0;
}


blockquote blockquote {
 border:none;
 padding: 0;
 margin: 0; 
    
}

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

/*bg options*/
.gradient_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 */

}

.image_bg {
    background-image: url('{image:fullscreen bg}');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    background-size:cover;
}

.simple_bg {
    background:#efefef;
}

.white_bg {background:#fff;}

.colour_bg {
    background:{color:background};
}

.grid_bg {
    background:url('{image:grid bg}');
}

/*cont*/

#cont {
    
    width:500px;
    position:relative;
    margin:2% auto;
    height:90%;
    
}

.post500 #cont, .post450 #cont {width:600px;}

/* Top Menu */

.oe_wrapper *{
	margin:0;
	padding:0;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box; 
}

.oe_overlay{
	background:{color:accent};
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

ul.oe_menu{
	list-style:none;
	position:absolute;
	margin:-1px auto;
	z-index:100 !important;
	width:500px;
	float:left;
	clear:both;
}

.post500 ul.oe_menu, .post450 ul.oe_menu {width:600px;}

ul.oe_menu > li{
    width:100px;
    height:90px;
	padding-bottom:2px;
	float:left;
	position:relative;

}

.post500 ul.oe_menu > li, .post450 ul.oe_menu > li {width:120px;}

ul.oe_menu > li > a{
	display:block;
	background-color:{color:accent};
	color:#bababa;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'Roboto', Arial, Sans-Serif;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1.5px;
	width:78px;
	line-height:100%;
	height:60px;
	padding:10px;
	margin:1px;
	text-shadow:0px 0px 1px #000;
	opacity:0.8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	display:flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items:center;
    -ms-align-items:center;
    -webkit-justify-content:center;
    -ms-justify-content:center;
    justify-content: center;
}
.post500 ul.oe_menu > li > a, .post450 ul.oe_menu > li > a {	padding:10px;	width:98px;}


ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	background:#fff;
	color:{color:accent};
	opacity:1.0;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.oe_wrapper ul.hovered > li > a{
	background:#fff;
	text-shadow:0px 0px 1px #fff;
}

ul.oe_menu div::-webkit-scrollbar {display:none; }

ul.oe_menu div::-webkit-scrollbar-thumb { display:none; }


ul.oe_menu div{
	position:absolute;
	left:1px;
	background:#fff;
	display:none;
	overflow:auto;
	text-align:center;
	top:85px;
	width:460px;
	height:250px;
	padding:20px;
	
}

.post500 ul.oe_menu div, .post450 ul.oe_menu div {	
	width:538px;
	padding:30px;    
}

.selected div.nullbox {visibility:hidden;}

.post500 ul.oe_menu div.block1, .post450 ul.oe_menu div.block1 {left:-120px;}
.post500 ul.oe_menu div.block2, .post450 ul.oe_menu div.block2 {left:-240px;}
.post500 ul.oe_menu div.block3, .post450 ul.oe_menu div.block3 {left:-360px;}
.post500 ul.oe_menu div.block4, .post450 ul.oe_menu div.block4 {left:-480px;}

ul.oe_menu div.block1 {left:-100px;}
ul.oe_menu div.block2 {left:-200px;}
ul.oe_menu div.block3 {left:-300px;}
ul.oe_menu div.block4 {left:-400px;}

ul.oe_menu div p {
    margin:1.12em;
}


ul.oe_menu div ul li a{
	text-decoration:none;
	color:#000;
	background:#fafafa;
	padding:8px;
	margin:2px 4px;
	display:block;
	font-size:1em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;	
	text-transform:uppercase;
	font-family:'Lato',arial,sans-serif;
	letter-spacing:1.2px;
	font-weight:300;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

ul.oe_menu div ul li a:empty {visibility:hidden;}

ul.oe_menu div ul.oe_full{
	width:100%;
}

.oe_full {
    text-align:center;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:300;
}
ul.oe_menu div ul li a:hover{
	background:#000;
	color:#fff;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

ul.oe_menu li ul{
	list-style:none;
    width:100%;
}

ul.oe_menu div ul:not(.oe_full) li {width:30%;display:inline-block;}

li.oe_heading{
    font-family:'Lato',arial,sans-serif;
	color:#000;
	font-size:1.5em;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ddd;
}

/*posts*/

#entries {
    position:absolute;
    width:500px;
    margin:80px auto;
    height:calc(100% - 80px);
backdrop-filter: blur(3px); 
-webkit-backdrop-filter: blur(3px);    
    overflow-x:hidden;
    overflow-y:auto;
    background:rgba(255,255,255,0.6);
	transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;    
}


.post500 #entries, .post450 #entries {width:600px;}
div.posts:last-of-type {margin-bottom:40px;}

.posts {
    color:{color:text};
    position:relative;
    margin:50px auto 80px auto;
    padding:20px;
    background:#fff;
    {block:ifmanualload}
    -webkit-animation:fadeIn ease-in 1s;
    -o-animation:fadeIn ease-in 1s;
    -moz-animation:fadeIn ease-in 1s;
    animation:fadeIn ease-in 1s;    
    {/block:ifmanualload}
}

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

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

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

.posts figure {margin:12px 0 12px 0 !important;}

.post500 .posts {width:500px;}
.post450 .posts {width:450px;}
.post400 .posts {width:400px;}
.post350 .posts {width:350px;}
.post300 .posts {width:300px;}
.post250 .posts {width:250px;}

.post350 .posts {padding:15px;}
.post250 .posts, .post300 .posts {padding:10px;}

.posts .captions {word-wrap:break-word;}

.posts .captions a {
    border-bottom:1px solid #dedede;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

.posts .captions a:hover, .posts .captions a:focus, .posts .captions a:active {
    color:{color:accent};
    border-bottom:1px solid {color:accent};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

.posts ul {padding-left:0;}
.posts ol {padding-left:20px;}
.posts ul li {list-style:none; padding:2px;text-indent:8px;}
.posts ol li {padding:2px;}
.posts ul li:before {content:"―"; position:relative; left:-8px;}

/*t*/

.titre {
    font-size:1.8em;
    color:#000;
    letter-spacing:1.2px;
    margin-bottom:10px;
    line-height:160%;
    text-transform:uppercase;
    font-family:'lato',arial,sans-serif;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.post350 .titre {font-size:1.6em;}

.post300 .titre, .post250 .titre {
    font-size:1.5em;
    margin-bottom:8px;
}

.posts h2 {font-weight:400 !important;font-size:110%;line-height:160%;color:#000;}

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


#tumblr_lightbox img,.tmblr-lightbox .vignette {
    opacity:0;
    border-radius:0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;
    -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;
        transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;     
}

#tumblr_lightbox_left_image:hover, #tumblr_lightbox_right_image:hover {
    opacity:1!important;
        transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 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;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;
    
}


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


.tumblr-box {cursor:help;}

#tumblr_lightbox_center_link, #tumblr_lightbox_left_link, #tumblr_lightbox_right_link {cursor:crosshair;}

.tumblr-box {
    background-color:rgba(255,255,255,0)!important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
}

.tumblr-box:hover{
    background-color:rgba(255,255,255,0.5)!important;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
}

/* 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:inline-block!important;
	margin-bottom:calc(-({select:photoset gutter} - 3px));
	position:relative;
	width:100%;
}

.photo-slideshow.processed {margin-bottom:-{select:photoset gutter} !important;}

/*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;
}

.grammy {
    position:relative;
    margin-left:0;
}

.post500 .grammy, .post450 .grammy {
    width:100px;
    height:100px;    
}

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

.post250 .grammy {
    width:50px;
    height:50px;    
}

.mariah {
    position:absolute;
    background:#fff;
    z-index:10;
    opacity:0;
    text-align:center;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

.post500 .mariah, .post450 .mariah {
    width:80px;
    height:80px;  
    margin-top:10px;
    margin-left:10px;    
}

.post400 .mariah, .post350 .mariah, .post300 .mariah {
    width:60px;
    height:60px;
    margin-top:10px;
    margin-left:10px;    
}

.post250 .mariah {
    width:40px;
    height:40px;
    margin-top:5px;
    margin-left:5px;    
}

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

.playbox {
    overflow:hidden;
}

.post500 .playbox, .post450 .playbox {
    width:40px;
    height:40px;
    margin-top:25px;
    margin-left:20px;    
}

.post400 .playbox, .post350 .playbox, .post300 .playbox {
    width:40px;
    height:40px;
    margin-top:15px;
    margin-left:12px;    
}

.post250 .playbox {
    width:25px;
    height:25px;
    margin-top:5px;
    margin-left:8px;    
}

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

.post500 .taylor, .post450 .taylor  {
    width:calc(100% - 100px);
    height:100px;    
}

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

 .post250 .taylor {
    width:calc(100% - 50px);
    height:50px;    
}

.swift {
    color:#000;
    font-weight:normal;
    text-overflow: ellipsis;    
    white-space: nowrap;
    overflow:hidden;    
}

.post500 .swift, .post450 .swift {
    max-width:calc(100% - 50px);    
}

.post400 .swift, .post350 .swift,.post300 .swift {
    max-width:calc(100% - 50px);   
    font-size:10px;
}

.post250 .swift {
    max-width:calc(100% - 30px);   
    font-size:8px;
    line-height:12px;
}

.swift b {
    font-family:'lato', arial,sans-serif;
    font-weight:bold;
    color:#000;
}

/*chat*/

.chats {
    line-height:160%;
    padding:5px;
}

.chats strong {
    font-family:'Lato', arial, sans-serif;
    text-transform:uppercase;
    color:#000;
}

.post250 .chats, .post350 .chats, .post300 .chats {
    font-size:10px;
    padding:3px;
}

/*links*/

.posts nav *,
.posts nav *:after,
.posts nav *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.posts nav a {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	outline: none;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.2em;
}

.posts nav a:hover,
.posts nav a:focus {
	outline: none;
}

.remus a {
	color: #000;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
	width:100%;
	text-align:center;
    font-size:1.5em;
	background:#fafafa;
	padding:15px;
	margin-top:0;
	margin-bottom:0;
	white-space:nowrap;
	overflow:hidden;
}

.post500 .remus a, .post450 .remus a {font-size:2em;}

.remus a::before {
	color: #000;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.remus a:hover::before,
.remus a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

/*quotes*/

.quotes {
    font-size:140%;
    display:inline;
    line-height:160%;
}

.speaker {
    margin-top:12px;
    margin-bottom:12px;
    text-align:right;
}

.post250 .speaker,.post300 .speaker, .post350 .speaker {margin-top:8px;margin-bottom:8px;}

/*Ask*/

.ask_cont {
    background:#fafafa;
    padding:10px;
    line-height:160%;
}

.post350 .ask_cont, .post300 .ask_cont, .post250 .ask_cont {padding:5px 8px;}

.asker {
    text-transform:uppercase; 
    margin-bottom:8px; 
    letter-spacing:1px;
}

.post350 .asker, .post300 .asker, .post250 .asker {margin-bottom:3px;}


.asker a {
    border-bottom:1px solid #dedede;
    font-family:'lato',arial,sans-serif;
    color:#000;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
    
}

.asker a:hover {
    border-bottom:1px solid {color:highlight};
    color:{color:highlight};
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
}

/*footer*/

.footer {
    font-weight:300;
    color:#dedede;
    text-transform:uppercase;
    width:100%;
    margin:10px auto 0 auto;
}

.footer a {
    color:#666;
    border-bottom:1px solid #dedede;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;   
}


.footer a:hover, .footer a:focus {
    color:{color:accent};
    border-bottom:1px solid {color:accent};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

.tags {
    {block:ifnotshowtags}
    {block:indexpage}
    display:none;
    {/block:indexpage}
    {/block:ifnotshowtags}
    font-size:90%;
    width:100%;
    margin-top:5px;
    margin-bottom:-5px;
    {block:permalinkpage}
    font-style:italic;
    {/block:permalinkpage}
    word-wrap:break-word;
}

.tags a {
    display:inline;
    margin-left:5px;
}

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

.viasrc {width:100%;margin-top:5px;font-size:90%;text-transform:uppercase;}

.viasrc a {
    color:{color:links};
    border-bottom:1px solid #eaeaea;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;   
}

.viasrc a:hover {
    color:{color:accent};
    border-bottom:1px solid {color:accent};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

.notes h1 {font-weight:400;text-transform:uppercase;font-size:1.5em; text-align:center;}


div.notes::-webkit-scrollbar {width: 2px; height: 3px; background: #FFFFFF; }
 
div.notes::-webkit-scrollbar-thumb { background-color: {color:accent}; }
 
ol.notes {
                padding: 0px;
                margin: 0px;
                list-style-type: none;
            }
 
ol.notes li.note {padding: 8px; text-indent:10px; line-height:150%;}

.post350 ol.notes li.note {padding: 6px; text-indent:9px; line-height:160%; font-size:11px;letter-spacing:1px;}

.post250 ol.notes li.note, .post300 ol.notes li.note {padding: 5px;padding-left:0; line-height:150%; font-size:10px;letter-spacing:1px;}

ol.notes li.note .action a {
    border-bottom:1px solid #dedede;
    color:#5f5f5f;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

ol.notes li.note .action a:hover {
    border-bottom: 1px solid {color:highlight};
    color:{color:highlight};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}
            
ol.notes li.note:before {content:"―"; position:relative; left:-10px;} 

.post350 ol.notes li.note:before {left:-8px;} 

.post300 ol.notes li.note:before, .post250 ol.notes li.note:before {display:none;}

.post350 ol.notes li.note:before {left:-8px;} 
 
ol.notes li.note img.avatar {display:none;}

li.more_notes_link_container:before {display:none;}

li.more_notes_link_container {text-indent:0; text-transform:uppercase; font-size:14px; margin-top:10px; margin-bottom:-5px;}

.post350 li.more_notes_link_container {font-size:12px;padding:0;}

.post250 li.more_notes_link_container, .post300 li.more_notes_link_container {font-size:12px;padding:0;}

li.more_notes_link_container a {
    color:#000;
    font-family:'lato',arial,sans-serif;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

li.more_notes_link_container a:hover {
    color:{color:highlight};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;    
}

 
ol.notes li.note blockquote {
                border-color: #eaeaea;
                padding: 4px 10px;
                margin: 10px 0px 0px 25px;
            }
with_commentary.blockquote {max-width:100%;}            
           
ol.notes li.note blockquote a {
                text-decoration: none;
                border-bottom:none;
            }
            
.pg {

    margin:auto;
    margin-bottom:50px;
    font-size:1.5em;
    line-height:1.6em;
    width:100%;
    z-index:10;
    color:{color:accent};    
    text-transform:uppercase;
    letter-spacing:1.5px;
    background:transparent; 
    text-align:center;
    word-spacing:20px;
    {block:ifinfinitescroll}
    display:none;
    {/block:ifinfinitescroll}
}

.pg a {
    display:inline-block;
    margin-left:15px;
    color:{color:accent};
    font-weight:400;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
} 

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

span.current {font-style:italic;margin-left:15px;}

footer {
    margin:0px auto 40px auto;
    width:100%;
}

#infscr-loading {display:none !important;}

.bottom {display:block;text-align:center;text-transform:uppercase;}
a.append {
    padding-bottom:2px;
    font-size:1.1em;
    cursor:help;
    letter-spacing:1.2px;
    color:#000;
    border-bottom:1px solid #000;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;     
}

a.append:hover {
    color:{color:highlight};
    border-bottom:1px solid {color:highlight};
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

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

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


#leo a {
    
    position:fixed;
    font-size:12px;
    line-height:16px;
    width:18px;
    height:18px;
    font-weight:300;
    bottom:10px;
    right:10px;
    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;

}

#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>
{block:indexpage}
{block:ifinfinitescroll}
<script src="https://static.tumblr.com/xbvpdcx/9LRo1g4a7/jquery.infinitescroll.min.js"></script>
{block:ifmanualload}
<script>

// Calculate internal height (used for local scroll)
// this function is from the old localMode I think?
function infsrc_local_hiddenHeight(element) {
   var height = 0;
   jQuery(element).children().each(function() {
     height = height + jQuery(this).outerHeight(false);
   });
   return height;
}

jQuery.extend(jQuery.infinitescroll.prototype,{
   _nearbottom_local: function infscr_nearbottom_local() {
       var opts = this.options, instance = this,
           pixelsFromWindowBottomToBottom = infsrc_local_hiddenHeight(opts.binder)
               - jQuery(opts.binder).scrollTop() - jQuery(opts.binder).height();

       if (opts.local_pixelsFromNavToBottom == undefined){
           opts.local_pixelsFromNavToBottom = infsrc_local_hiddenHeight(opts.binder) +
		 jQuery(opts.binder).offset().top - jQuery(opts.navSelector).offset().top;
       }
       instance._debug('local math:', pixelsFromWindowBottomToBottom,
opts.local_pixelsFromNavToBottom);

       return (pixelsFromWindowBottomToBottom - opts.bufferPx < opts.local_pixelsFromNavToBottom);
   }
});    
</script>
{/block:ifmanualload}

<script>

// Infinite Scroll
$(function() {
    
var $container = $('section');
    $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}

      },
    
        behavior: 'local',
        binder: $('#entries'), 
        navSelector  : '.pg',            
        nextSelector : '.pg a:last',
        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'
            });
            
$( newElements ).find('.togglet').click(function(){

    $(this).closest('.posts').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="animsition {select:bg} {select:post width}">

<div id="cont">
<div class="oe_wrapper">
    <div id="oe_overlay" class="oe_overlay"></div>
<ul id="oe_menu" class="oe_menu">
				<li><a class="a-link" href="/">Home</a>
				    <div class="nullbox"></div>
				</li>
				
				<li><a class="a-link" href="/ask">Ask</a>
					<div class="block1">

					<ul class="oe_full">
					 <li class="oe_heading">{AskLabel}</li>   
					</ul>
 <center>
     					   <p> <iframe frameborder="0" height="190" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%" height="100%"></iframe></p>
 </center>
			

					</div>
				</li>
				
	<!--This is the description-->			
				<li><a class="totop" href="#">Info</a>
					<div class="block2">
						<ul class="oe_full">
						    <li class="oe_heading">{text:info}</li>
						</ul>
		{Block:Description}	<p>{Description}</p>{/Block:Description}
					</div>
				</li>
				
				
		<!--The links go here-->		
				<li><a class="totop" href="#">Links</a>
					<div class="block3">
						<ul class="oe_full">
						<li class="oe_heading">Links</li>
						</ul>
				<ul>
<li><a href="{text:Link1 URL}">{text:Link1}</a></li>
<li><a href="{text:Link2 URL}">{text:Link2}</a></li>			
<li><a href="{text:Link3 URL}">{text:Link3}</a></li>							    
				</ul>	
				<ul>
<li><a href="{text:Link4 URL}">{text:Link4}</a></li>					<li><a href="{text:Link5 URL}">{text:Link5}</a></li>					<li><a href="{text:Link6 URL}">{text:Link6}</a></li>  
				</ul>
				<ul>
<li><a href="{text:Link7 URL}">{text:Link7}</a></li>  
<li><a href="{text:Link8 URL}">{text:Link8}</a></li>
<li><a href="{text:Link9 URL}">{text:Link9}</a></li>				    
				</ul>
					</div>
				</li>
				
				
		<li><a class="totop" href="#">Updates</a>
                <div class="block4">
						<ul class="oe_full">
						<li class="oe_heading">Updates</li>
						</ul>
					<p>{text:updates}</p>
					</div>				
				</li>
			</ul>    
</div>

<div id="entries">
<section>
{block:Posts} 
		   <div class="posts">
		       
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" width="100%" height="auto"/>{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:Video}
{Video-500}
{block:Caption}
<div class="captions">
{Caption}    
</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}    
</div>
{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="quotes">"{Quote}"</div>

{block:Source}
<div class="speaker captions">
     ― {Source}
</div>
{/block:Source}
{/block:Quote}

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

{block:Answer}
<div class="ask_cont">
    <div class="asker">{Asker} asked:</div>
{Question}
</div>
<div class="captions">{Answer}</div>
{/block:Answer}

{block:Chat}
{block:Title}<div class="titre">{Title}</div>{/block:Title}
{block:Lines}
<div class="chats">
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}   
</div>
{/block:Lines}
{/block:Chat}

{block:Link}
<nav class="remus" id="remus">
<a href="{URL}" data-hover="{Name}">{Name}</a>

</nav>
{block:Description}{Description}{/block:Description}    

{/block:Link}

{block:date}

<div class="footer">

<a class="a-link" href="{Permalink}">{ShortMonth}. {DayOfMonth}{DayOfMonthSuffix} '{ShortYear}</a>
{block:notecount} / <a class="a-link" href="{Permalink}">{NoteCount}N</a>{/block:notecount} / <a href="{ReblogURL}">reblog</a>


{block:ifnotshowtags}
{block:indexpage}
{block:HasTags}
/ <a class="togglet {PostID}" href="javascript:;">tags</a>
{/block:HasTags}
{/block:indexpage}
{/block:ifnotshowtags}
</div>

{block:permalinkpage}
{block:RebloggedFrom}
<div class="viasrc">
    via <a href="{ReblogParentURL}">{ReblogParentName}</a>
    {block:ContentSource}
    , by <a href="{SourceURL}">{ReblogRootName}</a>
    {/block:ContentSource}
</div>
{/block:RebloggedFrom}
{/block:permalinkpage}

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

{/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>
		   
{block:PermalinkPage}
{block:date}
    {block:NoteCount} 
<div class="posts">
          
   <div class="notes">
   <h1>Notes</h1>
        {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}    
   </div> 
  
</div>
 {block:NoteCount}
{/block:date}
{/block:PermalinkPage}
		  
{/block:Posts}    

</section>    

{block:IndexPage}
{block:Pagination}

<div class="pg">

{block:PreviousPage}<a class="a-link" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page a-link" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a class="a-link" href="{NextPage}">&raquo;</a>{/block:NextPage}
  
</div>
           
{/block:Pagination}
{/block:IndexPage}

{block:ifmanualload}
{block:IndexPage}
{block:Pagination}

<footer>
<div class="bottom"><a class="append">Load More</a></div>
</footer>
{/block:Pagination}
{/block:IndexPage} 
{/block:ifmanualload}

</div>
</div>

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

<script>
$(document).ready(function(){
    $("a.totop").click(function(){
$('#entries').animate({scrollTop: 0}, 500, 'linear');    
  });
});
</script>

<script src="https://static.tumblr.com/xbvpdcx/0Joo5tua9/smoothscroll.js"></script>

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

{block:indexpage}
{block:ifnotshowtags}
{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:ifnotshowtags}
{/block:indexpage}

        <script>
            $(function() {
				var $oe_menu		= $('#oe_menu');
				var $oe_menu_items	= $oe_menu.children('li');
				var $oe_overlay		= $('#oe_overlay');

                $oe_menu_items.bind('mouseenter',function(){
					var $this = $(this);
					$this.addClass('slided selected');
					$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
						$oe_menu_items.not('.slided').children('div').hide();
						$this.removeClass('slided');
					});
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('selected').children('div').css('z-index','1');
				});

				$oe_menu.bind('mouseenter',function(){
					var $this = $(this);
					$oe_overlay.stop(true,true).fadeTo(200, 0.8).css('z-index','10');
					$this.addClass('hovered');
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('hovered');
					$oe_overlay.stop(true,true).fadeTo(200, 0).css('z-index','0');
					$oe_menu_items.children('div').hide();
				})
            });
        </script>

</body>    
</html>