Merge branch 'master' of git@vc.linet-services.de:public/lx-office-erp
[kivitendo-erp.git] / css / lx-office-erp.css
index 056ed5d..455fe59 100644 (file)
@@ -1,66 +1,39 @@
-/* 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;
+/* 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;
 }
-*/
-A:link { color: black; text-decoration: none; }
-A:visited { color: black; text-decoration: none; }
-A:active { color: black; text-decoration: underline; }
-//A:hover { color: white;
-//          background-color: rgb(187,187,187);
-//       text-decoration: none;
-//}
-
-
-/*
-       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; 
-*/
-}
-
 
 body {
   font-family: Verdana, Arial, Helvetica;
   font-size: 10pt;
-  //background-color: white;
+  background-color: white;
   background-image: url("../image/fade.png"); background-repeat:repeat-x;
-  color: black
+  color: black;
 }
-// .bg { background-image: url("mn_hauptmenu.png");}
+
+/* .bg {
+  background-image: url("mn_hauptmenu.png");
+} */
+
 td {
   font-family: Verdana, Arial, Helvetica;
   color: black;
   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;
@@ -70,10 +43,6 @@ td.hover:hover {
 */
 }
 
-//td {
-//  font-family: Verdana, Arial, Helvetica;
-//  font-size: 8pt;
-//}
 
 th {
   font-family: Verdana, Arial, Helvetica;
@@ -105,90 +74,160 @@ th.login {
 }
 
 body.admin {
-  background-color: #FFFFF;
+  background-color:#ffffff;
   color: black;
 }
 
 body.menu {
   background-image: url("../image/fade.png");background-repeat:repeat-x;
   font-family: Verdana, Arial, Helvetica;
-  font-size: 8t;
+  font-size:8pt;
   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;
+}
 
 /*
-       �erschriftsbalken
+    Ü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-image: url("../image/fade.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/fade_short.png");
-       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;
-}
-       
-       
-.optionen {
-       border:dashed;
-/*     padding-top:10px;
-       padding-bottom:10px;
-       padding-left:10px;
-*/
-       border-width:1px;
-       background:efedde;
+    background-image: url("../image/fade2.png");
+    background-repeat:repeat-x;
+    border-style:dashed;
+    border-width:thin;
 }
 
-       
-A.listheading:link, A.listheading:active, A.listheading:visited {
+.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;
-  text-decoration: none; 
- }
+  font-weight: bolder;
+  text-decoration: underline;
+}
 
-.listrow1 { 
-       background-color: rgb(208,207,201); 
-       color: black; 
-       vertical-align: top; 
+.optionen {
+    border:dashed;
+/*  padding-top:10px;
+    padding-bottom:10px;
+    padding-left:10px;
+*/
+    border-width:1px;
+    background:#efedde;
 }
 
+
+.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;
@@ -207,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;
@@ -217,6 +260,11 @@ h2.error {
   font-size: 14pt;
 }
 
+fieldset {
+  margin-top:15px;
+  color: black;
+  font-weight: bolder;
+}
 
 /* media stuff */
 
@@ -231,3 +279,80 @@ h2.error {
     display: none;
   }
 }
+
+.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;
+}
+
+.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;
+}