Zeilenklassen für Rot und Grün
[kivitendo-erp.git] / css / lx-office-erp.css
index 3fcbfb6..a381430 100644 (file)
@@ -1,45 +1,19 @@
-/* stylesheet for LX-Office ERP */
-
-/* general stuff */
-/*
-A:link { color: #a0522d; text-decoration: none; }
-A:visited { color: #0522d; text-decoration: none; }
-A:active { color: #a0522d; text-decoration: underline; }
-A:hover { color: white;
-          background-color: rgb(187,187,187);
-         text-decoration: none;
-}
-*/
-A:link { color: black; text-decoration: none; }
-A:visited { color: black; text-decoration: none; }
-A:active { color: black; text-decoration: underline; }
-
-/*
-       Menu: oberste Linkebene
-*/
-A.nohover:hover { 
-       /* color: black;*/
-       color:#8c1919;
-       /* font-weight: bolder;
-       background-image: url("px_3.gif");
-       text-decoration:none; 
-       */
-}
-
-
-/*
-       Menu : Unterpunkte
-*/
-A:hover { 
-       color:#8c1919;
-/*     color: black;
-       font-weight: bolder;
-       background-color: #FFFFCC;
-       text-decoration:none; 
-*/
+/* Stylesheet for Lx-Office
+ * Name: lx-office-erp.css*/
+
+/* The look of links */
+A:link { color: mediumblue; text-decoration: none; }
+A:visited { color: mediumblue; text-decoration: none; }
+A:active { color: black; text-decoration: none; }
+A:hover { color: black;
+           background-color: lemonchiffon;
+           text-decoration: none;
+         }
+
+input:focus, textarea:focus, select:focus {
+  background-color: yellow;
 }
 
-
 body {
   font-family: Verdana, Arial, Helvetica;
   font-size: 10pt;
@@ -48,8 +22,8 @@ body {
   color: black;
 }
 
-/* .bg { 
-  background-image: url("mn_hauptmenu.png"); 
+/* .bg {
+  background-image: url("mn_hauptmenu.png");
 } */
 
 td {
@@ -58,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;
@@ -111,50 +85,112 @@ 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;
-}
-       
-       
+    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 {
   color: black;
   font-weight: bolder;
@@ -162,32 +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;
 }
 
-       
-A.listheading:link, A.listheading:active, A.listheading:visited {
-  color: black;
-  text-decoration: none; 
- }
-
-.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;
@@ -206,6 +246,10 @@ A.listheading:link, A.listheading:active, A.listheading:visited {
   color: green;
 }
 
+td.numeric { /* class for numeric columns in tables */
+  text-align: right
+}
+
 h2.confirm {
   color: blue;
   font-size: 14pt;
@@ -216,6 +260,11 @@ h2.error {
   font-size: 14pt;
 }
 
+fieldset {
+  margin-top:15px;
+  color: black;
+  font-weight: bolder;
+}
 
 /* media stuff */
 
@@ -231,3 +280,49 @@ h2.error {
   }
 }
 
+.filecontent {
+  border: 1px solid blue;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+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;
+}