Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(40 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/*** Bei Verwendung dieses css-Styles dürfen keine Tabellenüberschriften mit »!« formatiert werden
/*** Tabellenlayout: 2-Spaltig, jede 2. Zeile als Überschrift ***/
Tabellenlayout: 2-Spaltig, jede 2. Zeile als Überschrift ***/




Zeile 15: Zeile 14:


.padding10 td {
.padding10 td {
   padding: 10px!important;
   padding: 10px !important;
   }
   }


Zeile 21: Zeile 20:
margin-bottom: 0.3em;
margin-bottom: 0.3em;
list-style: none;
list-style: none;
margin-top: 3px;
}
}


dl {
dl {
/* padding-top: 1em!important;
/* padding-top: 1em !important;
padding-bottom: 0px!important; */
padding-bottom: 0px !important; */
margin-bottom: 0px !important;
margin-bottom: 0px !important;
break-inside: avoid;
break-inside: avoid;
margin-top: 1em;
/* margin-top: 1em; */
}
}


Zeile 42: Zeile 42:
margin-top: 0.3em;
margin-top: 0.3em;
margin-bottom: 0em;
margin-bottom: 0em;
margin-left: 0;
margin-left: 16px;
font-style: italic;
font-style: italic;
color: rgba(0,0,0,0.9);
text-align: left;
}
}


.startbox li:before {
.noitalic dd {
font-family: 'Font Awesome 5 Pro';
font-style: unset;
content: "\f0a9";
font-size: 12px;
color: #d62c1a;
position: absolute;
left: 0px;
margin-right: 1em;
font-weight: 900;
}
}


.check li:before {
.startbox ul > li:before {
font-family: 'Font Awesome 5 Pro';
font-family: 'Font Awesome 6 Pro';
content: "\f058";
content: "\f0a9";
font-size: 12px;
font-size: 12px;
color: #d62c1a;
color: rgb(231, 76, 60);
position: absolute;
/* position: absolute; */
left: 0px;
left: 0px;
margin-right: 1em;
margin-right: 1em;
font-weight: 900;
font-weight: 900;
}
}


.greenalert li:before {
.greenalert li:before {
font-family: 'Font Awesome 5 Pro';
font-family: 'Font Awesome 6 Pro';
content: "\f071";
content: "\f071";
font-size: 12px;
font-size: 12px;
color: rgb(2,90,0);;
color: rgb(2,90,0);;
position: absolute;
position: absolute;
left: 0px;
left: 1.5em;
margin-right: 1em;
margin-right: 1em;
font-weight: 400;
font-weight: 400;
top: 2.25em
}
 
.startbox-head li {
list-style: none;
}
 
.startbox-head.greenalert li:before {
font-size: 2em;
}
 
.startbox-head.greenalert li {
padding-left: 2.75em;
}
 
.startbox-head.greenalert  {
padding: 1em;
margin-top: 0px;
}
}


li {
/* .startbox-body-breit li {
padding-left: 20px;
padding-left: 20px;
display: block;
display: block;
position: relative;
position: relative;
}
}
*/
/****** Kann wieder raus, wenn in scss _position_ entfernt ******/
.angel li::before {
position: unset;
}
.mw-collapsible .mw-collapsible-toggle-default::after {
  content: "";
}
/***** *****/


.new li:before {
.new li:before {
font-family: 'Font Awesome 5 Pro';
font-family: 'Font Awesome 6 Pro';
content: "\f013";
content: "\f013";
font-size: 0.7em;
font-size: 0.7em;
color: rgb(2,90,0);;
color: rgb(2,90,0);
position: absolute;
/* position: absolute; */
left: 0px;
left: 0px;
top: 4px;
top: 4px;
margin-right: 1em;
margin-right: 1em;
font-weight: 300;
font-weight: 300;
}
 
.new.star li:before {
font-family: 'Font Awesome 6 Pro';
content: "\f005";
font-size: 0.7em;
color: #468847;
top: unset;
font-weight: 900;
}
 
.new li.edit:before {
font-family: 'Font Awesome 6 Pro';
content: "\f040";
font-size: 0.7em;
color: #f0ad4e;
position: absolute;
left: 0px;
top: 4px;
margin-right: 1em;
font-weight: 300;
}
 
.new .gelb li:before {
color: #f0ad4e;
}
}


.newtext {
.newtext {
position: absolute;  
position: absolute;  
left: -0.3em;  
left: -2em;  
top: -0.65em;  
top: -0.65em;
font-size: 0.5em;
width: 5em;
color: rgb(2,90,0);
text-align: center;
display: inline-block;
font-size: 0.5em;
margin-right: -2em;
color: rgb(2,90,0);
display: inline-block;
margin-right: -2em;
}
}


.new .startbox-head [class*=fa-] {
font-size: 1.5em;
padding: 0 0.5em;
}




Zeile 137: Zeile 196:
}
}


.startbox-flex {
display: flex;
flex-flow: wrap;
}


.startbox {
.startbox {
display: block;
display: block;
background: #fff;
background: #fff;
/* border-top: 1px solid #a2a9b1;
/* border-top: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
border-left: 1px solid #a2a9b1; */
border-left: 1px solid #a2a9b1; */
/* margin: 10px 5px 0px 5px; */
/* margin: 10px 5px 0px 5px; */
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
margin: 15px;
margin: 15px;
flex-grow: 2;
flex-grow: 2;
flex-shrink: 2;
flex-shrink: 2;
flex-basis: calc((100% - 90px)/3);
flex-basis: calc((100% - 90px)/3);
}
}


.startbox.breit {
.startbox.breit {
min-width: 500px;
min-width: 500px;
flex-grow: 2;
flex-grow: 2;
flex-shrink: 0;
flex-shrink: 0;
flex-basis: calc(((100% - 90px) / 3) * 2 + 30px);
flex-basis: calc(((100% - 90px) / 3) * 2 + 30px);
}
}


.startbox-body-breit {
.startbox-body-breit {
column-count: 2;
column-count: 2;
column-gap: calc( 2em + 20px);
column-gap: calc( 2em + 20px);
column-rule: thin solid rgba(0,0,0,0.1);
column-rule: thin solid rgba(0,0,0,0.1);
padding: 1em;
padding: 1em;
}
}


Zeile 174: Zeile 229:
.startbox-head {
.startbox-head {
background-color: #eaecf0;
background-color: #eaecf0;
min-height: 3em;
min-height: 3em;
padding: 1em;
padding: 1em;
display: flex;
justify-content:space-between;
}
 
.startbox-head .spc__circle-big {
display: inline-flex;
}
}


.startbox-body {
.startbox-body {
padding: 1em;
padding: 1em;
}
}


.startbox-body-breit-col {
.startbox-body-breit-col {
width: 45%;
width: 45%;
}
}




.changelog {
.changelog {
column-count: 3;
column-count: 3;
column-gap: calc( 2em + 20px);
column-gap: calc( 2em + 20px);
column-rule: thin solid rgba(0,0,0,0.1);
column-rule: thin solid rgba(0,0,0,0.1);
padding: 1em;
padding: 1em;
}
}
.startbox-body .Hinweis-Container.Hinweis-Container__einblenden {
display: contents;
}
.Hinweis-Container--Text-bordered {
display: inline-block;
padding: 0px 3px;
}
.mw-headline {
display: inline-block;
}




Zeile 198: Zeile 275:


/*** Formatierungen Standard (=Monitor) ***/
/*** Formatierungen Standard (=Monitor) ***/
 
@media (min-width:769px) {
table { border: 0; }
table { border: 0; }


Zeile 205: Zeile 282:
min-width: 300px;
min-width: 300px;
}
}
.startbox-flex {
display: flex;
flex-flow: wrap;
}
.startbox-changelog {
width: 830px;
}
.startbox-flex.max-content {
width: unset;
max-width: max-content;
min-width: 830px;
}
.startbox-body .startbox-flex {
width: 768px;
}


.wikitable2 tr:nth-child(2n) {
.wikitable2 tr:nth-child(2n) {
Zeile 286: Zeile 384:
}
}


h4 {
font-size:16px;
font-weight: bolder;
color: rgba(0,0,0,0.7);
}
h5 {
margin-bottom: 0;
margin-top: 16px;
font-weight: bold;
font-size: 16px;
color: rgba(0,0,0,0.7);
}
.startbox-body h5:first-child {
margin-top: 0px;
}
.startbox-body-breit dl:first-child h5 {
margin-top: 0px;
}
.toctitle {
display: none;
}
.toc {
border: 0;
background: unset;
padding-top: 0px;
}
.toc ul {
margin-top: 0px;
}
.tocnumber {
display: none !important;
}
.toclimit-1 {
margin-left: 11em;
}


.TOC3 {
float: right;
}


/*** Ende Formatierungen Standard ***/
.TOC3 .mw-collapsible-content {
display: block;
}
 
.text-h1.h-box:empty {
display: none;
}
 
.startbox-body .Einrücken {
margin-left: 1.5em;
}
 
 
} /*** Ende Formatierungen Standard ***/




Zeile 299: Zeile 456:


.startbox {
.startbox {
margin: 15px 0px;
margin: 15px 0px;
min-width: 100%;
min-width: 100%;
}
}


.startbox.breit {
.startbox.breit {
margin: 15px 0px;
margin: 15px 0px;
width: 100%;
width: 100%;
min-width: 0;
min-width: 0;
}
}


.startbox-body-breit {
.startbox-body-breit {
column-count: 1;
column-count: 1;
}
}
.TOC3 .mw-collapsible-toggle {
min-width: 100%;
}
.TOC3 .mw-collapsible-toggle-default::before {
  content: "\f25a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  }




Zeile 324: Zeile 492:


table { border: 0; }
table { border: 0; }
.startbox-flex {
display: flex;
flex-flow: wrap;
}
.startbox-flex.max-content {
min-width: unset;
}
.max-content {
min-width: unset;
}
.startbox-body .startbox-flex {
}
.Einrücken2 {
margin-left: 16px;
}


.spgrid tr > td:nth-child(1) {
.spgrid tr > td:nth-child(1) {
Zeile 375: Zeile 563:
.spgrid .nobordertop {
.spgrid .nobordertop {
border-top: 0!important;
border-top: 0!important;
}
.TOC3 ~ ul {
    display: none;
}
.TOC3 .toctogglecheckbox:checked ~ ul {
    display: block;
}
.nomobil {
display: none;
}
}




} /*** Ende Formatierungen für Breakpoint xs ***/
} /*** Ende Formatierungen für Breakpoint xs ***/

Aktuelle Version vom 7. März 2024, 10:03 Uhr

/*** Tabellenlayout: 2-Spaltig, jede 2. Zeile als Überschrift ***/


/*** Formatierungen für Alle ***/

/* a {
	color: #1b599b;
 	}

a:visited {
	color: #636;
	} */


.padding10 td {
  padding: 10px !important;
  }

ul {
	margin-bottom: 0.3em;
	list-style: none;
	margin-top: 3px;
	}

dl {
	/* padding-top: 1em !important;
	padding-bottom: 0px !important; */
	margin-bottom: 0px !important;
	break-inside: avoid;
	/* margin-top: 1em; */
	}


dt {
	margin: 0;
	font-weight: bold;
	margin-bottom: 0em;
	}


dd {
	margin-top: 0.3em;
	margin-bottom: 0em;
	margin-left: 16px;
	font-style: italic;
	color: rgba(0,0,0,0.9);
	text-align: left;
	}

.noitalic dd {
	font-style:	unset;
	}

.startbox ul > li:before {
	font-family:	'Font Awesome 6 Pro';
	content:		"\f0a9";
	font-size:		12px;
	color:			rgb(231, 76, 60);
	/* position: 		absolute; */ 
	left:			0px;
	margin-right:	1em;
	font-weight:	900;
	}



.greenalert li:before {
	font-family:	'Font Awesome 6 Pro';
	content:		"\f071";
	font-size:		12px;
	color:			rgb(2,90,0);;
	position:		absolute;
	left:			1.5em;
	margin-right:	1em;
	font-weight:	400;
	top:			2.25em
	}

.startbox-head li {
	list-style:		none;
	}

.startbox-head.greenalert li:before {
	font-size:		2em;
	}

.startbox-head.greenalert li {
	padding-left:	2.75em;
	}

.startbox-head.greenalert  {
	padding:		1em;
	margin-top:		0px;
	}

/* .startbox-body-breit li {
	padding-left:	20px;
	display:		block;
	position:		relative;
	}
*/ 

/****** Kann wieder raus, wenn in scss _position_ entfernt ******/
.angel li::before { 
	position:		unset;
	}

.mw-collapsible .mw-collapsible-toggle-default::after {
  content: "";
}
/***** *****/



.new li:before {
	font-family:	'Font Awesome 6 Pro';
	content:		"\f013";
	font-size:		0.7em;
	color:			rgb(2,90,0);
	/* position: 		absolute; */
	left: 			0px;
	top: 			4px;
	margin-right:	1em;
	font-weight:	300;
	}

.new.star li:before {
	font-family:	'Font Awesome 6 Pro';
	content:		"\f005";
	font-size:		0.7em;
	color:			#468847;
	top: 			unset;
	font-weight:	900;
	}

.new li.edit:before {
	font-family: 	'Font Awesome 6 Pro';
	content:	 	"\f040";
	font-size: 		0.7em;
	color:	 		#f0ad4e;
	position:	 	absolute;
	left: 			0px;
	top:	 		4px;
	margin-right: 	1em;
	font-weight: 	300;
	}

.new .gelb li:before {
	color:			#f0ad4e;
	}

.newtext {
	position:		absolute; 
	left:			-2em; 
	top:			-0.65em; 
	width:			5em;
	text-align:		center;
	font-size:		0.5em;
	color:			rgb(2,90,0);
	display:		inline-block;
	margin-right:	-2em;
	}

.new .startbox-head [class*=fa-] {
	font-size:		1.5em;
	padding:		0 0.5em;
	}


.spgrid {
	background-color:white;
	color: #222;
	margin: 1em 0em;
	width: 100%;
	}

.spgrid td {
	background-color: #f8f9fa;
	padding: 0.2em 0.1em;
	line-height:1.4;
	}

.spgrid .Leerzeile {
	border-left: 0; 
	border-right: 0; 
	background: white;
	}

.spgrid tr {
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%;
	}
.spgrid .colspan2 {
	border-right: 0!important;
	}


.startbox {
	display:		block;
	background:		#fff;
	/* border-top:	1px solid #a2a9b1;
	border-right:	1px solid #a2a9b1;
	border-left:	1px solid #a2a9b1; */
	/* margin:		10px 5px 0px 5px; */
	box-shadow: 	0 0 0 1px rgba(0,0,0,0.05);
	border-radius:	3px 3px 0px 0px;
	margin: 		15px;
	flex-grow: 		2;
	flex-shrink: 	2;
	flex-basis: 	calc((100% - 90px)/3);
	}

.startbox.breit {
	min-width: 		500px;
	flex-grow: 		2;
	flex-shrink: 	0;
	flex-basis: 	calc(((100% - 90px) / 3) * 2 + 30px);
	}

.startbox-body-breit {
	column-count: 	2;
	column-gap: 	calc( 2em + 20px);
	column-rule: 	thin solid rgba(0,0,0,0.1);
	padding: 		1em;
	}


.startbox-head {
	background-color: #eaecf0;
	min-height:		3em;
	padding:		1em;
	display:		flex;
	justify-content:space-between;
	}

.startbox-head .spc__circle-big {
	display:		inline-flex;
	}


.startbox-body {
	padding: 		1em;
	}

.startbox-body-breit-col {
	width: 			45%;
	}


.changelog {
	column-count:	3;
	column-gap:		calc( 2em + 20px);
	column-rule:	thin solid rgba(0,0,0,0.1);
	padding: 1em;
	}

.startbox-body .Hinweis-Container.Hinweis-Container__einblenden {
	display: 	contents;
	}

.Hinweis-Container--Text-bordered {
	display:		inline-block;
	padding:		0px 3px;
	}


.mw-headline {
	display:		inline-block;
	}



/*** Ende Formatierungen für Alle ***/

/*** Formatierungen Standard (=Monitor) ***/
@media (min-width:769px) {
table { border: 0; }

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

.startbox-flex {
	display: 	flex;
	flex-flow: 	wrap;

	}

.startbox-changelog {
	width:		830px;
	}

.startbox-flex.max-content {
	width:		unset;
	max-width:	max-content;
	min-width:	830px;
	}

.startbox-body .startbox-flex {
	width:		768px;
	}


.wikitable2 tr:nth-child(2n) {
  background: green!important;
  }

.spgrid tr > td:nth-child(1) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 1;
	background-color: #eaecf0;
	/* border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1; */
	margin: 10px 5px 0px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px 3px 0px 0px;
	}

.spgrid tr > td:nth-child(2) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 1;
	background-color: #eaecf0;
	/* border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1; */
	margin: 10px 5px 0px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 3px;
	}

.spgrid tr > td:nth-child(3) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 2;
	/* background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1; */
	border-spacing: 5px;
	margin: 0px 5px 10px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 0px 0px 3px 3px;
	background: #fff;
	}

.spgrid tr > td:nth-child(4) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 2;
	/* background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1; */
	border-spacing: 5px;
	margin: 0px 5px 10px 5px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
	border-radius: 0px 0px 3px 3px;
	background: #fff;
	}


.spgrid tr:last-child > td:nth-child(3) {
	padding: 15px;
	grid-column: 1 / 2;
	grid-row: 2;
	background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
	border-left: 1px solid #a2a9b1;
	}

.spgrid tr:last-child > td:nth-child(4) {
	padding: 15px;
	grid-column: 2 / 3;
	grid-row: 2;
	background-color: #f8f9fa;
	border-top: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
	border-right: 1px solid #a2a9b1;
	}

h4 {
	font-size:16px;
	font-weight: bolder;
	color: rgba(0,0,0,0.7);
	}

h5 {
	margin-bottom: 0;
	margin-top: 16px;
	font-weight: bold;
	font-size: 16px;
	color: rgba(0,0,0,0.7);
	}

.startbox-body h5:first-child {
	margin-top: 0px;
	}

.startbox-body-breit dl:first-child h5 {
	margin-top: 0px;
	}

.toctitle {
	display: none;
	}

.toc {
	border: 0;
	background: unset;
	padding-top: 0px;
	}

.toc ul {
	margin-top: 0px;
	}

.tocnumber {
	display: none !important;
	}

.toclimit-1 {
	margin-left:	11em;
	}

.TOC3 {
	float:		right;
	}

.TOC3 .mw-collapsible-content {
	display:	block;
	}

.text-h1.h-box:empty {
	display:			none;
	}

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


} /*** Ende Formatierungen Standard ***/





/*** Formatierungen für Breakpoint md ***/

@media (max-width:768px) {

.startbox {
	margin: 	15px 0px;
	min-width: 	100%;
	}

.startbox.breit {
	margin:		15px 0px;
	width: 		100%;
	min-width: 	0;
	}

.startbox-body-breit {
	column-count: 	1;
	}

.TOC3 .mw-collapsible-toggle {
	min-width:	100%;
	}

.TOC3 .mw-collapsible-toggle-default::before {
  content: "\f25a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  }



} /*** Ende Formatierungen Breakpoint md ***/




/*** Formatierungen für Breakpoint xs ***/

@media (max-width:576px) {

table { border: 0; }

.startbox-flex {
	display: 	flex;
	flex-flow: 	wrap;
	}

.startbox-flex.max-content {
	min-width:	unset;
	}

.max-content {
	min-width:	unset;
	}

.startbox-body .startbox-flex {
	}

.Einrücken2 {
	margin-left:	16px;
	}

.spgrid tr > td:nth-child(1) {
	padding: 15px;
	grid-column: 1 / 3;
	grid-row: 1;
	background-color: #eaecf0;
	border: 1px solid #a2a9b1;
	border-bottom: 0;
	margin-top: 5px;
}

.spgrid tr > td:nth-child(2) {
	padding: 15px;
	grid-column: 1 / 3;
	grid-row: 3;
	background-color: #eaecf0;
	border: 1px solid #a2a9b1;
	border-bottom: 0;
	margin-top: 5px;
}

.spgrid tr > td:nth-child(3), .spgrid tr:last-child > td:nth-child(3) {
	padding-top: 15px;
	grid-column: 1 / 3;
	grid-row: 2;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
}

.spgrid tr > td:nth-child(4), .spgrid tr:last-child > td:nth-child(4) {
	padding-top: 15px;
	grid-column: 1 / 3;
	grid-row: 4;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
}

.spgrid .colspan2 {
	border-right: 1px solid #a2a9b1!important;
	}

.spgrid .frei {
	display: none;
	}

.spgrid .noborderbottom {
	border-bottom: 0!important;
	}

.spgrid .nobordertop {
	border-top: 0!important;
	}


.TOC3 ~ ul {
    display: none;
}

.TOC3 .toctogglecheckbox:checked ~ ul {
    display: block;
}


.nomobil {
	display:	none;
	}


} /*** Ende Formatierungen für Breakpoint xs ***/