w0bm/f0bm
4
0
Fork 0
Code Pull Requests Activity

css QoL

Browse Source
This commit is contained in:
x
2025-10-18 23:29:09 +02:00
parent 6e13b56d01
commit 856165184e
1 changed files with 56 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
public/s/css/w0bm.css
View File

@@ -1,91 +1,92 @@
.navbar-brand { .navbar-brand {
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
} }
.image-brand { .image-brand {
width: 5cm; width: 5cm;
} }
.kontrollelement { .kontrollelement {
grid-column: 2; grid-column: 2;
} }
.metadata { .metadata {
grid-template-columns: 0.4fr auto 0.4fr; grid-template-columns: 0.4fr auto 0.4fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
background-color: transparent !important; background-color: transparent !important;
border: none !important; border: none !important;
} }
html[theme="f0ck95d"] .badge-dark { html[theme="f0ck95d"] .badge-dark {
border: none; border: none;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
} }
.steuerung { .steuerung {
font-size:x-large; font-size: x-large;
font-family: monospace; font-family: monospace;
} }
.steuerung a { .steuerung a {
color: white; color: white;
} }
.blahlol { .blahlol {
grid-column: 2; grid-column: 2;
} }
span#favs { span#favs {
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
} }
.badge-dark, #themeselector { .badge-dark,
background-color: unset; #themeselector {
border: unset; background-color: unset;
border: unset;
} }
._204863 { ._204863 {
background: none; background: none;
border: none; border: none;
background-color: none; background-color: none;
} }
html[theme="iced"] ._204863 { html[theme="iced"] ._204863 {
background: none; background: none;
} }
.media-object { .media-object {
border: none; border: none;
} }
.v0ck { .v0ck {
background: transparent !important; background: transparent !important;
} }
html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 { html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
background:#0000008f !important; background: #0000008f !important;
} }
html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 { html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
background:var(--nav-bg) !important; background: var(--nav-bg) !important;
} }
.v0ck_overlay { .v0ck_overlay {
background-color: transparent; background-color: transparent;
} }
.v0ck_player_controls { .v0ck_player_controls {
background:rgba(0, 0, 0, 0.95) !important; background: rgba(0, 0, 0, 0.95) !important;
} }
html[theme="term"] .image-brand { html[theme="term"] .image-brand {
filter: hue-rotate(-50deg); filter: hue-rotate(-50deg);
} }
html[theme="f0ck"] .image-brand { html[theme="f0ck"] .image-brand {
filter: hue-rotate(-50deg); filter: hue-rotate(-50deg);
} }
@@ -106,11 +107,15 @@ html[theme="orange"] .image-brand {
} }
@media (min-width: 600px) { @media (min-width: 600px) {
.tags { grid-template-columns: repeat(2, 1fr); } .tags {
grid-template-columns: repeat(2, 1fr);
}
} }
@media (min-width: 900px) { @media (min-width: 900px) {
.tags { grid-template-columns: repeat(3, 1fr); } .tags {
grid-template-columns: repeat(3, 1fr);
}
} }
.tag { .tag {
@@ -126,7 +131,7 @@ html[theme="orange"] .image-brand {
} }
.about { .about {
background: none!important; background: none !important;
} }
.login-image { .login-image {
@@ -157,7 +162,9 @@ html[theme="orange"] .image-brand {
} }
@media (max-width: 1056px) { @media (max-width: 1056px) {
html, body {
html,
body {
text-align: left; text-align: left;
} }
} }
@@ -169,3 +176,16 @@ html[theme="f0ck95d"] .embed-responsive.embed-responsive-16by9 {
html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 { html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
border-bottom: outset 2px silver; border-bottom: outset 2px silver;
} }
/* Fade in video on page load */
video {
opacity: 0;
animation: fadeIn 2s forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}