limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-21 17:37:29 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

More sophie css

Browse source
This commit is contained in:
nelle 2024-07-11 02:07:08 -06:00
parent c2e33c24f6
commit e736be48b9
1 changed files with 87 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

105
custom/assets/instance.css
View file

@ -5,7 +5,7 @@
* With that said, GLHF! * With that said, GLHF!
* This may eventuallly be replaced with a function in the admin panel. * This may eventuallly be replaced with a function in the admin panel.
*/ */
/* /*
* Change this for border-radius values * Change this for border-radius values
*/ */
@ -60,20 +60,89 @@
} }
*/ */
/* floating mobile navbar - https://zvava.org */
#iceshrimp_app { --thePadding: 12px; } /** Sophie/Zvava CSS https://zvava.org **/
@media (min-width: 401px) { #iceshrimp_app { --thePadding: 24px; } } /* floating mobile navbar - */
#iceshrimp_app > .isMobile::after { #iceshrimp_app {
content: ""; background: var(--bg); --thePadding: 12px;
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); } @media (min-width: 401px) {
#iceshrimp_app > .isMobile > .buttons { #iceshrimp_app {
background: var(--panelHighlight) !important; --thePadding: 24px;
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::after {
#iceshrimp_app > .isMobile > .buttons > .button { height: 3.33rem !important; } content: "";
#iceshrimp_app > .isMobile > .buttons > .button:hover > .button-wrapper, .isMobile > .buttons > .button:active > .button-wrapper { background: var(--accentedBg); } background: var(--bg);
#iceshrimp_app > .isMobile > .buttons > .button > .button-wrapper.on { transform: unset !important; } 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;
}