mirror of
https://github.com/iv-org/invidious.git
synced 2025-07-03 20:18:30 +00:00
112 lines
2.0 KiB
CSS
112 lines
2.0 KiB
CSS
summary {
|
||
display: block;
|
||
font-size: 1.17em;
|
||
margin: 0 auto 0.625em;
|
||
cursor: pointer;
|
||
}
|
||
|
||
summary::-webkit-details-marker,
|
||
summary::marker {
|
||
display: none;
|
||
}
|
||
|
||
summary::before {
|
||
content: "+ ";
|
||
text-align: center;
|
||
}
|
||
|
||
details[open] > summary::before {
|
||
content: "− ";
|
||
}
|
||
|
||
.filters {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
|
||
grid-gap: var(--secondary-gap);
|
||
margin: var(--gap) 0;
|
||
}
|
||
|
||
.filters fieldset {
|
||
display: grid;
|
||
grid-gap: var(--secondary-gap);
|
||
align-content: baseline;
|
||
}
|
||
|
||
.filters fieldset div {
|
||
display: flex;
|
||
gap: var(--secondary-gap);
|
||
}
|
||
|
||
/* #filters-box { */
|
||
/* background-color: var(--secondary-bg-color); */
|
||
/* } */
|
||
/**/
|
||
/* #filters-flex { */
|
||
/* display: flex; */
|
||
/* flex-flow: row wrap; */
|
||
/* align-items: flex-start; */
|
||
/* place-content: flex-start flex-start; */
|
||
/* } */
|
||
/**/
|
||
/* .filter-column { */
|
||
/* display: inline-block; */
|
||
/* display: inline-flex; */
|
||
/* width: max-content; */
|
||
/* min-width: max-content; */
|
||
/* max-width: 16em; */
|
||
/* margin: 0.9375rem; */
|
||
/* flex-grow: 2; */
|
||
/* flex-basis: auto; */
|
||
/* flex-direction: column; */
|
||
/* } */
|
||
/**/
|
||
/* .filter-name, */
|
||
/* .filter-options { */
|
||
/* display: block; */
|
||
/* padding: 0.3125rem 0.625rem; */
|
||
/* margin: 0; */
|
||
/* text-align: start; */
|
||
/* } */
|
||
/**/
|
||
/* .filter-options div { */
|
||
/* margin: 0.375rem 0; */
|
||
/* } */
|
||
/**/
|
||
/* .filter-options div * { */
|
||
/* vertical-align: middle; */
|
||
/* } */
|
||
/**/
|
||
/* .filter-options label { */
|
||
/* margin: 0 0.625rem; */
|
||
/* } */
|
||
/**/
|
||
/* #filters-apply { */
|
||
/* text-align: right; /* IE11 only */ */
|
||
/* text-align: end; /* Override for compatible browsers */ */
|
||
/* } */
|
||
|
||
/* Error message */
|
||
|
||
.no-results-error {
|
||
text-align: center;
|
||
font-size: 1.1em;
|
||
padding: 1em 1em 8em;
|
||
}
|
||
|
||
/* @media only screen and (max-width: 50px) { */
|
||
/* summary { */
|
||
/* font-size: 1.3em; */
|
||
/* } */
|
||
/**/
|
||
/* #filters-box { */
|
||
/* margin: 0.6em 0 0; */
|
||
/* padding: 0; */
|
||
/* } */
|
||
/**/
|
||
/* #filters-apply { */
|
||
/* text-align: center; */
|
||
/* padding: 1em; */
|
||
/* } */
|
||
/* } */
|
||
/**/
|