Dateimanagement: Stammdaten: DOM-Elemente bei multiples Tab-Aufrufen nicht dupliziere...

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

diff --git a/css/lx-office-erp/main.css b/css/lx-office-erp/main.css
index e8814bb85258bf02e9b0959557817f3c2fdfbc65..0bbba27b1db26aa1d5b032073caac22a90b31a9c 100644 (file)
--- 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;
          }
            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;
   border: 1px;
   border-color: darkgray lightgray lightgray;
   border-style: solid;


@@ -24,17 +19,22 @@ input, textarea, select {
 }
 
 select {
 }
 
 select {

-  padding: 0px;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -o-appearance: none;
+  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 {
+input:focus, textarea:focus, select:focus, div.cke_textarea_inline:focus {

   background-color: whitesmoke;
   border: 1px;
   border-color: gray lightgray lightgray;
   border-style: solid;
 }
 
   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;
 }
 
   border-color: dimgray darkgray darkgray;
 }
 


@@ -72,9 +72,8 @@ html {
 
 body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
 
 body {
   font-family: Verdana, Arial, Helvetica, sans-serif;

-  font-size: 10pt;
+  font-size: 80%;

   background-color: white;
   background-color: white;

-  background-image: url("../../image/fade.png"); background-repeat:repeat-x;

   color: black;
   height: 100%;
 }
   color: black;
   height: 100%;
 }


@@ -82,25 +81,16 @@ body {
 td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;
 td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;

-  font-size: 8pt;

   font-weight: normal;
 }
 td.hover:hover {
   font-weight: normal;
 }
 td.hover:hover {

-    color: black;
-/*          background-color: #FFFFCC;
-          font-size: 8pt;
-          text-decoration: none;
-          border:none;
-          borderWidth:0px;
-          borderColor:2557AD;
-*/
+  color: black;

 }
 
 
 th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;
 }
 
 
 th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;

-  font-size: 8pt;

   font-weight: normal;
 }
 
   font-weight: normal;
 }
 


@@ -115,8 +105,9 @@ div.login {
   background: #b8d1f3;
   color: #A0A0A0;
 }
   background: #b8d1f3;
   color: #A0A0A0;
 }

-h1.login {
-  font-size: 18pt;
+.login h1 {
+  text-align: center;
+  font-size: 150%;

 }
 table.login {
   background-color: #efedde;
 }
 table.login {
   background-color: #efedde;


@@ -141,7 +132,6 @@ div.admin {
     padding: 3px;
 }
 .message_ok {
     padding: 3px;
 }
 .message_ok {

-    font-size: 12pt;

     padding:5px;
     background-color: #ADFFB6;
     color: black;
     padding:5px;
     background-color: #ADFFB6;
     color: black;


@@ -151,7 +141,6 @@ div.admin {
     border-width:thin;
 }
 .message_error {
     border-width:thin;
 }
 .message_error {

-    font-size: 12pt;

     padding:5px;
     background-color: #FFAAAA;
     color: black;
     padding:5px;
     background-color: #FFAAAA;
     color: black;


@@ -161,7 +150,6 @@ div.admin {
     border-width:thin;
 }
 .message_hint {
     border-width:thin;
 }
 .message_hint {

-    font-size: 12pt;

     padding:5px;
     background-color: #FFFE66;
     color: black;
     padding:5px;
     background-color: #FFFE66;
     color: black;


@@ -171,7 +159,6 @@ div.admin {
     border-width:thin;
 }
 .message_error_label {
     border-width:thin;
 }
 .message_error_label {

-    font-size: 0.8em;

     padding:5px;
     background-color: #FEE;
     font-weight:normal;
     padding:5px;
     background-color: #FEE;
     font-weight:normal;


@@ -185,9 +172,9 @@ div.admin {
 */
 .listtop, h1 {
     background-color: rgb(236,233,216);
 */
 .listtop, h1 {
     background-color: rgb(236,233,216);

+    font-size: 100%;

     text-align:left;
     padding:5px;
     text-align:left;
     padding:5px;

-    font-size: 10pt;

     color: black;
     font-weight: bolder;
     border-style:dashed;
     color: black;
     font-weight: bolder;
     border-style:dashed;


@@ -210,12 +197,12 @@ div.admin {
 }
 
 .listheading, .listheading th, #content h2 {
 }
 
 .listheading, .listheading th, #content h2 {

-    font-size: 9pt;
+    font-size: 95%;

     padding:3px;
     background-color:
     rgb(236,233,216);
     color: black;
     padding:3px;
     background-color:
     rgb(236,233,216);
     color: black;

-    font-weight: bolder;
+    font-weight: bold;

     text-align:left;
     background-image: url("../../image/fade.png");
     border-style:dotted;
     text-align:left;
     background-image: url("../../image/fade.png");
     border-style:dotted;


@@ -223,7 +210,6 @@ div.admin {
 }
 
 .listheadingcontent {
 }
 
 .listheadingcontent {

-    font-size: 9pt;

     background-color:
     rgb(236,233,216);
     color: black;
     background-color:
     rgb(236,233,216);
     color: black;


@@ -232,7 +218,6 @@ div.admin {
 }
 
 .accountlistheading {
 }
 
 .accountlistheading {

-    font-size: 10pt;

     padding:3px;
     color: white;
     font-weight: bold;
     padding:3px;
     color: white;
     font-weight: bold;


@@ -260,23 +245,22 @@ div.admin {
 .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; }
 .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; }

-
-.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
-.redrow0 { background-color: rgb(255,193,176); 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; }

 
 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
 .greenrow0 { background-color: rgb(0,255,0); 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; }
 

-.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
+.listsubtotal { background-color: rgb(236,233,216); color: black; font-weight: bolder;}

 
 

-.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
+.listtotal, .listtotal td { background-color: rgb(236,233,216); color: black; font-weight: bolder;}

 
 /* Verkaufsbericht */
 
 /* Verkaufsbericht */

-.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
-.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
-.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
+.listmainsortheader { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
+.listmainsortsubtotal { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
+.listsubsortheader { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
+.listsubsortsubtotal { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
+.listsortdescription { background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}

 
 
 .submit {
 
 
 .submit {


@@ -296,18 +280,12 @@ div.admin {
   color: green;
 }
 
   color: green;
 }
 

-td.numeric { /* class for numeric columns in tables */
-  text-align: right
-}
-

 h2.confirm {
   color: blue;
 h2.confirm {
   color: blue;

-  font-size: 14pt;

 }
 
 h2.error {
   color: red;
 }
 
 h2.error {
   color: red;

-  font-size: 14pt;

 }
 
 fieldset {
 }
 
 fieldset {


@@ -316,19 +294,6 @@ fieldset {
   font-weight: bolder;
 }
 
   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;
 
 .filecontent {
   border: 1px solid blue;


@@ -344,15 +309,6 @@ label {
   background-color: #ffa0a0;
 }
 
   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;
 .flash_message_error {
   background-color:#FFD6D6;
   border: 1px solid #AE0014;


@@ -396,13 +352,11 @@ label {
 }
 
 .coa_detail_emph {
 }
 
 .coa_detail_emph {

-  font-size:10pt;

   font-weight:bold;
   color:darkred;
 }
 
 .coa_details_header {
   font-weight:bold;
   color:darkred;
 }
 
 .coa_details_header {

-  font-size:8pt;

   padding:3px;
   font-weight:bolder;
   text-align:center;
   padding:3px;
   font-weight:bolder;
   text-align:center;


@@ -411,7 +365,6 @@ label {
 }
 
 .coa_details_header2 {
 }
 
 .coa_details_header2 {

-  font-size:8pt;

   padding:3px;
   font-weight:normal;
   text-align:left;
   padding:3px;
   font-weight:normal;
   text-align:left;


@@ -429,37 +382,18 @@ label {
   margin-right: 6px;
 }
 
   margin-right: 6px;
 }
 

-.small-text {
-  font-size: 0.75em;
-}
-
-.float-left {
-  float: left;
-}
-.float-right {
-  float: right;
-}
-
-.block-context {
-  overflow: hidden;
-}
-
-.position-relative {
-  position: relative;
-}
-
-.position-absolute {
-  position: absolute;
-}
-
+.chart_picker,

 .part_picker {
 .part_picker {

-  padding-right: 16px;

 }
 }

+.customer-vendor-picker-undefined,
+.chartpicker-undefined,
+.projectpicker-undefined,

 .partpicker-undefined {
   color: red;
   font-style: italic;
 }
 .partpicker-undefined {
   color: red;
   font-style: italic;
 }

-div.part_picker_part {
+div.part_picker_part,
+div.chart_picker_chart {

   padding: 5px;
   margin: 5px;
   border: 1px;
   padding: 5px;
   margin: 5px;
   border: 1px;


@@ -471,46 +405,197 @@ div.part_picker_part {
   background-color: whitesmoke;
   cursor: pointer;
 }
   background-color: whitesmoke;
   cursor: pointer;
 }

-div.part_picker_part:hover {
+div.part_picker_part:hover,
+div.chart_picker_chart:hover {

   background-color: lightgray;
   border-color: gray;
 }
   background-color: lightgray;
   border-color: gray;
 }

+
+div.cpc_block,

 div.ppp_block {
   overflow:hidden;
   float:left;
   width: 350px;
 }
 div.ppp_block {
   overflow:hidden;
   float:left;
   width: 350px;
 }

-div.ppp_block span.ppp_block_number {
+span.cpc_popup_button,
+span.ppp_popup_button {
+  display: inline-block;
+  position: relative;
+  margin-left: -18px;
+  margin-top: 3px;
+  height: 16px;
+  width: 16px;
+  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;
+  background-size: contain;
+  box-sizing: padding-box;
+  -moz-box-sizing: padding-box;
+  -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;*/
+}
+
+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;
 }
   float:left;
 }
 div.ppp_block span.ppp_block_description {
   float:right;
   font-weight:bold;
 }

-div.ppp_line span.ppp_block_description {
+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;
 }
   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 {
+}

 span.toggle_selected {
   font-weight: bold;
 }
 span.toggle_selected {
   font-weight: bold;
 }

+.dunned_invoice {
+  font-weight: bold;
+  color: #f00;
+}
+.customer_dunning_level {
+  font-weight: bold;
+}
+a.green {
+      background-color: DarkGreen;
+      color: white !important;
+      border:none;
+}
+a.orange {
+       background-color:#FF8000;
+       border:none;
+}
+a.red {
+       background-color:#FF0000;
+       border:none;
+}

 
 

-/* CTI */
-a.cti_call_action {
-  display: inline-block;
-  padding-left: 18px;
-  height: 16px;
-  position: relative;
-  top: 2px;
-  vertical-align: center;
-  background-image: url(../../image/icons/16x16/phone.png);
-  background-repeat: no-repeat;
+#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 {
+  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;

 }
 
 }
 

-/* the cvars table in the 2. row */
-.row2-cvars-table tr {vertical-align: top;}
-.row2-cvars-table th {text-align: right; padding-left: 15px; padding-right: 0;}
-.row2-cvars-table td, .row2-cvars-table th {padding-top: 10px;}
+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;
+}