Untitled
unknown
plain_text
2 years ago
56 kB
19
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...