Z Wikiźródeł, wolnej biblioteki
/* reset */
.tpl-indeksy--kategorie li,
.tpl-indeksy--indeksy li {
list-style: none;
padding: 0;
margin: 0;
}
.tpl-indeksy--kategorie ul,
.tpl-indeksy--indeksy ul {
padding: 0;
margin: 0;
list-style: none;
}
/* układ indeksów */
@media (min-width: 400px) {
.tpl-indeksy--indeksy > ul {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.tpl-indeksy--indeksy > ul {
text-align: center;
}
.tpl-indeksy--indeksy > ul ul {
display: grid;
/* 14 = liczba indeksów autorskich / 2 */
grid-template-columns: repeat(14, minmax(2em, 1fr));
}
@media (min-width: 901px) {
.tpl-indeksy--indeksy > ul li:last-child ul {
/* 15 = liczba indeksów tytułowych / 2 */
grid-template-columns: repeat(15, minmax(2em, 1fr));
}
}
@media (max-width: 900px) {
.tpl-indeksy--indeksy > ul ul {
grid-template-columns: repeat(10, minmax(2em, 1fr));
}
}
@media (max-width: 700px) {
.tpl-indeksy--indeksy > ul ul {
grid-template-columns: repeat(auto-fill, minmax(2em, 1fr));
}
}
.tpl-indeksy--indeksy > ul > li > a {
font-weight: bold;
display: block;
padding: .5em;
margin-bottom: .5em;
}
/* ramki */
@media (min-width: 400px) {
.tpl-indeksy--indeksy > ul li:first-of-type ul {
border-right: 1px solid darkgray;
}
}
.plainlinks.tpl-indeksy--indeksy {
border-bottom: 1px solid darkgray;
padding-bottom: 3px;
margin-bottom: .5em;
}
/* układ kategorii/dodatków */
.tpl-indeksy--kategorie ul {
text-align: center;
}
.tpl-indeksy--kategorie li {
display: inline-block;
}
.tpl-indeksy--kategorie li + li:before {
content: '•';
display: inline-block;
padding: 0 .5em;
}