Input, Textarea und Select = Yellow überarbeitet

Holgers gute Idee estwas verfeinert.
Dabei sind die :focus Klassen hinter die As gewandert und eine
Menge Leerzeichen und Tabs "verloren gegangen".
Durch das CSS sind die Login-Screen Inputs auch yellow.
Auf Android scheint das nicht zu funktionieren.

diff --git a/css/Mobile.css b/css/Mobile.css
index 1550f01..1fa35b4 100644 (file)
--- a/css/Mobile.css
+++ b/css/Mobile.css
@@ -1,24 +1,28 @@
-/* stylesheet for LX-Office ERP 
-Getestet mit W3C CSS-Validator: 
+/* stylesheet for LX-Office ERP
+Getestet mit W3C CSS-Validator:
 Keine Fehler oder Warnungen gefunden
 */
 A      { font-size: 8pt; }
 A:link { color: black; text-decoration: none; }
 A:visited { color: black; text-decoration: none; }
 A:active { color: black; text-decoration: underline; }
-input:focus, textarea:focus, select:focus, option:focus { background-color: yellow; }
-A.nohover:hover { 
+A.nohover:hover {
   color:white;
   background-color: #093280;
   font-size: 8pt;
   text-decoration: none;
 }
-A:hover { 
+A:hover {
   color:white;
   background-color: #093280;
   font-size: 8pt;
   text-decoration: none;
 }
+
+input:focus, textarea:focus, select:focus {
+  background-color:yellow;
+}
+
 body {
   font-family: Verdana, Arial, Helvetica;
   font-size: 8pt;
@@ -68,23 +72,23 @@ body.menu {
   font-size:8pt;
   color: black;
 }
-.listtop { 
-  background-color: #b8d1f3; 
+.listtop {
+  background-color: #b8d1f3;
   text-align:left;
   padding:5px;
-  font-size: 8pt; 
-  color: black; 
+  font-size: 8pt;
+  color: black;
   font-weight: bolder;
   border-bottom: 2px solid #A5A29C;
 }
-.listheading { 
-  font-size: 8pt; 
+.listheading {
+  font-size: 8pt;
   padding:3px;
   background-color: #b8d1f3;
-  color: black; 
+  color: black;
   font-weight: bolder;
   text-align:left;
-}       
+}
 .subsubheading {
   color: black;
   font-weight: bolder;
@@ -98,24 +102,24 @@ body.menu {
 
 .message_ok {
     font-size: 10pt;
-       padding:3px;
-       background-color: lightgreen;
-       color: black;
-       font-weight: bolder;
-       text-align:center;
-       border-style:solid;
-       border-width:thin;
+    padding:3px;
+    background-color: lightgreen;
+    color: black;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
 }
 
 .message_error {
     font-size: 10pt;
-       padding:5px;
-       background-color: #FFAAAA;
-       color: white;
-       font-weight: bolder;
-       text-align:center;
-       border-style:solid;
-       border-width:thin;
+    padding:5px;
+    background-color: #FFAAAA;
+    color: white;
+    font-weight: bolder;
+    text-align:center;
+    border-style:solid;
+    border-width:thin;
 }
 
 /* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */
@@ -124,7 +128,7 @@ body.menu {
 .listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
 .listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
 .submit {
-  font-size: 8pt; 
+  font-size: 8pt;
   font-family: Verdana, Arial, Helvetica;
   color: #000000;
 }

diff --git a/css/Win2000.css b/css/Win2000.css
index 4ef66a9..d9dc7b2 100644 (file)
--- a/css/Win2000.css
+++ b/css/Win2000.css
@@ -1,24 +1,28 @@
-/* stylesheet for LX-Office ERP 
-Getestet mit W3C CSS-Validator: 
+/* stylesheet for LX-Office ERP
+Getestet mit W3C CSS-Validator:
 Keine Fehler oder Warnungen gefunden
 */
 
 A:link { color: black; text-decoration: none; }
 A:visited { color: black; text-decoration: none; }
 A:active { color: black; text-decoration: underline; }
-input:focus, textarea:focus, select:focus, option:focus { background-color: yellow; }
-A.nohover:hover { 
+A.nohover:hover {
   color:white;
   background-color: #093280;
   font-size: 10pt;
   text-decoration: none;
 }
-A:hover { 
+A:hover {
   color:white;
   background-color: #093280;
   font-size: 10pt;
   text-decoration: none;
 }
+
+input:focus, textarea:focus, select:focus {
+  background-color:yellow;
+}
+
 body {
   font-family: Verdana, Arial, Helvetica;
   font-size: 10pt;
@@ -68,23 +72,23 @@ body.menu {
   font-size:10pt;
   color: black;
 }
-.listtop { 
-  background-color: #b8d1f3; 
+.listtop {
+  background-color: #b8d1f3;
   text-align:left;
   padding:5px;
-  font-size: 10pt; 
-  color: black; 
+  font-size: 10pt;
+  color: black;
   font-weight: bolder;
   border-bottom: 2px solid #A5A29C;
 }
-.listheading { 
-  font-size: 10pt; 
+.listheading {
+  font-size: 10pt;
   padding:3px;
   background-color: #b8d1f3;
-  color: black; 
+  color: black;
   font-weight: bolder;
   text-align:left;
-}       
+}
 .subsubheading {
   color: black;
   font-weight: bolder;

diff --git a/css/lx-office-erp.css b/css/lx-office-erp.css
index d3d6835..bf6d86d 100644 (file)
--- a/css/lx-office-erp.css
+++ b/css/lx-office-erp.css
@@ -9,6 +9,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 +32,7 @@ td {
   font-weight: normal;
 }
 td.hover:hover {
-       color: black;
+    color: black;
 /*          background-color: #FFFFCC;
           font-size: 8pt;
           text-decoration: none;
@@ -83,84 +86,84 @@ body.menu {
 
 .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: lightgreen;
+    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;
 }
 
 /*
-       Ü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;
+    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,20 +173,20 @@ 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;
+    background-color: rgb(208,207,201);
+    color: black;
+    vertical-align: top;
 }
 
 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
@@ -259,7 +262,4 @@ label {
   background-color: #ffcccc;
   padding: 3px;
 }
-input:focus {
-    background-color:yellow;
-}