From 1067492cb4e6fdfedfaa0f394a1665eab182ceb3 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Sven=20Sch=C3=B6ling?= Date: Fri, 28 Oct 2016 15:08:39 +0200 Subject: [PATCH] =?utf8?q?css:=20funktionales=20revamp=20f=C3=BCr=20action?= =?utf8?q?bar?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit - z-index für v3 und javascript gefixt - flat styling, weil die gradienten kaputt aussehen - top margins für actionbar und ohne gefixt - position:fixed korrigiert --- css/lx-office-erp/dhtmlsuite/menu-bar.css | 26 ++++------ css/lx-office-erp/frame_header/header.css | 10 ++-- css/lx-office-erp/main.css | 17 +++--- css/lx-office-erp/menu.css | 63 ++++++++++++++++------- 4 files changed, 66 insertions(+), 50 deletions(-) diff --git a/css/lx-office-erp/dhtmlsuite/menu-bar.css b/css/lx-office-erp/dhtmlsuite/menu-bar.css index c0a98954a..4a2bd641a 100644 --- a/css/lx-office-erp/dhtmlsuite/menu-bar.css +++ b/css/lx-office-erp/dhtmlsuite/menu-bar.css @@ -16,24 +16,18 @@ ************************************************************************************************************/ .DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */ - color:#FFF; - height:26px; - width:100%; - background-repeat:repeat-x; - font-family: sans-serif, Verdana, Arial, Helvetica; - z-index:100000; - padding-left:10px; -/* background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/ - background-image:url('../../../image/bg_css_menu.png'); + position: fixed; + height: 26px; + width: 100%; + z-index: 100; + padding-left: 10px; + background-color: #d0cfc9; } .DHTMLSuite_menuBar_sub{ - position:absolute; - background-color:#FFF; - border:1px solid #000; - background-image:url('../../../image/dhtmlsuite/menu-bar-gradient.jpg'); /* Background image for sub menu items */ - background-repeat:repeat-y; - background-position: left center; - display:inline; + position: fixed; + background-color: #FFF; + border: 1px solid #000; + display: inline; } diff --git a/css/lx-office-erp/frame_header/header.css b/css/lx-office-erp/frame_header/header.css index b672bc18d..33f9ff3b8 100644 --- a/css/lx-office-erp/frame_header/header.css +++ b/css/lx-office-erp/frame_header/header.css @@ -2,17 +2,17 @@ #frame-header .frame-header-element a:visited, #frame-header .frame-header-element a:hover, #frame-header .frame-header-element a:active { - color: white; + color: black; background: none; text-decoration: underline; } #frame-header { - background: url('../../../image/bg_titel.gif') repeat-x; + background-color: #d0cfc9; text-align: center; margin: 0; padding: 0; - color: white; + color: black; border: 0; overflow: hidden; height: 20px; @@ -20,7 +20,7 @@ border-spacing: 0; position: fixed; top: 0; - z-index: 20; + z-index: 40; } #frame-header + div { @@ -39,7 +39,7 @@ #frame-header .frame-header-center, #frame-header .frame-header-right { border-spacing: 0; - color: white; + color: black; padding: 0; font-family: verdana,arial,sans-serif; vertical-align: middle; diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css index 50038aa16..40263f351 100644 --- a/css/lx-office-erp/main.css +++ b/css/lx-office-erp/main.css @@ -9,11 +9,6 @@ A:hover { color: black; background-color: lemonchiffon; text-decoration: none; } -a, div { - transition: background-color 0.2s; - -moz-transition: background-color 0.2s; - -webkit-transition: background-color 0.2s; -} input, textarea, select { border: 1px; @@ -79,7 +74,6 @@ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; background-color: white; - background-image: url("../../image/fade.png"); background-repeat:repeat-x; color: black; height: 100%; } @@ -543,7 +537,9 @@ div.layout-actionbar { height: 25px; top: 20px; z-index: 20; -/* background-color: whitesmoke; */ + background-color: #d0cfc9; + width: 100%; + padding: 2px; } div.layout-actionbar-action { @@ -553,15 +549,16 @@ div.layout-actionbar-action { -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* don't select text on double click */ - transition: background-color 0s; - -moz-transition: background-color 0s; - -webkit-transition: background-color 0s; } div.layout-actionbar ~ div { padding-top: 25px; } +div.layout-actionbar > div + div { + margin-left: 2px; +} + div.layout-actionbar-separator { display: inline-block; width: 20px; diff --git a/css/lx-office-erp/menu.css b/css/lx-office-erp/menu.css index 95261a716..4324647f3 100644 --- a/css/lx-office-erp/menu.css +++ b/css/lx-office-erp/menu.css @@ -1,6 +1,5 @@ body.menu { - background-image: url("../../image/fade.png");background-repeat:repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: black; @@ -9,13 +8,13 @@ body.menu { table.menunew { border: 0; width: 100%; - background-image: url("../../image/bg_titel.gif"); + background-color: #f0efde; border-spacing: 0; } table.menunew td { padding: 0; - color:white; + color:black; font-family: Verdana, Arial, sans-serif; } @@ -24,16 +23,42 @@ body.menunew { margin:0px; } +#main_menu_div { + background-color: #d0cfc9 +} + +#main_menu_div ~ div.layout-actionbar { + top: 45px; +} + +#main_menu_div ~ #content { + padding-top: 25px; +} +#main_menu_div ~ div.layout-actionbar ~ #content { + padding-top: 54px; +} + #menuv3 { -width:99.8%; -float:left; -background:url(../../image/bg_css_menu.png) repeat bottom; -border:1px solid; -border-color:#ccc #888 #555 #bbb; + width: 100%; + position: fixed; + background-color: #d0cfc9; + border-color:#ccc #888 #555 #bbb; + z-index: 30; +} + +#menuv3 ~ div.layout-actionbar { + top: 40px; +} +#menuv3 ~ #content { + padding-top: 35px; +} +#menuv3 ~ div.layout-actionbar ~ #content { + padding-top: 64px; } #menuv3 a, #menuv3 h2, #menuv3 div.x { -font:11px/16px arial,helvetica,sans-serif; +font-size:13px; +font-weight: normal; display:block; border:0; border-right:1px; @@ -45,7 +70,7 @@ padding:1px 0 1px 3px; } #menuv3 h2 { -color:#fff; +color: black; padding:2px 10px; } @@ -63,13 +88,14 @@ background:#eee url(../../image/right.gif) no-repeat right; } #menuv3 a:hover, #menuv3 div.x:hover { -color:#a00; -background-color:#ddd; +/*color:#a00; +background-color:#ddd;*/ + background-color: #c6c39b; } #menuv3 a:active, #menuv3 div.x:active { -color:#060; -background-color:#ccc; +color:#000; +background-color:#c6c39b; } #menuv3 ul { @@ -83,6 +109,7 @@ float:left; position:relative; float:none; border:0; +border-width:0 0 1px 0; } /* IE6 spacing bug fix,
  • s without a bottom border get spaced to far @@ -105,8 +132,7 @@ border-width:0 0 1px 0; * causing the menu to close. Opera 9 has the same bug btw. */ #menuv3 ul ul { position:absolute; -z-index:500; -top:auto; +z-index: 500; display:none; } @@ -124,13 +150,12 @@ improves IE's performance speed to use the older file and this method */ div#menuv3 h2:hover { -background:#A3C5FF; -color:#a00; +background:#c6c39b; +color:#000; } div#menuv3 li:hover { cursor:pointer; -z-index:100; } div#menuv3 li:hover ul ul, -- 2.20.1