From adc9b96cee1263480fb2bc1d574cc1c6be7afae0 Mon Sep 17 00:00:00 2001 From: Moritz Bunkus Date: Tue, 27 Nov 2012 09:08:04 +0100 Subject: [PATCH] Reverting "Ersatz fuer kvitendo css - ist mit nosi abgesprochen - entspricht z.Z. lx-office-erp, mit anderer Farbgebung. - bekommt noch kleine Korrekturen" MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit This reverts commit 4c8bc4a9ce7bcd4d26d939129accecebc4567488. So gravierende Änderungen am Look & Feel sind kurz vor dem Release nicht mehr in Ruhe geradezuziehen. Daher auf nach dem Release verschoben. --- css/kivitendo/background_jobs.css | 15 +- css/kivitendo/dhtmlsuite/menu-bar.css | 6 +- css/kivitendo/dhtmlsuite/menu-item.css | 62 +- css/kivitendo/frame_header | 1 + css/kivitendo/frame_header/header.css | 38 -- css/kivitendo/jquery.autocomplete.css | 49 +- css/kivitendo/jquery.multiselect2side.css | 57 +- css/kivitendo/list_accounts.css | 92 --- css/kivitendo/main.css | 645 ++++++++---------- css/kivitendo/menu.css | 233 +++---- css/kivitendo/tabcontent.css | 280 +++++--- css/kivitendo/ui-lightness | 1 + .../ui-bg_diagonals-thick_18_b81900_40x40.png | Bin 260 -> 0 bytes .../ui-bg_diagonals-thick_20_666666_40x40.png | Bin 251 -> 0 bytes .../images/ui-bg_flat_10_000000_40x100.png | Bin 178 -> 0 bytes .../images/ui-bg_glass_100_f6f6f6_1x400.png | Bin 104 -> 0 bytes .../images/ui-bg_glass_100_fdf5ce_1x400.png | Bin 125 -> 0 bytes .../images/ui-bg_glass_65_ffffff_1x400.png | Bin 105 -> 0 bytes .../ui-bg_gloss-wave_35_f6a828_500x100.png | Bin 3762 -> 0 bytes .../ui-bg_highlight-soft_100_eeeeee_1x100.png | Bin 90 -> 0 bytes .../ui-bg_highlight-soft_75_ffe45c_1x100.png | Bin 129 -> 0 bytes .../images/ui-icons_222222_256x240.png | Bin 4369 -> 0 bytes .../images/ui-icons_228ef1_256x240.png | Bin 4369 -> 0 bytes .../images/ui-icons_ef8c08_256x240.png | Bin 4369 -> 0 bytes .../images/ui-icons_ffd27a_256x240.png | Bin 4369 -> 0 bytes .../images/ui-icons_ffffff_256x240.png | Bin 4369 -> 0 bytes .../ui-lightness/jquery-ui-1.8.12.custom.css | 578 ---------------- image/bg_css_kivi_menu.png | Bin 201 -> 0 bytes image/bg_kivi_titel.png | Bin 185 -> 0 bytes image/kivitendo.png | Bin 14752 -> 14244 bytes 30 files changed, 608 insertions(+), 1449 deletions(-) mode change 100644 => 120000 css/kivitendo/background_jobs.css create mode 120000 css/kivitendo/frame_header delete mode 100644 css/kivitendo/frame_header/header.css mode change 100644 => 120000 css/kivitendo/jquery.autocomplete.css mode change 100644 => 120000 css/kivitendo/jquery.multiselect2side.css delete mode 100644 css/kivitendo/list_accounts.css create mode 120000 css/kivitendo/ui-lightness delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_flat_10_000000_40x100.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-icons_222222_256x240.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-icons_228ef1_256x240.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ef8c08_256x240.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ffd27a_256x240.png delete mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ffffff_256x240.png delete mode 100644 css/kivitendo/ui-lightness/jquery-ui-1.8.12.custom.css delete mode 100644 image/bg_css_kivi_menu.png delete mode 100644 image/bg_kivi_titel.png diff --git a/css/kivitendo/background_jobs.css b/css/kivitendo/background_jobs.css deleted file mode 100644 index e390bb5a4..000000000 --- a/css/kivitendo/background_jobs.css +++ /dev/null @@ -1,14 +0,0 @@ -/* Jobverwaltung */ -.background_job_list tbody pre, -.background_job_details tbody pre { - margin: 0px; -} - -.background_job_details tbody th { - text-align: right; - vertical-align: top; -} - -.background_job_details tbody td { - vertical-align: top; -} diff --git a/css/kivitendo/background_jobs.css b/css/kivitendo/background_jobs.css new file mode 120000 index 000000000..8031c949e --- /dev/null +++ b/css/kivitendo/background_jobs.css @@ -0,0 +1 @@ +../lx-office-erp/background_jobs.css \ No newline at end of file diff --git a/css/kivitendo/dhtmlsuite/menu-bar.css b/css/kivitendo/dhtmlsuite/menu-bar.css index 9868743d4..71fa9b364 100644 --- a/css/kivitendo/dhtmlsuite/menu-bar.css +++ b/css/kivitendo/dhtmlsuite/menu-bar.css @@ -16,7 +16,6 @@ ************************************************************************************************************/ .DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */ - color:#FFF; height:26px; width:100%; background-repeat:repeat-x; @@ -24,15 +23,12 @@ font-size:12px; z-index:100000; padding-left:10px; -/* background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/ - background-image:url('../../../image/bg_css_kivi_menu.png'); } .DHTMLSuite_menuBar_sub{ position:absolute; background-color:#FFF; - border:1px solid #000; - background-image:url('../../../image/dhtmlsuite/menu-bar-kivi-gradient.png'); /* Background image for sub menu items */ + border:1px solid #D1D1D1; background-repeat:repeat-y; background-position: left center; display:inline; diff --git a/css/kivitendo/dhtmlsuite/menu-item.css b/css/kivitendo/dhtmlsuite/menu-item.css index 7202b4401..5f753121a 100644 --- a/css/kivitendo/dhtmlsuite/menu-item.css +++ b/css/kivitendo/dhtmlsuite/menu-item.css @@ -2,66 +2,41 @@ .DHTMLSuite_menuItem_top_regular,.DHTMLSuite_menuItem_top_over,.DHTMLSuite_menuItem_top_click,.DHTMLSuite_menuItem_top_disabled,.DHTMLSuite_menuItem_top_active{ height:19px; + line-height:16px; + margin-right:2px; + margin-top:1px; + padding-left:4px; + padding-right:4px; + padding-top:2px; + padding-bottom:2px; } .DHTMLSuite_menuItem_top_regular div,.DHTMLSuite_menuItem_top_over div,.DHTMLSuite_menuItem_top_click div,.DHTMLSuite_menuItem_top_disabled div,.DHTMLSuite_menuItem_top_active div{ padding-top:2px; padding-bottom:2px; } .DHTMLSuite_menuItem_top_regular{ /* Top level menu item - Regular state */ - padding-left:4px; - padding-right:4px; - margin-right:2px; - padding-top:1px; - padding-bottom:1px; cursor:pointer; - line-height:16px; - margin-top:2px; } .DHTMLSuite_menuItem_top_over{ /* Top level menu item - Mouse over state */ - padding-left:3px; - padding-right:3px; - margin-right:2px; - border:1px solid #000; - color:#000; - background-color:#bec6a2; + color:#FE5F14; + background-color:#D1D1D1; cursor:pointer; - line-height:16px; - margin-top:2px; } .DHTMLSuite_menuItem_top_active{ /* Top level menu item - Active state - this is typical the state for menu item 1 when a sub group is expanded and the mouse is located over one of the sub menu items */ - padding-left:3px; - padding-right:3px; - margin-right:2px; - border:1px solid #000; - border-bottom:1px solid #FFF; cursor:pointer; - line-height:16px; - margin-top:2px; } .DHTMLSuite_menuItem_top_click{ /* Top level menu item - Mouse click state */ - padding-left:3px; - padding-right:3px; - margin-right:2px; - border:1px solid #000; - background-color:#bec6a2; + color:#FE5F14; + background-color:#D1D1D1; cursor:pointer; - line-height:16px; - margin-top:2px; z-index:20000; } .DHTMLSuite_menuItem_top_disabled{ /* Disabled menu item */ - padding-left:4px; - padding-right:4px; - margin-right:2px; - padding-top:1px; - padding-bottom:1px; cursor:default; - line-height:16px; - margin-top:2px; } .DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{ /* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */ @@ -137,21 +112,19 @@ -khtml-opacity:.4; /* Transparency */ } .DHTMLSuite_menuItem_sub_regular,.DHTMLSuite_menuItem_sub_disabled{ /* Regular menu item */ - margin-left:2px; /* size of margin above + 1 pixel */ - padding-top:3px; /* Size of padding-top above + 1 pixel */ - padding-bottom:3px; /* Size of padding-bottom above + 1 pixel */ } .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_active{ - border:1px solid #006; /* Border around mouse over items, click items and active items */ } .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{ /* Mouse over effect */ - background-color:#bec6a2; /* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */ + color:#FE5F14; + background-color:#D1D1D1; } .DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */ - background-color:#bec6a2; /* Background color when the mouse button is pressed down on a menu item */ + color:#FE5F14; + background-color:#D1D1D1; } .DHTMLSuite_menuItem_sub_click div, .DHTMLSuite_menuItem_sub_regular div,.DHTMLSuite_menuItem_sub_over div,.DHTMLSuite_menuItem_sub_active div,.DHTMLSuite_menuItem_sub_disabled div{ /* divs for the text,icon and arrow of a menu item */ @@ -178,10 +151,13 @@ margin-bottom:1px; /* Space below the separator */ margin-left:24px; /* left margin because we don't want the separator to cover the gradient */ padding-right:3px; /* space at the right of the separator */ - background-color:#6A8CCB; /* background color for the separator - blue */ + color:#FE5F14; + background-color:#D1D1D1; } .DHTMLSuite_menuItem_textContent { + border-bottom-style: none !important; + background-color: inherit !important; color: inherit !important; } diff --git a/css/kivitendo/frame_header b/css/kivitendo/frame_header new file mode 120000 index 000000000..d69ab7feb --- /dev/null +++ b/css/kivitendo/frame_header @@ -0,0 +1 @@ +../lx-office-erp/frame_header/ \ No newline at end of file diff --git a/css/kivitendo/frame_header/header.css b/css/kivitendo/frame_header/header.css deleted file mode 100644 index 4af67bfef..000000000 --- a/css/kivitendo/frame_header/header.css +++ /dev/null @@ -1,38 +0,0 @@ -#frame-header .frame-header-element a:link, -#frame-header .frame-header-element a:visited, -#frame-header .frame-header-element a:hover, -#frame-header .frame-header-element a:active { - color: white; - background: none; - text-decoration: underline; -} - -#frame-header { - background: url('../../../image/bg_kivi_titel.png') repeat-x; - text-align: center; - margin: 0; - padding: 0; - color: white; - border: 0; - overflow: hidden; - width: 100%; - border-spacing: 0; - font-size: 12px; -} - -#frame-header .frame-header-left { - float: left; -} -#frame-header .frame-header-right { - float: right; -} - -#frame-header .frame-header-left, -#frame-header .frame-header-center, -#frame-header .frame-header-right { - border-spacing: 0; - color: white; - padding: 0; - font-family: verdana,arial,sans-serif; - vertical-align: middle; -} diff --git a/css/kivitendo/jquery.autocomplete.css b/css/kivitendo/jquery.autocomplete.css deleted file mode 100644 index 91b622833..000000000 --- a/css/kivitendo/jquery.autocomplete.css +++ /dev/null @@ -1,48 +0,0 @@ -.ac_results { - padding: 0px; - border: 1px solid black; - background-color: white; - overflow: hidden; - z-index: 99999; -} - -.ac_results ul { - width: 100%; - list-style-position: outside; - list-style: none; - padding: 0; - margin: 0; -} - -.ac_results li { - margin: 0px; - padding: 2px 5px; - cursor: default; - display: block; - /* - if width will be 100% horizontal scrollbar will apear - when scroll mode will be used - */ - /*width: 100%;*/ - font: menu; - font-size: 12px; - /* - it is very important, if line-height not setted or setted - in relative units scroll will be broken in firefox - */ - line-height: 16px; - overflow: hidden; -} - -.ac_loading { - background: white url('indicator.gif') right center no-repeat; -} - -.ac_odd { - background-color: #eee; -} - -.ac_over { - background-color: #0A246A; - color: white; -} diff --git a/css/kivitendo/jquery.autocomplete.css b/css/kivitendo/jquery.autocomplete.css new file mode 120000 index 000000000..dc1123169 --- /dev/null +++ b/css/kivitendo/jquery.autocomplete.css @@ -0,0 +1 @@ +../lx-office-erp/jquery.autocomplete.css \ No newline at end of file diff --git a/css/kivitendo/jquery.multiselect2side.css b/css/kivitendo/jquery.multiselect2side.css deleted file mode 100644 index ced4d988b..000000000 --- a/css/kivitendo/jquery.multiselect2side.css +++ /dev/null @@ -1,56 +0,0 @@ -.ms2side__div { - clear: left; - width: 100%; - padding: 1px; - float: left; - background : url('') repeat-x; /* HACK FOR CHROME */ -} - -.ms2side__select { - float: left; -} - -.ms2side__header { - color: blue; - background-color: #EEEEFF; -} - -.ms2side__options, .ms2side__updown { - float: left; - font-size: 10pt; - margin: 0; - padding: 0 8px; - width: 40px; - color: black; - text-align: center; - overflow: hidden; -} - -.ms2side__updown { - font-size: 9pt; -} - -.ms2side__options p, .ms2side__updown p { - margin: 2px 0; - padding: 0; - cursor: pointer; - border: 1px solid black; -} - -.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover { - background-color: #F0F0FF; - border-color: #0000FF; - cursor: pointer; -} - -.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide { - cursor: default; - color: grey; - border: 1px solid grey; - background-color: #F0F0F0; -} - -.ms2side__div select { - width: 220px; - float: left; -} diff --git a/css/kivitendo/jquery.multiselect2side.css b/css/kivitendo/jquery.multiselect2side.css new file mode 120000 index 000000000..270f1a248 --- /dev/null +++ b/css/kivitendo/jquery.multiselect2side.css @@ -0,0 +1 @@ +../lx-office-erp/jquery.multiselect2side.css \ No newline at end of file diff --git a/css/kivitendo/list_accounts.css b/css/kivitendo/list_accounts.css deleted file mode 100644 index 552a901cf..000000000 --- a/css/kivitendo/list_accounts.css +++ /dev/null @@ -1,92 +0,0 @@ -/* Kontenliste Styles */ - -.coa_listtop { - background-color:rgb(236,233,216); - text-align:left; - padding:5px; - font-size:12pt; - color:black; - font-weight: bolder; - border-style:dashed; - border-width:thin; -} - -.coa_listheading { - background-color:rgb(236,233,216); - color: black; - background-image:url("../../image/fade.png"); -} - -.coa_listheading_element { - font-size:10pt; - padding:3px; - font-weight:bolder; - text-align:left; - border-style:dotted; - border-width:thin; -} - -.coa_listrow1 { - background-color: rgb(208,207,201); - color: black; - vertical-align: top; -} - -.coa_listrow0 { - background-color: rgb(236,233,216); - color: black; - vertical-align: top; -} - -.coa_amount { - text-align:right; - font-family:monospace; -} - -.coa_account_header { - font-size:10pt; - padding:3px; - font-weight:bolder; - text-align:left; - border-style:none; - border-width:thin; -} - -.coa_account_header_sc { - font-size:10pt; - padding:3px; - font-weight:bolder; - text-align:left; - border-style:none; - border-width:thin; - cursor:s-resize; -} - -.coa_detail { - padding:0px; - border-style:none; -} - -.coa_detail_emph { - font-size:10pt; - font-weight:bold; - color:darkred; -} - -.coa_details_header { - font-size:8pt; - padding:3px; - font-weight:bolder; - text-align:center; - border-style:none; - border-width:thin; -} - -.coa_details_header2 { - font-size:8pt; - padding:3px; - font-weight:normal; - text-align:left; - border-style:none; - border-width:thin; -} diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css index e69e0efe2..c3c64dc76 100644 --- a/css/kivitendo/main.css +++ b/css/kivitendo/main.css @@ -1,452 +1,363 @@ -/* Stylesheet for Lx-Office +/* Stylesheet for kivitendo * Name:kivitendo.css*/ +/* Colortable + +Background: #EBEBEB burlywood +Links: #006400 DarkGreen +Link-hover #FE5F14 Orange / #FFFFE0 lightyellow +Titles, BG/VG: #79B61B Mid-green FFFFFF White +Tabcolor: #CAFFA3 +*/ -/* The look of links */ -A:link { color: #597d12; text-decoration: none; } -A:visited { color: #597d12; text-decoration: none; } -A:active { color: black; text-decoration: none; } -A:hover { color: black; - background-color: #bec6a2; - text-decoration: none; - } -a, div { - transition: background-color 0.2s; - -moz-transition: background-color 0.2s; - -webkit-transition: background-color 0.2s; +body { + font-family: Verdana, Arial, Helvetica; + background-color: #FFFFFF; + color: #000000; + font-size: 9pt; } -input, textarea, select { - border: 1px; - border-color: darkgray lightgray lightgray; - border-style: solid; - padding: 1px; - background-color: white; + +/* The look of links */ +a { + padding: 0 0.2em; + text-decoration: none; + /* border-bottom: thin solid; */ + /* font-weight: bold; */ } -img:hover { - display:block !important; +A:link, A:visited, A:active { + color: #000000; + border-bottom: thin solid #FE5F14; } - -select { - padding: 0px; +a:hover { + color: #FE5F14; + background-color: #D1D1D1; } - -input:focus, textarea:focus, select:focus { - background-color: whitesmoke; - border: 1px; - border-color: gray lightgray lightgray; - border-style: solid; +a.selected:hover { + color:#EBEBEB; } - -input:hover, textarea:hover, select:hover { - border-color: dimgray darkgray darkgray; +a.nomobile { + background-color:transparent; + border:none; } -input[type="button"], -input[type="submit"], -button, -input[type="button"]:focus, -input[type="submit"]:focus, -button:focus { - border: 1px; - border-color: darkgray; - border-style: solid; - padding: 0px 4px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - background-color: whitesmoke; +table { + font-size: 90% !important; + table-layout: auto; + border-spacing: 0.3em; } -button:hover, -input[type="button"]:hover, -input[type="submit"]:hover { - border: 1px; - background-color: lightgray; - border-color: gray; - border-style: solid; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; -} +/* table a { + color:#FE5F14 !important; + border-bottom:none; +} */ -html { - height: 100%; +ul { } -body { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10pt; - background-color: white; - background-image: url("../../image/fade.png"); background-repeat:repeat-x; - color: black; - height: 100%; +hr { + background-color: #006400; + border: none; + color: #79B61B; + height: 2px; } +/* I.E. & Chrome können das nicht! */ +/* input[type="radio"], input[type="checkbox"]{ + width:1.15em; + height:1.15em; + border:1px solid; + color: #006400; +} */ +input:focus, textarea:focus, select:focus { + background-color: #FFFFA0; + border: 2px solid #FE5F14; + /* border-bottom: medium solid #FE5F14; */ +} +/* Fängt den "Schrink" beim focus - problem für i.e. und chrome */ +/* input[type="radio"]:focus, input[type="checkbox"]:focus{ + width:1.2em; + height:1.2em; +} */ td { - font-family: Verdana, Arial, Helvetica, sans-serif; - color: black; - font-size: 8pt; - font-weight: normal; -} -td.hover:hover { - color: black; -/* background-color: #FFFFCC; - font-size: 8pt; - text-decoration: none; - border:none; - borderWidth:0px; - borderColor:2557AD; -*/ + color: #000000; + font-weight: normal; } - - +/* td.hover:hover { + color: #006400; + background-color: #FFFFE0; +} */ th { - font-family: Verdana, Arial, Helvetica, sans-serif; - color: black; - font-size: 8pt; - font-weight: normal; + color: #000000; + font-weight: bold; } - /* login and admin */ -.login { - font-family: Verdana, Arial, Helvetica, sans-serif; +.login a, .login a:visited, .login a:hover { + text-decoration: none !important; + background-color:transparent !important; + border:none; } -div.login { - min-height: 100%; - height: auto !important; - height: 100%; - background: #bec6a2; - color: #A0A0A0; +.login a:hover { + background: none; } -h1.login { - font-size: 18pt; +body.login { + background-color: #FFFFE0; + color: #000000; } -h3.login { - color:#fe5f14; +.login h1 { + text-align: center; + font-size: 20px; } table.login { - background-color: #efedde; - padding: 20px; + background-color: #FFFFE0; + padding: 20px; } td.login { - text-align: center; + text-align: center; } th.login { - text-align: right; + text-align: right; } - -div.admin { - color: black; - margin: 8px; +.admin h1 { + background-color: #fe5f14; + text-color: #ffffff; } - +body.menu { + color: #000000; +} +/* Warnings */ .message_error_login { - color: #fe5f14; - border: 1px solid #fe5f14; - background-color: #ffffff; - padding: 3px; + color: #000000; + border: 1px solid #8b0000; + background-color: #ffcccc; + padding: 3px; } .message_ok { - font-size: 12pt; - padding:5px; - background-color: #ADFFB6; - color: black; - font-weight: bolder; - text-align:center; - border-style:solid; - border-width:thin; + padding: 5px; + background-color: #ADFFB6; + color: black; + font-weight: bolder; + text-align: center; + border-style: solid; + border-width: thin; } .message_error { - font-size: 12pt; - padding:5px; - background-color: #FFAAAA; - color: black; - font-weight: bolder; - text-align:center; - border-style:solid; - border-width:thin; + padding: 5px; + background-color: #CC0000; + color: white; + font-weight: bolder; + text-align: center; + border-style: solid; + border-width: thin; } .message_hint { - font-size: 12pt; - padding:5px; - background-color: #FFFE66; - color: black; - font-weight: bolder; - text-align:center; - border-style:solid; - border-width:thin; + padding: 0.5em; + background-color: #FFEE66; + color: black; + font-weight: bolder; + text-align: center; + border-style: solid; + border-width: thin; } .message_error_label { - font-size: 0.8em; - padding:5px; - background-color: #FEE; - font-weight:normal; - text-align:left; - border-style:solid; - border-width:thin; -} - -/* - Überschriftsbalken -*/ + padding: 0.5em; + background-color: #E00000; + color: white; + font-weight: normal; + text-align: left; + border-style: solid; + border-width: thin; +} +/* Headings */ .listtop, h1 { - background-color: rgb(236,233,216); - text-align:center; - padding:5px; - font-size: 10pt; - color: black; - font-weight: bolder; - border-style:dashed; - border-width:thin; -} - - -.listelement { - background-image: url("../../image/fade2.png"); - background-repeat:repeat-x; - border-style:dashed; - border-width:thin; + font-size:125%; + background-color: #006400; + text-align: left; + padding: 0.5em; + color: #FFFFFF; + font-weight: bolder; + border-style: none; + border-width: thin; + -moz-border-radius:0.4em; /* Firefox */ + -webkit-border-radius:0.4em; /* Safari, Chrome */ + -khtml-border-radius:0.4em; /* Konqueror */ + border-radius:0.4em; /* CSS3 */ + behavior:url(border-radius.htc); +} + +/* .listelement { + background-color: #f8ffb3; + color: #000000; } - .listelement2 { - background-image: url("../../image/fade2.png"); - background-repeat:repeat-x; - border-style:dashed; - border-width:thin; -} - -.listheading, .listheading th { - font-size: 9pt; - padding:3px; - background-color: - rgb(236,233,216); - color: black; - font-weight: bolder; - text-align:left; - background-image: url("../../image/fade.png"); - border-style:dotted; - border-width:thin; -} - -.listheadingcontent { - font-size: 9pt; - background-color: - rgb(236,233,216); - color: black; - font-weight: bolder; - text-align:left; -} + background-color: #8ee085; + color: #000000; +} */ +.listheading { + padding: 0.2em; + background-color: #EBEBEB; + color: #006400; + font-weight: bolder; + text-align: left; + border-style: none; +} + +/* .listheadingcontent { + background-color: #EBEBEB; + color: #006400; + font-weight: bolder; + text-align: left; +} */ .accountlistheading { - font-size: 10pt; - padding:3px; - color: white; - font-weight: bold; - text-align:left; - background-color:rgb(133,132,129); + padding: 0.3em; + color: #006400; + font-weight: bold; + text-align: left; + background-color: #EBEBEB; } - .subsubheading { - color: black; - font-weight: bolder; - text-decoration: underline; + color: #000000; + font-weight: bolder; + text-decoration: underline; } - .optionen { - border:dashed; -/* padding-top:10px; - padding-bottom:10px; - padding-left:10px; -*/ - border-width:1px; - background:#efedde; + border: dashed; + border-width: 1px; + background: #FFFFE0; +} +.listrow1 { + background-color: #FFFFFF; + color: black; + vertical-align: top; +} +.listrow0 { + background-color: #FFFF99; + color: black; + vertical-align: top; +} +.listrowempty { + background-color: #FFFFFF; + color: black; + vertical-align: top; +} +.listsubtotal { + background-color: rgb(236,233,216); + color: black; + font-weight: bolder; +} +.listtotal, .listtotal td { + background-color: rgb(236,233,216); + color: black; + font-weight: bolder; } - - -.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; } -.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; } -.listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; } - -.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; } -.redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; } - -.greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; } -.greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; } - -.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;} - -.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;} - /* Verkaufsbericht */ -.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;} -.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;} -.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px} -.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px} -.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px} - - +.listmainsortheader { + background-color: rgb(236,233,216); + color: red; + font-weight: bolder; + padding-left: 10px; + padding-top: 0px; +} +.listmainsortsubtotal { + background-color: rgb(236,233,216); + color: red; + font-weight: bolder; + padding-left: 10px; +} +.listsubsortheader { + background-color: rgb(236,233,216); + color: green; + font-weight: bolder; + padding-left: 20px +} +.listsubsortsubtotal { + background-color: rgb(236,233,216); + color: green; + font-weight: bolder; + padding-left: 20px +} +.listsortdescription { + background-color: rgb(236,233,216); + color: black; + font-weight: normal; + padding-left: 30px +} .submit { - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #000000; + font-family: Verdana, Arial, Helvetica; + color: #000000; } .checkbox, .radio { - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #778899; + font-family: Verdana, Arial, Helvetica; + color: #778899; } - -.plus0 { /* font color for negative numbers */ - color: red; +.plus0 { +/* font color for negative numbers */ + color: red; } - .plus1 { - color: green; + color: green; } - -td.numeric { /* class for numeric columns in tables */ - text-align: right -} - h2.confirm { - color: blue; - font-size: 14pt; + color: blue; } - h2.error { - color: red; - font-size: 14pt; + color: red; } - fieldset { - margin-top:15px; - color: black; - font-weight: bolder; + margin-top: 15px; + color: black; + font-weight: bolder; } - /* media stuff */ - @media screen { - .noscreen { /* items with this class won't display */ - display: none; - } +.noscreen { +/* items with this class won't display */ + display: none; +} } - @media print { - .noprint { /* items with this class won't print */ - display: none; - } +.noprint { +/* items with this class won't print */ + display: none; +} } - .filecontent { - border: 1px solid blue; - padding-left: 2px; - padding-right: 2px; + border: 1px solid blue; + padding-left: 2px; + padding-right: 2px; } - label { - cursor:pointer; + cursor: pointer; + vertical-align: top; } - .unbalanced_ledger { - background-color: #ffa0a0; + background-color: #ffa0a0; } - .clearfix:after { - clear:both; - content:"."; - display:block; - font-size:0; - height:0; - visibility:hidden; + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; } - .flash_message_error { - background-color:#FFD6D6; - border: 1px solid #AE0014; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; + background-color: #FFD6D6; + border: 1px solid #AE0014; + margin-top: 5px; + margin-bottom: 5px; + padding: 5px; } - .flash_message_warning { - background-color:#FFE8C7; - border: 1px solid #FF6600; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; + background-color: #FFE8C7; + border: 1px solid #FF6600; + margin-top: 5px; + margin-bottom: 5px; + padding: 5px; } - .flash_message_info { - background-color:#DCF2FF; - border: 1px solid #4690FF; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; -} - -.jqmWindow { - display: none; - - position: fixed; - top: 17%; - left: 40%; - - margin-left: -200px; - width: 700px; - - background-color: #bec6a2; - color: #333; - border: 1px solid black; - padding: 4px; -} - -.jqmContent { - padding: 8px; -} - -.jqmWindow h1 { - border: 0; - padding: 0; - background-color: #bec6a2; -} - -.jqmOverlay { - background-color: #000; -} - -/* Kontenliste Styles */ - -.coa_listrow1 { - background-color: rgb(208,207,201); - color: black; - vertical-align: top; -} - -.coa_listrow0 { - background-color: rgb(236,233,216); - color: black; - vertical-align: top; -} - -.coa_detail_emph { - font-size:10pt; - font-weight:bold; - color:darkred; -} - -.coa_details_header { - font-size:8pt; - padding:3px; - font-weight:bolder; - text-align:center; - border-style:none; - border-width:thin; -} - -.coa_details_header2 { - font-size:8pt; - padding:3px; - font-weight:normal; - text-align:left; - border-style:none; - border-width:thin; + background-color: #DCF2FF; + border: 1px solid #4690FF; + margin-top: 5px; + margin-bottom: 5px; + padding: 5px; } diff --git a/css/kivitendo/menu.css b/css/kivitendo/menu.css index cbe012cc1..1b004b797 100644 --- a/css/kivitendo/menu.css +++ b/css/kivitendo/menu.css @@ -1,157 +1,149 @@ - -body.menu { - background-image: url("../../image/fade.png");background-repeat:repeat-x; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size:8pt; - color: black; -} - -table.menunew { - border: 0; - width: 100%; - background-image: url("../../image/bg_kivi_titel.png"); - border-spacing: 0; -} - -table.menunew td { - padding: 0; - color:white; - font-family: Verdana, Arial, sans-serif; - font-size: 12px; +/* kivitendo menu Colors: +Menu Background color #FE5F14 +orangemenu color #FFFFFF +whiteMenu Hover background color #FFFFE0 +DarkGreensubenu pointer +*/ +body.menuv3 { + behavior: url("css/csshover.htc"); + /*font-size: 14pt;*/ + line-height: 20pt; + font-family: Verdana, Geneva, Tahoma, sans-serif; + background-color: #FFFFFF; + color: #000000; } - -body.menunew { - padding:0px; - margin:0px; -} - -body { -behavior:url("csshover.htc"); -} - #menuv3 { -width:99.8%; -float:left; -background:url(../../image/bg_css_kivi_menu.png) repeat bottom; -border:1px solid; -border-color:#ccc #888 #555 #bbb; + /*font-size: 85%;*/ + width: 99.8%; + float: left; + /*border: 3px solid;*/ + background-color: #FFFFFF; + color: #000000; } - #menuv3 a, #menuv3 h2, #menuv3 div.x { -font:11px/16px arial,helvetica,sans-serif; -display:block; -border:0; -border-right:1px; -border-style:solid; -border-color:#ccc #888 #555 #bbb; -white-space:nowrap; -margin:0; -padding:1px 0 1px 3px; + font-size: 80%; + line-height: 120%; + display: block; + border: 0; + white-space: nowrap; + margin: 0; + padding: 0.3em 1em; } - #menuv3 h2 { -color:#fff; -padding:2px 10px; + background-color: #ffffff; + color: #000000; + /*padding: 2px 15px;*/ +/* Firefox */ + -moz-border-radius: 0.4em 0.4em 0; +/* Safari, Chrome */ + -webkit-border-radius: 0.4em 0.4em 0; +/* Konqueror */ + -khtml-border-radius: 0.4em 0.4em 0; +/* CSS3 */ + border-radius: 0.4em 0.4em 0 0; +/* behavior: url(border-radius.htc); */ +} +#menuv3 ul:hover h2 { + background-color:#DCDCDC; } - #menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited { -color:#000; -text-decoration:none; -padding-right:10px; + color: #000000; + text-decoration: none; + padding-right: 10px; } - #menuv3 a { -background:#eee; + background: #EBEBEB; } #menuv3 div.x, #menuv3 div.x:visited { -background:#eee url(../../image/right.gif) no-repeat right; + background-color: #EBEBEB; + border-right: 1em solid #FE5F14; +} +#menuv3 div.x:hover { + border-right: none; } - #menuv3 a:hover, #menuv3 div.x:hover { -color:#a00; -background-color:#ddd; + color: #FE5F14; + background-color: #EBEBEB; } - #menuv3 a:active, #menuv3 div.x:active { -color:#060; -background-color:#ccc; + color: #FE5F14; + background-color: #EBEBEB; } - #menuv3 ul { -list-style:none; -margin:0; -padding:0; -float:left; + list-style: none; + margin: 0; + padding: 0; + float: left; } #menuv3 li { -position:relative; -float:none; -border:0; + position: relative; + float: none; + border: 0; } - -/* IE6 spacing bug fix,
  • s without a bottom border get spaced to far - * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow - * so the only method to get this pile of crap going is to add a bottom border to the
  • s, where the enclosing