Vorlage:Hinweis3.css: Unterschied zwischen den Versionen

Version vom 28. Januar 2020, 09:56 Uhr

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

.Hinweis-Container--icon {
	display: inline-flex;
	width: 0; 
	height: 0; 
	font-size: 1em;
	padding: 0.65em;
	align-items: center;
	justify-content: center; 
	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__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;
	}

.Hinweis-Container__einblenden__block {
	display: flex;
	}

.em1 {
	font-size: 1em;
	}

.em2 {
	font-size: 2em;
	}

.em3 {
	font-size: 3em;
	}

.d-flex {
	display: flex;
	}

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

.bc__r {
	background-color: #d71e0b;
	}

.bc__gr {
	background-color: rgb(2,90,0);
	}

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

.bc__b {
	background-color: rgb(2,100,130);
	}

.bc__gelb {
	background-color: #f0ad4e;;
	}

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

.MS.bc__rot {
	background-color: #E74C3C;
	}

.UTM.bc__gruen, 
.UTM.bc__grün, 
.UMA.bc__gruen, 
.UMA.bc__grün {
	background-color: #468847;
	}

.MS.bc__gruen, 
.MS.bc__grün {
	background-color: #2DCC71;
	}




.font-color__white-l {
	color: rgba(255, 255, 255, 0.9);
	}

.font-color__grau-l {
	color: rgba(0, 0, 0, 0.6);
	}

.font-color__b {
	color: rgb(2,100,130);
	}