X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Flx-office-erp%2Fmain.css;h=0c604fd72189d6913771614c1555b37f330cdf41;hb=bfa674c9d4edc551afa6e27aac6f684a7b8cb656;hp=db288deefa35e7d8a335404dc75c6bcc2f9660dd;hpb=a393e576eb0aa9763394b92060b9dff34d2c4529;p=kivitendo-erp.git diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css index db288deef..0c604fd72 100644 --- a/css/lx-office-erp/main.css +++ b/css/lx-office-erp/main.css @@ -9,13 +9,8 @@ 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 { +input, textarea, select, div.cke_textarea_inline { border: 1px; border-color: darkgray lightgray lightgray; border-style: solid; @@ -32,14 +27,14 @@ select { padding: 0 14px 0 0; } -input:focus, textarea:focus, select:focus { +input:focus, textarea:focus, select:focus, div.cke_textarea_inline:focus { background-color: whitesmoke; border: 1px; border-color: gray lightgray lightgray; border-style: solid; } -input:hover, textarea:hover, select:hover { +input:hover, textarea:hover, select:hover, div.cke_textarea_inline:hover { border-color: dimgray darkgray darkgray; } @@ -76,16 +71,14 @@ html { } body { - font-family: Verdana, Arial, Helvetica, sans-serif; + font-family: sans-serif; font-size: 80%; background-color: white; - background-image: url("../../image/fade.png"); background-repeat:repeat-x; color: black; height: 100%; } td { - font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-weight: normal; } @@ -95,15 +88,11 @@ td.hover:hover { th { - font-family: Verdana, Arial, Helvetica, sans-serif; color: black; font-weight: normal; } /* login and admin */ -.login { - font-family: Verdana, Arial, Helvetica, sans-serif; -} div.login { min-height: 100%; height: auto !important; @@ -111,7 +100,8 @@ div.login { background: #b8d1f3; color: #A0A0A0; } -h1.login { +.login h1 { + text-align: center; font-size: 150%; } table.login { @@ -253,9 +243,6 @@ div.admin { .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; } .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; 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; } @@ -272,11 +259,9 @@ div.admin { .submit { - font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; } .checkbox, .radio { - font-family: Verdana, Arial, Helvetica, sans-serif; color: #778899; } @@ -390,11 +375,11 @@ label { margin-right: 6px; } -.part_picker { -} -.chart_picker { - padding-right: 16px; +.chart_picker, +.part_picker, +.project_picker { } +.kivi-validator-invalid, .customer-vendor-picker-undefined, .chartpicker-undefined, .projectpicker-undefined, @@ -403,7 +388,8 @@ label { font-style: italic; } div.part_picker_part, -div.chart_picker_chart { +div.chart_picker_chart, +div.project_picker_project { padding: 5px; margin: 5px; border: 1px; @@ -416,16 +402,19 @@ div.chart_picker_chart { cursor: pointer; } div.part_picker_part:hover, -div.chart_picker_chart:hover { +div.chart_picker_chart:hover, +div.project_picker_project:hover { background-color: lightgray; border-color: gray; } +div.cpc_block, div.ppp_block { overflow:hidden; float:left; width: 350px; } +span.cpc_popup_button, span.ppp_popup_button { display: inline-block; position: relative; @@ -436,13 +425,17 @@ span.ppp_popup_button { cursor: pointer; } +td span.cpc_popup_button, +th span.cpc_popup_button, td span.ppp_popup_button, th span.ppp_popup_button { height: 9px; width: 9px; margin-left: -13px; } -span.part_picker input { +span.chart_picker input, +span.part_picker input, +span.project_picker input { padding-right: 20px; background: white url("../../image/search.svg") no-repeat center right; background-size: contain; @@ -451,12 +444,19 @@ span.part_picker input { -webkit-box-sizing: padding-box; } +td span.chart_picker input, +th span.chart_picker input, td span.part_picker input, -th span.part_picker input { +th span.part_picker input, +td span.project_picker input, +th span.project_picker input { + padding-right: 15px; } -span.part_picker { +span.chart_picker, +span.part_picker, +span.project_picker { /* white-space: nowrap;*/ } @@ -469,11 +469,21 @@ div.ppp_block span.ppp_block_description { float:right; font-weight:bold; } +div.ppp_block span.ppp_block_ean { + float:left; + margin-left:1em; +} div.cpc_block span.cpc_block_description { float:left; 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,8 +515,9 @@ span.toggle_selected { font-weight: bold; } a.green { - background-color:#40FF00; - border:none; + background-color: DarkGreen; + color: white !important; + border:none; } a.orange { background-color:#FF8000; @@ -517,3 +528,117 @@ a.red { border:none; } +#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: darkgrey; +} + +/* 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: #d0cfc9; +} + +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; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +div.layout-actionbar div.layout-actionbar-link:hover, +div.layout-actionbar div.layout-actionbar-submit:hover, +div.layout-actionbar div.layout-actionbar-scriptbutton:hover { + background-color: lightgray; + border-color: gray; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +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; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 2px; + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover { + background-color: lightgray; +} + +div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after { + border-color: black transparent; +} +div.layout-actionbar .layout-actionbar-default-action { + font-weight: bold; +} + +/* 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; +}