Untitled

 avatar
unknown
plain_text
2 years ago
56 kB
14
Indexable
<!DOCTYPE html>
<html>
<head>
    <title>
        {Title}{block:PostSummary} 🧨 {PostSummary}{/block:PostSummary}{block:TagPage} 🧨 {lang:Posts} {lang:Tagged} 「{Tag}」.{/block:TagPage}{block:SearchPage} 🧨 {lang:Search results for SearchQuery}.{/block:SearchPage}
    </title>

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

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}"/>

<!--


░█████╗░██╗░░░██╗░██████╗████████╗██╗███╗░░██╗░░░
██╔══██╗██║░░░██║██╔════╝╚══██╔══╝██║████╗░██║░░░
███████║██║░░░██║╚█████╗░░░░██║░░░██║██╔██╗██║░░░
██╔══██║██║░░░██║░╚═══██╗░░░██║░░░██║██║╚████║░░░
██║░░██║╚██████╔╝██████╔╝░░░██║░░░██║██║░╚███║██╗
╚═╝░░╚═╝░╚═════╝░╚═════╝░░░░╚═╝░░░╚═╝╚═╝░░╚══╝╚═╝

Theme: Crime is Time. | https://auschaden.tumblr.com/
© 07/16/2023 - 08/__/2023 auschaden. | All Rights Reserved.

CREDITS:
    • Code bare base from Octo || https://octomoosey.tumblr.com/post/127800280747/
    • Pre-loader by Gaya Kessler || !! LINK INVALID !!
    • Custom Google fonts from Google Fonts || https://fonts.google.com/
    • Custom tooltips by Manos || https://manos.malihu.gr/style-my-tooltips-jquery-plugin/
    • Custom punk font by junkohanhero || https://www.dafont.com/hit-me-punk.font?back=author
    • Custom punk font generated with Font Squirrel || https://www.fontsquirrel.com
    • Main content design insp. by exodia/new national theatre tokyo || https://www.pinterest.ph/pin/20618110787396217/
    • Post top + bottom design insp. by xuethms || https://xue-fluo.tumblr.com/
    • Icon font by ionicons || https://ionic.io/ionicons
    • Like button + shorten note count by Shy Themes || https://shythemes.tumblr.com/post/154249052918/ + https://shythemes.tumblr.com/post/156021137818/
    • 

-->

<!--💥JQUERY + JAVASRIPT + OTHER SHIT💥------------------------------------->
    <!--💥PRE-LOADER💥
        <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
        <script src="https://static.tumblr.com/cmghtlm/evUnkz8ov/queryloader2.min.js" type="text/javascript"></script>
        <script>
            window.addEventListener('DOMContentLoaded', function() {
                new QueryLoader2(document.querySelector("body"), {
                    barColor: "#c20404",
                    backgroundColor: "#000",
                    percentage: false,
                    barHeight: 2,
                    minimumTime: 500,
                    fadeOutTime: 1000,
                });
            });
        </script>-->

    <!--💥CUSTOM GOOGLE FONTS💥-->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Noto+Sans+Tagalog&family=Plaster&family=Rubik+Dirt&family=Saira+Stencil+One&family=Shippori+Mincho+B1&family=Yuji+Mai&display=swap" rel="stylesheet">

    <!--💥CUSTOM TOOLTIPS💥-->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
        <script>
            (function($){
                $(document).ready(function(){
                    $("a[title]").style_my_tooltips({
                        tip_follows_cursor: true,
                        tip_delay_time: 0,
                        tip_fade_speed: 300,
                        attribute:"title"
                    });
                });
            })(jQuery);
        </script>

    <!--💥CUSTOM "404 NOT FOUND" PAGE (by www.anyhs-themes.tumblr.com)💥
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        {block:PermalinkPage}
        <script>
        $(document).ready(function(){
           $.get(location.href, function(){
               return false;
           });
           $(document).ajaxError(function(e, xhr, opt){
               var pageStatus = xhr.status + " " + xhr.statusText;
               if(pageStatus == "404 Not Found" || pageStatus == "404 error"){
                   var pageContent = $("#page-not-found").html();
                   $(".entry:first-of-type").html(pageContent);
               }
           });
        });
        </script>
        {/block:PermalinkPage}-->

    <!--💥✻✻✻✻✻✻  UN-BLUE POLLS by @glenthemes  ✻✻✻✻✻✻💥
        <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
        <style>
        .poll-post {
            --Poll-Question-Background-Color: #97c5e0;

            --Poll-Option-Background-Color: #97c5e0;
            --Poll-Option-Corner-Rounding: 5px;
            --Poll-Option-Padding: 5px;
            --Poll-Option-Spacing: 10px;
            --Poll-Option-Text-Color: #000;
            --Poll-Option-Text-Decoration: none!important;

            --Poll-Option-HOVER-Background-Color: {color:Body Bold};
            --Poll-Option-HOVER-Text-Color: #fff;
            --Poll-Option-HOVER-Speed: 0.3s;

            --Poll-See-Results-Background-Color: #97c5e0;
        }
        </style>-->

<!--☠️CASCADING STYLE SHEET☠️----------------------------------------------->
    <style type="text/css">
    /**☠️CUSTOM PUNK FONT☠️**/
        @font-face {
            font-family: 'punk01';
            src: url('https://static.tumblr.com/rwwng7v/6fJrxwp82/hit_me_punk_01-webfont.eot');
            src: url('https://static.tumblr.com/rwwng7v/6fJrxwp82/hit_me_punk_01-webfont.eot?#iefix') format('embedded-opentype'),
                 url('hhttps://static.tumblr.com/rwwng7v/Fxyrxwp85/hit_me_punk_01-webfont.woff2') format('woff2'),
                 url('https://static.tumblr.com/rwwng7v/hDqrxwp85/hit_me_punk_01-webfont.woff') format('woff'),
                 url('https://static.tumblr.com/rwwng7v/D0trxwp84/hit_me_punk_01-webfont.ttf') format('truetype'),
                 url('https://static.tumblr.com/rwwng7v/KCFrxwp83/hit_me_punk_01-webfont.svg#hit_me_punk_01regular') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'punk04';
            src: url('https://static.tumblr.com/rwwng7v/I0prxwp86/hit_me_punk_04-webfont.eot');
            src: url('https://static.tumblr.com/rwwng7v/I0prxwp86/hit_me_punk_04-webfont.eot?#iefix') format('embedded-opentype'),
                 url('https://static.tumblr.com/rwwng7v/oy9rxwp88/hit_me_punk_04-webfont.woff2') format('woff2'),
                 url('https://static.tumblr.com/rwwng7v/fucrxwp88/hit_me_punk_04-webfont.woff') format('woff'),
                 url('https://static.tumblr.com/rwwng7v/He3rxwp87/hit_me_punk_04-webfont.ttf') format('truetype'),
                 url('https://static.tumblr.com/rwwng7v/ZtHrxwp87/hit_me_punk_04-webfont.svg#hit_me_punk_04regular') format('svg');
            font-weight: normal;
            font-style: normal;
        }

     /**☠️PRE-LOADER☠️**/
        #qLoverlay::after {
            color: #c20404;
            content: 'He fired his six-shot to the wind...';
            font-size: 22px;
            font-weight: 400;
            text-align: center;
            left: 0;
            right: 0;
            bottom: 40%;
            position: absolute;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .queryloader__overlay__bar {
            max-width: 50%;
            left: 25%;
            right: 25%;
            position: absolute;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

    /**☠️BODY☠️**/
        body {
            width: 768px;
            width: auto!important;
            min-width: 768px;
            height: 640px;
            width: auto!important;
            min-height: 640px;
            background: #ccc;
            color: #fff;
            font-size: 16px;
            font-family: 'Courier';
            word-wrap: break-word;
            margin: 0;
        }

    /**☠️TUMBLR CONTROLS☠️**/
        iframe#tumblr_controls, .iframe-controls--desktop {
            -webkit-filter: sepia(100%) hue-rotate(-45deg) saturate(500%) contrast(100);
            filter: sepia(100%) hue-rotate(-45deg) saturate(500%) contrast(100);
            right: 120px!important;
            position: absolute!important;
            opacity: 0.3!important;
            white-space: nowrap;
            -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -o-transform: scale(0.7);
            transform: scale(0.7);
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        iframe#tumblr_controls, .tmblr-iframe--app-cta-button {display: none!important;}
        iframe#tumblr_controls, .tmblr-iframe--follow-teaser  {display: none!important;}
    @media screen and (min-width: 1560px) {
        iframe#tumblr_controls, .iframe-controls--desktop {right: 140px!important;}
    }

    /**☠️CUSTOM TOOLTIPS☠️**/
        #s-m-t-tooltip {
            max-width: 300px;
            background: #000;
            color: #fff;
            font-family: 'Shippori Mincho B1', serif;
            font-size: 10px;
            letter-spacing: 2px;
            text-transform: lowercase;
            border-radius: 0;
            margin: 20px 0 0 15px;
            padding: 2px 4px 4px 4px;
            opacity: 0.5;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            z-index: 99999;
        }
    @media screen and (min-width: 1560px) {
        #s-m-t-tooltip {
            max-width: 350px;
            font-size: 11px;
            letter-spacing: 3px;
        }
    }

    /**☠️TEXT HIGHLIGHT☠️**/
        ::-webkit-selection {
            color: #fff;
            background: #c20404;
        }
        ::-moz-selection {
            color: #fff;
            background: #c20404;
        }
        ::selection {
            color: #fff;
            background: #c20404;
        }

    /**☠️BACKGROUND DETAILS☠️**/
        #bgimg {
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
            #bgimg .bg01 {
                background: #ccc;
                margin-top: 105px;
                margin-left: -35px;
                position: fixed;
                -webkit-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
                opacity: 0.4;
                z-index: -25;
                cursor: default;
            }
                #bgimg .bg01 img {
                    width: 690px;
                    height: 600px;
                    object-fit: cover;
                    mix-blend-mode: multiply;
                }
            #bgimg .bg02 {
                background: #ccc;
                margin-top: -20px;
                margin-left: -120px;
                position: fixed;
                -webkit-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
                opacity: 0.5;
                z-index: -25;
                cursor: default;
            }
                #bgimg .bg02 img {
                    width: 500px;
                    object-fit: contain;
                    mix-blend-mode: multiply;
                }
            #bgimg .bg03 {
                background: #ccc;
                margin-left: 1237px;
                position: fixed;
                opacity: 0.3;
                z-index: -25;
                cursor: default;
            }
                #bgimg .bg03 img {
                    width: 300px;
                    height: 800px;
                    object-fit: cover;
                    mix-blend-mode: multiply;
                    -webkit-filter: contrast(100);
                    filter: contrast(100);
                    -webkit-transform: scale(-1, 1);
                    -ms-transform: scale(-1, 1);
                    -moz-transform: scale(-1, 1);
                    -o-transform: scale(-1, 1);
                    transform: scale(-1, 1);
                }
            #bgimg .anarchy {
                width: 65px;
                background: #ccc;
                margin-top: 2px;
                margin-left: 429px;
                position: fixed;
                z-index: -20;
                cursor: default;
            }
                #bgimg .anarchy img {
                    width: 65px;
                    height: 55px;
                    object-fit: fill;
                    mix-blend-mode: multiply;
                    -webkit-filter: brightness(300%);
                    filter: brightness(300%);
                }
        /**yes sir i will lp, crass**/
            #bgimg .crass {
                width: 45px;
                background: #ccc;
                margin-top: 62px;
                margin-left: 75px;
                position: fixed;
                z-index: -20;
                cursor: default;
            }
                #bgimg .crass img {
                    width: 43px;
                    height: 43px;
                    object-fit: cover;
                    mix-blend-mode: multiply;
                    -webkit-filter: contrast(50);
                    filter: contrast(50);
                }
            #bgimg .pin {
                background: #ccc;
                margin-top: 459px;
                margin-left: -50px;
                position: fixed;
                -webkit-transform: rotate(102deg);
                -ms-transform: rotate(102deg);
                -moz-transform: rotate(102deg);
                -o-transform: rotate(102deg);
                transform: rotate(102deg);
                z-index: -20;
                cursor: default;
            }
                #bgimg .pin img {
                    width: 295px;
                    height: 80px;
                    object-fit: cover;
                    mix-blend-mode: multiply;
                    -webkit-filter: drop-shadow(3px -2px 2px #555);
                    filter: drop-shadow(3px -2px 2px #555);
                }
            #bgimg .middle {
                width: 60px;
                background: #ccc;
                margin-top: 626px;
                margin-left: 230px;
                position: fixed;
                z-index: -20;
                cursor: default;
            }
                #bgimg .middle img {
                    width: 60px;
                    height: 45px;
                    object-fit: fill;
                    mix-blend-mode: multiply;
                    -webkit-filter: contrast(100);
                    filter: contrast(100);
                }
        #bgtxt {
            color: #000;
            position: absolute;
            z-index: -10;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            cursor: default;
        }
            #bgtxt .title {
                writing-mode: vertical-lr;
                margin-top: -45px;
                margin-left: -13px;
                cursor: pointer;
            }
                #bgtxt .title a {
                    color: #c20404;
                    font-family: 'punk04';
                    font-size: 110px;
                    letter-spacing: -60px;
                    text-decoration: none;
                    text-orientation: upright;
                }
        /**antonio luna, heneral luna (2015)**/
            #bgtxt .luna01 {
                width: 182px;
                height: 55px;
                font-size: 7px;
                text-indent: 5px;
                word-break: break-all;
                margin-top: -659px;
                margin-left: 66px;
                position: relative;
            }
            #bgtxt .luna02 {
                width: 176px;
                height: 55px;
                font-size: 7px;
                word-break: break-all;
                margin-top: -62px;
                margin-left: 253px;
                position: relative;
            }
            #bgtxt .fuck {
                color: #c20404;
                font-family: 'Yuji Mai', serif;
                font-size: 120px;
                font-weight: 700;
                letter-spacing: -10px;
                writing-mode: vertical-lr;
                margin-top: -612px;
                margin-left: 510px;
                position: relative;
                -webkit-transform: rotate(-2deg);
                -ms-transform: rotate(-2deg);
                -moz-transform: rotate(-2deg);
                -o-transform: rotate(-2deg);
                transform: rotate(-2deg);
            }
            #bgtxt .filler01 {
                color: #c20404;
                font-family: 'punk04';
                font-size: 120px;
                writing-mode: vertical-lr;
                margin-top: -100px;
                margin-left: 398px;
                position: absolute;
                -webkit-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
                -moz-transform: scale(-1, 1);
                -o-transform: scale(-1, 1);
                transform: scale(-1, 1);
                z-index: -15;
            }
            #bgtxt .filler02 {
                color: #c20404;
                font-family: 'punk04';
                font-size: 120px;
                writing-mode: vertical-lr;
                margin-top: -90px;
                margin-left: 395px;
                position: absolute;
                -webkit-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
                -moz-transform: scale(-1, 1);
                -o-transform: scale(-1, 1);
                transform: scale(-1, 1);
                z-index: -15;
            }
            #bgtxt .filler03 {
                color: #c20404;
                font-family: 'punk04';
                font-size: 120px;
                writing-mode: vertical-lr;
                text-orientation: upright;
                letter-spacing: -60px;
                margin-top: -90px;
                margin-left: 560px;
                position: relative;
            }
        /**holiday, green day**/
            #bgtxt .holiday {
                width: 82px;
                font-family: 'Rubik Dirt', cursive;
                font-size: 8px;
                word-break: break-all;
                margin-top: -654px;
                margin-left: 496.5px;
                position: relative;
            }
        /**my idiot, messenger**/
            #bgtxt .reason {
                font-family: 'Plaster', cursive;
                font-size: 12px;
                letter-spacing: -5px;
                writing-mode: vertical-lr;
                text-orientation: upright;
                margin-top: -165px;
                margin-left: 62px;
                position: relative;
            }
        /**contrast, nakano4**/
            #bgtxt .contrast {
                height: 300px;
                font-family: 'Shippori Mincho B1', serif;
                font-size: 14px;
                line-height: 15px;
                writing-mode: vertical-rl;
                margin-top: -435px;
                margin-left: 74px;
                position: relative;
            }
            #bgtxt .queer {
                height: 150px;
                font-family: 'Major Mono Display', monospace;
                font-size: 20px;
                font-weight: 700;
                writing-mode: vertical-rl;
                direction: rtl;
                margin-top: -195px;
                margin-left: 523px;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
                position: relative;
            }
            #bgtxt .salawikain {
                width: 230px;
                font-family: 'Noto Sans Tagalog', sans-serif;
                font-size: 15px;
                font-weight: 700;
                line-height: 18px;
                margin-top: 249px;
                margin-left: 66px;
                position: relative;
            }
        /**to the end of the world, alestorm**/
            #bgtxt .tteotw {
                width: 250px;
                font-size: 11px;
                word-break: break-all;
                margin-top: -65px;
                margin-left: 280px;
                position: relative;
            }
            #bgtxt .name {
                margin-top: -320px;
                margin-left: 483px;
                position: relative;
            }
                #bgtxt .name a {
                    color: #000;
                    font-family: 'Saira Stencil One', cursive;
                    font-size: 100px;
                    writing-mode: vertical-lr;
                    text-decoration: none;
                    cursor: pointer;
                }
    @media screen and (min-width: 1560px) {
        /**🔪️BACKGROUND DETAILS BIG🔪**/
            #bgimg .bg01 {
                margin-top: 105px;
                margin-left: -35px;
            }
                #bgimg .bg01 img {
                    width: 690px;
                    height: 600px;
                }
            #bgimg .bg02 {
                margin-top: -20px;
                margin-left: -120px;
            }
                #bgimg .bg02 img {
                    width: 500px;
                }
            #bgimg .bg03 {
                margin-left: 1237px;
            }
                #bgimg .bg03 img {
                    width: 300px;
                    height: 800px;
                }
            #bgimg .anarchy {
                    width: 65px;
                    margin-top: 2px;
                    margin-left: 429px;
                }
                #bgimg .anarchy img {
                    width: 65px;
                    height: 55px;
                }
        /**yes sir i will lp, crass**/
            #bgimg .crass {
                width: 45px;
                margin-top: 62px;
                margin-left: 75px;
            }
                #bgimg .crass img {
                    width: 43px;
                    height: 43px;
                }
            #bgimg .pin {
                margin-top: 459px;
                margin-left: -50px;
            }
                #bgimg .pin img {
                    width: 295px;
                    height: 80px;
                }
            #bgimg .middle {
                width: 60px;
                margin-top: 626px;
                margin-left: 230px;
            }
                #bgimg .middle img {
                    width: 60px;
                    height: 45px;
                }
        #bgtxt .title {
            margin-top: -60px;
            margin-left: -7px;
        }
            #bgtxt .title a {
                font-size: 146px;
                letter-spacing: -81px;
            }
        /**antonio luna, heneral luna (2015)**/
            #bgtxt .luna01 {
                width: 237px;
                height: 55px;
                font-size: 9px;
                text-indent: 6px;
                margin-top: -865px;
                margin-left: 100px;
            }
            #bgtxt .luna02 {
                width: 239px;
                height: 55px;
                font-size: 9px;
                margin-top: -64px;
                margin-left: 345px;
            }
            #bgtxt .fuck {
                font-size: 163px;
                letter-spacing: -25px;
                margin-top: -765px;
                margin-left: 718px;
            }
            #bgtxt .filler01 {
                font-size: 140px;
                margin-top: -110px;
                margin-left: 570px;
            }
            #bgtxt .filler02 {
                font-size: 140px;
                margin-top: -100px;
                margin-left: 555px;
            }
            #bgtxt .filler03 {
                font-size: 162px;
                letter-spacing: -90px;
                margin-top: -105px;
                margin-left: 785px;
            }
        /**holiday, green day**/
            #bgtxt .holiday {
                width: 111px;
                font-size: 10.3px;
                line-height: 12px;
                margin-top: -821px;
                margin-left: 701px;
            }
        /**my idiot, messenger**/
            #bgtxt .reason {
                font-size: 15px;
                letter-spacing: -5px;
                margin-top: -205px;
                margin-left: 95px;
            }
        /**contrast, nakano4**/
            #bgtxt .contrast {
                height: 400px;
                font-size: 20px;
                line-height: 20px;
                margin-top: -590px;
                margin-left: 111px;
            }
            #bgtxt .queer {
                height: 200px;
                font-size: 30px;
                margin-top: -280px;
                margin-left: 738px;
            }
            #bgtxt .salawikain {
                width: 260px;
                font-size: 20px;
                line-height: 22px;
                margin-top: 330px;
                margin-left: 98px;
            }
        /**to the end of the world, alestorm**/
            #bgtxt .tteotw {
                width: 315px;
                font-size: 14px;
                margin-top: -84px;
                margin-left: 430px;
            }
            #bgtxt .name {
                margin-top: -410px;
                margin-left: 685px;
            }
                #bgtxt .name a {
                    font-size: 130px;
                }
    }

    /**☠️NAVIGATION BAR☠️**/
        #navbar {
            width: 20px;
            height: 100%;
            background: #000;
            writing-mode: vertical-lr;
            direction: rtl;
            padding: 20px 10px;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            position: fixed;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
            z-index: 5;
            cursor: default;
        }
            #navbar a {
                font-size: 18px;
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
                transition: all 0.3s;
                cursor: pointer;
            }
            #navbar a:hover {
                color: #c20404;
                transition: all 0.3s;
            }
            #navbar .theme {
                color: #444;
                float: left;
                margin-top: 37.5px;
                margin-left: 2px;
                -webkit-transform: scale(1, -1);
                -ms-transform: scale(1, -1);
                -moz-transform: scale(1, -1);
                -o-transform: scale(1, -1);
                transform: scale(1, -1);
            }
            #navbar .theme:hover {
                color: #fff;
                transition: all 0.3s;
            }
    @media screen and (min-width: 1560px) {
        /**☠️NAVIGATION BAR☠️**/
            #navbar {
                width: 30px;
                font-size: 25px;
                padding: 20px 15px;
            }
                #navbar a {
                    font-size: 25px;
                }
                #navbar .theme {
                    margin-top: 35px;
                    margin-left: 5px;
                }
    }

    /**☠️MAIN CONTENT☠️**/
        #main {
            width: 520px;
            height: 670px;
            border: solid #000;
            border-width: 0 3px 3px 3px;
            margin: 0 20px 0 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
        }
        #contents {
            width: 383px;
            height: 513px;
            background: #000;
            border: solid #000;
            border-width: 20px 0 20px 20px;
            overflow-x: clip;
            overflow-y: scroll;
        }
            #contents::-webkit-scrollbar {
                width: 20px;
                background-color: #000;
            }
            #contents::-webkit-scrollbar-thumb {
                border: solid #000;
                border-width: 1px 9px 1px 9px;
                background: #444;
            }
            #contents::-webkit-scrollbar-thumb:hover {
                border: solid #000;
                border-width: 1px 9px 1px 9px;
                background: #ccc;
            }
        /**☠️POSTS☠️**/
            .posts {
                color: #000;
                background: #ccc;
                font-size: 14px;
                text-transform: uppercase;
                margin: 20px 0;
            }
                .posts:first-child {margin-top: 0;}
                .posts:last-child {margin-bottom: 0;}
                .posts a {
                    color: #000;
                    text-decoration: none;
                    transition: all 0.3s;
                }
                .posts a:hover {color: #c20404;}
            /**☠️POST TOP☠️**/
                .postop {
                    border-bottom: 1px solid #000;
                    padding: 10px;
                    -webkit-user-select: none;
                    -ms-user-select: none;
                    -moz-user-select: none;
                    user-select: none;
                }
                .postype {float: right;}
                .creds {float: right;}
            /**☠️INDIV POSTS☠️**/
                .indivpost {
                    background: pink;
                    font-size: 18px;
                    text-transform: none;
                    margin: 0;
                    padding: 0;
                }
                    .indivpost p {margin: 0;}
                    .indivpost a {
                        color: #000;
                        text-decoration: none;
                        transition: all 0.3s;
                        box-shadow: inset 0 -8px 0 rgba(194, 4, 4, 0.3);
                    }
                    .indivpost a:hover {
                        color: #000;
                        transition: all 0.3s;
                        box-shadow: inset 0 -1.25em 0 rgba(194, 4, 4, 0.3);
                    }
                    .indivpost b, strong {color: #910000;}
                    .indivpost i, em {color: #666;}
                    .indivpost blockquote {
                        border-left: 3px solid #888;
                        margin: 0 0 0 10px;
                        padding: 0 0 0 10px;
                    }
                    .indivpost img {
                        max-width: 100%;
                        border: 0;
                        height: auto;
                        padding: 0;
                    }
                /**☠️NPF COLORS☠️**/
                    .npf_color_joey {color: #000!important;}
                    .npf_color_monica {color: #000!important;}
                    .npf_color_chandler {color: #000!important;}
                    .npf_color_phoebe {color: #000!important;}
                    .npf_color_rachel {color: #000!important;}
                    .npf_color_ross {color: #000!important;}
                    .npf_color_niles {color: #000!important;}
                    .npf_color_frasier {color: #000!important;}
                    .npf_color_mr_big {color: #000!important;}

                    /*.tmblr-alt-text-helper {
                        
                    }
                    .tmblr-attribution {
                        
                    }
                    .npf_quirky {
                        
                    }
                    .npf_indented {
                        
                    }
                    .npf_quote {
                        
                    }
                    .npf_chat {
                        
                    }*/
                /**☠️ICON FONT☠️**/
                    ion-icon {
                        --ionicon-stroke-width: 32px;
                        margin-bottom: -2.5px;
                    }
            /**☠️POST BOTTOM☠️**/
                .postbtm {
                    border-top: 1px solid #000;
                    padding: 10px;
                    -webkit-user-select: none;
                    -ms-user-select: none;
                    -moz-user-select: none;
                    user-select: none;
                }
                .likeb {
                    padding-left: 5px;
                    float: right;
                    position: relative;
                    cursor: pointer;
                }
                .likeb .like_button iframe {
                    top: -3px;
                    left: 0;
                    bottom: 0;
                    right: 2px;
                    position: absolute;
                    opacity: 0;
                    z-index: 2;
                    cursor: pointer;
                }
                .likeb .liked + .b {
                    color: #c20404;
                }
                /* 
                --- LH added
                */
                .likeb .liked + .icon::before {
                    content: "\f443";
                    color: #c20404;
                }
                /* 
                --- end LH added
                */
                .rb {
                    font-size: 16px;
                    margin-top: -0.5px;
                }
                .showtags {
                    font-size: 13px;
                    margin-top: 1px;
                }
                .tags {
                    margin-top: 5px;
                    display: none;
                }
                .tags a {
                    color: #666;
                    font-family: 'Tahoma', sans-serif;
                    font-size: 9px;
                    text-transform: uppercase;
                }
                .tags a:hover {
                    color: #000;
                    font-size: 12px;
                    transition: all 0.3s;
                }
                .indivtag {margin-right: 5px;}
                .hash {
                    font-size: 9px;
                    margin-bottom: -1px;
                }
    @media screen and (min-width: 1560px) {
    /**☠️MAIN CONTENT☠️**/
        #main {
            width: 720px;
            height: 873px;
            border-width: 0 4px 4px 4px;
            margin: 0 40px 0 90px;
        }
        #contents {
            width: 540px;
            height: 675px;
            border-width: 25px 0 25px 25px;
        }
            #contents::-webkit-scrollbar {
                width: 25px;
            }
            #contents::-webkit-scrollbar-thumb {
                border-width: 2px 11px 2px 11px;
            }
            #contents::-webkit-scrollbar-thumb:hover {
                border-width: 2px 11px 2px 11px;
            }
        /**☠️POSTS☠️**/
            .posts {
                font-size: 16px;
                margin: 25px 0;
            }
            /**☠️POST TOP☠️**/
                .postop {
                    border-bottom: 2px solid #000;
                    padding: 15px;
                }
            /**☠️INDIV POSTS☠️**/
                .indivpost {
                    font-size: 20px;
                }
                    .indivpost a {
                        box-shadow: inset 0 -9px 0 rgba(194, 4, 4, 0.3);
                    }
                    .indivpost a:hover {
                        box-shadow: inset 0 -1.25em 0 rgba(194, 4, 4, 0.3);
                    }
                    .indivpost blockquote {
                        border-left: 3px solid #888;
                        margin: 0 0 0 10px;
                        padding: 0 0 0 10px;
                    }
                /**☠️ICON FONT☠️**/
                    ion-icon {
                        --ionicon-stroke-width: 40px;
                        margin-bottom: -3px;
                    }
            /**☠️POST BOTTOM☠️**/
                .postbtm {
                    border-top: 2px solid #000;
                    padding: 15px;
                }
                .likeb {
                    padding-left: 10px;
                }
                .likeb .like_button iframe {
                    top: -2px;
                    left: 7px;
                }
                .rb {
                    font-size: 19px;
                    margin-top: -2px;
                }
                .showtags {
                    font-size: 15px;
                    margin-top: 1px;
                }
                .tags {
                    margin-top: 5px;
                }
                    .tags a {
                        font-size: 11px;
                    }
                    .tags a:hover {
                        font-size: 14px;
                    }
                .indivtag {margin-right: 5px;}
                .hash {
                    font-size: 11px;
                    margin-bottom: -1px;
                }
    }

    /**☠️PAGINATION☠️**/
        #pagination {
            width: 565px;
            color: #000;
            text-align: center;
            top: 674px;
            left: 40px;
            position: relative;
            -webkit-user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        a.prev-pag-inactive, a.next-pag-inactive {
            color: #666!important;
            cursor: not-allowed;
        }
            a.prev-pag-inactive:hover, a.next-pag-inactive:hover {color: #666!important;}
            a.prev-pag-active, a.next-pag-active {
                color: #000;
            }
            a.prev-pag-active {
                margin-left: -26px;
            }
            a.next-pag-active {
                margin-left: -26px;
            }
            a.prev-pag-active:hover, a.next-pag-active:hover {
                color: #c20404!important;
                transition: all 0.3s;
            }
        .num-pag {
            font-family: 'Shippori Mincho B1', serif;
            font-weight: 700;
            display: inline;
        }
        .name-pag {
            font-family: 'Shippori Mincho B1', serif;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 3px;
            text-align: center;
            margin: -5px 0 0 5px;
        }
    @media screen and (min-width: 1560px) {
        #pagination {
            width: 810px;
            font-size: 20px;
            top: 878px;
            left: 40px;
        }
            a.prev-pag-active {
                margin-left: -33px;
            }
            a.next-pag-active {
                margin-left: -33px;
            }
        .name-pag {
            font-size: 14px;
            letter-spacing: 4px;
            margin: -5px 0 0 5px;
        }
    }

    /**☠️SIDEBAR☠️**/
        #sb {
            width: 700px;
            height: 100%;
            background-color: #000;
            margin-top: -35px;
            margin-left: 605px;
            padding: 10px 30px;
            position: absolute;
        }
            #sb .title {
                font-family: 'punk04';
                font-size: 70px;
                font-weight: 100;
            }
            #sb .title a {
                color: #c20404;
                text-decoration: none;
            }
    @media screen and (min-width: 1560px) {
        #sb {
            width: 820px;
            margin-top: -45px;
            margin-left: 850px;
            padding: 10px 30px;
        }
    }
    </style>
</head>
<body>
<!--🤜BACKGROUND DETAILS🤛-------------------------------------------------->
    <div id="bgimg">
        <div class="bg01"><img src="https://static.vecteezy.com/system/resources/previews/019/922/471/non_2x/overlay-distressed-grunge-noise-transparent-texture-background-png.png"></div>
        <div class="bg02"><img src="https://static.vecteezy.com/system/resources/previews/019/922/382/non_2x/transparent-overlay-distressed-grunge-noise-texture-background-png.png"></div>
        <div class="bg03"><img src="https://png.pngtree.com/png-clipart/20230624/original/pngtree-distress-or-dirt-and-damage-effect-concept-png-image_9212630.png"></div>
        <div class="anarchy"><img src="https://images.gamebanana.com/img/ico/sprays/5369148d43098.png"></div>
    <!--yes sir i will lp, crass-->
        <div class="crass"><img src="https://designobserver.com/media/images/Punk15_525.jpg"></div>
        <div class="pin"><img src="https://png.pngtree.com/png-clipart/20210425/original/pngtree-decorative-fashion-puncture-safety-pin-png-image_6256161.jpg"></div>
        <div class="middle"><img src="https://i.etsystatic.com/37014907/r/il/9509d0/4113577686/il_794xN.4113577686_sy7d.jpg"></div>
    </div>
    <div id="bgtxt">
        <div class="title">
            <a href="/">auschaden</a>
        </div>
    <!--antonio luna, heneral luna (2015)-->
        <p class="luna01">
            Hinahangad ng <b>Pilipinas</b> ang kasarinlan, at pananatilihin kong buhay ang adhikain ng aking bayan hanggang sa katapusan.
            Masmagandang <em>mamatay</em> sa digmaan kaysa tanggapin ang pamumuno ng dayuhan.
            Kung panaginip lamang ang umasa sa pag-unlad, <b>managinip tayo hanggang sa kamatayan</b>.
            Hindi magtatagal, para sa 
        </p>
        <p class="luna02">
            <b>pag-ibig sa Inang Bayan</b>, waring dala ng isang <em>lihim na mensahe</em>.
            Dinagit tayo ng isang nakakubling kamay at itinapon na parang mga dahon sa gitna ng <b>sigwa</b>.
            Hindi magtatagal, tayo'y magiging nagaalimpuyong alabok na lamang. ••• Ang taong may <b>damdamin</b> ay <em>hindi</em> alipin.
        </p>
        <p class="filler01">e</p>
        <p class="filler02">i</p>
        <p class="filler03">nseiove</p>
        <p class="fuck">ふざけるな奴</p>
    <!--holiday, green day-->
        <p class="holiday">
            The representative from California has the floor
            "Sieg Heil " to the president Gasman
            Bombs away is your punishment
            ........... Pulverize th ........... e Eiffel towe ........... r
            Who critici ........... ze your gove ........... rnment
            "Ba ........... ng! Bang!" g ........... oes the brok ........... en glass, an ........... d
            Kill all the ........... f*gs that do ........... n't agree
            Try ........... to fight fire, ........... setting fire
             ........... Is not a way ........... that's mean ........... t for me
        </p>
    <!--my idiot, messenger-->
        <p class="reason">the things we do that we don't have reasons for.</p>
    <!--contrast, nakano4-->
        <p class="contrast">連れ出してよまた必ずその手で降りだすネオンまだ輝くあの魔法困らせてよねぇ高鳴るこの鼓動その両手で今すぐ私を —</p>
        <p class="queer">QUEER AND HERE</p>
        <p class="salawikain">ᜃᜑᜓᜌ᜔ ᜋᜅ᜔ ᜊᜊᜇ᜔ ᜐ ᜆᜓᜊᜒᜄ᜔᜵ ᜃᜉᜄ᜔ ᜈᜇᜇᜅ᜔ ᜐ ᜀᜉᜓᜌ᜔ ᜐᜉᜒᜎᜒᜆᜅ᜔ ᜋᜄ᜔ᜇᜒᜇᜒᜃᜒᜆ᜔᜶</p>
    <!--to the end of the world, alestorm-->
        <p class="tteotw">
            Haunted by dreams of a perilous quest
            The nightmare revolves in my mind
            A vision unfolds, the mission is clear
            Set sail to the end of the world
        </p>
        <div class="name">
            <a href="https://auschaden.carrd.co/" target="_blank">austin.</a>
        </div>
    </div>

<!--🤜NAVIGATION BAR🤛------------------------------------------------------>
    <div id="navbar">
            <a class="theme" title="Crime is Time. 🧨 theme by auschaden."><ion-icon name="finger-print-outline"></ion-icon></a>
        <a href="/archive" target="_blank">{lang:Archive}</a> | 
        {block:AskEnabled}
            <a href="/ask">Ask</a> | 
        {/block:AskEnabled}
        {block:HasPages}
            {block:Pages}
                <a href="{URL}">{Label}</a> | 
            {/block:Pages}
        {/block:HasPages}
        <a href="https://you-her-and-i.tumblr.com/" target="_blank">Side Blog</a> | 
        <a href="https://auschaden.carrd.co/" target="_blank">{lang:About}</a> | 
        <a href="/">{lang:Home}</a>
    </div>

<!--🤜MAIN CONTENT🤛-------------------------------------------------------->
    <div id="main">
        <div id="contents">

        <!--🤜SEARCH PAGE🤛-->
            {block:SearchPage}
                {block:SearchResults}
                    
                {/block:SearchResults}
                {block:NoSearchResults}
                    
                {/block:NoSearchResults}
            {/block:SearchPage}

        <!--🤜TAG PAGE🤛-->
            {block:TagPage}
                
            {/block:TagPage}

        <!--🤜POSTS🤛-->
            {block:Posts}
            <div class="posts" id="{PostID}">
            <!--🤜POST TOP🤛--->
                {block:Date}
                <div class="postop">
                    <ion-icon name="today-outline"></ion-icon>
                    {DayOfMonth} {ShortMonth} {Year}
                    {block:RebloggedFrom}
                    <div class="creds">
                        <a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:Via}</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">src</a>
                        <ion-icon name="skull-outline"></ion-icon>
                        {block:PinnedPostLabel}<a title="{lang:Pinned Post}." target="_blank"><ion-icon name="flash-sharp" style="color: #c20404;"></ion-icon></a>{/block:PinnedPostLabel}
                    </div>
                    {/block:RebloggedFrom}
                    {block:NotReblog}
                    <div class="postype">
                        {PostType} Post
                        <ion-icon name="thumbs-down-outline"></ion-icon>
                    </div>
                    {/block:NotReblog}
                </div>
                {/block:Date}

            <!--🤜INDIV POSTS🤛--->
                <div class="indivpost">
                <!--🤜TEXT🤛--->
                    {block:Text}
                        {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
                        {Body}
                    {/block:Text}

                <!--🤜PHOTO🤛--->
                    {block:Photo}
                        <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
                        {block:Caption}{Caption}{/block:Caption}
                    {/block:Photo}

                <!--🤜PANORAMA🤛--->
                    {block:Panorama}
                        {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
                        {block:Caption}{Caption}{/block:Caption}
                    {/block:Panorama}

                <!--🤜PHOTOSET🤛--->
                    {block:Photoset}
                        {Photoset}
                        {block:Caption}{Caption}{/block:Caption}
                    {/block:Photoset}

                <!--🤜QUOTE🤛--->
                    {block:Quote}
                        "{Quote}"
                        {block:Source}{Source}{/block:Source}
                    {/block:Quote}

                <!--🤜LINK🤛--->
                    {block:Link}
                        <a href="{URL}" class="link" {Target}>{Name}</a>
                        {block:Description}{Description}{/block:Description}
                    {/block:Link}

                <!--🤜CHAT🤛--->
                    {block:Chat}
                        {block:Title}{Title}{/block:Title}
                        {block:Lines}
                            <li>{block:Label}{Label}{/block:Label}{Line}</li>
                        {/block:Lines}
                    {/block:Chat}

                <!--🤜ASK/ANSWER🤛--->
                    {block:Answer}
                        {Asker}<br />
                        {Question}<br />
                        {Answer}
                        {Replies}
                    {/block:Answer}

                <!--🤜VIDEO🤛--->
                    {block:Video}
                        {Video-700}
                        {block:Caption}{Caption}{/block:Caption}
                    {/block:Video}

                <!--🤜AUDIO🤛--->
                    {block:Audio}
                        {AudioPlayer}

                        {block:AudioEmbed}
                            {AudioEmbed}
                        {/block:AudioEmbed}
                        {block:AlbumArt}
                            {AlbumArtURL}
                        {/block:AlbumArt}
                        {block:Artist}
                            {Artist}
                        {/block:Artist}
                        {block:Album}
                            {Album}
                        {/block:Album}
                        {block:TrackName}
                            {TrackName}
                        {/block:TrackName}
                        <br />{PlayCountWithLabel}

                        {block:Caption}{Caption}{/block:Caption}
                    {/block:Audio}
                </div>

            <!--🤜POST BOTTOM🤛--->
                {block:Date}
                    <div class="postbtm">
                        <div class="like">
                            <a href="{Permalink}" class="notecount">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
                            {block:IndexPage}
                                {block:HasTags}
                                <a class="likeb" title="{lang:Show} {lang:Tags}."><ion-icon class="showtags" name="pricetags-outline"></ion-icon></a>
                                {/block:HasTags}
                            {/block:IndexPage}
                            <a class="likeb" href="{ReblogURL}" target="_blank"><ion-icon class="rb" name="repeat-sharp"></ion-icon></a>
                            <a class="likeb">{LikeButton}<i class="icon ion-ios-heart-outline"></i></a>
                        </div>
                    <!--🤜POST TAGS🤛--->
                        {block:IndexPage}
                            {block:HasTags}
                            <div class="tags">
                                {block:Tags}<a href="{TagURL}" class="indivtag"><ion-icon class="hash" name="warning-sharp"></ion-icon>{Tag}</a>{/block:Tags}
                            </div>
                            {/block:HasTags}
                        {/block:IndexPage}
                    </div>
                {/block:Date}
            </div>
            {/block:Posts}
        </div>
    </div>

<!--🤜PAGINATION🤛---------------------------------------------------------->
    {block:Pagination}
    <div id="pagination">
        <a class="prev-pag-inactive"><ion-icon name="caret-back-sharp"></ion-icon></a>
        {block:PreviousPage}
            <a href="{PreviousPage}" class="prev-pag-active"><ion-icon name="caret-back-sharp"></ion-icon></a>
        {/block:PreviousPage}
        <p class="num-pag">{CurrentPage}</p>
        <a class="next-pag-inactive"><ion-icon name="caret-forward-sharp"></ion-icon></a>
        {block:NextPage}
            <a href="{NextPage}" class="next-pag-active"><ion-icon name="caret-forward-sharp"></ion-icon></a>
        {/block:NextPage}
        <p class="name-pag">page</p>
    </div>
    {/block:Pagination}

<!--🤜SIDEBAR🤛------------------------------------------------------------->
    <div id="sb">
        <div class="title">
            <a href="/">{Title}</a>
        </div>
        {block:Description}{Description}{/block:Description}
    </div>

<!--🖕JQUERY + JAVASCRIPT + OTHER SHIT🖕------------------------------------>
    <!--🖕ICON FONT🖕-->
        <!-- LH added -->
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
        <!-- end LH added -->
        <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
       

    <!--🖕SHORTEN NOTE COUNT🖕-->
        <script>
            var $container = $('.posts');
            $container.find('.notecount').each(function(){
                var n = $(this).html().split(' ')[0].replace(/,/g, '');
                if (n > 999999999) {
                    n = Math.floor(n / 100000000) / 10;
                    $(this).text(n + 'b {lang:Notes}');
                }
                if (n > 999999) {
                    n = Math.floor(n / 100000) / 10;
                    $(this).text(n + 'm {lang:Notes}');
                }
                if (n > 999) {
                    n = Math.floor(n / 100) / 10;
                    $(this).text(n + 'k {lang:Notes}');
                }
                if (n == 1) {
                    $(this).text(1 + ' note');
                }
                if (n == 0) {
                    $(this).text(0 + ' {lang:Notes}');
                }
            });
        </script>

    <!--🖕LIKE BUTTON🖕-->
        <script>
            var $container = $('.posts');
            function newElements() {
                var $newElems = $(newElements);
                var $newElemsIDs = $newElems.map(function(){
                    return this.id;
                }).get();
                Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
            };
        </script>

    <!--🖕POST TAGS🖕-->
        <script>
            $(".showtags").click(function(){
                var locationA = $(this).parent().parent().parent();
                $(".tags",locationA).slideToggle();
            });
        </script>

</body>
</html>
Editor is loading...