From f320427aedc5b1bd73da7e08c0e84cef9d7ec66f Mon Sep 17 00:00:00 2001
From: ulrich
Date: Sun, 17 Jan 2021 15:49:42 +0000
Subject: [PATCH] Funktion der Schaltflaechen in Kopfleise fertig, Pikto erweitert

---
 web/ui2/stile.css |  159 +++++++++++++++++++++++++++++++++++------------------
 1 files changed, 105 insertions(+), 54 deletions(-)

diff --git a/web/ui2/stile.css b/web/ui2/stile.css
index a920da1..6935c4b 100644
--- a/web/ui2/stile.css
+++ b/web/ui2/stile.css
@@ -4,50 +4,6 @@
 */
 
 
-
-/* Stile Code-Editor */
-
-/* der div-Behaelter fuer die Textarea */
-.codeeditor-space {
-  /*
-  width: 100%;
-  height: 100%;
-  border: 1px solid lightgrey;
-  */
-  flex:1 1 auto;
-  margin-top:0;
-  height:100%;
-  position:relative;
-}
-
-/* Textarea fuer CodeMirror */
-/*
-.codeeditor {
-  height: 100%;
-}
-*/
-/* die Codemirror-Instanz selbst */
-.CodeMirror {
-  position:absolute;
-  top:0;
-  bottom:0;
-  left:0;
-  right:0;
-  height: 100%;
-}
-
-/* Stile MCE-Editor */
-
-.mce-editor {
-  width: 100%;
-  height: 100%;  
-}
-.text-editor {
-  width: 100%;
-  height: 100%;
-}
-
-
 /* aus App-Vorlage */
 
 html, body {
@@ -73,7 +29,7 @@
   overflow: hidden;
 }
 .nord {
-  background-color: #0f0f0f;
+  background-color: #3f3f3f;
   display: flex;
   flex-flow: row;
   height: 2em;
@@ -159,8 +115,24 @@
 
 /* file-cms stile */
 
+.top-btn-area {
+  /*margin-left: auto;*/
+  margin: 0 1em 0 2em;
+}
+
+.top-btn {
+  margin: 0;
+  padding: 0 0.2em 0 0.2em;
+  height: 28px;
+  line-height: 24px;
+  text-align: center;
+  font-size: large;
+  background-color: white;
+  /* width: 1em; */
+}
+
 .breadcrumb {
-  background-color: #e0e0e0;
+  background-color: #f2f2f2;
   padding: 0.2em;
   font-size: medium;
 }
@@ -182,11 +154,13 @@
 .dlg-behaelter {
   line-height: 1.6;
   padding: 0.4em;
+  font-size: 1em;
 }
 
 .dlg-info {
-  background-color: #dcf2fb; /* blau */ 
+  /* background-color: #f5fbe3; */
   padding: 0.4em;
+  font-size: 0.9em;  
 }
 
 /*
@@ -226,6 +200,19 @@
   text-align: center;
 }
 
+.datei-zeile {
+  font-size: smaller;  
+  cursor: pointer;
+}
+
+.datei-zeile:hover {
+  background-color: #e5e5e5;
+}
+
+.datei-zeile-ueberschrift {
+  font-size: smaller;  
+}
+
 .datei-gewaehlt {
   background-color: lightblue;
 }
@@ -244,13 +231,57 @@
 
 
 
+/* Stile Code-Editor */
+
+/* der div-Behaelter fuer die Textarea */
+.codeeditor-space {
+  /*
+  width: 100%;
+  height: 100%;
+  border: 1px solid lightgrey;
+  */
+  flex:1 1 auto;
+  margin-top:0;
+  height:100%;
+  position:relative;
+}
+
+/* Textarea fuer CodeMirror */
+/*
+.codeeditor {
+  height: 100%;
+}
+*/
+/* die Codemirror-Instanz selbst */
+.CodeMirror {
+  position:absolute;
+  top:0;
+  bottom:0;
+  left:0;
+  right:0;
+  height: 100%;
+}
+
+/* Stile MCE-Editor */
+
+.mce-editor {
+  width: 100%;
+  height: 100%;  
+}
+.text-editor {
+  width: 100%;
+  height: 100%;
+}
+
+
+
 
 /* für app-menu */
 
 .app-menu {
   margin: 0;
   padding: 0;
-  font-size: 0.9em;
+  font-size: 0.8em;
 }
 .app-menu-kopf {
   text-align: center;
@@ -267,6 +298,9 @@
   text-align: right;
   cursor: pointer;
   margin-bottom: 0.1em;
+}
+.app-menu-item:hover {
+  background-color: #e5e5e5;
 }
 .app-menu-item-submark {
   color: transparent;
@@ -378,16 +412,26 @@
 
 @font-face {
   font-family: 'pikto';
-  src: url('font/pikto.ttf?37040783') format('truetype');
+  src: url('font/pikto.ttf?22834745') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'pikto';
+    src: url('../font/pikto.svg?22834745#pikto') format('svg');
+  }
+}
+*/
  
  [class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "pikto";
   font-style: normal;
   font-weight: normal;
-  speak: none;
+  speak: never;
  
   display: inline-block;
   text-decoration: inherit;
@@ -418,15 +462,22 @@
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
  
-.icon-folder:before { content: '\e800'; } /* '' */
-.icon-folder-open:before { content: '\e801'; } /* '' */
-.icon-th-large:before { content: '\e802'; } /* '' */
-.icon-th-list:before { content: '\e803'; } /* '' */
+.icon-cancel:before { content: '\e800'; } /* '' */
+.icon-th-large:before { content: '\e801'; } /* '' */
+.icon-th-list:before { content: '\e802'; } /* '' */
+.icon-folder:before { content: '\e803'; } /* '' */
+.icon-folder-open:before { content: '\e804'; } /* '' */
+.icon-doc:before { content: '\e805'; } /* '' */
+.icon-trash-empty:before { content: '\e806'; } /* '' */
+.icon-pencil:before { content: '\e807'; } /* '' */
+.icon-docs:before { content: '\f0c5'; } /* '' */
+.icon-menu:before { content: '\f0c9'; } /* '' */
 .icon-doc-text:before { content: '\f0f6'; } /* '' */
 .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'; } /* '' */
+.icon-trash:before { content: '\f1f8'; } /* '' */
 
 /* von Skeleton */
 

--
Gitblit v1.9.3