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