Merge branch 'master' of git@vc.linet-services.de:public/lx-office-erp
[kivitendo-erp.git] / css / lx-office-erp.css
index b647950..455fe59 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;
@@ -29,7 +33,7 @@ td {
   font-weight: normal;
 }
 td.hover:hover {
-       color: black;
+    color: black;
 /*          background-color: #FFFFCC;
           font-size: 8pt;
           text-decoration: none;
@@ -81,86 +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: lightgreen;
-       color: black;
-       font-weight: bolder;
-       text-align:center;
-       border-style:solid;
-       border-width:thin;
+    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;
+    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;
+    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;
+    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;
+    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);
+    font-size: 10pt;
+    padding:3px;
+    color: white;
+    font-weight: bold;
+    text-align:left;
+    background-color:rgb(133,132,129);
 }
 
 .subsubheading {
@@ -170,28 +198,37 @@ 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, .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;
   color: #000000;
@@ -209,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;
@@ -253,9 +294,65 @@ label {
   background-color: #ffa0a0;
 }
 
-.error_message {
-  color: #000000;
-  border: 1px solid #8b0000;
-  background-color: #ffcccc;
-  padding: 3px;
+.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;
+}
+
+.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;
 }