mirrors/nadeko_invidious
1
0
Fork 0
mirror of https://git.nadeko.net/Fijxu/invidious.git synced 2025-12-14 09:05:09 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add Invidious version to footer

Browse Source
This commit is contained in:
syeopite
2024-03-13 13:35:39 -07:00
committed by Fijxu
parent 4164159057
commit 9d0ab0a83c
2 changed files with 59 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
assets/css/default.css
View File

@@ -442,12 +442,23 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
* Footer
*/
footer {
footer {
color: #919191;
margin-top: 2.5em;
padding: 1.5em 0;
}
#footer-content-container {
display: flex;
flex-direction: column;
gap: 20px;
}
#footer-content-container > hr {
margin: 0;
color: rgb(241, 241, 241);
}
.footer-content {
display: flex;
justify-content: space-between;
@@ -455,7 +466,7 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
margin-top: -10px;
}
footer .footer-content a {
footer a {
color: #919191;
}
@@ -476,6 +487,20 @@ footer .footer-content a {
margin-bottom: 4px;
}
.footer-footer .left {
float: left
}
.footer-footer .right {
float: right;
display: flex;
gap: 5px;;
}
.footer-right .right a {
color: #919191
}
@media screen and (max-width: 929px) {
#about-invidious-description {
display: none;
@@ -546,11 +571,20 @@ span > select {
}
.light-theme footer {
color: #7a7a7a;
background: #f2f2f2;
}
.light-theme #footer-content-container > hr {
color: rgb(241, 241, 241);
}
.light-theme footer a {
color: #7c7c7c !important;
}
.light-theme footer #about-invidious-description > b {
color: #7a7a7a;
color: #565D64;
}
@media (prefers-color-scheme: light) {
@@ -588,24 +622,21 @@ span > select {
color: #303030;
}
.no-theme footer {
color: #7c7c7c;
}
.no-theme footer a {
color: #7c7c7c !important;
}
.light-theme .pure-menu-heading {
color: #565d64;
}
.no-theme footer {
background: #f2f2f2;
color: #7c7c7c;
}
.no-theme footer #about-invidious-description > b {
color: #7a7a7a;
color: #565D64;
}
.no-theme footer a {
color: #7c7c7c !important;
}
}
@@ -674,8 +705,12 @@ body.dark-theme {
background: #16191a;
}
.dark-theme #footer-content-container > hr {
color: #313131;
}
.dark-theme .footer-content #about-invidious-description > b {
color: #e5e5e5;
color: #ccc;
}
@@ -735,10 +770,11 @@ body.dark-theme {
.no-theme footer {
background: #16191a;
color: #313131;
}
.no-theme footer #about-invidious-description > b {
color: #e5e5e5;
color: #ccc;
}
}