Skip to content

Instantly share code, notes, and snippets.

@nerdfiles
Last active April 27, 2023 03:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nerdfiles/e88c04f9e90ba85fbb90213d3bb912d7 to your computer and use it in GitHub Desktop.
Save nerdfiles/e88c04f9e90ba85fbb90213d3bb912d7 to your computer and use it in GitHub Desktop.
works with the library of alexandria (wip). use https://mybrowseraddon.com/custom-style-script.html not stylish. backgrounds are blocked now.
/**
* @author aha <patagnome@protonmail.com>
* @license wtfpl, version 2
* @version 0.0.0-novel.0
* @appliesTo URLsStartingWith https://masto.ai/
* @source https://hachyderm.io/@rachelwilliams/109453512422406007
* @source https://hachyderm.io/@rachelwilliams/109456125944527023
* @note turn on `layout.css.has-selector.enabled` in firefox.
*/
@font-face {
font-family: 'Eulexia';
font-style: normal;
font-weight: 400;
src: local('Eulexia'), url('https://fonts.cdnfonts.com/s/59457/EulexiaRegular.woff') format('woff');
}
@font-face {
font-family: 'Eulexia';
font-style: normal;
font-weight: 400;
src: local('Eulexia'), url('https://fonts.cdnfonts.com/s/59457/EulexiaBold.woff') format('woff');
}
@font-face {
font-family: 'Eulexia';
font-style: italic;
font-weight: 400;
src: local('Eulexia'), url('https://fonts.cdnfonts.com/s/59457/EulexiaBoldItalic.woff') format('woff');
}
@font-face {
font-family: 'Eulexia';
font-style: italic;
font-weight: 400;
src: local('Eulexia'), url('https://fonts.cdnfonts.com/s/59457/EulexiaItalic.woff') format('woff');
}
html, body, *:not([class*="fa"]) {
font-family: 'Eulexia', sans-serif !important;
}
p, a,
li, span, label, input, textarea,
h1, h2, h3, h4, h5, h6,
button, select, option,
div {
text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5) !important;
}
.columns-area__panels__main {
max-width: 57vw !important;
max-width: 65vw !important;
max-width: 84vw !important;
max-width: 100vw !important
}
.columns-area__panels {
justify-content: space-between !important;
}
.column-link.column-link--transparent i {
}
.column-link.column-link--transparent span {
}
.column > .scrollable {
background: transparent !important;
}
body:before {
background-image: url(https://black-mode.surge.sh/fc5f1febeb2f5f83.png) !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
width: 100%;
height: 100%;
content: ' ';
display: block;
z-index: -1;
position: fixed;
bottom: 0;
}
/* run backgrounds locally i guess `python3 -m http.server`. botsin.space still blocks them now because reasons, cors or whatever */
body:before {
/*background-image: url(https://black-mode.surge.sh/97b6c51ddf48c0d0.png) !important;*/
/*background-image: url(https://black-mode.surge.sh/tumblr_1b8cd67f6a9542cb27360bab5a34318e_4bc87e44_1280.jpg) !important;*/
background-image: url(http://[::]:8000/tumblr_1b8cd67f6a9542cb27360bab5a34318e_4bc87e44_1280.jpg) !important;
background-size: cover !important;
background-position: bottom left !important;
}
body {
}
/**
* @description combine at will on tumblr dot com.
* @usage
* (mix|background)-blend-mode: normal;
* (mix|background)-blend-mode: multiply;
* (mix|background)-blend-mode: screen;
* (mix|background)-blend-mode: overlay;
* (mix|background)-blend-mode: darken;
* (mix|background)-blend-mode: lighten;
* (mix|background)-blend-mode: color-dodge;
* (mix|background)-blend-mode: color-burn;
* (mix|background)-blend-mode: hard-light;
* (mix|background)-blend-mode: soft-light;
* (mix|background)-blend-mode: difference;
* (mix|background)-blend-mode: exclusion;
* (mix|background)-blend-mode: hue;
* (mix|background)-blend-mode: saturation;
* (mix|background)-blend-mode: color;
* x|background)-blend-mode: luminosity;
*/
body {
/*
mix-blend-mode: color-dodge !important;
mix-blend-mode: luminosity !important;
mix-blend-mode: multiply !important;
mix-blend-mode: exclusion !important;
mix-blend-mode: hard-light !important;
mix-blend-mode: soft-light !important;
mix-blend-mode: color-burn !important;
mix-blend-mode: lighten !important;
mix-blend-mode: darken !important;
mix-blend-mode: screen !important;
mix-blend-mode: overlay !important;
mix-blend-mode: difference !important; */
}
body:after {
/*background-color: white !important; */
}
[role="feed"] {
background-color: transparent !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
align-items: baseline !important;
align-content: space-between !important;
}
[role="feed"]:after {
content: '⎚ ⎚ ⎚' !important;
margin-bottom: 2vw !important;
display: block !important;
position: relative !important;
z-index: 9999 !important;
color: rgba(255, 255, 255, 0.35) !important;
transform: scale(3) !important;
height: 100% !important;
width: 100% !important;
mix-blend-mode: luminosity !important;
text-align: center !important;
}
[role="feed"] > * {
width: 49% !important;
width: 33% !important;
width: 25% !important;
opacity: 0.45;
}
[role="feed"] > a:visited,
[role="feed"] > a:focus,
[role="feed"] > a:active,
[role="feed"] > a:hover {
opacity: 1;
}
[role="feed"] > *:focus,
[role="feed"] > *:active,
[role="feed"] > *:hover {
opacity: 1;
}
[role="feed"] > *:hover {
background: radial-gradient(circle, transparent 20%, #fecb2f 20%, #fecb2f 80%, transparent 80%, transparent) 0% 0% / 74px 74px, radial-gradient(circle, transparent 20%, #fecb2f 20%, #fecb2f 80%, transparent 80%, transparent) 37px 37px / 74px 74px, linear-gradient(#ed8a12 8.5px, transparent 8.5px) 0px -4.25px / 37px 37px, linear-gradient(90deg, #ed8a12 8.5px, #fecb2f 8.5px) -4.25px 0px / 37px 37px #fecb2f !important;
background-color: #fecb2f !important;
}
[class="navigation-panel"] * * *,
[class="navigation-panel"] * *,
[class="navigation-panel"] * {
background-image: none !important;
background-color: #575b9c !important;
}
/* @description antimidas */
body div aside div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body aside div aside { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div div aside { outline: 3px solid rgba(10, 10, 10, 0.1); }
body aside div div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div div div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body footer div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div footer { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div > div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div + div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body div + div + div { outline: 3px solid rgba(10, 10, 10, 0.1); }
body header + div { outline: 3px solid rgba(10, 10, 10, 0.1); }
[data-id] { outline: 3px solid rgba(10, 10, 10, 0.1); }
/* @description detection */
/*
body div aside div { border-radius: 100vw; }
body aside div aside { border-radius: 100vw; }
body div div aside { border-radius: 100vw; }
body aside div div { border-radius: 100vw; }
body div div div { border-radius: 100vw; }
body footer div { border-radius: 100vw; }
body div footer { border-radius: 100vw; }
body div > div { border-radius: 100vw; }
body div + div { border-radius: 100vw; }
body div + div + div { border-radius: 100vw; }
body header + div { border-radius: 100vw; }
[data-id] { border-radius: 100vw; }
*/
/* @description shadowplay */
body div aside div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body aside div aside { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div div aside { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body aside div div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div div div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body footer div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div footer { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div > div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div + div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body div + div + div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
body header + div { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
[data-id] { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
[class="columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational"] {
width: auto !important;
justify-content: flex-end !important;
}
[class="columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational"] [class="columns-area__panels__pane__inner"] {
width: auto !important;
position: fixed !important;
right: 0 !important;
z-index: -1 !important;
}
[class="columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational"] [class="columns-area__panels__pane__inner"]:has(a) {
/*z-index: 9999 !important;*/
}
[class="columns-area__panels__pane columns-area__panels__pane--start columns-area__panels__pane--navigational"] [class="columns-area__panels__pane__inner"] div div {
background-image: url(https://black-mode.surge.sh/Fb6hNw7WAAYp4h6.jpg) !important;
background-blend-mode: luminosity !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.column-link--transparent {}
a[class*="column-link"] {
background-color: transparent !important;
opacity: 0.75 !important;
}
a[class*="column-link"] i,
a[class*="column-link"] span {
background-color: transparent !important;
}
.ui__header,
.column-header,
.tabs-bar__wrapper {
background-color: transparent !important;
}
.columns-area__panels__pane--navigational .navigation-panel {
background-color: transparent !important;
}
[class="compose-form"] {
opacity: 0.5 !important;
}
[class="compose-form"]:hover *,
[class="compose-form"]:active *,
[class="compose-form"]:focus *,
[class="compose-form"]:focus
[class="compose-form"]:active,
[class="compose-form"]:hover {
opacity: 1 !important;
}
*:hover:has(*:hover),
*:focus:has(*:focus),
*:active:has(*:active),
*:has(*:hover),
*:has(*:focus),
*:has(*:active) {
opacity: 1 !important;
z-index: 9999 !important;
}
.columns-area__panels__main:has([class="tabs-bar__wrapper"]:hover) + div {
z-index: -1 !important;
outline: 3px solid gold !important;
}
[class="columns-area__panels__main"]:hover + div {
z-index: 9999 !important;
}
[class="tabs-bar__wrapper"]:hover + div {
z-index: -1 !important;
}
[data-popper-reference-hidden="false"][data-popper-placement="bottom"][data-popper-escaped="true"] {
z-index: 9999 !important;
}
.autosuggest-textarea__textarea:not(.autosuggest-textarea__textarea:target) { opacity: 1 !important; outline: 1px solid gold !important; }
.columns-area__panels__pane--compositional:has(.autosuggest-textarea__textarea:visible),
.columns-area__panels__pane--compositional:has(.autosuggest-textarea__textarea:focus-within),
.columns-area__panels__pane--compositional:has(.autosuggest-textarea__textarea:active),
.columns-area__panels__pane--compositional:has(.autosuggest-textarea__textarea:focus) {
opacity: 1 !important;
}
/* EOF */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment