Last active
April 27, 2023 03:51
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* @author aha <[email protected]> | |
* @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