Partpicker 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 c190cb7..4ab7538 100644 (file)
--- a/css/lx-office-erp/main.css
+++ b/css/lx-office-erp/main.css
@@ -1,4 +1,4 @@
-/* Stylesheet for Lx-Office
+/* Stylesheet for kivitendo
  * Name: lx-office-erp.css*/
 
 /* The look of links */
@@ -24,7 +24,13 @@ input, textarea, select {
 }
 
 select {
-  padding: 0px;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -o-appearance: none;
+  height: 16px;
+  appearance : none;
+  background: white url('../../image/select-down.png') no-repeat scroll right center;
+  padding: 0 14px 0 0;
 }
 
 input:focus, textarea:focus, select:focus {
@@ -54,9 +60,9 @@ button:focus {
   background-color: whitesmoke;
 }
 
-button:hover,
-input[type="button"]:hover,
-input[type="submit"]:hover {
+button:hover:enabled,
+input[type="button"]:hover:enabled,
+input[type="submit"]:hover:enabled {
   border: 1px;
   background-color: lightgray;
   border-color: gray;
@@ -209,7 +215,7 @@ div.admin {
     border-width:thin;
 }
 
-.listheading, .listheading th {
+.listheading, .listheading th, #content h2 {
     font-size: 9pt;
     padding:3px;
     background-color:
@@ -257,8 +263,11 @@ div.admin {
 }
 
 
-.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
-.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
+.listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }
+.listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
+.listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
+.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; }
@@ -295,10 +304,6 @@ div.admin {
   color: green;
 }
 
-td.numeric { /* class for numeric columns in tables */
-  text-align: right
-}
-
 h2.confirm {
   color: blue;
   font-size: 14pt;
@@ -315,19 +320,6 @@ fieldset {
   font-weight: bolder;
 }
 
-/* media stuff */
-
-@media screen {
-  .noscreen {   /* items with this class won't display */
-    display: none;
-  }
-}
-
-@media print {
-  .noprint {   /* items with this class won't print */
-    display: none;
-  }
-}
 
 .filecontent {
   border: 1px solid blue;
@@ -343,15 +335,6 @@ label {
   background-color: #ffa0a0;
 }
 
-.clearfix:after {
-  clear:both;
-  content:".";
-  display:block;
-  font-size:0;
-  height:0;
-  visibility:hidden;
-}
-
 .flash_message_error {
   background-color:#FFD6D6;
   border: 1px solid #AE0014;
@@ -376,34 +359,8 @@ label {
   padding: 5px;
 }
 
-.jqmWindow {
-  display: none;
-
-  position: fixed;
-  top: 17%;
-  left: 40%;
-
-  margin-left: -200px;
-  width: 700px;
-
-  background-color: lemonchiffon;
-  color: #333;
-  border: 1px solid black;
-  padding: 4px;
-}
-
-.jqmContent {
-  padding: 8px;
-}
-
-.jqmWindow h1 {
-  border: 0;
-  padding: 0;
-  background-color: lemonchiffon;
-}
-
-.jqmOverlay {
-  background-color: #000;
+.flash_title {
+  font-weight: bold;
 }
 
 /* Kontenliste Styles */
@@ -444,4 +401,128 @@ label {
   border-width:thin;
 }
 
+.dimmed-text {
+  color: #aaa;
+  font-style: italic;
+}
+
+.link_separator {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.part_picker {
+}
+.chart_picker {
+  padding-right: 16px;
+}
+.customer-vendor-picker-undefined,
+.chartpicker-undefined,
+.projectpicker-undefined,
+.partpicker-undefined {
+  color: red;
+  font-style: italic;
+}
+div.part_picker_part,
+div.chart_picker_chart {
+  padding: 5px;
+  margin: 5px;
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  background-color: whitesmoke;
+  cursor: pointer;
+}
+div.part_picker_part:hover,
+div.chart_picker_chart:hover {
+  background-color: lightgray;
+  border-color: gray;
+}
+
+div.ppp_block {
+  overflow:hidden;
+  float:left;
+  width: 350px;
+}
+span.ppp_popup_button {
+  display: inline-block;
+  position: relative;
+  margin-left: -18px;
+  margin-top: 3px;
+  height: 16px;
+  width: 16px;
+  cursor: pointer;
+}
+
+td span.ppp_popup_button,
+th span.ppp_popup_button {
+  height: 9px;
+  width: 9px;
+  margin-left: -13px;
+}
+span.part_picker input {
+  padding-right: 20px;
+  background: white url("../../image/search.svg") no-repeat center right;
+  background-size: contain;
+  box-sizing: padding-box;
+  -moz-box-sizing: padding-box;
+  -webkit-box-sizing: padding-box;
+}
+
+td span.part_picker input,
+th span.part_picker input {
+  padding-right: 15px;
+}
+
+span.part_picker {
+ /* white-space: nowrap;*/
+}
 
+div.ppp_block span.ppp_block_number,
+div.cpc_block span.cpc_block_number
+{
+  float:left;
+}
+div.ppp_block span.ppp_block_description {
+  float:right;
+  font-weight:bold;
+}
+div.cpc_block span.cpc_block_description {
+  float:left;
+  margin-left:1em;
+  font-weight:bold;
+}
+div.ppp_line span.ppp_block_description,
+div.cpc_line span.cpc_block_description
+{
+  margin-left:1em;
+  font-weight:bold;
+}
+div.ppp_line span.ppp_block_sellprice {
+  display:none;
+}
+div.cpc_block span.cpc_block_balance {
+  float:right;
+}
+div.cpc_block span.cpc_line_balance {
+  display:none;
+}
+div.cpc_line span.cpc_block_second_row {
+  display:none;
+}
+div.cpc_block span.cpc_block_second_row {
+  font-size:80%;
+}
+span.toggle_selected {
+  font-weight: bold;
+}
+.dunned_invoice {
+  font-weight: bold;
+  color: #f00;
+}
+.customer_dunning_level {
+  font-weight: bold;
+}