Vorlage:TOC limit.css: Unterschied zwischen den Versionen

Version vom 18. Oktober 2023, 16:45 Uhr

.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:		'';
	}