Adjust footer styling

This commit is contained in:
syeopite 2021-05-03 21:04:21 -07:00
parent f0c74a9429
commit 268b8efbac
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82

View file

@ -307,20 +307,19 @@ input[type="search"]::-webkit-search-cancel-button {
footer { footer {
color: #919191; color: #919191;
margin-top: auto; margin-top: 2.5em;
padding: 1.5em 0; padding: 1.5em 0;
} }
footer a {
color: #919191 !important;
text-decoration: underline;
}
.footer-content { .footer-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 20px; margin-top: -10px;
}
footer .footer-content a {
color: #919191;
} }
.footer-content #about-invidious-description > b { .footer-content #about-invidious-description > b {
@ -346,12 +345,6 @@ footer a {
} }
} }
@media screen and (max-width: 916px) {
#about-invidious-description {
display: none;
}
}
/* keyframes */ /* keyframes */
@keyframes spin { @keyframes spin {
@ -406,6 +399,10 @@ span > select {
background: #f2f2f2; background: #f2f2f2;
} }
.light-theme footer #about-invidious-description > b {
color: #7a7a7a;
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
.no-theme a:hover, .no-theme a:hover,
.no-theme a:active, .no-theme a:active,
@ -436,6 +433,10 @@ span > select {
.no-theme footer { .no-theme footer {
background: #f2f2f2; background: #f2f2f2;
} }
.no-theme footer #about-invidious-description > b {
color: #7a7a7a;
}
} }
/* /*
@ -445,7 +446,7 @@ span > select {
.dark-theme a:hover, .dark-theme a:hover,
.dark-theme a:active, .dark-theme a:active,
.dark-theme .simulated_a:hover { .dark-theme .simulated_a:hover {
color: rgb(0, 182, 240); color: rgb(0, 182, 240) !important;
} }
.dark-theme a { .dark-theme a {
@ -507,8 +508,9 @@ body.dark-theme {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.no-theme a:hover, .no-theme a:hover,
.no-theme a:active { .no-theme a:active,
color: rgb(0, 182, 240); .no-theme .simulated_a:hover {
color: rgb(0, 182, 240) !important;
} }
.no-theme a { .no-theme a {