| | |
| | | flex-flow: row; |
| | | height: 100%; /* Anmerkung 2 */ |
| | | min-height: 0; /* Anmerkung 1 */ |
| | | background-color: #ededed; |
| | | /* background-color: #ededed; */ |
| | | overflow: hidden; |
| | | } |
| | | .nord { |
| | | background-color: black; |
| | | background-color: #eee; |
| | | display: flex; |
| | | flex-flow: row; |
| | | height: 2em; |
| | |
| | | immer ueber das gesamte Browserfenster ausdehnt. |
| | | */ |
| | | |
| | | /* Kopfleiste */ |
| | | |
| | | .app-titel { |
| | | margin-left: 0.6em; |
| | | color: white; |
| | | margin-left: 0.1em; |
| | | color: black; |
| | | } |
| | | |
| | | .zurueck-btn, .zurueck-btn:focus { |
| | | border: 0; |
| | | margin: 0 1.2em 0 0.6em; |
| | | padding: 0; |
| | | color: black; |
| | | } |
| | | |
| | | .zurueck-btn:hover { |
| | | color: #888; |
| | | } |
| | | |
| | | .top-btn { |
| | | margin: 0 1em 0 1em; |
| | | |
| | | height: 28px; |
| | | line-height: 24px; |
| | | text-align: center; |
| | | font-size: large; |
| | | } |
| | | |
| | | /* Nutzerliste */ |
| | | |
| | | .nutzer-liste-eintrag { |
| | | margin: 0; |
| | | padding: 0.3em 0 0 0; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .nutzer-gewaehlt { |
| | | background-color: lightsteelblue; |
| | | } |
| | | |
| | | /* ... */ |
| | | |
| | | .pointer-cursor { |
| | | cursor: pointer; |
| | |
| | | padding: 0.2em; |
| | | font-size: medium; |
| | | } |
| | | |
| | | /* Dialoge (Info, Neuer Nutzer, ..) */ |
| | | |
| | | .dialog { |
| | | display: flex; |
| | |
| | | padding: 0.4em; |
| | | } |
| | | |
| | | .rollen-behaelter { |
| | | |
| | | } |
| | | |
| | | .granted-role-btn { |
| | | margin: 0.2em; |
| | | background-color: lightcoral; |
| | | } |
| | | |
| | | .avl-role-btn { |
| | | margin: 0.2em; |
| | | background-color: darkseagreen; |
| | | } |
| | | |
| | | .dlg-info { |
| | | display: flex; |
| | |
| | | color: #b8b8b8; |
| | | } |
| | | |
| | | /* Nutzerliste */ |
| | | /* Nutzer-Rollen */ |
| | | |
| | | .nutzer-liste-eintrag { |
| | | cursor: pointer; |
| | | .rollen-ansicht-titel { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | .nutzer-gewaehlt { |
| | | background-color: lightsteelblue; |
| | | .rollen-ueberschrift { |
| | | margin: 1.2em 0 0.2em 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | .rollen-behaelter { |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | .granted-role-btn { |
| | | height: 2.5em; |
| | | padding: 0 0.5em; |
| | | margin: 0.2em; |
| | | background-color: lightcoral; |
| | | text-transform: none; |
| | | font-size: medium; |
| | | } |
| | | |
| | | .avl-role-btn { |
| | | height: 2.5em; |
| | | padding: 0 0.5em; |
| | | margin: 0.2em; |
| | | background-color: darkseagreen; |
| | | text-transform: none; |
| | | font-size: medium; |
| | | } |
| | | |
| | | /* für app-menu */ |