w0bm/f0bm
4
0
Fork 1
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

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

@@ -25,7 +25,7 @@ html[theme="f0ck95d"] .badge-dark {
}
.steuerung {
font-size:x-large;
font-size: x-large;
font-family: monospace;
}
@@ -42,7 +42,8 @@ span#favs {
border: none !important;
}
.badge-dark, #themeselector {
.badge-dark,
#themeselector {
background-color: unset;
border: unset;
}
@@ -55,7 +56,7 @@ span#favs {
html[theme="iced"] ._204863 {
background: none;
}
}
.media-object {
border: none;
@@ -66,11 +67,11 @@ html[theme="iced"] ._204863 {
}
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 {
@@ -78,7 +79,7 @@ html[theme="f0ck95"] .embed-responsive.embed-responsive-16by9 {
}
.v0ck_player_controls {
background:rgba(0, 0, 0, 0.95) !important;
background: rgba(0, 0, 0, 0.95) !important;
}
html[theme="term"] .image-brand {
@@ -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;
}
}