Gitea-Modern/misskey/tweaks/better-custom-wallpaper.css

138 lines
3.7 KiB
CSS
Raw Normal View History

/*** BETTER CUSTOM WALLPAPER ***/
.mk-app.wallpaper {
background: none !important;
}
.mk-app.wallpaper::before {
content: "";
position: fixed;
inset: 0px;
background-color: var(--bg);
opacity: 0.85;
pointer-events: none;
z-index: -1;
}
.mk-app.wallpaper .sidebar {
z-index: 3;
}
.mk-app.wallpaper .sidebar .nav {
border-right-color: transparent;
}
.mk-app.wallpaper .contents {
background: none !important;
}
.mk-app.wallpaper main {
overflow: visible !important;
position: relative;
background: none !important;
border-color: transparent !important;
--bg: transparent;
--X17: transparent;
}
.mk-app.wallpaper main .tl {
overflow: visible;
}
.mk-app.wallpaper main .fdidabkb + div > div > div > div {
overflow: visible;
position: relative;
min-height: calc(100vh - 50px);
backdrop-filter: blur(10px);
}
.mk-app.wallpaper main .fdidabkb + div > div > div > div::before,
.mk-app.wallpaper main .fdidabkb + div > div > div > div::after {
content: "";
position: absolute;
top: -9999px;
bottom: 0;
right: 100%;
left: -100vw;
background-color: rgba(0,0,0,0.2);
pointer-events: none !important;
z-index: -1;
box-shadow: 0 100vw 0 rgba(0,0,0,0.2);
}
.mk-app.wallpaper main .fdidabkb + div > div > div > div::after {
right: 0;
background: none;
box-shadow: 100vw 100vh 0 rgba(0,0,0,0.2);
}
.mk-app.wallpaper main .notes,
.mk-app.wallpaper main ._block,
.mk-app.wallpaper main ._card,
.mk-app.wallpaper main ._panel,
.mk-app.wallpaper main .elsfgstc,
.mk-app.wallpaper main .fcuexfpr,
.mk-app.wallpaper main .qtqtichx,
.mk-app.wallpaper main .narrow {
background: none !important;
border-radius: 0 !important;
}
.mk-app.wallpaper .widgets {
border: 0 !important;
background: none !important;
}
.mk-app.wallpaper .post {
background: none !important;
}
.mk-app.wallpaper .widgets .widget,
.mk-app.wallpaper div.tab,
.mk-app.wallpaper .widget header,
.mk-app.wallpaper .ukygtjoj > header {
background: none !important;
}
.mk-app.wallpaper .widgets .widget::before,
.mk-app.wallpaper div.tab::before,
.mk-app.wallpaper .widget header::before,
.mk-app.wallpaper .ukygtjoj > header::before,
.mk-app.wallpaper .widgets .widget header::before,
.mk-app.wallpaper div.tab header::before,
.mk-app.wallpaper .widget header header::before,
.mk-app.wallpaper .ukygtjoj > header header::before {
content: "";
position: absolute;
inset: 0;
background: var(--panel);
opacity: 0.7 !important;
z-index: -1;
pointer-events: none;
}
.mk-app.wallpaper .widgets .widget::after,
.mk-app.wallpaper div.tab::after,
.mk-app.wallpaper .widget header::after,
.mk-app.wallpaper .ukygtjoj > header::after {
content: "";
position: absolute;
inset: 0;
backdrop-filter: blur(10px);
z-index: -2;
pointer-events: none;
}
.mk-app.wallpaper .widgets .widget.tab,
.mk-app.wallpaper div.tab.tab,
.mk-app.wallpaper .widget header.tab,
.mk-app.wallpaper .ukygtjoj > header.tab {
padding-inline: 6px !important;
}
.mk-app.wallpaper .widgets .widget ._panel,
.mk-app.wallpaper div.tab ._panel,
.mk-app.wallpaper .widget header ._panel,
.mk-app.wallpaper .ukygtjoj > header ._panel,
.mk-app.wallpaper .widgets .widget .elsfgstc,
.mk-app.wallpaper div.tab .elsfgstc,
.mk-app.wallpaper .widget header .elsfgstc,
.mk-app.wallpaper .ukygtjoj > header .elsfgstc,
.mk-app.wallpaper .widgets .widget header,
.mk-app.wallpaper div.tab header,
.mk-app.wallpaper .widget header header,
.mk-app.wallpaper .ukygtjoj > header header {
background: none !important;
}
.mk-app.wallpaper .widgets .widget > header::before,
.mk-app.wallpaper div.tab > header::before,
.mk-app.wallpaper .widget header > header::before,
.mk-app.wallpaper .ukygtjoj > header > header::before {
opacity: 0.5;
backdrop-filter: blur(10px);
}
.mk-app.wallpaper .collapsed {
border-radius: var(--radius) !important;
}