diff --git a/custom/assets/instance.css b/custom/assets/instance.css index e465f375f..222d73736 100644 --- a/custom/assets/instance.css +++ b/custom/assets/instance.css @@ -24,6 +24,133 @@ .main a.name[href$="wetdry.world"] { color: #191b22; } :is(article, .reply-to > .main) a.avatar:not([title*="@"]) + :is(span, div) a.name { color: #c0ffee; } */ +/** jormungandr css **/ +/* Make foreground of mobile pencil icon dark */ + + +.postButton .ph-pencil { + color: var(--bg); +} + +/* transparency to menuBar and navbar and widgets */ +#iceshrimp_app div.dkgtipfy.isMobile div.buttons { + opacity: var(--transparency); +} + +#iceshrimp_app div.dkgtipfy.isMobile div.menuDrawer { + opacity: var(--transparency); +} +.widgetsDrawer { + opacity: var(--transparency); +} + +/* make "new beeps available" button have proper radius */ +#iceshrimp_app #maincontent div div div._root_b6w6v_1 div._content_b6w6v_6 div.cmuxhskf div.tl._block div.swiper.swiper-virtual.swiper-initialized.swiper-horizontal.swiper-watch-progress div.swiper-wrapper div.swiper-slide.swiper-slide-visible div.new button._buttonPrimary._shadow { + border-radius: var(--radius) +} +#iceshrimp_app div.mk-deck div.main div.columns.left section.dnpfarvg._narrow_.paged.active.column div div div div._root_b6w6v_1 div._content_b6w6v_6 div.cmuxhskf div.tl._block div.swiper.swiper-virtual.swiper-initialized.swiper-horizontal.swiper-watch-progress div.swiper-wrapper div.swiper-slide.swiper-slide-visible div.new button._buttonPrimary._shadow { + border-radius: var(--radius) +} + +/* blur background */ +html body div#iceshrimp_app div.mk-app div.main div.contents main div div.rsqzvsbo div.top div.xfbouadm.bg { + filter: blur(8px); + -webkit-filter: blur(8px); +} + +/* hide icon */ +html body div#iceshrimp_app div.mk-app div.main div.contents main div div.rsqzvsbo div.top div.main img.icon { + visibility: hidden; +} + + + +/** 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>.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; +} + +.mfm-object > .mention > .main > .host { display: none; } /* hide instance in all mentions */ + +section.modal._popup > div.form > textarea { resize: vertical !important; } /* resize fix */ + + /** ThatOneCalculator MisskeyTweaks **/ .profile .banner::after, ._popup .banner::after { @@ -173,130 +300,3 @@ .profile ~ .contents > div > ._panel .content:not(.omitted) .empty { display: none; } - - -/** jormungandr css **/ -/* Make foreground of mobile pencil icon dark */ - - -.postButton .ph-pencil { - color: var(--bg); -} - -/* transparency to menuBar and navbar and widgets */ -#iceshrimp_app div.dkgtipfy.isMobile div.buttons { - opacity: var(--transparency); -} - -#iceshrimp_app div.dkgtipfy.isMobile div.menuDrawer { - opacity: var(--transparency); -} -.widgetsDrawer { - opacity: var(--transparency); -} - -/* make "new beeps available" button have proper radius */ -#iceshrimp_app #maincontent div div div._root_b6w6v_1 div._content_b6w6v_6 div.cmuxhskf div.tl._block div.swiper.swiper-virtual.swiper-initialized.swiper-horizontal.swiper-watch-progress div.swiper-wrapper div.swiper-slide.swiper-slide-visible div.new button._buttonPrimary._shadow { - border-radius: var(--radius) -} -#iceshrimp_app div.mk-deck div.main div.columns.left section.dnpfarvg._narrow_.paged.active.column div div div div._root_b6w6v_1 div._content_b6w6v_6 div.cmuxhskf div.tl._block div.swiper.swiper-virtual.swiper-initialized.swiper-horizontal.swiper-watch-progress div.swiper-wrapper div.swiper-slide.swiper-slide-visible div.new button._buttonPrimary._shadow { - border-radius: var(--radius) -} - -/* blur background */ -html body div#iceshrimp_app div.mk-app div.main div.contents main div div.rsqzvsbo div.top div.xfbouadm.bg { - filter: blur(8px); - -webkit-filter: blur(8px); -} - -/* hide icon */ -html body div#iceshrimp_app div.mk-app div.main div.contents main div div.rsqzvsbo div.top div.main img.icon { - visibility: hidden; -} - - - -/** 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>.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; -} - -.mfm-object > .mention > .main > .host { display: none; } /* hide instance in all mentions */ - -section.modal._popup > div.form > textarea { resize: vertical !important; } /* resize fix */