From 268b8efbacf0dd5a3138cc8ea1807e9feeeb6a7a Mon Sep 17 00:00:00 2001 From: syeopite Date: Mon, 3 May 2021 21:04:21 -0700 Subject: [PATCH] Adjust footer styling --- assets/css/default.css | 34 ++++++++++++++++++---------------- 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/assets/css/default.css b/assets/css/default.css index f9e6a2ea..be1097a3 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -307,20 +307,19 @@ input[type="search"]::-webkit-search-cancel-button { footer { color: #919191; - margin-top: auto; + margin-top: 2.5em; padding: 1.5em 0; } -footer a { - color: #919191 !important; - text-decoration: underline; -} - .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; - margin-top: 20px; + margin-top: -10px; +} + +footer .footer-content a { + color: #919191; } .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 spin { @@ -406,6 +399,10 @@ span > select { background: #f2f2f2; } +.light-theme footer #about-invidious-description > b { + color: #7a7a7a; +} + @media (prefers-color-scheme: light) { .no-theme a:hover, .no-theme a:active, @@ -436,6 +433,10 @@ span > select { .no-theme footer { background: #f2f2f2; } + + .no-theme footer #about-invidious-description > b { + color: #7a7a7a; + } } /* @@ -445,7 +446,7 @@ span > select { .dark-theme a:hover, .dark-theme a:active, .dark-theme .simulated_a:hover { - color: rgb(0, 182, 240); + color: rgb(0, 182, 240) !important; } .dark-theme a { @@ -507,8 +508,9 @@ body.dark-theme { @media (prefers-color-scheme: dark) { .no-theme a:hover, - .no-theme a:active { - color: rgb(0, 182, 240); + .no-theme a:active, + .no-theme .simulated_a:hover { + color: rgb(0, 182, 240) !important; } .no-theme a {