From: Sven Donath Date: Thu, 14 Oct 2010 14:16:13 +0000 (+0200) Subject: Input, Textarea und Select = Yellow überarbeitet X-Git-Tag: release-2.6.2beta1~99 X-Git-Url: http://wagnertech.de/git?a=commitdiff_plain;h=d6b20449715469dea7822a7c384f8862cea28d8f;p=kivitendo-erp.git 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 1550f01ca..1fa35b45e 100644 --- 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 4ef66a9d6..d9dc7b2cd 100644 --- 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 d3d683513..bf6d86d5a 100644 --- 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; -}