Zeilenklassen für Rot und Grün
[kivitendo-erp.git] / css / lx-office-erp.css
index 386fbb5..a381430 100644 (file)
@@ -1,4 +1,5 @@
-/* stylesheet for LX-Office ERP */
+/* Stylesheet for Lx-Office
+ * Name: lx-office-erp.css*/
 
 /* The look of links */
 A:link { color: mediumblue; text-decoration: none; }
@@ -9,6 +10,9 @@ A:hover { color: black;
            text-decoration: none;
          }
 
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
+}
 
 body {
   font-family: Verdana, Arial, Helvetica;
@@ -18,8 +22,8 @@ body {
   color: black;
 }
 
-/* .bg { 
-  background-image: url("mn_hauptmenu.png"); 
+/* .bg {
+  background-image: url("mn_hauptmenu.png");
 } */
 
 td {
@@ -28,8 +32,8 @@ td {
   font-size: 8pt;
   font-weight: normal;
 }
-td.hover:hover { 
-       color: black;
+td.hover:hover {
+    color: black;
 /*          background-color: #FFFFCC;
           font-size: 8pt;
           text-decoration: none;
@@ -81,56 +85,110 @@ body.menu {
   color: black;
 }
 
+.message_error_login {
+    color: #000000;
+    border: 1px solid #8b0000;
+    background-color: #ffcccc;
+    padding: 3px;
+}
+.message_ok {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #ADFFB6;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_hint {
+    font-size: 12pt;
+    padding:5px;
+    background-color: #FFFE66;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
+}
+.message_error_label {
+    font-size: 0.8em;
+    padding:5px;
+    background-color: #FEE;
+    font-weight:normal;
+    text-align:left;
+    border-style:solid;
+    border-width:thin;
+}
 
 /*
-       Überschriftsbalken
+    Überschriftsbalken
 */
-.listtop { 
-       background-color: rgb(236,233,216); 
-       text-align:left;
-       padding:5px;
-       font-size: 10pt; 
-       color: black; 
-       font-weight: bolder;
-       border-style:dashed;
-       border-width:thin;
+.listtop, h1 {
+    background-color: rgb(236,233,216);
+    text-align:left;
+    padding:5px;
+    font-size: 10pt;
+    color: black;
+    font-weight: bolder;
+    border-style:dashed;
+    border-width:thin;
 }
 
 
 .listelement {
-       background-image: url("../image/fade2.png");
-       background-repeat:repeat-x;
-       border-style:dashed;
-       border-width:thin;
+    background-image: url("../image/fade2.png");
+    background-repeat:repeat-x;
+    border-style:dashed;
+    border-width:thin;
 }
 
 .listelement2 {
-       background-image: url("../image/fade2.png");
-       background-repeat:repeat-x;
-       border-style:dashed;
-       border-width:thin;
-}
-
-.listheading { 
-       font-size: 9pt; 
-       padding:3px;
-       background-color: 
-       rgb(236,233,216); 
-       color: black; 
-       font-weight: bolder;
-       text-align:left;
-       background-image: url("../image/fade.png");
-       border-style:dotted;
-       border-width:thin;
-}
-
-.accountlistheading { 
-       font-size: 10pt; 
-       padding:3px;
-       color: white; 
-       font-weight: bold;
-       text-align:left;
-       background-color:rgb(133,132,129);
+    background-image: url("../image/fade2.png");
+    background-repeat:repeat-x;
+    border-style:dashed;
+    border-width:thin;
+}
+
+.listheading, .listheading th {
+    font-size: 9pt;
+    padding:3px;
+    background-color:
+    rgb(236,233,216);
+    color: black;
+    font-weight: bolder;
+    text-align:left;
+    background-image: url("../image/fade.png");
+    border-style:dotted;
+    border-width:thin;
+}
+
+.listheadingcontent {
+    font-size: 9pt;
+    background-color:
+    rgb(236,233,216);
+    color: black;
+    font-weight: bolder;
+    text-align:left;
+}
+
+.accountlistheading {
+    font-size: 10pt;
+    padding:3px;
+    color: white;
+    font-weight: bold;
+    text-align:left;
+    background-color:rgb(133,132,129);
 }
 
 .subsubheading {
@@ -140,27 +198,36 @@ body.menu {
 }
 
 .optionen {
-       border:dashed;
-/*     padding-top:10px;
-       padding-bottom:10px;
-       padding-left:10px;
+    border:dashed;
+/*  padding-top:10px;
+    padding-bottom:10px;
+    padding-left:10px;
 */
-       border-width:1px;
-       background:#efedde;
+    border-width:1px;
+    background:#efedde;
 }
 
-       
-.listrow1 { 
-       background-color: rgb(208,207,201); 
-       color: black; 
-       vertical-align: top; 
-}
 
+.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
 .listrow0 { background-color: rgb(236,233,216); 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; }
+
 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
 
-.listtotal { font-size: 8pt; 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;}
+
+/* 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}
+
 
 .submit {
   font-family: Verdana, Arial, Helvetica;
@@ -179,6 +246,10 @@ body.menu {
   color: green;
 }
 
+td.numeric { /* class for numeric columns in tables */
+  text-align: right
+}
+
 h2.confirm {
   color: blue;
   font-size: 14pt;
@@ -218,3 +289,40 @@ fieldset {
 label {
   cursor:pointer;
 }
+
+.unbalanced_ledger {
+  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;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+.flash_message_warning {
+  background-color:#FFE8C7;
+  border: 1px solid #FF6600;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+.flash_message_info {
+  background-color:#DCF2FF;
+  border: 1px solid #4690FF;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}