helix/invidious
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adjust footer styling

Browse source
This commit is contained in:
syeopite 2021-05-03 21:04:21 -07:00
parent 291193d4dc
commit faac8e43b5
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
1 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
assets/css/default.css
View file

@ -322,20 +322,19 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
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 {
@ -361,12 +360,6 @@ footer a {
} }
} }
@media screen and (max-width: 916px) {
#about-invidious-description {
display: none;
}
}
/* keyframes */ /* keyframes */
@keyframes spin { @keyframes spin {
@ -421,6 +414,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,
@ -451,6 +448,10 @@ span > select {
.no-theme footer { .no-theme footer {
background: #f2f2f2; background: #f2f2f2;
} }
.no-theme footer #about-invidious-description > b {
color: #7a7a7a;
}
} }
/* /*
@ -460,7 +461,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 {
@ -522,8 +523,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 {