From 003f30036667c40cab5646b4b01dc9680d907055 Mon Sep 17 00:00:00 2001 From: Ruben Date: Fri, 20 Jun 2025 19:30:57 -0500 Subject: [PATCH] update sharkey css --- assets/synth.download/sharkey/sharkey.css | 75 ++++++++++--------- assets/synth.download/sharkey/sharkey.min.css | 2 +- 2 files changed, 42 insertions(+), 35 deletions(-) diff --git a/assets/synth.download/sharkey/sharkey.css b/assets/synth.download/sharkey/sharkey.css index 864752a..a69cce0 100644 --- a/assets/synth.download/sharkey/sharkey.css +++ b/assets/synth.download/sharkey/sharkey.css @@ -92,46 +92,34 @@ z-index: 50 !important; } } + } - /* sidebar */ - [class^="visitor-side-"] { - background: linear-gradient(var(--MI_THEME-bg), var(--MI_THEME-accent)); + /* sidebar */ + [class^="visitor-side-"] { + background: linear-gradient(var(--MI_THEME-bg), var(--MI_THEME-accent)); - /* banner image */ - [class^="visitor-banner-"] { - animation: animatebg 100s linear infinite; - background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important; - background-repeat: repeat; - background-size: auto; - height: 100% !important; - left: 0 !important; - opacity: .8; - top: 0 !important; - width: 100% !important; - } + /* banner image */ + [class^="visitor-banner-"] { + animation: animatebg 100s linear infinite; + background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important; + background-repeat: repeat; + background-size: auto; + height: 100% !important; + left: 0 !important; + opacity: .8; + top: 0 !important; + width: 100% !important; } } - /* animation for the background on the landing page */ - @keyframes animatebg { - 0% { background-position: 0px 0px; } - 100% { background-position: -960px -960px; } - } - /* disable the background animation if browser doesn't want animations */ - @media (prefers-reduced-motion) { - #sharkey_app [class^="visitor-root-"] { - [class^="visitor-main-"] [class^="visitor-content-"] { - [class^="MkFeaturedPhotos-root-"] { - animation: unset !important; - } - } + @media (prefers-reduced-motion: reduce) { + [class^="visitor-side-"] [class^="visitor-banner-"] { + animation: unset !important; + } - [class^="visitor-side-"] { - [class^="visitor-banner-"] { - animation: unset !important; - } - } + [class^="visitor-main-"] [class^="visitor-content-"] [class^="MkFeaturedPhotos-root-"] { + animation: unset !important; } } } @@ -146,7 +134,26 @@ } /* thin border around reactions that aren't selectable */ - [class^="MkReactionsViewer-reaction-root-"]:not([class*="MkReactionsViewer-reaction-canToggle-"]) { + [class^="_button MkReactionsViewer-reaction-root-"]:not([class*="MkReactionsViewer-reaction-canToggle-"]) { border: solid 1px var(--MI_THEME-divider); } + + /* replies for some reason have *very* little padding, so everything looks cramped together. hopefully, a temp fix */ + [class^="SkNoteSub-body-"] { + /* header (username etc) */ + [class^="SkNoteHeader-classicRoot-"] { + padding-bottom: .3rem; + } + + /* reactions */ + [class^="MkReactionsViewer-root-"] { + padding-top: .6rem; + } + } +} + +/* animation for the background on the landing page */ +@keyframes animatebg { + 0% { background-position: 0px 0px; } + 100% { background-position: -960px -960px; } } \ No newline at end of file diff --git a/assets/synth.download/sharkey/sharkey.min.css b/assets/synth.download/sharkey/sharkey.min.css index dfafdbd..2e18b78 100644 --- a/assets/synth.download/sharkey/sharkey.min.css +++ b/assets/synth.download/sharkey/sharkey.min.css @@ -1 +1 @@ -#sharkey_app {[class^="visitor-root-"] {[class^="visitor-main-"] {[class^="visitor-homeButton-"] {background: var(--MI_THEME-accent) !important;color: var(--MI_THEME-fgOnAccent) !important;}[class^="visitor-content-"] {[class^="pages-welcome-entrance-a-shape1-"], [class^="pages-welcome-entrance-a-shape2-"], [class^="pages-welcome-timeline-root-"] {display: none;}[class^="pages-welcome-entrance-a-logoWrapper-"] {[class^="pages-welcome-entrance-a-poweredBy-"] {color: var(--MI_THEME-fg);}[class^="pages-welcome-entrance-a-misskey-"] {width: 120px !important;}}[class^="pages-welcome-entrance-a-logoWrapper-"]::before {-webkit-backdrop-filter: var(--MI-blur, blur(15px));backdrop-filter: var(--MI-blur, blur(15px));background: var(--MI_THEME-acrylicPanel);border-radius: var(--MI-radius-ellipse);content: '';height: 6.5rem;left: -1rem;position: absolute;top: -1rem;width: 10.6rem;z-index: -5;}[class^="MkFeaturedPhotos-root-"] {animation: animatebg 100s linear infinite;background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important;background-repeat: repeat;background-size: auto;height: 100% !important;left: 0 !important;opacity: .8;top: 0 !important;width: 100% !important;}[class^="pages-welcome-entrance-a-contents-"] {margin-left: auto !important;margin-right: auto !important;padding: 130px 0;[class^="MkVisitorDashboard-root-"]::before {-webkit-backdrop-filter: var(--MI-blur, blur(15px));backdrop-filter: var(--MI-blur, blur(15px));background: var(--MI_THEME-acrylicPanel);border-radius: var(--MI-radius-ellipse);content: '';height: 129.1rem;left: -1.7rem;position: absolute;top: .5rem;transition: padding .2s;width: 34.1rem;}[class^="MkVisitorDashboard-tl-"] {[class^="MkVisitorDashboard-tlBody-"] {height: 50rem !important;}}}[class^="pages-welcome-entrance-a-federation-"] {bottom: unset !important;top: 16px !important;z-index: 50 !important;}}[class^="visitor-side-"] {background: linear-gradient(var(--MI_THEME-bg), var(--MI_THEME-accent));[class^="visitor-banner-"] {animation: animatebg 100s linear infinite;background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important;background-repeat: repeat;background-size: auto;height: 100% !important;left: 0 !important;opacity: .8;top: 0 !important;width: 100% !important;}}}@keyframes animatebg {0% {background-position: 0px 0px;}100% {background-position: -960px -960px;}}@media (prefers-reduced-motion) {#sharkey_app [class^="visitor-root-"] {[class^="visitor-main-"] [class^="visitor-content-"] {[class^="MkFeaturedPhotos-root-"] {animation: unset !important;}}[class^="visitor-side-"] {[class^="visitor-banner-"] {animation: unset !important;}}}}}[class^="SkNote-renote-"] {[class^="_noSelect MkAvatar-root-"] {display: unset !important;}}[class^="MkReactionsViewer-reaction-root-"]:not([class*="MkReactionsViewer-reaction-canToggle-"]) {border: solid 1px var(--MI_THEME-divider);}} \ No newline at end of file +#sharkey_app {[class^="visitor-root-"] {[class^="visitor-main-"] {[class^="visitor-homeButton-"] {background: var(--MI_THEME-accent) !important;color: var(--MI_THEME-fgOnAccent) !important;}[class^="visitor-content-"] {[class^="pages-welcome-entrance-a-shape1-"], [class^="pages-welcome-entrance-a-shape2-"], [class^="pages-welcome-timeline-root-"] {display: none;}[class^="pages-welcome-entrance-a-logoWrapper-"] {[class^="pages-welcome-entrance-a-poweredBy-"] {color: var(--MI_THEME-fg);}[class^="pages-welcome-entrance-a-misskey-"] {width: 120px !important;}}[class^="pages-welcome-entrance-a-logoWrapper-"]::before {-webkit-backdrop-filter: var(--MI-blur, blur(15px));backdrop-filter: var(--MI-blur, blur(15px));background: var(--MI_THEME-acrylicPanel);border-radius: var(--MI-radius-ellipse);content: '';height: 6.5rem;left: -1rem;position: absolute;top: -1rem;width: 10.6rem;z-index: -5;}[class^="MkFeaturedPhotos-root-"] {animation: animatebg 100s linear infinite;background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important;background-repeat: repeat;background-size: auto;height: 100% !important;left: 0 !important;opacity: .8;top: 0 !important;width: 100% !important;}[class^="pages-welcome-entrance-a-contents-"] {margin-left: auto !important;margin-right: auto !important;padding: 130px 0;[class^="MkVisitorDashboard-root-"]::before {-webkit-backdrop-filter: var(--MI-blur, blur(15px));backdrop-filter: var(--MI-blur, blur(15px));background: var(--MI_THEME-acrylicPanel);border-radius: var(--MI-radius-ellipse);content: '';height: 129.1rem;left: -1.7rem;position: absolute;top: .5rem;transition: padding .2s;width: 34.1rem;}[class^="MkVisitorDashboard-tl-"] {[class^="MkVisitorDashboard-tlBody-"] {height: 50rem !important;}}}[class^="pages-welcome-entrance-a-federation-"] {bottom: unset !important;top: 16px !important;z-index: 50 !important;}}}[class^="visitor-side-"] {background: linear-gradient(var(--MI_THEME-bg), var(--MI_THEME-accent));[class^="visitor-banner-"] {animation: animatebg 100s linear infinite;background-image: url("https://cdn.booping.synth.download/assets/synth+grid+bg.png") !important;background-repeat: repeat;background-size: auto;height: 100% !important;left: 0 !important;opacity: .8;top: 0 !important;width: 100% !important;}}@media (prefers-reduced-motion: reduce) {[class^="visitor-side-"] [class^="visitor-banner-"] {animation: unset !important;}[class^="visitor-main-"] [class^="visitor-content-"] [class^="MkFeaturedPhotos-root-"] {animation: unset !important;}}}[class^="SkNote-renote-"] {[class^="_noSelect MkAvatar-root-"] {display: unset !important;}}[class^="_button MkReactionsViewer-reaction-root-"]:not([class*="MkReactionsViewer-reaction-canToggle-"]) {border: solid 1px var(--MI_THEME-divider);}[class^="SkNoteSub-body-"] {[class^="SkNoteHeader-classicRoot-"] {padding-bottom: .3rem;}[class^="MkReactionsViewer-root-"] {padding-top: .6rem;}}}@keyframes animatebg {0% {background-position: 0px 0px;}100% {background-position: -960px -960px;}} \ No newline at end of file