Create a new version of paste:

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

                      ,,
                     ,GG,
                     GIIG
                    Gl''lG
                   ;G'  'G;
                   GP    YG
                  oQ'    'Qo                 -Wᴀʏғɪɴᴅᴇʀ ᴛʜᴇᴍᴇ ʙʏ
   *TGGGGGGGGGGGGQQQ,    ,QQQGGGGGGGGGGGGP*   ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
      *TGo,        '*    *'        ,oGP*
         *TGo,    ɴʏᴄᴛ□ᴛʜᴇᴍᴇs   ,oGP*        -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
            *TGio,,        ,,oiGP*            ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
              ;GGT'        'TGG:
              GG'     ii     'GG             -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
             GG'     ,GG,     'GG             ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
            GG*     oGGGGo.    *GG            ᴀ ᴘᴀɢᴇ.
           oG*   oGG*    *GGo.  *Go
          ;GG;oGG*          *GGo;GG;
         ,GGGT*                *TGGG,
         ""'                      '""

---------------------------------------------------------------------------->

    <!-- hover title 1/2 -->
    <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>

<head>

    <!-- website necessities -->
{block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
{block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}

<link rel="alternate" type="application/rss+xml" href="{RSS}"/>
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

<!-------------------------------- IMAGES ---------------------------------->
    <meta name="image:Background" content="http://static.tumblr.com/u5vz4xb/MDTogai7c/delete.png"/>
    <meta name="image:Side Image" content="http://static.tumblr.com/u5vz4xb/QEaogai7i/08.png"/>
    <meta name="image:Wayfinder Center" content="http://static.tumblr.com/u5vz4xb/LBhogaidw/09.png"/>
    <meta name="image:Custom Cursor" content="http://static.tumblr.com/u5vz4xb/z2Bo0mgvw/21a.png"/>
    <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/u5vz4xb/QDZo0mgw0/21b.png"/>
    <meta name="image:Favicon" content="https://31.media.tumblr.com/737050b0f6aaac1cb88f77e4cec723ba/tumblr_inline_njkpggXPLR1rg1lxe.png"/>
    <meta name="image:Default Audio Pic" content="http://static.tumblr.com/u5vz4xb/cXaog6ktc/audio2.png"/>

<!-------------------------------- COLORS ---------------------------------->
    <!-- Full Body -->
    <meta name="color:Background" content="#b9e9e8"/>
    <meta name="color:Scroll BG" content="#a6d4d3"/>
    <meta name="color:Scroll Thumb Top Gradient" content="#ffffff"/>
    <meta name="color:Scroll Thumb Bottom Gradient" content="#ffffff"/>
    <!-- Sidebar -->
    <meta name="color:Side BGs" content="#ffffff"/>
    <meta name="color:Side Shadows" content="#a6d4d3"/>
    <meta name="color:Side Title" content="#ffffff"/>
    <meta name="color:Description Text" content="#a4d2e5"/>
    <meta name="color:Description Links" content="#ff9278"/>
    <meta name="color:Description Links Hover" content="#e5d1a6"/>
    <meta name="color:Description Scrollbar" content="#e5d1a6"/>
    <meta name="color:Sidelinks" content="#695c86"/>
    <meta name="color:Sidelinks Hover" content="#8bce95"/>
    <meta name="color:Sidelinks Hover BG" content="#ffffff"/>
    <meta name="color:Wayfinder Outer" content="#6cbe8c"/>
    <meta name="color:Wayfinder Inner" content="#8bce95"/>
    <meta name="color:Wayfinder Tips" content="#695c86"/>
    <meta name="color:Wayfinder Ring" content="#ffffff"/>
    <!-- Posts -->
    <meta name="color:Posts BG" content="#ffffff"/>
    <meta name="color:Posts 2nd BG" content="#f5f5f5"/>
    <meta name="color:Posts Title" content="#70c18e"/>
    <meta name="color:Posts Text" content="#a4d2e5"/>
    <meta name="color:Posts Bold" content="#8fc3cc"/>
    <meta name="color:Posts Italic" content="#8fcad4"/>
    <meta name="color:Posts Code" content="#b6b6b6"/>
    <meta name="color:Posts Code BG" content="#d4d4d4"/>
    <meta name="color:Posts Links" content="#6cbe8c"/>
    <meta name="color:Posts Links Hover" content="#8bce95"/>
    <meta name="color:Posts Blockquote" content="#f5d4a9"/>
    <meta name="color:Audio Player" content="#0084ff"/>
    <!-- Post Endings -->
    <meta name="color:Postending Text" content="#695c86"/>
    <meta name="color:Postending Text Hover" content="#8bce95"/>
    <meta name="color:Postending Text Hover BG" content="#ffffff"/>
    <!-- Permalink -->
    <meta name="color:Permalink Text" content="#cfb4a0"/>
    <meta name="color:Permalink Links" content="#82af91"/>
    <meta name="color:Permalink Links Hover" content="#ffffff"/>
    <meta name="color:Permalink Blockquote" content="#c3edec"/>
    <meta name="color:Permalink Scroll Thumb" content="#ffffff"/>
    <!-- Misc. -->
    <meta name="color:Link Hover BG" content="#695c86"/>
    <meta name="color:Link Hover Text" content="#ffffff"/>
    <meta name="color:Selection BG" content="#b0f0c0"/>
    <meta name="color:Selection Text" content="#ffffff"/>
    <meta name="color:Selection Links" content="#ffffff"/>

<!------------------------------- OPTIONS ---------------------------------->
    <meta name="if:Patterned Background" content="0"/>
    <meta name="if:Custom Cursor" content="1"/>
    <meta name="if:Custom Favicon" content="1"/>
    <meta name="if:White Tumblr Controls" content="1"/>
    <meta name="if:Small Tumblr Controls" content="0"/>
    <meta name="if:Framed Side Image" content="0"/>
    <meta name="if:Side Title Bottom Corner" content="0"/>
    <meta name="if:Side Title Left Corner" content="0"/>
    <meta name="if:Monochrome Photos" content="0"/>
    <meta name="if:Fade Photos" content="1"/>
    <meta name="if:2nd Chat Post Format" content="1"/>
    <meta name="if:Dark Audio Player" content="0"/>
    <meta name="if:Credit on the Right" content="1"/>

<!-------------------------------- TEXTS ----------------------------------->
    <meta name="text:Side Title" content="" />
    <meta name="text:Link 1 URL" content="/" />
    <meta name="text:Link 1 Hover" content="Link 1" />
    <meta name="text:Link 2 URL" content="/" />
    <meta name="text:Link 2 Hover" content="Link 2" />
    <meta name="text:Link 3 URL" content="/" />
    <meta name="text:Link 3 Hover" content="Link 3" />
    <meta name="text:Link 4 URL" content="/" />
    <meta name="text:Link 4 Hover" content="Link 4" />
    <meta name="text:Link 5 URL" content="/" />
    <meta name="text:Link 5 Hover" content="Link 5" />
    <meta name="text:Ask Verb" content="wondered" />
    
    <!-- symbol font (like the credit) -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <!-- custom font 1/2 -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One' rel='stylesheet' type='text/css'>

</head>

<style type="text/css">

    /* custom font 2/2 */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Fredoka+One);

/* ------------------------------ DECORATION  ---------------------------- */

    /* body */ 
body {
    color:{color:Posts Text};
    background: {color:Background} url('{image:background}') fixed
    {block:IfNotPatternedBackground}
    center/cover{/block:IfNotPatternedBackground};
    font: normal normal normal 11px/17px 'Montserrat', sans-serif;
    text-align:justify;}
    
/* ------------------------- CREDIT; DON'T REMOVE ------------------------ */

#credit {
    z-index:99999; position:fixed;
    bottom:10px; font-size:25px;
    {block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
    {block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
    color:{color:Wayfinder Outer};}
#credit:hover {
    color:{color:Wayfinder Inner};
    transform: rotate(72deg);
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -ms-transform: rotate(72deg);}

/* ------------------------------ MINOR STUFF ---------------------------- */

    /* tumblr controls */
.tmblr-iframe {
    z-index:9999 !important;
    {block:IfWhiteTumblrControls}
    -webkit-filter: invert(100%) hue-rotate(180deg) !important;
    -moz-filter: invert(100%) hue-rotate(180deg) !important;
    -ms-filter: invert(100%) hue-rotate(180deg) !important;
    -o-filter: invert(100%) hue-rotate(180deg) !important;
    filter: invert(100%) hue-rotate(180deg) !important;
    {/block:IfWhiteTumblrControls}
    {block:IfSmallTumblrControls}
    transform: scale(0.8) !important;
    -webkit-transform: scale(0.8) !important;
    -moz-transform: scale(0.8) !important;
    -o-transform: scale(0.8) !important;
    -ms-transform: scale(0.8) !important;
    transform-origin:right;
    webkit-transform-origin:right;
    -moz-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    {/block:IfSmallTumblrControls}}

    /* hover text */
#s-m-t-tooltip {
    z-index: 99999; display: block;
    margin-left: 25px; margin-top: -5px;
    max-width:150px;
    padding: 4px 5px 4px 6px;
    font-size:9px; text-transform:uppercase;
    letter-spacing:.5px; text-align:center;
    line-height:10px;
    color: {color:Link Hover Text};
    background: {color:Link Hover BG};}

    /* scrollbar */
::-webkit-scrollbar {
    height:14px; width:14px;
    background: {color:Scroll BG};}
::-webkit-scrollbar-thumb {
    background:{color:Scroll Thumb Top Gradient};
    background: -webkit-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
    background: -o-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
    background: -moz-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
    background: linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll Thumb Bottom Gradient});
    border:4px solid {color:Scroll BG};
    border-radius:5px;}

    /* drag n' click selection */
::selection {
    background: {color:Selection BG};
    color: {color:Selection Text};}
::-moz-selection {
    background: {color:Selection BG};
    color: {color:Selection Text};}
a::selection {
    background: {color:Selection BG};
    color: {color:Selection Links};}
a::-moz-selection {
    background: {color:Selection BG};
    color: {color:Selection Links};}

/* ----------------------------- FONT STUFF ------------------------------ */

    /* main font decorations */
.posts p:last-child {
    margin-bottom:0px;}
.posts p:first-child {
    margin-top:0px;}
b, strong {color:{color:Posts Bold};}
i, em {color:{color:Posts Italic};}

    /* links */
a:link, a:active, a:visited{
    text-decoration:none;
    color:{color:Posts Links};
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;}
a:hover {
    color:{color:Posts Links Hover};}
a i, i a, a em, em a, a b, b a, a strong, strong a {
    color:{color:Posts Links} !important;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;}
a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover, strong a:hover {
    color:{color:Posts Links Hover} !important;}

pre {
    padding: 6px 9px;
    color:{color:Posts Code};
    font-size:10px; max-width:100%;
    font-family:consolas;
    background:{color:Posts Code BG};
    border-left: 7px solid {color:posts blockquote};
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}
code {
    color:{color:Posts Code};
    font-size:10px;
    font-family:consolas;
    background:{color:Posts Code BG};
    padding:1px 2px;}

    /* text and link post titles */
h1 {font: normal normal normal 20px/20px 'Fredoka One', cursive;
    text-transform:uppercase;
    color:{color:Posts Title};
    text-align:center;
    letter-spacing:1px;}
    /* quote and ask post titles */
h2 {font: normal normal normal 16px/16px 'Fredoka One', cursive;
    text-transform:uppercase;
    color:{color:Posts Bold};
    text-align:center;
    letter-spacing:0px;}
.posts h1:first-child, .posts h2:first-child {margin-top:0px;}

/* -------------------------------- SIDEBAR ------------------------------ */

    /* side image */
#side-image {
    position:fixed;
    left:40%; bottom:40px;
    width:200px; height:266px;
    background: url('{image:Side Image}') center/cover;
    {block:IfFramedSideImage}
    margin-left:-400px;
    border:7px solid {color:Side BGs};
    {/block:IfFramedSideImage}
    {block:IfNotFramedSideImage}
    margin-left:-390px;
    {/block:IfNotFramedSideImage}
    -webkit-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
    -moz-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
    -ms-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
    -o-filter: drop-shadow(3px 3px 0px {color:Side Shadows});
    filter: drop-shadow(3px 3px 0px {color:Side Shadows});}

    /* side image */
#side-image h1 {
    {block:IfSideTitleBottomCorner}
    position:absolute; bottom:-7px;
    {/block:IfSideTitleBottomCorner}
    {block:IfNotSideTitleBottomCorner}
    position:relative; top:-7px;
    {/block:IfNotSideTitleBottomCorner}
    {block:IfSideTitleLeftCorner}
    text-align:left;
    {/block:IfSideTitleLeftCorner}
    {block:IfNotSideTitleLeftCorner}
    text-align:right;
    {/block:IfNotSideTitleLeftCorner}
    width:196px; padding:2px;
    font: normal normal normal 11px/12px 'Montserrat', cursive;
    text-transform:uppercase;
    color:{color:Side Title};
    letter-spacing:1.5px;}

    /* right side container */
#side-right {
    position:fixed;
    left:40%; bottom:40px;
    margin-left:-179px;
    height:auto; width:186px;}

#wayfinder {
    height:120px; width:120px;
    margin:0 auto 20px auto;
    -webkit-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
    -moz-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
    -ms-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
    -o-filter: drop-shadow(2px 2px 0px {color:Side Shadows});
    filter: drop-shadow(2px 2px 0px {color:Side Shadows});}
#wayfinder-connector {
    z-index:-1; position:relative;
    top:-115px; left:30px;
    width:45px; height:45px;
    border-radius:50%;
    border:3px solid {color:Wayfinder Ring};}
#wayfinder-center {
    z-index:1; position:relative;
    display:block;
    top:-160px; left:35px;
    width:40px; height:40px;
    background: url({image:Wayfinder Center}) center no-repeat;
    transform-origin: 50% 50%;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);}

.wayfinder-point {
    position:relative; display:block;
    transform-origin: 50% 100%;
    width: 26px; height: 30px;
    background: {color:Wayfinder Inner};
    background: -webkit-linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
    background: -o-linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
    background: -moz-linear-gradient({color:Wayfinder Outer} 30%,{color:Wayfinder Inner} 80%);
    background: linear-gradient({color:Wayfinder Outer} 30%, {color:Wayfinder Inner} 80%);
    border-radius: 50% 50% 50% 50% / 70% 70% 30% 30%;
    /*box-shadow:0px 1px 0px 1px {color:Wayfinder Tips};*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.wayfinder-point::before {
    content:"";
    display:block;
    position:relative;
    top:-12px; left:1px;
    width:4px; height:0px;
    background: transparent;
    border: 0px solid {color:Wayfinder Outer};
    border-width: 0px 10px 25px 10px;
    border-color:transparent transparent {color:Wayfinder Outer} transparent;
    border-radius: 50% 50% 40% 40%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.wayfinder-point::after {
    content: "\f0f3";
    display:block;
    font-size:12px;
    margin:-30px 0px 0px 19px;
    font-family:'FontAwesome';
    color:{color:Wayfinder Tips};
    transform-origin: 0% 0%;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);}

.point1 {
    top:18px; left:45px;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);}
.point1:hover {
    -ms-transform: rotate(15deg) translateY(-6px);
    -webkit-transform: rotate(15deg) translateY(-6px);
    transform: rotate(15deg) translateY(-6px);}
.point2 {
    top:-1px; left:56px;
    -ms-transform: rotate(85deg);
    -webkit-transform: rotate(85deg);
    transform: rotate(85deg);}
.point2:hover {
    -ms-transform: rotate(85deg) translateY(-6px);
    -webkit-transform: rotate(85deg) translateY(-6px);
    transform: rotate(85deg) translateY(-6px);}
.point3 {
    top:-19px; left:48px;
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);}
.point3:hover {
    -ms-transform: rotate(160deg) translateY(-6px);
    -webkit-transform: rotate(160deg) translateY(-6px);
    transform: rotate(160deg) translateY(-6px);}
.point4 {
    top:-52px; left:33px;
    -ms-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);}
.point4:hover {
    -ms-transform: rotate(-130deg) translateY(-6px);
    -webkit-transform: rotate(-130deg) translateY(-6px);
    transform: rotate(-130deg) translateY(-6px);}
.point5 {
    top:-96px; left:31px;
    -ms-transform: rotate(-55deg);
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);}
.point5:hover {
    -ms-transform: rotate(-55deg) translateY(-6px);
    -webkit-transform: rotate(-55deg) translateY(-6px);
    transform: rotate(-55deg) translateY(-6px);}

    /* sidebar links */
#sidelinks {
    text-align:center;}
#sidelinks a {
    font: normal normal bold 11px/12px 'Montserrat', cursive;
    text-transform:uppercase;
    letter-spacing:2px;
    display:inline-block;
    margin:0px 2px 0px 0px;
    width:58px; padding:8px 0px 8px 0px;
    color:{color:Sidelinks};
    background:transparent;
    text-shadow:2px 2px 0px {color:Side Shadows};
    box-shadow:3px 0px 0px transparent;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;}
#sidelinks a:hover {
    color:{color:Sidelinks Hover};
    background:{color:Sidelinks Hover BG};
    text-shadow:2px 2px 0px transparent;
    box-shadow: 3px 0px 0px {color:Side Shadows};}

    /* description */
#description {
    padding-right:5px;
    font-size:10px; line-height:13px;
    text-align:justify; letter-spacing:0px;
    width:165px; max-height:100px;
    border:7px solid {color:Side BGs};
    overflow:scroll;
    color:{color:Description Text};
    background: {color:Side BGs};
    box-shadow:3px 3px 0px {color:Side Shadows};}
#description b, #description strong, #description i, #description em {
    color:{color:Description Text};}
#description a {
    color:{color:Description Links};}
#description a:hover {
    color:{color:Description Links Hover};}

#description::-webkit-scrollbar {
    height:1px; width:1px;
    background: transparent;}
#description::-webkit-scrollbar-thumb {
    background: {color:description scrollbar};
    border:none;}

    /* pagination */
#pagination {
    z-index: 9; position:fixed;
    top:0px; left:50%;
    margin-left:-57px;
    width:550px; padding:10px 1px;
    letter-spacing:1px; text-align:center;
    background: {color:Background} url('{image:background}') fixed
    {block:IfNotPatternedBackground}
    center/cover{/block:IfNotPatternedBackground};
    color:{color:Side Shadows};}
.active {
    font-weight:bold;
    display:inline-block;
    min-width:18px;
    line-height:10px;
    padding:7px 2px 7px 2px;}
#pagination a .active {
    color:{color:Sidelinks};
    background:transparent;
    text-shadow:2px 2px 0px {color:Side Shadows};
    box-shadow:3px 3px 0px transparent;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;}
#pagination a .active:hover {
    color:{color:Sidelinks Hover};
    background:{color:Sidelinks Hover BG};
    text-shadow:2px 2px 0px transparent;
    box-shadow:3px 3px 0px {color:Side Shadows};}

/* ------------------------------- POSTS --------------------------------- */

    /* posts position */
#entries {
    margin-top:70px;
    margin-left:50%;}
    /* posts themselves */
.posts {
    margin:0 0 80px -50px;
    overflow:hidden;
    width: 500px; padding:20px;
    background: {color:Posts BG} url('');
    box-shadow:3px 3px 0px {color:Side Shadows};}

/* ----------------------------- POST TYPES ------------------------------ */

    /* text post */
blockquote {
    padding:0px;
    padding-left:6px;
    margin:-3px 0 -1px 6px;
    border-left:3px solid {color:posts blockquote};}
hr {display: block;
    margin: 30px 80px;
    border:1px solid {color:posts blockquote};}

    /* bullet lists */
ol {margin-left:-8px;
    list-style-type:decimal;}
ul {margin-left:-20px;
    list-style-type:none;}
ul li::before {
    content:"";
    margin:0px 10px 2px 0px;
    display:inline-block;
    height:4px; width:4px;
    border-radius:50%;
    background:{color:posts blockquote};}
li {margin-bottom:3px;}

    /* text-images */
.posts img {
    vertical-align:middle;
    max-width:100%;}
    /* the credit below images that are from other people */
.tmblr-full {margin:0;}
.tmblr-attribution {
    opacity:.8;
    margin-top:0px;
    font-family:Calibri;
    font-size:8px; line-height:8px;
    text-transform:uppercase;
    letter-spacing:1px;}
.tmblr-attribution::after {content: " >";}

    /* link posts */
.link-posts a {
    background: {color:Posts Links};
    display:inline-block;
    width: 480px;
    padding:10px;
    color:{color:Posts BG};}
.link-posts a:hover {
    background: {color:Posts Links Hover}}
    
    /* ask posts */
.ask-posts img {
    vertical-align:middle;
    display:inline-block;
    margin-right:7px;
    max-width:64px;}
.ask-posts .question {
    vertical-align:middle;
    display:inline-block;
    min-height:44px; width:406px;
    padding: 10px;
    background: {color:Posts 2nd BG};}
.ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}

    /* quote posts */
.quote-posts {
    padding:10px 0px;
    text-align:center}
.quote {
    vertical-align:middle;
    width:430px;
    display:inline-block;}
.quote-posts .fa {
    font-size:20px;
    vertical-align:middle;
    display:inline-block;
    color:{color:Posts Blockquote}}

    /* chat posts */
.chat {margin:0px; padding:0px; line-height:14px;}
.chat li {text-align:left;}
.chat li::before {display:none;}

{block:IfNot2ndChatPostFormat}
.chat li {
    padding:0px 0px 4px 4px;
    border-bottom:2px solid {color:Posts Blockquote};}
.chat li:first-of-type {
    padding-top:4px;
    border-top:2px solid {color:Posts Blockquote};}
{/block:IfNot2ndChatPostFormat}
{block:If2ndChatPostFormat}
.chat li {
    padding:5px 8px;
    margin-bottom:4px;
    background: {color:Posts 2nd BG};}
{/block:If2ndChatPostFormat}

    /* photo posts */
.posts img, .posts .html_photoset, .posts #audio-pic {
    {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
    {block:IfMonochromePhotos}
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);{/block:IfMonochromePhotos}
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;}
.posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
    opacity:1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;}

    /* photoset focused image background */
.tmblr-lightbox {
    background-color:transparent !important;}
.vignette {
    z-index:99998! important;
    opacity:.75 !important;
    background-color:{color:background} !important;
    background-image:none !important;}
.tmblr-lightbox .lightbox-image {
    z-index:99999! important;
    border-radius:0px !important;
    background:{color:background} !important;
    box-shadow:0px 0px 0px 30px {color:background} !important;}
.tmblr-lightbox .lightbox-caption {
    z-index:99999! important;
    font-family:consolas !important;
    font-size:10px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: {color:posts title} !important;
    text-shadow: 0 4px 30px {color:background} !important;}

    /* video posts */
#youtube_iframe, .tumblr_video_container {
    margin-bottom:5px; max-width:100%;}
.caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
    margin:5px 0px; max-width:100%;}

    /* audio posts */
#audio-pic {
    display:inline-block;
    vertical-align:middle;
    margin-right:2px;
    width:135px; height:135px;
    background: url('{image:Default Audio Pic}');
    background-size:cover;}
#info-container {
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    font-size:8px; line-height:15px;
    width:355px;
    text-transform:uppercase;
    letter-spacing:1px;}
#info-container li {
    display:block;
    padding:4px 7px;
    margin:0px; margin-top:4px;
    background:{color:Posts 2nd BG};}
.posts .audio_player {
    max-width:355px; max-height:27px;
    margin:0px;
    background:{color:Audio Player};
    {block:IfMonochromePhotos}
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);{/block:IfMonochromePhotos}
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.posts:hover .audio_player {
    {block:IfMonochromePhotos}
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);{/block:IfMonochromePhotos}}
.tumblr_audio_player {
    width:355px; opacity:.66;}

/* ----------------------------- POSTS INFO ------------------------------ */

    /* container */
#postinfo {
    margin-top:20px;
    position:absolute;
    text-align:center;
    margin-left:-20px;
    width:540px;
    font: normal normal bold 11px/12px 'Montserrat', cursive;}
    /* individual links */
#other a {
    text-transform:uppercase;
    letter-spacing:2px;
    display:inline-block;
    padding:8px; margin:0px 2px;
    color:{color:Postending Text};
    text-shadow:2px 2px 0px {color:Side Shadows};
    background:transparent;
    box-shadow:3px 3px 0px transparent;}
#other a:hover {
    color:{color:Postending Text Hover};
    text-shadow:2px 2px 0px transparent;
    background:{color:Postending Text Hover BG};
    box-shadow:3px 3px 0px {color:Side Shadows};}
#tags {margin:10px 0px 5px 0px;}
#tags a {
    text-transform:lowercase;
    letter-spacing:1px;
    display:inline-block;
    margin:0px 5px;
    color:{color:Postending Text};
    text-shadow:2px 2px 0px {color:Side Shadows};}
#tags a:hover {
    color:{color:Postending Text Hover};}

/* ---------------------------- PERMALINK -------------------------------- */

    /* permalink position */
#permalink {
    background:;/* if you want the post-notes to have a non-transparent bg */
    margin:-40px 0px 0px -50px;
    width: 500px; padding: 20px;}

    /* post notes container */
.notes {
    max-height:600px;
    overflow: auto; letter-spacing:0px;
    text-align:center; color:transparent;
    line-height:0px; font-size:0px;}
.notes a {
    display:inline-block;
    letter-spacing:1px;
    font: normal normal normal 10px/15px 'Montserrat', non-serif;
    color:{color:Permalink Links};}
.notes a:hover {
    color:{color:Permalink Links Hover};}
.notes blockquote, .notes .answer_content {
    font: normal normal normal 10px/15px 'Montserrat', non-serif;
    letter-spacing:1px;
    max-width:350px;
    margin:3px auto; border:none;
    color:{color:Permalink Links};
    background:{color:Permalink Blockquote};}
.notes blockquote {
    display:inline-block;
    padding:1px 10px 0px 10px;}
.notes .answer_content {
    display:block;
    padding:2px 10px 1px 10px;}
.notes img {display:none;}
.notes li {margin-left:-10px;}
 
    /* replaced regular sentences with fa symbols */
.notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
    font-weight:normal;
    vertical-align:middle;
    content:"";
    font-family:'FontAwesome';
    display:inline-block; margin:0px 5px;
    font-size:10px;
    color:{color:Permalink Text};}
.notes .like span a::after {content:"\f004";}
.notes .reblog .tumblelog::after {content: "\f079";}
.notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
.notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
.notes .reply .action a::after {content: "\f063";}

    /* permalink scrollbar */
#permalink ::-webkit-scrollbar {
    height:5px; width:5px;
    background: transparent;}
#permalink ::-webkit-scrollbar-thumb:vertical {
    background: {color:Permalink Scroll Thumb};
    border:none;}

</style>
<body>

<!-------------------------------- CURSOR ---------------------------------->
{block:IfCustomCursor}
<style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
</style>
<!-- Custom cursors don't show up on empty spaces, but this fixes that -->
<div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}

<!-------------------------- CREDIT; DON'T REMOVE -------------------------->
<a href="https://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit">
    <l class="fa fa-star"></l>
</a>

<!-------------------------------- SIDEBAR --------------------------------->

    <!-- Page navigation -->
{block:Pagination}<div id="pagination">
    {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
    {block:JumpPagination length="5"}
    {block:CurrentPage}
        <div class="active">{PageNumber}</div>
    {/block:CurrentPage}
    {block:JumpPage}
        <a href="{URL}"><div class="active">{PageNumber}</div></a>
    {/block:JumpPage}
    {/block:JumpPagination}
    {block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
</div>{/block:Pagination}

    <!-- sidebar -->
<div id="side-image">
    <h1>{text:Side Title}</h1>
</div>
<div id="side-right">
    <!-- wayfinder - minor links -->
    <div id="wayfinder">
        <a href="{text:link 1 URL}" title="{text:link 1 hover}" class="wayfinder-point point1"></a>
        <a href="{text:link 2 URL}" title="{text:link 2 hover}" class="wayfinder-point point2"></a>
        <a href="{text:link 3 URL}" title="{text:link 3 hover}" class="wayfinder-point point3"></a>
        <a href="{text:link 4 URL}" title="{text:link 4 hover}" class="wayfinder-point point4"></a>
        <a href="{text:link 5 URL}" title="{text:link 5 hover}" class="wayfinder-point point5"></a>
        <div id="wayfinder-connector"></div>
        <div id="wayfinder-center"></div>
    </div>
    <!-- main - links -->
    <div id="sidelinks">
        <a href="/">Home</a>
        <a href="/ask">Ask</a>
        <a href="/archive">Past</a>
    </div>
    <!-- description -->
    <div id="description">{description}</div>

</div>

<!--------------------------------- POSTS ---------------------------------->
<div id="entries">
{block:posts}
 
<div class="posts">

    <!-- text posts -->
{block:Text}
    {block:Title}<h1>{Title}</h1>{/block:Title}
    <div class="caption">{Body}</div>
{/block:Text}

    <!-- link posts -->
{block:Link}
    {block:Thumbnail}<center>
        <a href="{Thumbnail-HighRes}">
            <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
        </a>
    </center>{/block:Thumbnail}
    <div class="link-posts"><h1><a href="{URL}">
        {Name}&nbsp;<l class="fa fa-arrow-right" style="font-size:16px; position:relative; top:-2px;"></l>
    </a></h1></div>
    {block:Description}<div class="caption">
        <p>{Description}</p>
    </div>{/block:Description}
{/block:Link}

    <!-- ask posts -->
{block:Answer}
    <div class="ask-posts">
        <img src="{AskerPortraitURL-64}">
    <div class="question">
        <h2>{Asker} {text:Ask Verb}:</h2> {Question}
    </div></div><br>
        <div id="caption">{Answer}</div>
{/block:Answer}

    <!-- quote posts -->
{block:Quote}
    <h2 class="quote-posts">
        <l class="fa fa-quote-left"></l>
        <div class="quote">{Quote}</div>
        <l class="fa fa-quote-right"></l>
    </h2>
    <div style="text-align:right; margin-right:20px">
        {block:Source}<b>- {Source}</b>{/block:Source}
    </div>
{/block:Quote}

    <!-- chat posts -->
{block:Chat}
    {block:Title}<h1>{Title}</h1>{/block:Title}
    <ul class="chat">{block:Lines}
        <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
    {/block:Lines}</ul>
{/block:Chat}

    <!-- photo posts -->
{block:Photo}
    <center>
    {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
    </center>
    {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}

{block:Photoset}
    <div style="width:540px; margin-left:-20px; text-align:middle">
    {Photoset}
    </div>
    {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}

    <!-- video post -->
{block:Video}
    {Video-500}
    {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

    <!-- audio posts -->
{block:Audio}
    <!--image-->
    {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
        {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
    </div>{block:IndexPage}</a>{/block:IndexPage}
<div id="info-container">
    <!--player-->
    {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
    {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}   <!--info-->
    {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
    {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
    {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
    {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
</div>
{block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}

<!------------------------------ POST ENDING ------------------------------->

          <!------------- Index Page ------------->
{block:IndexPage}
<div id="postinfo">

    <!-- tags -->
    {block:HasTags}<div id="tags">
        {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}
    </div>{/block:HasTags}
    <!-- date posted -->
    <div id="other">
    {block:Date}
        <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}">Date</a>
    {/block:Date}
    <!-- notes counter -->
    {block:NoteCount}
        <a href="{Permalink}" title="{NoteCountWithLabel}">Notes</a>
    {/block:NoteCount}
    <!-- original poster -->
    {block:ContentSource}
        <a href="{SourceURL}" title="{SourceTitle}">Source</a>
    {/block:ContentSource}
    <!-- reblogged from -->
    {block:RebloggedFrom}
        <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
    {/block:RebloggedFrom}
    <!-- reblog -->
        <a href="{ReblogURL}">Reblog</a>
    </div>
</div>
{/block:IndexPage}

          <!------------- Permalink Page ------------->
{block:PermalinkPage}{block:Date}
<div id="postinfo">

    <!-- tags -->
    {block:HasTags}<div id="tags">
        {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}
    </div>{/block:HasTags}
    <!-- date posted -->
    <div id="other">
        <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}">Date</a>
    <!-- notes counter -->
    {block:NoteCount}
        <a href="#permalink" title="{NoteCountWithLabel}">Notes</a>
    {/block:NoteCount}
    <!-- original poster -->
    {block:ContentSource}
        <a href="{SourceURL}" title="{SourceTitle}">Source</a>
    {/block:ContentSource}
    <!-- reblogged from -->
    {block:RebloggedFrom}
        <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
    {/block:RebloggedFrom}
    <!-- reblog -->
        <a href="{ReblogURL}">Reblog</a>
    </div>
</div>

{/block:Date}{/block:PermalinkPage}

</div> <!-- ending div tag for "posts" -->

{/block:Posts}

<!------------------------------- PERMALINK -------------------------------->

{block:PostNotes}
<div id="permalink">{PostNotes}
</div>
{/block:PostNotes}

</div> <!-- ending div tag for "entries" -->

<script>
  /* questions? ask oddhour.tumblr.com */
     var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_1 { margin-top:5px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_2 { margin-top:5px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row.photoset_row_3 { margin-top:5px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset .photoset_row .photoset_photo {margin-left:4px;} .photoset { width: 540px; }</style>";
   function updatePhotoset() {
       
        $(".photoset").each( function (i, e) {
            if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
                $(this.contentDocument).find("head").append(updatePhotosetCss);
                var photoset = $(this.contentDocument).find(".photoset");
                var photosetRows = photoset.find(".photoset_row");  
            photoset.find(".photoset_photo")
                .each(function () {
                    var hiResSrc = $(this).attr("href");
                    var img = $(this).find('img');
                    img.attr("src", hiResSrc );
                    img.attr("style", "");
                });
            photosetRows.attr("style", "").css("margin-bottom", "-5px");
            photoset.attr("style","");
           
            $(this).height($(this.contentDocument.body).height());
        });
    }
   
    updatePhotoset();
 
    var photosetTimer = setInterval(updatePhotoset, 1500);
    $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
</script>

</body>
</html>