|
|
Zeile 69: |
Zeile 69: |
| 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 ***/
| |