combobox styling:

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

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index b306e1e..eee23c9 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -254,9 +254,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; }
 
@@ -391,11 +388,9 @@ label {
   margin-right: 6px;
 }
 
+.chart_picker,
 .part_picker {
 }
-.chart_picker {
-  padding-right: 16px;
-}
 .customer-vendor-picker-undefined,
 .chartpicker-undefined,
 .projectpicker-undefined,
@@ -422,11 +417,13 @@ div.chart_picker_chart:hover {
   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;
@@ -437,12 +434,15 @@ 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.chart_picker input,
 span.part_picker input {
   padding-right: 20px;
   background: white url("../../image/search.svg") no-repeat center right;
@@ -452,11 +452,14 @@ 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 {
   padding-right: 15px;
 }
 
+span.chart_picker,
 span.part_picker {
  /* white-space: nowrap;*/
 }
@@ -506,8 +509,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;
@@ -518,3 +522,135 @@ a.red {
        border:none;
 }
 
+#expand_all, .expand {
+    cursor: pointer;
+    display: block;
+    max-width: 16px;
+    max-height: 16px;
+}
+
+/* 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 {
+  position: fixed;
+  height: 25px;
+  top: 20px;
+  z-index: 20;
+/*  background-color: whitesmoke; */
+}
+
+div.layout-actionbar-action {
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none;   /* Chrome/Safari/Opera */
+  -khtml-user-select: none;    /* Konqueror */
+  -moz-user-select: none;      /* Firefox */
+  -ms-user-select: none;       /* Internet Explorer/Edge */
+  user-select: none;           /* don't select text on double click */
+  transition: background-color 0s;
+  -moz-transition: background-color 0s;
+  -webkit-transition: background-color 0s;
+}
+
+div.layout-actionbar ~ div {
+  padding-top: 25px;
+}
+
+div.layout-actionbar-separator {
+  display: inline-block;
+  width: 10px;
+}
+
+div.layout-actionbar div.layout-actionbar-submit,
+div.layout-actionbar div.layout-actionbar-scriptbutton,
+div.layout-actionbar div.layout-actionbar-submit:focus,
+div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
+  display: inline-block;
+  width: 120px;
+  box-sizing: border-box;
+  text-align: center;
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  padding: 4px 4px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  background-color: whitesmoke;
+  cursor: default;
+}
+
+div.layout-actionbar div.layout-actionbar-submit:hover,
+div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
+  border: 1px;
+  background-color: lightgray;
+  border-color: gray;
+  border-style: solid;
+  -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 {
+  position: relative;
+  display: inline-block;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head:after {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  margin-top: -3px;
+  border-width: 3px 3px 0 3px;
+  border-style: solid;
+  border-color: black transparent;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head.active:after {
+  border-width: 3px 3px 0 3px;
+}
+
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
+  white-space: nowrap;
+  display: block;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head div.layout-actionbar-action::after {
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
+  position: absolute;
+  display: none;
+  min-width: 120px;
+}
+
+div.layout-actionbar-combobox:hover div.layout-actionbar-combobox-list {
+  display: inline-block;
+  z-index: 10;
+}
+
+div.layout-actionbar-combobox-list div.layout-actionbar-action {
+  white-space: nowrap;
+  display: block;
+  position: relative;
+  width: 100%;
+  text-align: left;
+  padding: 4px;
+}