sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update sharkey css

Browse source
This commit is contained in:
Ruben 2025-06-20 19:30:57 -05:00
commit 003f300366
No known key found for this signature in database
GPG key ID: 8EA836555FB6D9A5
2 changed files with 42 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

75
assets/synth.download/sharkey/sharkey.css
View file

@ -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; }
}

2
assets/synth.download/sharkey/sharkey.min.css vendored
View file

@ -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);}}
#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;}}