Wechseln zu:Navigation, Suche
Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
(23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
.Hinweis-Container {
.Hinweis-Container {
border: 1px solid red;
/* border: 1px solid red; */
}
}


.Hinweis-Container--icon {
.Hinweis-Container--icon {
display: inline-flex;
display: inline-flex;
width: 0;  
min-width: 1.6em;  
height: 0;  
height: 1.6em;  
font-size: 1em;
font-size: 1em;
padding: 0.65em;
/* padding: 0.65em; */
align-items: center;
align-items: center;
justify-content: center;  
justify-content: center;  
border: 1px solid grey;
}
background-color: aqua;
 
margin-right: 3px;
.margin-right-6px {
margin-right: 6px;
}
}


.Hinweis-Container--Text-bordered {
.Hinweis-Container--Text-bordered {
display: inline-flex;
display: inline-flex;
padding: 0.08em;
padding: 0.08em 3px;
align-items: center;
align-items: center;
justify-content: center;  
justify-content: center;  
border: 1px solid grey;
background-color: blanchedalmond;
vertical-align: top;
vertical-align: top;
min-height: 1em;
min-height: 1em;
Zeile 30: Zeile 29:
.Hinweis-Container--Text-unbordered {
.Hinweis-Container--Text-unbordered {
display: inline-flex;
display: inline-flex;
color: green;
padding: 0.08em;
padding: 0.08em;
align-items: center;
align-items: center;
Zeile 39: Zeile 37:
}
}


.Hinweis-Container__ausblenden, .Hinweis-Container--icon__ausblenden, .Hinweis-Container--Text-bordered__ausblenden, .Hinweis-Container--Text-unbordered__ausblenden, .Hinweis-Container span:empty {
.Hinweis-Container__border {
display: none;
border: 1px solid #cacaca;
border-radius: 1px;
}
}


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


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


.nop {
.Hinweis-Container--Text__noborder {
margin: 0;
border: 0;  
display: inline-flex;
}
}


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


.em2 {
.Hinweis-Container--Icon__noborder {
font-size: 2em;
border: 0;  
}
}


.em3 {
.Hinweis-Container__ausblenden,
font-size: 3em;
.Hinweis-Container--icon__ausblenden,
.Hinweis-Container--Text-bordered__ausblenden,
.Hinweis-Container--Text-unbordered__ausblenden,
.Hinweis-Container span:empty {
display: none;
}
}


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


.bc-r {
li:first-child .Hinweis-Container.Hinweis-Container__einblenden {
background-color: #d71e0b;
vertical-align: top;
}
}


.bc-gr {
.Hinweis-Container__einblenden__block {
background-color: rgb(2,90,0);
display: flex;
}
}


.bc-g {
.d-flex {
background-color: rgb(255,200,0);
display: flex;
}
}


.bc-b {
.display__inline-flex {
background-color: rgb(2,100,130);
display: inline-flex;
}
 
.gelb {
background-color: #f0ad4e;;
}
 
.font-color__white-l {
color: rgba(255, 255, 255, 0.9);
}
 
.font-color__grau-l {
color: rgba(0, 0, 0, 0.6);
}
 
.UTM.bc-rot, .UMA.bc-rot {
background-color: #ec7063;
}
 
.MS.bc-rot {
background-color: #E74C3C;
}
 
.UTM.bc-gruen, .UMA.gruen {
background-color: #468847;
}
 
.MS.bc-gruen {
background-color: #2DCC71;
}
}

Version vom 27. Februar 2020, 09:14 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;
	}

.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 {
	display: none;
	}

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

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

.Hinweis-Container__einblenden__block {
	display: flex;
	}

.d-flex {
	display: flex;
	}

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