Wechseln zu:Navigation, Suche
Wiki
K
K
 
(10 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 40: Zeile 43:
  
 
.Hinweis-Container__noborder {
 
.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;  
 
border: 0;  
 
}
 
}
Zeile 56: Zeile 77:
 
.Hinweis-Container--Text-unbordered__einblenden {
 
.Hinweis-Container--Text-unbordered__einblenden {
 
display: inline-flex;
 
display: inline-flex;
 +
}
 +
 +
li:first-child .Hinweis-Container.Hinweis-Container__einblenden {
 +
vertical-align: top;
 
}
 
}
  
Zeile 69: Zeile 94:
 
display: inline-flex;
 
display: inline-flex;
 
}
 
}
 
 
/*** Schriftgrößen ***/
 
.em1 {
 
font-size: 1em;
 
}
 
 
.em2 {
 
font-size: 2em;
 
}
 
 
.em3 {
 
font-size: 3em;
 
}
 
 
/*** Ende Schriftgrößen ***
 
 
 
 
/*** Hintergrundfarben ***/
 
 
.UTM.bc__gruen,
 
.UTM.bc__grün,
 
.UMA.bc__gruen,
 
.UMA.bc__grün {
 
background-color: #468847;
 
}
 
 
.MS.bc__gruen,
 
.MS.bc__grün,
 
.MDM.bc__gruen,
 
.MDM.bc__grün {
 
background-color: #2DCC71;
 
}
 
 
.UTM.bc__rot,
 
.UMA.bc__rot {
 
background-color: #ec7063;
 
}
 
 
.MS.bc__rot,
 
.MDM.bc__rot  {
 
background-color: #E74C3C;
 
}
 
 
.UTM.bc__grau {
 
background-color: rgb(153, 153, 153);
 
}
 
 
.UMA.bc__grau {
 
background-color: #555555;
 
}
 
 
.MS.bc__grau,
 
.MDM.bc__grau {
 
background-color: #cccccc;
 
}
 
 
 
.bc__dgrau {
 
background-color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
 
}
 
 
.bc__hgrau {
 
background-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
 
}
 
 
.bc__grau-app {
 
background-color: #c1cbce; /* Graue Balken in der Android-App */
 
}
 
 
.bc__grau-s {
 
background-color: #55676d; /* Graue Schrift in Android-App  */
 
}
 
 
.bc__grau-b {
 
background-color: #878a90; /* Graue Buttons in Android-App  */
 
}
 
 
.bc__blau {
 
background-color: rgb(58, 135, 173); /* Zonen, Bereiche  */
 
}
 
 
.bc__hblau, .bc__hell-blau {
 
background-color: #00bcd4; /* Geblockte Anfragen  */
 
}
 
 
.bc__macos-blau {
 
background-color: #257bfe; /* Schaltflächen in MacOS  */
 
}
 
 
.bc__rots {
 
background-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
 
}
 
 
.bc__rotaus {
 
background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
 
}
 
 
.bc__orange {
 
background-color: #ff5722; /* verwendet für Warnungen in Statistik  */
 
}
 
 
.bc__ddgrau {
 
background-color: #484c53; /* Graue Ränder  */
 
}
 
 
.bc__rotr {
 
background-color: #e43725; /* verwendet für Border von Schaltflächen  */
 
}
 
 
.bc__rotbd {
 
background-color: #d62c1a; /* verwendet für Border von Hinweisen  */
 
}
 
 
.bc__rot-cb {
 
background-color: #ef8b80; /* verwendet für Border von Clickboxen  */
 
}
 
 
.bc__white-lbd {
 
background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
 
}
 
 
.bc__gelbbd {
 
background-color: #ec971f; /* Border gelbe Felder  */
 
}
 
 
.bc__grünbd {
 
background-color: #24a25a; /* Border grüne Felder  */
 
}
 
 
.bc__r, .bc__warnung {
 
background-color: #d71e0b; /* rot */
 
}
 
 
.bc__gr,  .bc__positiv {
 
background-color: rgb(2,90,0); /* grün */
 
}
 
 
.bc__g, .bc__hinweis {
 
background-color: rgb(255,200,0); /* gelb */
 
}
 
 
.bc__b {
 
background-color: rgb(2,100,130); /* blau */
 
}
 
 
.bc__gelb {
 
background-color: #f0ad4e;
 
}
 
 
.UTM.bc__rot, .UMA.bc__rot {
 
background-color: #ec7063;
 
}
 
 
.MS.bc__rot {
 
background-color: #E74C3C;
 
}
 
 
.bc__ja, tbody > tr > td.bc__ja {
 
background-color: #CCFFCC;
 
}
 
 
.bc__teilweise, tbody > tr > td.bc__teilweise {
 
background-color: #fcffcc;
 
}
 
 
.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 {
 
border-color: #00bcd4; /* Geblockte Anfragen  */
 
}
 
 
.border-color__macos-blau {
 
border-color: #257bfe; /* Schaltflächen in MacOS  */
 
}
 
 
.border-color__rots {
 
border-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
 
}
 
 
.border-color__rotaus {
 
border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
 
}
 
 
.border-color__orange {
 
border-color: #ff5722; /* verwendet für Warnungen in Statistik  */
 
}
 
 
.border-color__ddgrau {
 
border-color: #484c53; /* Graue Ränder  */
 
}
 
 
.border-color__rotr {
 
border-color: #e43725; /* verwendet für Border von Schaltflächen  */
 
}
 
 
.border-color__rotbd {
 
border-color: #d62c1a; /* verwendet für Border von Hinweisen  */
 
}
 
 
.border-color__rot-cb {
 
border-color: #ef8b80; /* verwendet für Border von Clickboxen  */
 
}
 
 
.border-color__white-lbd {
 
border-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
 
}
 
 
.border-color__gelbbd {
 
border-color: #ec971f; /* Border gelbe Felder  */
 
}
 
 
.border-color__grünbd {
 
border-color: #24a25a; /* Border grüne Felder  */
 
}
 
 
.border-color__r, .border-color__warnung {
 
border-color: #d71e0b; /* rot */
 
}
 
 
.border-color__gr,  .border-color__positiv {
 
border-color: rgb(2,90,0); /* grün */
 
}
 
 
.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 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;
	}