Vorlage:Changelog.css: Unterschied zwischen den Versionen

Aktuelle Version vom 22. Oktober 2026, 14:26 Uhr

.Changelog.css { /* Diese css-Klasse dient zur Identifizierung in den Entwickler-Tools */ }

.mw-parser-output .startbox ul li.fa-alert::before,
li.fa-alert-yes::before {
	content:		"\f071 " !important;
	padding-left:			1.6em;
	}

.startbox {
	margin:				15px;
	min-width:			unset;
	}


.startbox .Release + .Build_description dl + ul,
.startbox .Release + .Build_description > ul,
.startbox .Release + .Terra-Release + .Build_description dl + ul,
.startbox .Release + .Terra-Release + .Build_description > ul {
	left:			1em;
	position:		relative;
	}



.startbox .Release + .Build_description dl + ul > li::before,
.startbox .Release + .Build_description > ul > li::before,
.startbox .Release + .Terra-Release + .Build_description dl + ul > li::before,
.startbox .Release + .Terra-Release + .Build_description > ul > li::before {
	left:			-2em;
	margin-right:	0px;
	position:		absolute;
	}

.Build_description ul ~ li.list--element__alert {
padding-left:1em !important;
}


.startbox .Release + .Build_description dl + ul li,
.startbox .Release + .Build_description dl > ul li,
.startbox .Release + .Build_description > ul li,
.startbox .Release + .Terra-Release + .Build_description dl + ul li,
.startbox .Release + .Terra-Release + .Build_description dl > ul li,
.startbox .Release + .Terra-Release + .Build_description > ul li {
	padding-left:	0em;
	}

.startbox li[class*="list--element__"]::before {
	left:			-1.6em;
	}

.startbox li[class*="list--element__"] {
	margin-left:	0.8em;
	}

.startbox .Build_description > p {
	margin-top:		0.5em;
	}

.startbox .Build_description .Known_Issues ul > * > ul {
	margin-left:	-1.75em;
	}

.container-cl .Release > ul li:not(:first-child)::before {
	content:		"| ";
	color:			rgba(0,0,0,0.7);
	font-weight:	bold;
	color:			unset;
	padding-left:	0.2em;
	padding-right:	1em;
	line-height:	1.25em;
	font-style:		initial;
	}

.startbox .Release > ul li.mw-empty-elt + li:not(:first-child)::before {
	content:		"";
	}

.Release > ul:first-child li:first-child.mw-empty-elt {
	padding-right:	0;
	}

.Release .Kleingedrucktes {
	margin-left:	2.25em;
	max-width:		50em;
	}

.info.tolltip .mw-collapsible-content {
	line-height:	initial;
	max-width:		max-content;
	width:			30vw;
	}

.tolltip.fixed .mw-collapsible-content {
	position:		relative;
	}

.Release ul {
	display:		inline-block;
	margin-bottom:	0;
	/* min-width:		max-content; */
	}

.Release {
	line-height:	initial;
	display:		grid;
	}

table.Release-tbl {
	border-top:		1px solid gray;
	font-size:		small;
	margin-bottom:	0.5em;
	}

.Release-tbl tr {
	line-height:	95%;
	}

.Release-tbl tr > td:first-child {
	padding-top:	4px;
	color:			var(--utm-rot);
	margin-left:	1.75em;
	padding-right:	5px;
	padding-left:	20px;
	}

.Release-tbl tr > td:nth-child(2) {
	padding-top:	4px;
	color:			var(--utm-rot);
	padding-right:	1em;
	}

.Release-tbl tr td:not(:empty):nth-child(3)::before,
.Release-tbl tr td:not(:empty):nth-child(6)::before {
	content:		"|";
	margin-right:	1em;
	color:			#000;
	font-size:		95%;
	}

.Release-tbl tr > td:nth-child(3) {
	padding-right:	5px;
	}

.Release-tbl tr > td:nth-child(4) {
	text-align:		right;
	padding-right:	2px;
	}

.Release-tbl tr > td:nth-child(5) {
	padding-right:	1em;
	}

.Release-tbl + .Einrücken {
	margin-left: 22px;
	margin-bottom: -1em;
	}

.Release-tbl + .Einrücken .Containeraussen.v0 .Hinweis-Container__einblenden {
	margin-bottom:	1.5em;
	margin-top:		0.5em;
	font-size:		small;
	}

.Release-tbl + .Einrücken .Containeraussen.v0 .Hinweis-Container__einblenden i::before {
	font-size:		3em;
	}



/* ***** scheinbar will santized css kein has() → common.css
td:has(.InFreigabe) ~ td {
	display:		none;
	}
*/

.Build_description:not(.ul) ul li ul {
	display:		inline-flex;
	flex-wrap:		wrap;
	margin-left:	3px;
	padding-left:	0;
	}

.Build_description:not(.ul) .ul ul {
	display:		block;
	}


.container-cl .Build_description:not(.ul) ul li > ul li::before {
	content:		"\(";
	margin-right:	-1.75em;
	/* margin-left:	-2px; */
	font-size:		initial;
	color:			rgba(0,0,0,0.7);
	font-weight:	normal;
	font-family:	Arial, sans-serif
	}

.container-cl .Build_description ul li ul li {
	margin-right:	0.5em;
	}

.container-cl .Build_description:not(.ul) ul li > ul li::after {
	content:		"\),";
	font-style:		normal;
	margin-left:	-4px;
	}

.container-cl .Build_description:not(.ul) ul li > ul li:last-child::after {
	content:		"\)";
	font-style:		normal;
	}

.container td:empty,
.container2 td:empty {
	display:		none !important;
	}

.Release-tbl td:empty:nth-child(1) ~ td:nth-child(3):not(:empty)::before,
.Release-tbl td:empty:nth-child(4) ~ td:nth-child(6):not(:empty)::before {
	content:		none;
	}

.Release-tbl td:empty:nth-child(1) ~ td:nth-child(3):not(:empty),
.Release-tbl td:empty:nth-child(4) ~ td:nth-child(6):not(:empty) {
	padding-left:	20px;
	padding-top:	4px;
	}





/*
@media (max-width:1469px) {
.startbox .Release > ul:first-child li:first-child {
	display:		block;
	line-height:	2em;
	top:			-0.5em;
	}
}
*/

@media (max-width:1235px) {
.startbox .Release > ul:first-child li:first-child {
	display:		block;
	line-height:	3em;
	top:			-1em;
	}
}


.Release > ul + * .Hinweis-Container__einblenden {
	margin-top:		-0.5em;
	margin-bottom:	0.7em;
	}

.Release + .Build_description > dl {
	margin-top:		-0.1em;
	position:		relative;
	left:			-5px;
	}

.startbox .text-h2.h-box,
.startbox .text-h3.h-box {
	line-height:	unset;
	margin:			0;
	/* padding-bottom:	5px; */
	max-width:		24.5em;
	}

.Release > ul {
	border-top:		1px solid gray;
	padding-top:	3px;
	}

.build {
	/* border-bottom:	1px solid grey; */ 
	padding-bottom:	5px;
	margin-bottom:	-4px;
	}


.startbox .text-h3.h-box {
	border-bottom:	0;
	}

.beta-version {
	border-right:	3px solid;
	border-color:	#f9b758;
	padding:		5px;
	padding-top:	5px;
	}

.label-blende {
	position:		relative;
	right:			-5px;
	top:			-2px;
	background:		#fff;
	width:			10em;
	height:			1.2em;
	float:			inline-end;
	z-index:		10;
	}

.label.beta-label {
	position:		sticky;
	top:			0.5em;
	float:			inline-end;
	background:		var(--beta-light);
	border:			0;
	border-radius:	0;
	transform:		translate(11.5em, 0px);
	z-index:		1;
	}


.beta-version li::before,
.beta-version .icon.tolltip .mw-collapsible-toggle-default::before {
	font-style:		initial;
	}


.beta > .build,
.beta > .build + .preview-text,
.beta-version .Release,
.beta-version .Release + .Build_description {
	/* opacity:		0.75; */
	color:			grey;
	/* margin-top:		-2px; */
	/* vertical-align: bottom; */
	}

.preview-text {
	font-size:		0.8em;
	color:			rgba(0,0,0,0.5);
	font-style:		italic;
	}

.stable,
.beta {
	line-height:	1em;
	}

.beta .release-tag,
.beta.label {
	color:			white;
	font-size:		14px;
	font-style:		initial;
	padding:		0px 3px;
	background:		#f89406;
	vertical-align:	middle;
	line-height:	0.9em;
	}

.beta .release-tag::before,
.beta.label::before {
	content:		"\f071";
	font-family:	"Font Awesome 7 Pro";
	font-weight:	900;
	font-size:		0.8em;
	display:		inline-flex;
	margin-right:	3px;
	}


.stable .release-tag {
	color:			white;
	font-size:		0.5em;
	font-style:		initial;
	padding:		0px 3px;
	background:		#468847;
	vertical-align:	bottom;
	}

.stable .release-tag::before {
	content:		"\f058 ";
	font-family:	"Font Awesome 7 Pro";
	font-weight:	900;
	font-size:		0.8em;
	display:		inline-flex;
	}

.Terralabel::before {
	content:		""; /* "\f058 "; */
/*	font-family:	"Font Awesome 7 Pro";
	font-weight:	900; */
	font-size:		0.8em;
/*	display:		inline-flex; */
	}



.stable-version.stopped .release-tag {
background:var(--utm-rot);
}

.stable-version.stopped .release-tag::before {
	content:		"\e204 ";
}

.beta-info {
	font-size:		0.5em;
	font-style:		initial;
	vertical-align:	bottom;
	}

.beta-info .tolltip .mw-collapsible-toggle-default::before {
	vertical-align:	middle;
	}

.build {
	min-width:		6em;
	display:		inline-block;
	}

.Release .Kleingedrucktes i {
	font-size:		0.9em;
	}

.Release .Containeraussen {
	margin-left:	2em;
	/* position:		relative; */ 
	top:			-0.5em;
	}


.startbox-body .Build_description {
	margin-left:	1.4em;
	margin-right:	1em;
	display:		inline-block;
	text-align:		left;
	}

.startbox-body .Containeraussen .Einrücken {
	margin-left:	1.9em;
	}

.startbox-body > p {
	margin:			0;
	}

dt::after {
	content:		"\:";
	}

.check ol li {
	display:				list-item;
	left:					0em;
	padding-left:			5px;
	}

.Known_Issues {
	margin-left:			2.0em;
	font-style:				normal;
	}

.Known_Issues tr {
	display:				grid;
	grid-template-columns:	1fr 11fr;
	min-width:				100%;
	gap:					0em 1em;
	margin-bottom:			1em;
	}


/*** Neues Layout mit container ***/

.container-cl {
	display:				grid;
	grid-template-columns:	1fr 1fr auto;
	grid-gap:				1.5em;
	}

.container1, 
.container2 {
	background:				#fff;
	box-shadow:				0 0 0 1px rgba(0,0,0,0.05);
	}

.container1,
.container2.container-col0 {
	grid-column-start:		1;
	grid-column-end:		3;
	}

.container2.container-col1 {
	height:					max-content;
	grid-row-start:			1;
	margin-top:				0;
	}


.container-toc {
	grid-row-start:			1;
	grid-row-end:			3;
	grid-column-start:		3;
	grid-column-end:		4;
	height:					max-content;
	}

.container2.container-col1 {
	grid-row-start:			1;
	grid-row-end:			2;
	grid-column-start:		1;
	grid-column-end:		2;
	height:					max-content;
	}

.container2.container-col2 {
	grid-row-start:			1;
	grid-row-end:			3;
	grid-column-start:		2;
	grid-column-end:		3;
	height:					max-content;
	}

.container-toc > p {
	display:				none;
	}

.container-toc .TOC3 .check {
	margin:					0;
	}

.container-cl .container-head {
	min-height:				3em;
	padding-left:			1em;
	display:				flex; 
	justify-content:		space-between;
	align-items:			center;
	border-bottom:			2px solid #E74C3C;
	}

.container-head .text-h2.h-box {
	display:				flex;
	}

.container-cl .container-body {
	padding:				1em;
	}

.container-cl .Build_description ul > li {
	margin-left:			1.5em;
	}

.container-cl .Build_description ul > li::before {
	font-family:			"Font Awesome 7 Pro";
	content:				"\f0a9 ";
	font-size:				12px;
	color:					rgb(231,76,60);
	left:					-1.75em;
	margin-right:			-1.0em;
	font-weight:			900;
	position:				relative;
	}

.container-cl hr {
	margin:					2em 6em 1.5em;
	border-top:				1px solid #f2f2f2;
	border-color:			#f0f0f0;
	}

.container-cl hr + p {
	display:				none;
	}

.Build_description dt {
	margin-left: 20px;
	margin-top: 1em;
}

/******** Start max-width:1199.98px ********/
@media(max-width:1199.98px) {

.container2.container-col1 {
	grid-row-start:			1;
	grid-row-end:			2;
	grid-column-start:		1;
	grid-column-end:		3;
	}

.container2.container-col2 {
	grid-row-start:			2;
	grid-row-end:			3;
	grid-column-start:		1;
	grid-column-end:		3;
	}

} /******** Ende max-width:1199.98px ********/

/******** Start min-width:769px ********/
@media(min-width:769px) {
.container-toc .TOC3 {
	float:					right;
	grid-area:				unset;
	}
} /******** Ende min-width:769px ********/


@media(max-width:991.98px) {

.container .TOC3 {
	grid-area:				unset;
	}

.container2 {
	width:					100%;
	}

.container-toc {
	grid-row-start:			1;
	grid-row-end:			1;
	grid-column-start:		1;
	grid-column-end:		3;
		}

.container2.container-col1 {
	grid-row-start:			2;
	grid-row-end:			2;
	grid-column-start:		1;
	grid-column-end:		3;
	}

.container2.container-col2 {
	grid-row-start:			3;
	grid-row-end:			3;
	grid-column-start:		1;
	grid-column-end:		3;
	}


} /******** Ende max-width:991.98px ********/

.container-cl-alt ul > li::before {
	font-family:			"Font Awesome 7 Pro";
	content:				"\f0a9 ";
	font-size:				12px;
	color:					rgb(231,76,60);
	left:					-1.5em;
	margin-right:			-1.0em;
	font-weight:			900;
	position:				relative;
	}

/*** Ende Neues Layout mit container ***/




@media(max-width:576px) {

.Known_Issues tr td:nth-child(2),
.Known_Issues tr td:nth-child(4),
.Known_Issues tr td:nth-child(6) {
grid-column:1/3;
margin-bottom: 7px;
}

} /******** Ende max-width:576px ********/


.Known_Issues tr td:nth-child(1),
.Known_Issues tr td:nth-child(3),
.Known_Issues tr td:nth-child(5) {
	font-style:				italic;
	}

.Known_Issues tr td:nth-child(2) {
	font-weight:				bold;
	}

.Known_Issues tr > td:first-child::before {
	font-family:			"Font Awesome 7 Pro";
	content:				"\f0a9 ";
	font-size:				12px;
	color:					rgb(231,76,60);
	left:					-1.75em;
	margin-right:			-1em;
	font-weight:			900;
	position:				relative;
	font-style:				normal;
	}


.Terra-Release {
	display:				grid;
	line-height:			0.5em;
	}

.Terra-Release ul {
	margin:					0;
	/* min-width:				max-content; */
	}

.Terra-Release > ul li {
	float:					left;
	font-size:				small;
	padding-left:			1.2em;
	padding-right:			0.25em;
	vertical-align:			top;
	display:				inline-flex;
	}

.Terra-Release > ul:first-child li:first-child {
	padding-left:			0;
	color:					var(--utm-rot);
	left:					unset;
	/* padding-right:			1.25em */
	}

.Release > ul:first-child li:first-child {
	padding-right:			0em
	}

.Release > ul > li > span,
.Terra-Release > ul > li > span {
	width:					7em;
	display:				inline-block;
	}


.Terra-Release > ul li:not(:first-child)::before {
	content:				"| ";
	color:					rgba(0,0,0,0.7);
	font-weight:			bold;
	color:					unset;
	padding-right:			1em;
	}

.Terra-Release + * dd {
	text-decoration:		underline
	}


.Terra-Release > ul > li > span {
	display:				inline-block;
	width:				6.35em;
	}

.Terra-Link {
	margin-left:			1em;
	background:				#784D96;
	vertical-align:			middle;
	display:				inline;
	padding:				0.25em;
	color:					white;
	}

.Terra-Link > a {
	color:					white;
	font-size:				95%;
	}

.Terralabel {
	color:			white;
	font-size:		0.5em;
	font-style:		initial;
	padding:		0px 3px;
	background:		#784D96;
	vertical-align:	bottom;
	}

.startbox .startbox-body .Build_description ~ .Einrücken2, 
.startbox .startbox-body .Build_description ~ .einrücken2 {
	margin-left:	2.25em;
	width:			auto;
	}

.startbox-flex .mw-collapsible-content li.list--element__bullet.Einrücken {
	padding-left:	2.5em;
	}

.startbox-flex .mw-collapsible-content li.list--element__bullet.Einrücken::before {
	font-weight:	300;
	color:			black;
	}