diff --git a/custom/assets/instance.css b/custom/assets/instance.css index 8cabb9ee2..3fba551d1 100644 --- a/custom/assets/instance.css +++ b/custom/assets/instance.css @@ -5,7 +5,7 @@ * With that said, GLHF! * This may eventuallly be replaced with a function in the admin panel. */ - + /* * Change this for border-radius values */ @@ -60,20 +60,89 @@ } */ -/* floating mobile navbar - https://zvava.org */ -#iceshrimp_app { --thePadding: 12px; } -@media (min-width: 401px) { #iceshrimp_app { --thePadding: 24px; } } -#iceshrimp_app > .isMobile::after { - content: ""; background: var(--bg); - display: block; width: 100vw; height: 28px; - position: fixed; bottom: 0; left: 0; z-index: 9; } -#iceshrimp_app > .isMobile > .postButton { bottom: 103px; right: calc(var(--thePadding) / 2); } -#iceshrimp_app > .isMobile > .buttons { - background: var(--panelHighlight) !important; - border-radius: 10px; - margin: 0 var(--thePadding) 18px; - width: calc(100vw - var(--thePadding) * 2) !important; - box-shadow: rgba(0, 0, 0, .5) 0 0 25px;} -#iceshrimp_app > .isMobile > .buttons > .button { height: 3.33rem !important; } -#iceshrimp_app > .isMobile > .buttons > .button:hover > .button-wrapper, .isMobile > .buttons > .button:active > .button-wrapper { background: var(--accentedBg); } -#iceshrimp_app > .isMobile > .buttons > .button > .button-wrapper.on { transform: unset !important; } + +/** Sophie/Zvava CSS https://zvava.org **/ +/* floating mobile navbar - */ +#iceshrimp_app { + --thePadding: 12px; +} + +@media (min-width: 401px) { + #iceshrimp_app { + --thePadding: 24px; + } +} + +#iceshrimp_app>.isMobile::after { + content: ""; + background: var(--bg); + display: block; + width: 100vw; + height: 28px; + position: fixed; + bottom: 0; + left: 0; + z-index: 9; +} + +#iceshrimp_app>.isMobile>.postButton { + bottom: 103px; + right: calc(var(--thePadding) / 2); +} + +#iceshrimp_app>.isMobile>.buttons { + background: var(--panelHighlight) !important; + border-radius: 10px; + margin: 0 var(--thePadding) 18px; + width: calc(100vw - var(--thePadding) * 2) !important; + box-shadow: rgba(0, 0, 0, .5) 0 0 25px; +} + +#iceshrimp_app>.isMobile>.buttons>.button { + height: 3.33rem !important; +} + +#iceshrimp_app>.isMobile>.buttons>.button:hover>.button-wrapper, +.isMobile>.buttons>.button:active>.button-wrapper { + background: var(--accentedBg); +} + +#iceshrimp_app>.isMobile>.buttons>.button>.button-wrapper.on { + transform: unset !important; +} + + +/* deck mode fixes */ +#iceshrimp_app>.mk-deck .columns section header { + border-bottom-left-radius: var(--radius); + border-bottom-right-radius: var(--radius); + margin-bottom: .4em; +} + +#iceshrimp_app>.mk-deck .columns section header+div { + border-top-left-radius: var(--radius); + border-top-right-radius: var(--radius); +} + +.list .notes button.muted { display: none; } /* hide muted posts in tl */ + +._shadow, #iceshrimp_app > div > ._button { --shadow: rgba(0, 0, 0, 0.5); } /* add missing shadows */ + +/* navbar stuff? */ +header>.body>.top { + padding: 1rem 0 !important; +} + +header>.body>.bottom { + padding: .5rem 0 0 !important; +} + +header>.body>.middle>.item { + margin-bottom: 0 !important; +} + +header.sidebar { + --navBg: transparent; + border-inline: .5px solid var(--divider); + border-left: none; +}