CSS: add styling for the new buttons

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

View File

@ -115,6 +115,11 @@ div {
padding-right: 10px;
}
/*
* Buttons
*/
body a.pure-button {
color: rgba(0,0,0,.8);
}
@ -127,14 +132,36 @@ body a.pure-button-primary,
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,
body a.pure-button-primary:hover,
button.pure-button-primary:focus,
body a.pure-button-primary:hover,
body a.pure-button-primary:focus {
background-color: rgba(0, 182, 240, 1);
color: #fff;
}
button.pure-button-secondary:hover,
button.pure-button-secondary:focus {
border-color: rgba(0, 182, 240, 1);
}
/*
* Thumbnails
*/
div.thumbnail {
padding: 28.125%;
position: relative;
@ -192,6 +219,7 @@ div.watched-indicator {
top: -0.7em;
}
/*
* Navbar
*/
@ -347,6 +375,22 @@ p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
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
*/
@ -389,6 +433,7 @@ span > select {
word-wrap: normal;
}
/*
* Light theme
*/
@ -453,6 +498,7 @@ span > select {
}
}
/*
* Dark theme
*/
@ -539,6 +585,12 @@ body.dark-theme {
}
}
/*
* Miscellanous
*/
/*With commit d9528f5 all contents of the page is now within a flexbox. However,
the hr element is rendered improperly within one.
See https://stackoverflow.com/a/34372979 for more info */