/* * !!! WARNING !!! * Editing this file may cause your instance to break for EVERYONE. * Please know what you're doing and test it out with regular user custom CSS. * With that said, GLHF! * This may eventuallly be replaced with a function in the admin panel. */ /* * Change this for border-radius values */ /** Other CSS **/ /* 인스턴스별 닉네임 색상 https://github.com/ltlapy/msky-ext/tree/main/css */ /* DISABLE .main a.name[href$="shark.ouroboros.gay"] { color: #1afddc; } .main a.name[href$="ouroboros.gay"] { color: #1afddc; } .main a.name[href$="limbo.nullafati.xyz"] { color: #343434; } .main a.name[href$="void.rehab"] { color: #333333; } .main a.name[href$="f.619.hu"] { color: #4b5f45; } .main a.name[href$="void.lgbt"] { color: #593196; } .main a.name[href$="labyrinth.zone"] { color: #593196; } .main a.name[href$="tapenoise.cafe"] { color: #191b22; } .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 **/ /* hide default emoji list on main page */ /* (you cant even set this woithout changing code, why is it there?) */ div.emojis:nth-child(6) { visibility: hidden; } /* hide the public note view on main page */ .civpbkhh { visibility: hidden; } /* 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; } ._root_b6w6v_1 { padding: var(--thePadding) !important; } a.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 { content: ""; background-image: inherit; position: fixed; inset: 0; background-size: cover; background-position: center; pointer-events: none; opacity: 0.1; filter: blur(10px); } /*** BETTER PROFILES ***/ .narrow { position: relative; } .wide > .main + .sub { position: sticky; height: max-content; min-height: calc(100vh - 35px); bottom: 15px; align-self: flex-end; } .profile { margin-bottom: var(--margin); } .profile .banner-container, .profile .banner, .profile .fade { border-bottom-left-radius: var(--radius) !important; border-bottom-right-radius: var(--radius) !important; } .profile ~ .contents { position: relative; } .profile ~ .contents > div > ._panel .content.omitted > div { padding-inline: 0; } .profile ~ .contents > div > ._panel .content.omitted .stream { display: flex; overflow-x: auto; scroll-padding: 24px; padding-left: 24px; scrollbar-color: transparent transparent; mask: linear-gradient(to right, #000 calc(100% - 400px), rgba(0,0,0,0.4), transparent); } .profile ~ .contents > div > ._panel .content.omitted .stream a { min-width: max-content; scroll-snap-align: start; height: 100px; } .profile ~ .contents > div > ._panel .content.omitted button.fade { background: linear-gradient(to right, transparent, var(--panel)); background: none; top: 0; bottom: 0; right: 0; left: unset; height: unset; width: auto; padding: 24px; } .profile ~ .contents > div > ._panel .content:not(.omitted) { padding: 0 14px !important; padding: 0 !important; padding-top: 14px !important; } .profile ~ .contents > div > ._panel .content:not(.omitted) > div { padding: 0; } .profile ~ .contents > div > ._panel .content:not(.omitted) .stream { display: flex; flex-wrap: wrap; } .profile ~ .contents > div > ._panel .content:not(.omitted) .stream a { flex-grow: 1; height: auto; max-height: 60vh; border-radius: 0; } .profile ~ .contents > div > ._panel .content:not(.omitted) .empty { display: none; }