KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
.Hinweis-Container { | .Hinweis-Container { | ||
border: 1px solid red; | /* border: 1px solid red; */ | ||
} | } | ||
Zeile 12: | Zeile 12: | ||
justify-content: center; | justify-content: center; | ||
border: 1px solid grey; | border: 1px solid grey; | ||
margin-right: 6px; | margin-right: 6px; | ||
} | } | ||
Zeile 22: | Zeile 21: | ||
justify-content: center; | justify-content: center; | ||
border: 1px solid grey; | border: 1px solid grey; | ||
vertical-align: top; | vertical-align: top; | ||
min-height: 1em; | min-height: 1em; | ||
Zeile 30: | Zeile 28: | ||
.Hinweis-Container--Text-unbordered { | .Hinweis-Container--Text-unbordered { | ||
display: inline-flex; | display: inline-flex; | ||
padding: 0.08em; | padding: 0.08em; | ||
align-items: center; | align-items: center; | ||
Zeile 39: | Zeile 36: | ||
} | } | ||
.Hinweis-Container__ausblenden, .Hinweis-Container--icon__ausblenden, .Hinweis-Container--Text-bordered__ausblenden, .Hinweis-Container--Text-unbordered__ausblenden, .Hinweis-Container span:empty { | .Hinweis-Container__ausblenden, | ||
.Hinweis-Container--icon__ausblenden, | |||
.Hinweis-Container--Text-bordered__ausblenden, | |||
.Hinweis-Container--Text-unbordered__ausblenden, | |||
.Hinweis-Container span:empty { | |||
display: none; | display: none; | ||
} | } | ||
.Hinweis-Container__einblenden, .Hinweis-Container--icon__einblenden, .Hinweis-Container--Text-bordered__einblenden, .Hinweis-Container--Text-unbordered__einblenden { | .Hinweis-Container__einblenden, | ||
.Hinweis-Container--icon__einblenden, | |||
.Hinweis-Container--Text-bordered__einblenden, | |||
.Hinweis-Container--Text-unbordered__einblenden { | |||
display: inline-flex; | display: inline-flex; | ||
} | } | ||
Zeile 104: | Zeile 108: | ||
} | } | ||
.UTM.bc__gruen, .UTM.bc__grün, .UMA.bc__gruen, .UMA.bc__grün { | .UTM.bc__gruen, | ||
.UTM.bc__grün, | |||
.UMA.bc__gruen, | |||
.UMA.bc__grün { | |||
background-color: #468847; | background-color: #468847; | ||
} | } | ||
.MS.bc__gruen, .MS.bc__grün { | .MS.bc__gruen, | ||
.MS.bc__grün { | |||
background-color: #2DCC71; | background-color: #2DCC71; | ||
} | } |
Version vom 28. Januar 2020, 08:57 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; border: 1px solid grey; margin-right: 6px; } .Hinweis-Container--Text-bordered { display: inline-flex; padding: 0.08em 3px; align-items: center; justify-content: center; border: 1px solid grey; 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__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; } .nop { margin: 0; display: inline-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); }