iv-org/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2024-07-04 10:31:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSS: add styling for the new buttons

Browse Source
This commit is contained in:
Samantaz Fox 2023-04-20 18:55:35 +02:00
parent 57c7b922f7
commit 77d401cec2
No known key found for this signature in database
GPG Key ID: F42821059186176E
1 changed files with 53 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
assets/css/default.css
View File

@ -115,6 +115,11 @@ div {
padding-right: 10px; padding-right: 10px;
} }
/*
* Buttons
*/
body a.pure-button { body a.pure-button {
color: rgba(0,0,0,.8); color: rgba(0,0,0,.8);
} }
@ -127,14 +132,36 @@ body a.pure-button-primary,
color: rgba(35, 35, 35, 1); color: rgba(35, 35, 35, 1);
} }
.pure-button-primary,
.pure-button-secondary {
border: 1px solid #a0a0a0;
border-radius: 3px;
margin: 0 .4em;
}
.dark-theme .pure-button-secondary {
background-color: #0002;
color: #ddd;
}
button.pure-button-primary:hover, button.pure-button-primary:hover,
body a.pure-button-primary:hover,
button.pure-button-primary:focus, button.pure-button-primary:focus,
body a.pure-button-primary:hover,
body a.pure-button-primary:focus { body a.pure-button-primary:focus {
background-color: rgba(0, 182, 240, 1); background-color: rgba(0, 182, 240, 1);
color: #fff; color: #fff;
} }
button.pure-button-secondary:hover,
button.pure-button-secondary:focus {
border-color: rgba(0, 182, 240, 1);
}
/*
* Thumbnails
*/
div.thumbnail { div.thumbnail {
padding: 28.125%; padding: 28.125%;
position: relative; position: relative;
@ -192,6 +219,7 @@ div.watched-indicator {
top: -0.7em; top: -0.7em;
} }
/* /*
* Navbar * Navbar
*/ */
@ -347,6 +375,22 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
border: none; border: none;
} }
/*
* Page navigation
*/
.page-nav-container { margin: 15px 0 30px 0; }
.page-prev-container { text-align: start; }
.page-next-container { text-align: end; }
.page-prev-container,
.page-next-container {
display: inline-block;
}
/* /*
* Footer * Footer
*/ */
@ -389,6 +433,7 @@ span > select {
word-wrap: normal; word-wrap: normal;
} }
/* /*
* Light theme * Light theme
*/ */
@ -453,6 +498,7 @@ span > select {
} }
} }
/* /*
* Dark theme * Dark theme
*/ */
@ -539,6 +585,12 @@ body.dark-theme {
} }
} }
/*
* Miscellanous
*/
/*With commit d9528f5 all contents of the page is now within a flexbox. However, /*With commit d9528f5 all contents of the page is now within a flexbox. However,
the hr element is rendered improperly within one. the hr element is rendered improperly within one.
See https://stackoverflow.com/a/34372979 for more info */ See https://stackoverflow.com/a/34372979 for more info */