X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fkivitendo%2Fmain.css;h=1cbebb2ced4578b6fd8f28a31346a4ee244aeaca;hb=cfb029307ecd356f377952f3190df655cbd447c6;hp=eabddfa5498af21ddb65af13fe2b63d9ef1caa3f;hpb=ee702b156a31153e2b4fa38d6b90e60625e72323;p=kivitendo-erp.git diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css index eabddfa54..1cbebb2ce 100644 --- a/css/kivitendo/main.css +++ b/css/kivitendo/main.css @@ -14,20 +14,18 @@ Tabcolor: #CAFFA3 body { background-color: #FFFFFF; color: #000000; - font-family: Verdana, Arial, Helvetica, sans-serif; + font-family: sans-serif; font-size: 80%; } /* Input elements */ input, textarea, -select { +select, +div.cke_textarea_inline { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; - -moz-appearance: none; - -webkit-appearance: none; - -o-appearance: none; background-color: white; border: 1px; border-color: darkgray lightgray lightgray; @@ -37,6 +35,14 @@ select { padding: 1px; } +input[type="text"], input[type="password"] +textarea, +select { + -moz-appearance: none; + -webkit-appearance: none; + -o-appearance: none; +} + select { appearance : none; background: white url('../../image/select-down.png') no-repeat scroll right center; @@ -45,7 +51,8 @@ select { input:focus, textarea:focus, -select:focus { +select:focus, +div.cke_textarea_inline:focus { background-color: #ffffa0; border: 1px solid #fe5f14; } @@ -84,7 +91,7 @@ A:link, A:visited, A:active { } a:hover { color: #FE5F14; - background-color: #D1D1D1; + background-color: whitesmoke; } a.selected:hover { color:#EBEBEB; @@ -94,7 +101,8 @@ a.nomobile { border:none; } a.green { - background-color:#40FF00; + background-color: DarkGreen; + color: white !important; border:none; } a.orange { @@ -322,11 +330,9 @@ body.menu { padding-left: 30px } .submit { - font-family: Verdana, Arial, Helvetica; color: #000000; } .checkbox, .radio { - font-family: Verdana, Arial, Helvetica; color: #778899; } .plus0 { @@ -402,17 +408,19 @@ label { margin-right: 6px; } -.part_picker { +.chart_picker, +.part_picker, +.project_picker, display: inline-block; } -.part_picker:before { +.chart_picker:before, +.part_picker:before, +.project_picker:before { display: inline-block; vertical-align: middle; height: 100%; } -.chart_picker { - padding-right: 16px; -} +.kivi-validator-invalid, .customer-vendor-picker-undefined, .chartpicker-undefined, .projectpicker-undefined, @@ -421,6 +429,7 @@ label { font-style: italic; } +div.project_picker_project, div.part_picker_part, div.chart_picker_chart { padding: 5px; @@ -434,16 +443,19 @@ div.chart_picker_chart { background-color: white; cursor: pointer; } +div.project_picker_project:hover, div.part_picker_part:hover, div.chart_picker_chart:hover { color: #FE5F14; } +div.cpc_block, div.ppp_block { overflow:hidden; float:left; width: 350px; } +span.cpc_popup_button, span.ppp_popup_button { display: inline-block; vertical-align: middle; @@ -454,13 +466,17 @@ span.ppp_popup_button { background: url("../../image/search.svg") no-repeat center right; background-size: contain; } -span.part_picker input { +span.chart_picker input, +span.part_picker input, +span.project_picker input { padding-right: 20px; box-sizing: padding-box; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; } -span.part_picker { +span.chart_picker, +span.part_picker, +span.project_picker { white-space: nowrap; } div.ppp_block span.ppp_block_number, @@ -468,6 +484,10 @@ div.cpc_block span.cpc_block_number { float:left; } +div.ppp_block span.ppp_block_ean { + float:left; + margin-left:1em; +} div.ppp_block span.ppp_block_description { float:right; margin-left:1em; @@ -478,6 +498,11 @@ div.cpc_block span.cpc_block_description { margin-left:1em; font-weight:bold; } +div.ppp_line span.ppp_block_number, +div.ppp_line span.ppp_block_ean { + float:left; + margin-left:1em; +} div.ppp_line span.ppp_block_description, div.cpc_line span.cpc_block_description { @@ -505,3 +530,115 @@ span.toggle_selected { .customer_dunning_level { font-weight: bold; } + +#expand_all, .expand { + cursor: pointer; + display: block; + max-width: 16px; + max-height: 16px; +} +#update_from_master { + cursor: pointer; + display: block; + max-width: 16px; + max-height: 16px; +} +#update_from_master:hover { + background: #ddd; +} + +/* Bank transactions */ +#bank_transactions_proposals .invoice_number_highlight a, +#bank_transactions_proposals span.invoice_number_highlight { + background-color: #006400; + color: #FFFFFF; +} + +/* actionbar styling */ +div.layout-actionbar { + background-color: white; +} + +div.layout-actionbar div.layout-actionbar-link, +div.layout-actionbar div.layout-actionbar-submit, +div.layout-actionbar div.layout-actionbar-scriptbutton, +div.layout-actionbar div.layout-actionbar-link:focus, +div.layout-actionbar div.layout-actionbar-submit:focus, +div.layout-actionbar div.layout-actionbar-scriptbutton:focus { + border-color: darkgray; + background-color: whitesmoke; +} + +div.layout-actionbar div.layout-actionbar-link:hover, +div.layout-actionbar div.layout-actionbar-submit:hover, +div.layout-actionbar div.layout-actionbar-scriptbutton:hover { + color: #FE5F14; +} + +div.layout-actionbar div.layout-actionbar-action-disabled, +div.layout-actionbar div.layout-actionbar-action-disabled:hover { + color: gray; + background-color: whitesmoke; + border-color: lightgray; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span { + border-color: darkgray; + background-color: whitesmoke; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover { + color: #FE5F14; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after { + border-color: black transparent; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:after { + color: #FE5F14; + border-color: #FE5F14 transparent; +} +div.layout-actionbar .layout-actionbar-default-action { + font-weight: bold; +} + +/* Admin section: the menu itself doesn't occupy space. So make room + at the top of the div covering the whole admin area. */ +body > div.admin { + padding-top: 24px; +} + +/* cke editor */ +.cke_top { + padding: 0 !important; +} +.cke_toolgroup { + margin-bottom: 0 !important; + margin-top: 0 !important; +} +.cke_button { + padding: 0px; 6px !important; +} + +/* selects with text filters */ +div.filtered_select input, div.filtered_select select { + display: block; +} + +div.filtered_select input { + background-image: url(../../image/glass14x14.png); + background-repeat: no-repeat; + background-position: 2px 2px; + border-radius: 0px; + border: solid #a0a0a0 1px; + border-bottom: none; + padding: 0px; + padding-left: 20px; + margin: 0; + width: 500px; +} + +div.filtered_select select { + width: 522px; +}