Wechseln zu:Navigation, Suche
Wiki

Vorlage:Hinweis3.css: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(31 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
.Hinweis-Container--icon {
.Hinweis-Container--icon {
display: inline-flex;
display: inline-flex;
width: 1.6em;  
min-width: 1.6em;  
height: 1.6em;  
height: 1.6em;  
font-size: 1em;
font-size: 1em;
Zeile 11: Zeile 11:
align-items: center;
align-items: center;
justify-content: center;  
justify-content: center;  
}
.margin-right-6px {
margin-right: 6px;
margin-right: 6px;
}
}
Zeile 34: Zeile 37:
}
}


.Hinweis-Container__border {
border: 1px solid #cacaca;
border-radius: 1px;
}


.Hinweis-Container__noborder {
.Containeraussen .color-box-shadow0 {
border: 0;  
box-shadow: none;
border: 0;
display: inline-flex;
padding: 2px 4px;
margin-right: 3px;
font-size: 0.9em;
background: none;
}
}


.Hinweis-Container__ausblenden,  
.color-box-shadow09,
.Hinweis-Container--icon__ausblenden,  
.v2 .color-box-shadow[class*="em"],
.Hinweis-Container--Text-bordered__ausblenden,  
.v0 .color-box-shadow[class*="em0"],
.Hinweis-Container--Text-unbordered__ausblenden,
.v0 .color-box-shadow[class*="small"] {
.Hinweis-Container span:empty {
box-shadow: 0px 0px 1px 1px inset;
display: none;
border: 0;
display: inline-flex;
padding: 2px 4px;
margin-right: 3px;
font-size: 0.9em;
}
}


.Hinweis-Container__einblenden,  
.color-box-shadow1,  
.Hinweis-Container--icon__einblenden,  
.color-box-shadow.em1,
.Hinweis-Container--Text-bordered__einblenden,
.color-box-shadow.fs__icon__em1 {
.Hinweis-Container--Text-unbordered__einblenden {
box-shadow: 0px 0px 2px 2px inset;
display: inline-flex;
border: 0;
display: inline-flex;
padding: 4px 6px;;
margin-top: 5px;
}
}


.Hinweis-Container__einblenden__block {
.color-box-shadow2,
display: flex;
.color-box-shadow.em2,
.color-box-shadow.fs__icon__em2 {
box-shadow: 0px 0px 2px 2px inset;
border: 0;
display: inline-flex;
padding: 6px;
margin-top: 5px;
}
}


.d-flex {
.color-box-shadow3,
display: flex;
.color-box-shadow.em3,
}
.color-box-shadow.fs__icon__em3 {
 
box-shadow: 0px 0px 3px 3px inset;
.display__inline-flex {
border: 0;
display: inline-flex;
display: inline-flex;
padding: 8px;
margin-top: 5px;
}
}


 
.xcolor-box-shadow {
/*** Schriftgrößen ***/
box-shadow: 0px 0px 2px 2px inset;
.em1 {
border: 0;
font-size: 1em;
display: inline-flex;
padding: 4px;
}
}


.em2 {
.Containeraussen .updateflag:empty ~ .color-box-shadow {
font-size: 2em;
box-shadow: none;
background: none;
top: 0;
padding: 0.1em 0 0 0;
margin-top: 0;
}
}


.em3 {
Containeraussen .updateflag:empty ~ .color-box-shadow .pdr6 {
font-size: 3em;
padding-right: 0;
}
}
/*** Ende Schriftgrößen ***




/* .color-box-shadow span {
color: initial;
} */


/*** Hintergrundfarben ***/
[class*=color-box-shadow] a,
 
[class*=color-box-shadow] a:visited {
.UTM.bc__gruen,  
color: #e74c3c;
.UTM.bc__grün,
.UMA.bc__gruen,
.UMA.bc__grün {
background-color: #468847;
}
}


.MS.bc__gruen,
.color-box-shadow.h-center {
.MS.bc__grün,
display: inline-flex;
.MDM.bc__gruen,
align-items: center;
.MDM.bc__grün {
background-color: #2DCC71;
}
}


.UTM.bc__rot,
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].top,
.UMA.bc__rot {
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox,
background-color: #ec7063;
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbigbox {
align-items: flex-start;
position: relative;
top: -3px;
}
}


.MS.bc__rot,
.topbigbox i {
.MDM.bc__rot  {
padding-left: 0.25em
background-color: #E74C3C;
}
}


.UTM.bc__grau {
.topbigbox i.em1 {
background-color: rgb(153, 153, 153);
padding-top: 1.75em;
}
}


.UMA.bc__grau {
.topbigbox i.em2 {
background-color: #555555;
padding-top: 0.9em;
}
}


.MS.bc__grau,
.topbigbox i.em3 {
.MDM.bc__grau {
padding-top: 0.55em;
background-color: #cccccc;
}
}


 
.startbox-body li [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox {
.bc__dgrau {
top: 0px;
background-color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
}
}


.bc__hgrau {
.topbox i {
background-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
position: relative;
}
top: 2px;
}


.bc__grau-app {
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].top .pdr3 {
background-color: #c1cbce; /* Graue Balken in der Android-App */
padding-top: 2px;
}
}


.bc__grau-s {
[class*=color-box-shadow] + .Hinweis-Container--Text-unbordered {
background-color: #55676d; /* Graue Schrift in Android-App  */
display: inline-flex;
padding: 0.08em;
vertical-align: unset;
/* align-items: center;
justify-content: center;
min-height: 1em;
margin-right: 3px; */
}
}


.bc__grau-b {
.Hinweis-Container__border {
background-color: #878a90; /* Graue Buttons in Android-App  */
border: 1px solid #cacaca;  
border-radius: 1px;
}
}


.bc__blau {
.Hinweis-Container__noborder {
background-color: rgb(58, 135, 173); /* Zonen, Bereiche  */
border: 0;  
}
}


.bc__hblau, .bc__hell-blau {
.Hinweis-Container--Text__border {
background-color: #00bcd4; /* Geblockte Anfragen  */
border: 1px solid #cacaca;
border-radius: 1px;
}
}


.bc__macos-blau {
.Hinweis-Container--Text__noborder {
background-color: #257bfe; /* Schaltflächen in MacOS  */
border: 0;  
}
}


.bc__rots {
.Hinweis-Container--Icon__border {
background-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
border: 1px solid #cacaca;
border-radius: 1px;
}
}


.bc__rotaus {
.Hinweis-Container--Icon__noborder {
background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
border: 0;  
}
}


.bc__orange {
.Hinweis-Container__ausblenden,
background-color: #ff5722; /* verwendet für Warnungen in Statistik  */
.Hinweis-Container--icon__ausblenden,
.Hinweis-Container--Text-bordered__ausblenden,
.Hinweis-Container--Text-unbordered__ausblenden,
.Hinweis-Container span:empty,
.Hinweis-Container--Text-unbordered-inhalt:empty {
display: none;
}
}


.bc__ddgrau {
.Hinweis-Container__einblenden,
background-color: #484c53; /* Graue Ränder  */
.Hinweis-Container--icon__einblenden,
.Hinweis-Container--Text-bordered__einblenden,
.Hinweis-Container--Text-unbordered__einblenden {
display: inline-flex;
}
}


.bc__rotr {
.Hinweis-Container__einblenden.inline {
background-color: #e43725; /* verwendet für Border von Schaltflächen  */
display: inline;
}
}


.bc__rotbd {
background-color: #d62c1a; /* verwendet für Border von Hinweisen  */
}


.bc__rot-cb {
.Hinweis-Container.flex,
background-color: #ef8b80; /* verwendet für Border von Clickboxen  */
.Hinweis-Container__einblenden.flex {
display: flex;
}
}


.bc__white-lbd {
li:first-child .Hinweis-Container.Hinweis-Container__einblenden {
background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
vertical-align: top;
}
}


.bc__gelbbd {
.Hinweis-Container__einblenden__block {
background-color: #ec971f; /* Border gelbe Felder  */
display: flex; /* inline-block; */
}
}


.bc__grünbd {
/* nicht sanitzed-css → common.css
background-color: #24a25a; /* Border grüne Felder  */
.Hinweis-Container__einblenden__inline-flex {
}
display: flex;
margin-right: 3px;
max-width: fit-content;
} */


.bc__r, .bc__warnung {
td .Containeraussen .Hinweis-Container__einblenden__inline-flex,
background-color: #d71e0b; /* rot */
td li.UTM .Containeraussen .Hinweis-Container__einblenden__inline-flex {
display: inline-flex; /* Spezialfall */
}
}


.bc__gr,  .bc__positiv {
/* .Containeraussen + p {
background-color: rgb(2,90,0); /* grün */
display: inline-flex;
}
} */


.bc__g, .bc__hinweis {
background-color: rgb(255,200,0); /* gelb */
}


.bc__b {
/*
background-color: rgb(2,100,130); /* blau */
**** Da die Eigenschaft fit-content nicht vom Parser für santized css durchgelassen wird, ist die Definition in MediaWiki:Common.css zu finden!
****
[class*="color-box-shadow"].Hinweis-Container__einblenden,
[class*="color-box-shadow"].Hinweis-Container__einblenden__block {
display: flex;
max-width: fit-content;
align-items: center;
}
}
*/


.bc__gelb {
.rot .Hinweis-Container-Text__border a[href] {
background-color: #f0ad4e;
color: #1B599B;
}
}


.UTM.bc__rot, .UMA.bc__rot {
background-color: #ec7063;
}


.MS.bc__rot {
.Hinweis-Container__einblenden.center {
background-color: #E74C3C;
vertical-align: unset;
}
}


.bc__ja, tbody > tr > td.bc__ja {
.d-flex {
background-color: #CCFFCC;
display: flex;
}
}


.bc__teilweise, tbody > tr > td.bc__teilweise {
.display__inline-flex {
background-color: #fcffcc;
display: inline-flex;
}
 
.bc__nein, tbody > tr > td.bc__nein {
background-color: #FF5555;
}
 
/*** Ende Hintergrund-Farben ***/
 
 
 
/*** Beginn Schrift-Farbe ***/
 
.UTM.font-color__gruen,
.UTM.font-color__grün,
.UMA.font-color__gruen,
.UMA.font-color__grün {
color: #468847;
}
 
.MS.font-color__gruen,
.MS.font-color__grün {
color: #2DCC71;
}
 
.UTM.font-color__rot,
.UMA.font-color__rot {
color: #ec7063;
}
 
.MS.font-color__rot {
color: #E74C3C;
}
 
.UTM.font-color__grau {
color: rgb(153, 153, 153);
}
 
.UMA.font-color__grau {
color: #555555;
}
 
.MS.font-color__grau {
color: #cccccc;
}
 
 
 
.font-color__white-l {
color: rgba(255, 255, 255, 0.9);
}
 
.font-color__grau-l {
color: rgba(0, 0, 0, 0.6);
}
 
.font-color__dgrau {
color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
}
 
.font-color__hgrau {
color: rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
}
 
.font-color__grau-app {
color: #c1cbce; /* Graue Balken in der Android-App */
}
 
.font-color__grau-s {
color: #55676d; /* Graue Schrift in Android-App  */
}
 
.font-color__grau-b {
color: #878a90; /* Graue Buttons in Android-App  */
}
 
.font-color__blau {
color: rgb(58, 135, 173); /* Zonen, Bereiche  */
}
 
.font-color__hblau, .font-color__hell-blau {
color: #00bcd4; /* Geblockte Anfragen  */
}
 
.font-color__macos-blau {
color: #257bfe; /* Schaltflächen in MacOS  */
}
 
.font-color__rots {
color: rgba(231,76,60, 0.7); /* Symbole in rot  */
}
 
.font-color__rotaus {
color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
}
 
.font-color__orange {
color: #ff5722; /* verwendet für Warnungen in Statistik  */
}
 
.font-color__ddgrau {
color: #484c53; /* Graue Ränder  */
}
 
.font-color__rotr {
color: #e43725; /* verwendet für Border von Schaltflächen  */
}
 
.font-color__rotbd {
color: #d62c1a; /* verwendet für Border von Hinweisen  */
}
 
.font-color__rot-cb {
color: #ef8b80; /* verwendet für Border von Clickboxen  */
}
 
.font-color__white-lbd {
color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
}
 
.font-color__gelbbd {
color: #ec971f; /* Border gelbe Felder  */
}
 
.font-color__grünbd {
color: #24a25a; /* Border grüne Felder  */
}
 
.font-color__r, .font-color__warnung {
color: #d71e0b; /* rot */
}
 
.font-color__gr,  .font-color__positiv {
color: rgb(2,90,0); /* grün */
}
 
.font-color__g, .font-color__hinweis {
color: rgb(255,200,0); /* gelb */
}
 
.font-color__b {
color: rgb(2,100,130); /* blau */
}
 
.font-color__gelb {
color: #f0ad4e;
}
 
.UTM.font-color__rot, .UMA.font-color__rot {
color: #ec7063;
}
 
.MS.font-color__rot {
color: #E74C3C;
}
 
/*** Ende Schrift-Farbe ***/
 
 
 
/*** Beginn Border-Farbe ***/
 
.UTM.border-color__gruen,
.UTM.border-color__grün,
.UMA.border-color__gruen,
.UMA.border-color__grün {
border-color: #468847;
}
 
.MS.border-color__gruen,
.MS.border-color__grün {
border-color: #2DCC71;
}
 
.UTM.border-color__rot,
.UMA.border-color__rot {
border-color: #ec7063;
}
 
.MS.border-color__rot {
border-color: #E74C3C;
}
 
.UTM.border-color__grau {
border-color: rgb(153, 153, 153);
}
 
.UMA.border-color__grau {
border-color: #555555;
}
 
.MS.border-color__grau {
border-color: #cccccc;
}
 
 
 
.border-color__white-l {
border-color: rgba(255, 255, 255, 0.9);
}
 
.border-color__grau-l {
border-color: rgba(0, 0, 0, 0.6);
}
 
.border-color__dgrau {
border-color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
}
 
.border-color__hgrau {
border-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
}
 
.border-color__grau-app {
border-color: #c1cbce; /* Graue Balken in der Android-App */
}
 
.border-color__grau-s {
border-color: #55676d; /* Graue Schrift in Android-App  */
}
 
.border-color__grau-b {
border-color: #878a90; /* Graue Buttons in Android-App  */
}
 
.border-color__blau {
border-color: rgb(58, 135, 173); /* Zonen, Bereiche  */
}
}


.border-color__hblau, .border-color__hell-blau {
.sptable2 td > * > .Hinweis-Container__einblenden i,
border-color: #00bcd4; /* Geblockte Anfragen  */
.sptable2 td * .Hinweis-Container__einblenden i {
padding-top: 2pt;
}
}


.border-color__macos-blau {
.Hinweis-Container__einblenden.color-box-shadow0 i {
border-color: #257bfe; /* Schaltflächen in MacOS  */
padding-top: 2pt;
}
}


.border-color__rots {
border-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
}


.border-color__rotaus {
.Hinweis-Container__einblenden i.neu::before {
border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
font-family: 'Font Awesome 6 Pro';
content: "\f005";
font-weight: 900;
}
}


.border-color__orange {
.Hinweis-Container__einblenden i.update::before {
border-color: #ff5722; /* verwendet für Warnungen in Statistik  */
font-family: 'Font Awesome 6 Pro';
content: "\f005";
}
}
 
.Containeraussen.v2 {
.border-color__ddgrau {
white-space: unset;
border-color: #484c53; /* Graue Ränder  */
}
}


.border-color__rotr {
.Hinweis-Container__einblenden.r,
border-color: #e43725; /* verwendet für Border von Schaltflächen  */
.Hinweis-Container__einblenden.rot {
color: #d71e0b; /* rot */
}
}


.border-color__rotbd {
.Hinweis-Container__einblenden.r .textfont-color,
border-color: #d62c1a; /* verwendet für Border von Hinweisen  */
.Hinweis-Container__einblenden.rot .textfont-color {
color: #d71e0b; /* rot */
}
}


.border-color__rot-cb {
.Hinweis-Container__einblenden.g,
border-color: #ef8b80; /* verwendet für Border von Clickboxen  */
.Hinweis-Container__einblenden.gelb,
.g {
color: #E9C321; /* gelb */
}
}


.border-color__white-lbd {
.Hinweis-Container__einblenden.g .textfont-color,
border-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
.Hinweis-Container__einblenden.gelb .textfont-color {
color: rgba(0, 0, 0, 0.6); /* grau-l */
}
}


.border-color__gelbbd {
.Hinweis-Container__einblenden.gr,
border-color: #ec971f; /* Border gelbe Felder  */
.Hinweis-Container__einblenden.gruen,
.gr {
color: #468847; /* grün */
}
}


.border-color__grünbd {
.Hinweis-Container__einblenden.gr .textfont-color,
border-color: #24a25a; /* Border grüne Felder  */
.Hinweis-Container__einblenden.gruen .textfont-color {
color: #468847; /* grün */
}
}


.border-color__r, .border-color__warnung {
.Hinweis-Container--Text-unbordered-inhalt {
border-color: #d71e0b; /* rot */
position: relative;
padding-left: 3px;
}
}


.border-color__gr,  .border-color__positiv {
.Hinweis-Container__einblenden.fs__icon__em2 + .Hinweis-Container--Text-unbordered-inhalt {
border-color: rgb(2,90,0); /* grün */
vertical-align: super;
}
}
.border-color__g, .border-color__hinweis {
border-color: rgb(255,200,0); /* gelb */
}
.border-color__b {
border-color: rgb(2,100,130); /* blau */
}
.border-color__gelb {
border-color: #f0ad4e;
}
.UTM.border-color__rot, .UMA.border-color__rot {
border-color: #ec7063;
}
.MS.border-color__rot {
border-color: #E74C3C;
}
/*** Ende Border-Farbe ***/

Aktuelle Version vom 20. Dezember 2023, 18:07 Uhr

.Hinweis-Container {
	/* border: 1px solid red; */
	}

.Hinweis-Container--icon {
	display: inline-flex;
	min-width: 1.6em; 
	height: 1.6em; 
	font-size: 1em;
	/* padding: 0.65em; */
	align-items: center;
	justify-content: center; 
	}

.margin-right-6px {
	margin-right: 6px;
	}

.Hinweis-Container--Text-bordered {
	display: inline-flex;
	padding: 0.08em 3px;
	align-items: center;
	justify-content: center; 
	vertical-align: top;
	min-height: 1em;
	margin-right: 3px;
	}

.Hinweis-Container--Text-unbordered {
	display: inline-flex;
	padding: 0.08em;
	align-items: center;
	justify-content: center; 
	vertical-align: top;
	min-height: 1em;
	margin-right: 3px;
	}


.Containeraussen .color-box-shadow0 {
	box-shadow:		none;
	border:			0;
	display:		inline-flex;
	padding:		2px 4px;
	margin-right:	3px;
	font-size:		0.9em;
	background:		none;
	}

.color-box-shadow09,
.v2 .color-box-shadow[class*="em"],
.v0 .color-box-shadow[class*="em0"],
.v0 .color-box-shadow[class*="small"] {
	box-shadow:		0px 0px 1px 1px inset;
	border:			0;
	display:		inline-flex;
	padding:		2px 4px;
	margin-right:	3px;
	font-size:		0.9em;
	}

.color-box-shadow1, 
.color-box-shadow.em1,
.color-box-shadow.fs__icon__em1 {
	box-shadow:			0px 0px 2px 2px inset;
	border:				0;
	display:			inline-flex;
	padding:			4px 6px;;
	margin-top:			5px;
	}

.color-box-shadow2, 
.color-box-shadow.em2,
.color-box-shadow.fs__icon__em2 {
	box-shadow:			0px 0px 2px 2px inset;
	border:				0;
	display:			inline-flex;
	padding:			6px;
	margin-top:			5px;
	}

.color-box-shadow3, 
.color-box-shadow.em3,
.color-box-shadow.fs__icon__em3 {
	box-shadow:			0px 0px 3px 3px inset;
	border:				0;
	display:			inline-flex;
	padding:			8px;
	margin-top:			5px;
	}

.xcolor-box-shadow {
	box-shadow:			0px 0px 2px 2px inset;
	border:				0;
	display:			inline-flex;
	padding:			4px;
	}

.Containeraussen .updateflag:empty ~ .color-box-shadow {
	box-shadow:			none;
	background:			none;
	top:				0;
	padding:			0.1em 0 0 0;
	margin-top:			0;
	}

Containeraussen .updateflag:empty ~ .color-box-shadow .pdr6 {
	padding-right:		0;
	}


/* .color-box-shadow span {
	color:				initial;
	} */

[class*=color-box-shadow] a,
[class*=color-box-shadow] a:visited {
	color:				#e74c3c;
	}

.color-box-shadow.h-center {
	display:			inline-flex;
	align-items:		center;
	}

[class*=color-box-shadow][class*=Hinweis-Container__einblenden].top,
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox,
[class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbigbox {
	align-items:	flex-start;
	position:			relative;
	top:				-3px;
	}

.topbigbox i {
	padding-left:		0.25em
	}

.topbigbox i.em1 {
	padding-top:		1.75em;
	}

.topbigbox i.em2 {
	padding-top:		0.9em;
	}

.topbigbox i.em3 {
	padding-top:		0.55em;
	}

.startbox-body li [class*=color-box-shadow][class*=Hinweis-Container__einblenden].topbox {
	top:				0px;
	}

.topbox i {
	position:			relative;
	top:	 			2px;
}

[class*=color-box-shadow][class*=Hinweis-Container__einblenden].top .pdr3 {
	padding-top:		2px;
	}

[class*=color-box-shadow] + .Hinweis-Container--Text-unbordered {
	display:			inline-flex;
	padding:			0.08em;
	vertical-align:		unset;
	/* align-items:		center;
	justify-content:	center;
	min-height: 1em;
	margin-right: 3px; */
	}

.Hinweis-Container__border {
	border: 1px solid #cacaca; 
	border-radius: 1px;
	}

.Hinweis-Container__noborder {
	border: 0; 
	}

.Hinweis-Container--Text__border {
	border: 1px solid #cacaca; 
	border-radius: 1px;
	}

.Hinweis-Container--Text__noborder {
	border: 0; 
	}

.Hinweis-Container--Icon__border {
	border: 1px solid #cacaca; 
	border-radius: 1px;
	}

.Hinweis-Container--Icon__noborder {
	border: 0; 
	}

.Hinweis-Container__ausblenden, 
.Hinweis-Container--icon__ausblenden, 
.Hinweis-Container--Text-bordered__ausblenden, 
.Hinweis-Container--Text-unbordered__ausblenden, 
.Hinweis-Container span:empty,
.Hinweis-Container--Text-unbordered-inhalt:empty {
	display: none;
	}

.Hinweis-Container__einblenden, 
.Hinweis-Container--icon__einblenden, 
.Hinweis-Container--Text-bordered__einblenden, 
.Hinweis-Container--Text-unbordered__einblenden {
	display:		inline-flex;
	}

.Hinweis-Container__einblenden.inline {
	display:		inline;
	}


.Hinweis-Container.flex, 
.Hinweis-Container__einblenden.flex {
	display:		flex;
	}

li:first-child .Hinweis-Container.Hinweis-Container__einblenden {
	vertical-align:	top;
	}

.Hinweis-Container__einblenden__block {
	display: 		flex; /* inline-block; */
	}

/* nicht sanitzed-css → common.css
.Hinweis-Container__einblenden__inline-flex {
	display: 		flex;
	margin-right:	3px;
	max-width:		fit-content;
	} */

td .Containeraussen .Hinweis-Container__einblenden__inline-flex,
td li.UTM .Containeraussen .Hinweis-Container__einblenden__inline-flex {
	display:		inline-flex; /* Spezialfall */
	}

/* .Containeraussen + p {
	display:		inline-flex;
	} */


/* 
**** Da die Eigenschaft fit-content nicht vom Parser für santized css durchgelassen wird, ist die Definition in MediaWiki:Common.css zu finden!
****
[class*="color-box-shadow"].Hinweis-Container__einblenden,
[class*="color-box-shadow"].Hinweis-Container__einblenden__block {
	display: 			flex;
	max-width:			fit-content;
	align-items:		center;
	}
*/

.rot .Hinweis-Container-Text__border a[href] {
	color:				#1B599B;
	}


.Hinweis-Container__einblenden.center {
	vertical-align:		unset;
	}

.d-flex {
	display: 			flex;
	}

.display__inline-flex {
	display:			inline-flex;
	}

.sptable2 td > * > .Hinweis-Container__einblenden i,
.sptable2 td * .Hinweis-Container__einblenden i {
	padding-top:		2pt;
	}

.Hinweis-Container__einblenden.color-box-shadow0 i {
	padding-top:		2pt;
	}


.Hinweis-Container__einblenden i.neu::before {
	font-family:		'Font Awesome 6 Pro';
	content:			"\f005";
	font-weight:		900;
	}

.Hinweis-Container__einblenden i.update::before {
	font-family:		'Font Awesome 6 Pro';
	content:			"\f005";
	}
.Containeraussen.v2 {
	white-space:		unset;
	}

.Hinweis-Container__einblenden.r,
.Hinweis-Container__einblenden.rot {
	color:				#d71e0b; /* rot */
	}

.Hinweis-Container__einblenden.r .textfont-color,
.Hinweis-Container__einblenden.rot .textfont-color {
	color:				#d71e0b; /* rot */
	}

.Hinweis-Container__einblenden.g,
.Hinweis-Container__einblenden.gelb,
.g {
	color:				#E9C321; /* gelb */
	}

.Hinweis-Container__einblenden.g .textfont-color,
.Hinweis-Container__einblenden.gelb .textfont-color {
	color:				rgba(0, 0, 0, 0.6); /* grau-l */
	}

.Hinweis-Container__einblenden.gr,
.Hinweis-Container__einblenden.gruen,
.gr {
	color:				#468847; /* grün */
	}

.Hinweis-Container__einblenden.gr .textfont-color,
.Hinweis-Container__einblenden.gruen .textfont-color {
	color:				#468847; /* grün */
	}

.Hinweis-Container--Text-unbordered-inhalt {
	position:			relative;
	padding-left:		3px;
	}

.Hinweis-Container__einblenden.fs__icon__em2 + .Hinweis-Container--Text-unbordered-inhalt {
	vertical-align:		super;
	}
Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Hinweis3.css&oldid=88090“