css QoL
This commit is contained in:
@@ -42,7 +42,8 @@ span#favs {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.badge-dark, #themeselector {
|
||||
.badge-dark,
|
||||
#themeselector {
|
||||
background-color: unset;
|
||||
border: unset;
|
||||
}
|
||||
@@ -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 {
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user