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 | 233 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 170 insertions(+), 63 deletions(-)
diff --git a/web/ui2/stile.css b/web/ui2/stile.css
index 3a8a3e3..6935c4b 100644
--- a/web/ui2/stile.css
+++ b/web/ui2/stile.css
@@ -4,41 +4,6 @@
*/
-
-/* Stile Code-Editor */
-
-.code-editor-container {
- height: 100%;
-}
-
-.codeeditor {
- height: 100%;
-}
-
-.codeeditor-space {
- width: 100%;
- height: 100%;
- border: 1px solid lightgrey;
-}
-
-.CodeMirror {
- height: 100%;
-}
-
-/* Stile MCE-Editor */
-
-.mce-editor {
- width: 100%;
- height: 100%;
-}
-.text-editor {
- width: 100%;
- height: 100%;
-}
-
-
-
-
/* aus App-Vorlage */
html, body {
@@ -54,6 +19,8 @@
flex-flow: column;
}
.inhalt {
+ padding: 0;
+ margin: 0;
display: flex;
flex-flow: row;
height: 100%; /* Anmerkung 2 */
@@ -62,11 +29,13 @@
overflow: hidden;
}
.nord {
- background-color: black;
+ background-color: #3f3f3f;
display: flex;
flex-flow: row;
height: 2em;
align-items: center;
+ margin: 0;
+ padding: 0;
}
.sued {
height: 1.5em;
@@ -78,7 +47,7 @@
flex-grow: 0;
flex-shrink: 0;
flex-basis: 4em;
- background-color: white;
+ background-color: aliceblue;
transition: all 0.3s ease-in;
overflow: hidden;
white-space: nowrap;
@@ -91,31 +60,35 @@
background-color: antiquewhite;
overflow: hidden;
}
-.arbeitsbereich {
- display: flex;
- flex-flow: column;
- width: 100%;
-}
.zentrum-behaelter {
+ padding: 0;
+ margin: 0;
display: flex;
flex-flow: column;
/* background-color: #eaeaea; */
+ background-color: white;
width: 100%;
}
.zentrum {
width: 100%;
height: 100%;
+ padding: 0;
+ margin: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.zentraler-inhalt {
- padding: 0.5em;
+ padding: 0;
+ margin: 0;
+ background-color: white;
}
.zentrum-liste {
+ padding: 0;
+ margin: 0;
display: flex;
flex-flow: row;
flex-wrap: wrap;
@@ -130,18 +103,43 @@
*/
.app-titel {
- margin-left: 0.6em;
+ margin: 0 0 0 0.6em;
+ padding: 0;
color: white;
+ font-size: 1em;
}
.pointer-cursor {
cursor: pointer;
}
+/* 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: beige;
+ background-color: #f2f2f2;
padding: 0.2em;
font-size: medium;
+}
+
+.breadcrumb a {
+ text-decoration: none;
+ color: #0033ff;
}
.pull-right {
@@ -150,18 +148,19 @@
.dialog {
position: relative;
- /* height: 0.1em; */
transition: all 0.3s ease-in;
}
.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;
}
/*
@@ -182,42 +181,131 @@
color: #b8b8b8;
}
+.figure {
+ padding: 0.2em;
+ margin: 0.2em;
+}
+
+.datei-figure {
+ width: 2em;
+ cursor: pointer;
+ font-size: 1.6em;
+ text-align: center;
+ /*background-color: blanchedalmond;*/
+}
+
+.figure-caption {
+ font-size: medium;
+ /*background-color: ivory;*/
+ 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;
+}
+
+.ordner {
+ color: navajowhite;
+}
+
+.datei {
+ color: lightgray;
+}
+
.datei-gewaehlt {
background-color: lightblue;
}
-/* für app-menu */
+/* 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.8em;
}
-
.app-menu-kopf {
text-align: center;
+ font-size: 0.9em;
}
-
ul.app-menu {
list-style: none;
}
-
.app-menu-item-back {
- margin-bottom: 0.3em;
+ margin-bottom: 0.4em;
cursor: pointer;
}
-
.app-menu-item {
text-align: right;
cursor: pointer;
+ margin-bottom: 0.1em;
}
-
+.app-menu-item:hover {
+ background-color: #e5e5e5;
+}
.app-menu-item-submark {
color: transparent;
cursor: pointer;
}
-
/*
Das div-Element, das das Menue aufnimmt erhaelt
die Klasse app-menu-content
@@ -240,6 +328,7 @@
background-color: transparent;
border: 0;
margin: 0;
+ padding: 0 0 0 0.3em;
overflow: visible;
}
@@ -249,15 +338,16 @@
.hamburger-box {
width: 40px;
- height: 24px;
+ height: 24px; /* war 24px */
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
- top: 50%;
+ /* top: 50%; */
margin: 0;
+ padding: 0;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
@@ -322,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;
@@ -362,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