From 4c8bc4a9ce7bcd4d26d939129accecebc4567488 Mon Sep 17 00:00:00 2001 From: Wulf Date: Wed, 21 Nov 2012 02:22:49 +0100 Subject: [PATCH] Ersatz fuer kvitendo css - ist mit nosi abgesprochen - entspricht z.Z. lx-office-erp, mit anderer Farbgebung. - bekommt noch kleine Korrekturen --- 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 0 -> 260 bytes .../ui-bg_diagonals-thick_20_666666_40x40.png | Bin 0 -> 251 bytes .../images/ui-bg_flat_10_000000_40x100.png | Bin 0 -> 178 bytes .../images/ui-bg_glass_100_f6f6f6_1x400.png | Bin 0 -> 104 bytes .../images/ui-bg_glass_100_fdf5ce_1x400.png | Bin 0 -> 125 bytes .../images/ui-bg_glass_65_ffffff_1x400.png | Bin 0 -> 105 bytes .../ui-bg_gloss-wave_35_f6a828_500x100.png | Bin 0 -> 3762 bytes .../ui-bg_highlight-soft_100_eeeeee_1x100.png | Bin 0 -> 90 bytes .../ui-bg_highlight-soft_75_ffe45c_1x100.png | Bin 0 -> 129 bytes .../images/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes .../images/ui-icons_228ef1_256x240.png | Bin 0 -> 4369 bytes .../images/ui-icons_ef8c08_256x240.png | Bin 0 -> 4369 bytes .../images/ui-icons_ffd27a_256x240.png | Bin 0 -> 4369 bytes .../images/ui-icons_ffffff_256x240.png | Bin 0 -> 4369 bytes .../ui-lightness/jquery-ui-1.8.12.custom.css | 578 ++++++++++++++++ image/bg_css_kivi_menu.png | Bin 0 -> 201 bytes image/bg_kivi_titel.png | Bin 0 -> 185 bytes image/kivitendo.png | Bin 14244 -> 14752 bytes 30 files changed, 1449 insertions(+), 608 deletions(-) mode change 120000 => 100644 css/kivitendo/background_jobs.css delete mode 120000 css/kivitendo/frame_header create mode 100644 css/kivitendo/frame_header/header.css mode change 120000 => 100644 css/kivitendo/jquery.autocomplete.css mode change 120000 => 100644 css/kivitendo/jquery.multiselect2side.css create mode 100644 css/kivitendo/list_accounts.css delete mode 120000 css/kivitendo/ui-lightness create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_flat_10_000000_40x100.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png create mode 100644 css/kivitendo/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png create mode 100644 css/kivitendo/ui-lightness/images/ui-icons_222222_256x240.png create mode 100644 css/kivitendo/ui-lightness/images/ui-icons_228ef1_256x240.png create mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ef8c08_256x240.png create mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ffd27a_256x240.png create mode 100644 css/kivitendo/ui-lightness/images/ui-icons_ffffff_256x240.png create mode 100644 css/kivitendo/ui-lightness/jquery-ui-1.8.12.custom.css create mode 100644 image/bg_css_kivi_menu.png create mode 100644 image/bg_kivi_titel.png diff --git a/css/kivitendo/background_jobs.css b/css/kivitendo/background_jobs.css deleted file mode 120000 index 8031c949e..000000000 --- a/css/kivitendo/background_jobs.css +++ /dev/null @@ -1 +0,0 @@ -../lx-office-erp/background_jobs.css \ No newline at end of file diff --git a/css/kivitendo/background_jobs.css b/css/kivitendo/background_jobs.css new file mode 100644 index 000000000..e390bb5a4 --- /dev/null +++ b/css/kivitendo/background_jobs.css @@ -0,0 +1,14 @@ +/* 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/dhtmlsuite/menu-bar.css b/css/kivitendo/dhtmlsuite/menu-bar.css index 71fa9b364..9868743d4 100644 --- a/css/kivitendo/dhtmlsuite/menu-bar.css +++ b/css/kivitendo/dhtmlsuite/menu-bar.css @@ -16,6 +16,7 @@ ************************************************************************************************************/ .DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */ + color:#FFF; height:26px; width:100%; background-repeat:repeat-x; @@ -23,12 +24,15 @@ 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 #D1D1D1; + border:1px solid #000; + background-image:url('../../../image/dhtmlsuite/menu-bar-kivi-gradient.png'); /* Background image for sub menu items */ 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 5f753121a..7202b4401 100644 --- a/css/kivitendo/dhtmlsuite/menu-item.css +++ b/css/kivitendo/dhtmlsuite/menu-item.css @@ -2,41 +2,66 @@ .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 */ - color:#FE5F14; - background-color:#D1D1D1; + padding-left:3px; + padding-right:3px; + margin-right:2px; + border:1px solid #000; + color:#000; + background-color:#bec6a2; 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 */ - color:#FE5F14; - background-color:#D1D1D1; + padding-left:3px; + padding-right:3px; + margin-right:2px; + border:1px solid #000; + background-color:#bec6a2; 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 */ @@ -112,19 +137,21 @@ -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 */ - color:#FE5F14; - background-color:#D1D1D1; + 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 */ } .DHTMLSuite_menuItem_sub_click{ /* Mouse click effect */ - color:#FE5F14; - background-color:#D1D1D1; + background-color:#bec6a2; /* Background color when the mouse button is pressed down on a menu item */ } .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 */ @@ -151,13 +178,10 @@ 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 */ - color:#FE5F14; - background-color:#D1D1D1; + background-color:#6A8CCB; /* background color for the separator - blue */ } .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 deleted file mode 120000 index d69ab7feb..000000000 --- a/css/kivitendo/frame_header +++ /dev/null @@ -1 +0,0 @@ -../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 new file mode 100644 index 000000000..4af67bfef --- /dev/null +++ b/css/kivitendo/frame_header/header.css @@ -0,0 +1,38 @@ +#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 120000 index dc1123169..000000000 --- a/css/kivitendo/jquery.autocomplete.css +++ /dev/null @@ -1 +0,0 @@ -../lx-office-erp/jquery.autocomplete.css \ No newline at end of file diff --git a/css/kivitendo/jquery.autocomplete.css b/css/kivitendo/jquery.autocomplete.css new file mode 100644 index 000000000..91b622833 --- /dev/null +++ b/css/kivitendo/jquery.autocomplete.css @@ -0,0 +1,48 @@ +.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.multiselect2side.css b/css/kivitendo/jquery.multiselect2side.css deleted file mode 120000 index 270f1a248..000000000 --- a/css/kivitendo/jquery.multiselect2side.css +++ /dev/null @@ -1 +0,0 @@ -../lx-office-erp/jquery.multiselect2side.css \ No newline at end of file diff --git a/css/kivitendo/jquery.multiselect2side.css b/css/kivitendo/jquery.multiselect2side.css new file mode 100644 index 000000000..ced4d988b --- /dev/null +++ b/css/kivitendo/jquery.multiselect2side.css @@ -0,0 +1,56 @@ +.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/list_accounts.css b/css/kivitendo/list_accounts.css new file mode 100644 index 000000000..552a901cf --- /dev/null +++ b/css/kivitendo/list_accounts.css @@ -0,0 +1,92 @@ +/* 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 c3c64dc76..e69e0efe2 100644 --- a/css/kivitendo/main.css +++ b/css/kivitendo/main.css @@ -1,363 +1,452 @@ -/* 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 -*/ +/* Stylesheet for Lx-Office -body { - font-family: Verdana, Arial, Helvetica; - background-color: #FFFFFF; - color: #000000; - font-size: 9pt; +/* 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; } - -/* The look of links */ -a { - padding: 0 0.2em; - text-decoration: none; - /* border-bottom: thin solid; */ - /* font-weight: bold; */ +input, textarea, select { + border: 1px; + border-color: darkgray lightgray lightgray; + border-style: solid; + padding: 1px; + background-color: white; } -A:link, A:visited, A:active { - color: #000000; - border-bottom: thin solid #FE5F14; +img:hover { + display:block !important; } -a:hover { - color: #FE5F14; - background-color: #D1D1D1; + +select { + padding: 0px; } -a.selected:hover { - color:#EBEBEB; + +input:focus, textarea:focus, select:focus { + background-color: whitesmoke; + border: 1px; + border-color: gray lightgray lightgray; + border-style: solid; } -a.nomobile { - background-color:transparent; - border:none; + +input:hover, textarea:hover, select:hover { + border-color: dimgray darkgray darkgray; } -table { - font-size: 90% !important; - table-layout: auto; - border-spacing: 0.3em; +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 a { - color:#FE5F14 !important; - border-bottom:none; -} */ +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; +} -ul { +html { + height: 100%; } -hr { - background-color: #006400; - border: none; - color: #79B61B; - height: 2px; +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%; } -/* 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 { - color: #000000; - font-weight: normal; + 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; +*/ } -/* td.hover:hover { - color: #006400; - background-color: #FFFFE0; -} */ + + th { - color: #000000; - font-weight: bold; + font-family: Verdana, Arial, Helvetica, sans-serif; + color: black; + font-size: 8pt; + font-weight: normal; } + /* login and admin */ -.login a, .login a:visited, .login a:hover { - text-decoration: none !important; - background-color:transparent !important; - border:none; +.login { + font-family: Verdana, Arial, Helvetica, sans-serif; } -.login a:hover { - background: none; +div.login { + min-height: 100%; + height: auto !important; + height: 100%; + background: #bec6a2; + color: #A0A0A0; } -body.login { - background-color: #FFFFE0; - color: #000000; +h1.login { + font-size: 18pt; } -.login h1 { - text-align: center; - font-size: 20px; +h3.login { + color:#fe5f14; } table.login { - background-color: #FFFFE0; - padding: 20px; + background-color: #efedde; + padding: 20px; } td.login { - text-align: center; + text-align: center; } th.login { - text-align: right; -} -.admin h1 { - background-color: #fe5f14; - text-color: #ffffff; + text-align: right; } -body.menu { - color: #000000; + +div.admin { + color: black; + margin: 8px; } -/* Warnings */ + .message_error_login { - color: #000000; - border: 1px solid #8b0000; - background-color: #ffcccc; - padding: 3px; + color: #fe5f14; + border: 1px solid #fe5f14; + background-color: #ffffff; + padding: 3px; } .message_ok { - padding: 5px; - background-color: #ADFFB6; - color: black; - font-weight: bolder; - text-align: center; - border-style: solid; - border-width: thin; + font-size: 12pt; + padding:5px; + background-color: #ADFFB6; + color: black; + font-weight: bolder; + text-align:center; + border-style:solid; + border-width:thin; } .message_error { - padding: 5px; - background-color: #CC0000; - color: white; - font-weight: bolder; - text-align: center; - border-style: solid; - border-width: thin; + font-size: 12pt; + padding:5px; + background-color: #FFAAAA; + color: black; + font-weight: bolder; + text-align:center; + border-style:solid; + border-width:thin; } .message_hint { - padding: 0.5em; - background-color: #FFEE66; - color: black; - font-weight: bolder; - text-align: center; - border-style: solid; - border-width: thin; + font-size: 12pt; + padding:5px; + background-color: #FFFE66; + color: black; + font-weight: bolder; + text-align:center; + border-style:solid; + border-width:thin; } .message_error_label { - padding: 0.5em; - background-color: #E00000; - color: white; - font-weight: normal; - text-align: left; - border-style: solid; - border-width: thin; -} -/* Headings */ + font-size: 0.8em; + padding:5px; + background-color: #FEE; + font-weight:normal; + text-align:left; + border-style:solid; + border-width:thin; +} + +/* + Überschriftsbalken +*/ .listtop, h1 { - 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; + 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; } + .listelement2 { - 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; -} */ + 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; +} .accountlistheading { - padding: 0.3em; - color: #006400; - font-weight: bold; - text-align: left; - background-color: #EBEBEB; + font-size: 10pt; + padding:3px; + color: white; + font-weight: bold; + text-align:left; + background-color:rgb(133,132,129); } + .subsubheading { - color: #000000; - font-weight: bolder; - text-decoration: underline; + color: black; + font-weight: bolder; + text-decoration: underline; } + .optionen { - 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; + border:dashed; +/* padding-top:10px; + padding-bottom:10px; + padding-left:10px; +*/ + border-width:1px; + background:#efedde; } + + +.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 { - 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 -} +.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} + + .submit { - font-family: Verdana, Arial, Helvetica; - color: #000000; + font-family: Verdana, Arial, Helvetica, sans-serif; + color: #000000; } .checkbox, .radio { - font-family: Verdana, Arial, Helvetica; - color: #778899; + font-family: Verdana, Arial, Helvetica, sans-serif; + 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; + color: blue; + font-size: 14pt; } + h2.error { - color: red; + color: red; + font-size: 14pt; } + 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; - vertical-align: top; + cursor:pointer; } + .unbalanced_ledger { - background-color: #ffa0a0; + background-color: #ffa0a0; } + .clearfix:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; + clear:both; + content:"."; + display:block; + font-size:0; + 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; + 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; } diff --git a/css/kivitendo/menu.css b/css/kivitendo/menu.css index 1b004b797..cbe012cc1 100644 --- a/css/kivitendo/menu.css +++ b/css/kivitendo/menu.css @@ -1,148 +1,156 @@ -/* 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.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; } + +body.menunew { + padding:0px; + margin:0px; +} + +body { +behavior:url("csshover.htc"); +} + #menuv3 { - /*font-size: 85%;*/ - width: 99.8%; - float: left; - /*border: 3px solid;*/ - background-color: #FFFFFF; - color: #000000; +width:99.8%; +float:left; +background:url(../../image/bg_css_kivi_menu.png) repeat bottom; +border:1px solid; +border-color:#ccc #888 #555 #bbb; } + #menuv3 a, #menuv3 h2, #menuv3 div.x { - font-size: 80%; - line-height: 120%; - display: block; - border: 0; - white-space: nowrap; - margin: 0; - padding: 0.3em 1em; +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; } + #menuv3 h2 { - 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; +color:#fff; +padding:2px 10px; } + #menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited { - color: #000000; - text-decoration: none; - padding-right: 10px; +color:#000; +text-decoration:none; +padding-right:10px; } + #menuv3 a { - background: #EBEBEB; +background:#eee; } #menuv3 div.x, #menuv3 div.x:visited { - background-color: #EBEBEB; - border-right: 1em solid #FE5F14; -} -#menuv3 div.x:hover { - border-right: none; +background:#eee url(../../image/right.gif) no-repeat right; } + #menuv3 a:hover, #menuv3 div.x:hover { - color: #FE5F14; - background-color: #EBEBEB; +color:#a00; +background-color:#ddd; } + #menuv3 a:active, #menuv3 div.x:active { - color: #FE5F14; - background-color: #EBEBEB; +color:#060; +background-color:#ccc; } + #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; -} -li.sub { - position: relativ; - left: 0.2em; - top: 0px; - background-color: #FFFFFF; +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