invidious-copy-2022-03-16/assets/css/search.css
syeopite 3e09dcaada
Improve styling for search filters
(cherry picked from commit c28e96bc7b)
2021-10-27 05:43:17 -07:00

64 lines
838 B
CSS

#filters {
margin-top: 15px;
}
#filters > summary {
display: block;
margin-bottom: 15px;
}
#filters > summary::before {
content: "[ + ]";
font-size: 1.5em;
}
#filters[open] > summary::before {
content: "[ - ]";
font-size: 1.5em;
}
#filters .pure-menu-item {
margin-top: 10px;
}
#filters hr {
width: 80%;
margin: 10px 0 15px 0 !important
}
.filter-catagory {
display: inline-block;
margin-bottom: 20px;
}
.remove-filter {
margin-left: 6px;
vertical-align: middle;
}
/* No theme */
.no-theme .remove-filter {
color: #ffffff
}
/* Light theme */
@media (prefers-color-scheme: light) {
.light-theme .remove-filter {
color: #ffffff
}
}
/* Dark theme */
.no-theme .remove-filter {
color: #030303
}
@media (prefers-color-scheme: dark) {
.no-theme .remove-filter {
color: #CAC5BE
}
}