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