changelog zu Workflow zu Lieferantenauftrag

[kivitendo-erp.git] / css / kivitendo / main.css

diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
index eabddfa..1cbebb2 100644 (file)
--- 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;
+}