From b655126533976a98c2852dfb4016afab741982cc Mon Sep 17 00:00:00 2001 From: ulrich Date: Sun, 17 Jan 2021 12:03:06 +0000 Subject: [PATCH] Schaltflaechen im Kopf hinzugefuegt, funktionalitaet noch in Arbeit --- web/ui2/stile.css | 130 +++++++++++++++++++++++++++---------------- 1 files changed, 82 insertions(+), 48 deletions(-) diff --git a/web/ui2/stile.css b/web/ui2/stile.css index a920da1..7bbd2fd 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; @@ -268,6 +299,9 @@ cursor: pointer; margin-bottom: 0.1em; } +.app-menu-item:hover { + background-color: #e5e5e5; +} .app-menu-item-submark { color: transparent; cursor: pointer; -- Gitblit v1.9.3