From d0af4cc92d521aee62d8c83bedee5b61c245be4a Mon Sep 17 00:00:00 2001 From: ulrich@undisclosed <ulrich@ulrich-vaio> Date: Sat, 16 May 2020 14:13:36 +0000 Subject: [PATCH] Eintrag im Deployment Descriptor berichtigt --- web/ui2/stile.css | 237 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 229 insertions(+), 8 deletions(-) diff --git a/web/ui2/stile.css b/web/ui2/stile.css index e3ee310..02093d1 100644 --- a/web/ui2/stile.css +++ b/web/ui2/stile.css @@ -27,11 +27,11 @@ 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; @@ -64,6 +64,7 @@ display: flex; flex-flow: column; /* background-color: #eaeaea; */ + height: 100%; width: 100%; } @@ -87,10 +88,46 @@ 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; @@ -102,21 +139,45 @@ font-size: medium; } +/* Dialoge (Info, Neuer Nutzer, ..) */ + .dialog { + display: flex; + flex-flow: column; position: relative; - /* height: 0.1em; */ transition: all 0.3s ease-in; + /* white-space: nowrap; */ } -.dlg-behaelter { - line-height: 1.6; +.dlg-behaelter { + display: flex; + flex-flow: column; + /* line-height: 1.6; */ + height: 100%; padding: 0.4em; } + .dlg-info { + display: flex; + flex-flow: column; background-color: #dcf2fb; /* blau */ padding: 0.4em; } + +.nutzer-form { + padding: 0.3em; +} + +.nutzer-eingabe { + width: 100%; + margin: 0.3em; +} + +.form-button-footer { + padding: 0.4em; +} + /* Close Button @@ -134,6 +195,41 @@ padding: 0; font-size: 1.3em; color: #b8b8b8; +} + +/* Nutzer-Rollen */ + +.rollen-ansicht-titel { + margin: 0; + padding: 0; +} + +.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 */ @@ -319,4 +415,129 @@ .icon-folder-empty:before { content: '\f114'; } /* '' */ .icon-folder-open-empty:before { content: '\f115'; } /* '' */ .icon-doc-inv:before { content: '\f15b'; } /* '' */ -.icon-doc-text-inv:before { content: '\f15c'; } /* '' */ \ No newline at end of file +.icon-doc-text-inv:before { content: '\f15c'; } /* '' */ + + +/* von Skeleton */ + +/* Buttons +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.button, +button, +input[type="submit"], +input[type="reset"], +input[type="button"] { + display: inline-block; + height: 38px; + padding: 0 30px; + color: #555; + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border-radius: 4px; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; } +.button:hover, +button:hover, +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +.button:focus, +button:focus, +input[type="submit"]:focus, +input[type="reset"]:focus, +input[type="button"]:focus { + color: #333; + border-color: #888; + outline: 0; } +.button.button-primary, +button.button-primary, +input[type="submit"].button-primary, +input[type="reset"].button-primary, +input[type="button"].button-primary { + color: #FFF; + background-color: #33C3F0; + border-color: #33C3F0; } +.button.button-primary:hover, +button.button-primary:hover, +input[type="submit"].button-primary:hover, +input[type="reset"].button-primary:hover, +input[type="button"].button-primary:hover, +.button.button-primary:focus, +button.button-primary:focus, +input[type="submit"].button-primary:focus, +input[type="reset"].button-primary:focus, +input[type="button"].button-primary:focus { + color: #FFF; + background-color: #1EAEDB; + border-color: #1EAEDB; } + + +/* Forms +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea, +select { + height: 38px; + padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ + background-color: #fff; + border: 1px solid #D1D1D1; + border-radius: 4px; + box-shadow: none; + box-sizing: border-box; } +/* Removes awkward default styles on some inputs for iOS */ +input[type="email"], +input[type="number"], +input[type="search"], +input[type="text"], +input[type="tel"], +input[type="url"], +input[type="password"], +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } +textarea { + min-height: 65px; + padding-top: 6px; + padding-bottom: 6px; } +input[type="email"]:focus, +input[type="number"]:focus, +input[type="search"]:focus, +input[type="text"]:focus, +input[type="tel"]:focus, +input[type="url"]:focus, +input[type="password"]:focus, +textarea:focus, +select:focus { + border: 1px solid #33C3F0; + outline: 0; } +label, +legend { + display: block; + margin-bottom: .5rem; + font-weight: 600; } +fieldset { + padding: 0; + border-width: 0; } +input[type="checkbox"], +input[type="radio"] { + display: inline; } +label > .label-body { + display: inline-block; + margin-left: .5rem; + font-weight: normal; } + -- Gitblit v1.9.3