From a9a9afb92a39cb9df1029e86877b9eff8f57d3d5 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Sun, 17 May 2020 13:12:59 +0000
Subject: [PATCH] Stile verfeinert

---
 web/ui2/stile.css |  184 ++++++++++++---------------------------------
 1 files changed, 49 insertions(+), 135 deletions(-)

diff --git a/web/ui2/stile.css b/web/ui2/stile.css
index 02093d1..39008ba 100644
--- a/web/ui2/stile.css
+++ b/web/ui2/stile.css
@@ -3,11 +3,6 @@
     Author     : ulrich
 */
 
-
-
-
-
-
 /* aus App-Vorlage */
 
 html, body {
@@ -66,6 +61,7 @@
   /* background-color: #eaeaea; */
   height: 100%;
   width: 100%;
+  padding: 0 0.4em 0 0.4em;
 }
 
 .zentrum {
@@ -78,8 +74,14 @@
 
 .zentraler-inhalt {
   padding: 0.5em;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
+.zentrum-liste {
+  overflow-x: hidden;
+  overflow-y: auto;  
+}
 /*
   Anmerkungen:
   1.) min.height: 0 fuer body und inhalt ist gegen einen Bug, vgl.
@@ -108,11 +110,22 @@
 
 .top-btn {
   margin: 0 1em 0 1em;
-
   height: 28px;
   line-height: 24px;
   text-align: center;
   font-size: large;
+  background-color: white;
+}
+
+.del-user-btn {
+  margin: 0 1.5em 0 1em;
+  height: 28px;
+  line-height: 24px;
+  text-align: center;
+}
+
+.danger-btn {
+  background-color: lightcoral;
 }
 
 /* Nutzerliste */
@@ -165,6 +178,10 @@
   padding: 0.4em;
 }
 
+.dlg-info-app-titel {
+  margin-bottom: 0.4em;
+}
+
 .nutzer-form {
   padding: 0.3em;
 }
@@ -176,6 +193,10 @@
 
 .form-button-footer {
   padding: 0.4em;
+}
+
+.bold-text {
+  font-weight: bold;
 }
 
 
@@ -218,8 +239,8 @@
   height: 2.5em;
   padding: 0 0.5em;
   margin: 0.2em;
-  background-color: lightcoral;
   text-transform: none;
+  background-color: #fdfbe2;
   font-size: medium;
 }
 
@@ -227,140 +248,33 @@
   height: 2.5em;
   padding: 0 0.5em;
   margin: 0.2em;
-  background-color: darkseagreen;
+  background-color: #eee;
   text-transform: none;
   font-size: medium;
 }
 
-/* für app-menu */
-
-
-.app-menu {
-  margin: 0;
-  padding: 0;
+@media (min-width: 800px) {
+  .zentrum-behaelter {
+    padding: 0 1em 0 1em;
+  }
+  .zentrum-behaelter, .nord {
+    margin: 0 10% 0 10%;
+  }
+}
+@media (min-width: 1200px) {
+  .zentrum-behaelter {
+    padding: 0 1.5em 0 1.5em;
+  }
+  .zentrum-behaelter, .nord {
+    margin: 0 15% 0 15%;
+  }
 }
 
-.app-menu-kopf {
-  text-align: center;
-}
-
-ul.app-menu {
-	list-style: none;
-}
-
-.app-menu-item-back {
-  margin-bottom: 0.3em;
-  cursor: pointer;
-}
-
-.app-menu-item {
-  text-align: right;
-  cursor: pointer;
-}
-
-.app-menu-item-submark {
-  color: transparent;
-  cursor: pointer;
-}
-
-/*
-  Das div-Element, das das Menue aufnimmt erhaelt
-  die Klasse app-menu-content
-*/
-.app-menu-content {
-  overflow: hidden;
-}
-
-/* für Hamburger Icon */
-
-.hamburger {
-  display: inline-block;
-  cursor: pointer;
-  transition-property: opacity, filter;
-  transition-duration: 0.15s;
-  transition-timing-function: linear;
-  font: inherit;
-  color: inherit;
-  text-transform: none;
-  background-color: transparent;
-  border: 0;
-  margin: 0;
-  overflow: visible;
-}
-
-.hamburger:hover {
-  opacity: 0.7;
-}
-
-.hamburger-box {
-  width: 40px;
-  height: 24px;
-  display: inline-block;
-  position: relative;
-}
-
-.hamburger-inner {
-  display: block;
-  top: 50%;
-  margin: 0;
-}
-
-.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
-  width: 30px;
-  height: 4px;
-  background-color: white; /* #000; */
-  border-radius: 4px;
-  position: absolute;
-  transition-property: transform;
-  transition-duration: 0.15s;
-  transition-timing-function: ease;
-}
-
-.hamburger-inner::before, .hamburger-inner::after {
-  content: "";
-  display: block;
-}
-
-.hamburger-inner::before {
-  top: -10px;
-}
-
-.hamburger-inner::after {
-  bottom: -10px;
-}
-
-/*
- * Elastic
- */
-.hamburger--elastic .hamburger-inner {
-  top: 2px;
-  transition-duration: 0.275s;
-  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-
-.hamburger--elastic .hamburger-inner::before {
-  top: 10px;
-  transition: opacity 0.125s 0.275s ease;
-}
-
-.hamburger--elastic .hamburger-inner::after {
-  top: 20px;
-  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-}
-
-.hamburger--elastic.is-active .hamburger-inner {
-  transform: translate3d(0, 10px, 0) rotate(135deg);
-  transition-delay: 0.075s;
-}
-
-.hamburger--elastic.is-active .hamburger-inner::before {
-  transition-delay: 0s;
-  opacity: 0;
-}
-
-.hamburger--elastic.is-active .hamburger-inner::after {
-  transform: translate3d(0, -20px, 0) rotate(-270deg);
-  transition-delay: 0.075s;
+@font-face {
+  font-family: 'Roboto Condensed';
+  src: url('/lib/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
 }
 
 /* Font für Piktogramme mit Fontello aus FontAwesome erzeugt */

--
Gitblit v1.9.3