.toclimit-1 .toclevel-1 ul, .toclimit-2 .toclevel-2 ul, .toclimit-3 .toclevel-3 ul, .toclimit-4 .toclevel-4 ul, .toclimit-5 .toclevel-5 ul, .toclimit-6 .toclevel-6 ul, .toclimit-7 .toclevel-7 ul { display: none; } .toctogglecheckbox:checked ~ ul { display: unset; } .toctogglecheckbox:checked ~ ul ul { display: unset !important; } .toctogglelabel { display: none; } [class*=toclimit-] .toctogglecheckbox:not(:checked) + .toctitle .toctogglelabel, .toctogglecheckbox:checked + .toctitle .toctogglelabel { color: rgba(255,255,255,0.9); background: rgb(104, 167, 200); border: 1px solid rgba(0,0,0,0.3); border-radius: 15px; padding: 0px 5px; font-size: 85%; display: inline-block; top: 1em; } .toctogglecheckbox:not(:checked) + .toctitle:lang(de) .toctogglelabel::after { content: 'Vollständig anzeigen'; } .toctogglecheckbox:checked + .toctitle:lang(de) .toctogglelabel::after { content: 'Gekürzt anzeigen'; } .toctogglecheckbox:not(:checked) + .toctitle:lang(en) .toctogglelabel::after { content: 'Show complete'; } .toctogglecheckbox:checked + .toctitle:lang(en) .toctogglelabel::after { content: 'Show shortened'; } .toctogglespan::before, .toctogglespan::after { content: ''; }
Vorlage:TOC limit.css
Aus Securepoint Wiki