Revision d6b20449
Von Sven Donath vor etwa 14 Jahren hinzugefügt
| css/Mobile.css | ||
|---|---|---|
| 1 |
/* stylesheet for LX-Office ERP
|
|
| 2 |
Getestet mit W3C CSS-Validator:
|
|
| 1 |
/* stylesheet for LX-Office ERP |
|
| 2 |
Getestet mit W3C CSS-Validator: |
|
| 3 | 3 |
Keine Fehler oder Warnungen gefunden |
| 4 | 4 |
*/ |
| 5 | 5 |
A { font-size: 8pt; }
|
| 6 | 6 |
A:link { color: black; text-decoration: none; }
|
| 7 | 7 |
A:visited { color: black; text-decoration: none; }
|
| 8 | 8 |
A:active { color: black; text-decoration: underline; }
|
| 9 |
input:focus, textarea:focus, select:focus, option:focus { background-color: yellow; }
|
|
| 10 |
A.nohover:hover {
|
|
| 9 |
A.nohover:hover {
|
|
| 11 | 10 |
color:white; |
| 12 | 11 |
background-color: #093280; |
| 13 | 12 |
font-size: 8pt; |
| 14 | 13 |
text-decoration: none; |
| 15 | 14 |
} |
| 16 |
A:hover {
|
|
| 15 |
A:hover {
|
|
| 17 | 16 |
color:white; |
| 18 | 17 |
background-color: #093280; |
| 19 | 18 |
font-size: 8pt; |
| 20 | 19 |
text-decoration: none; |
| 21 | 20 |
} |
| 21 |
|
|
| 22 |
input:focus, textarea:focus, select:focus {
|
|
| 23 |
background-color:yellow; |
|
| 24 |
} |
|
| 25 |
|
|
| 22 | 26 |
body {
|
| 23 | 27 |
font-family: Verdana, Arial, Helvetica; |
| 24 | 28 |
font-size: 8pt; |
| ... | ... | |
| 68 | 72 |
font-size:8pt; |
| 69 | 73 |
color: black; |
| 70 | 74 |
} |
| 71 |
.listtop {
|
|
| 72 |
background-color: #b8d1f3;
|
|
| 75 |
.listtop {
|
|
| 76 |
background-color: #b8d1f3; |
|
| 73 | 77 |
text-align:left; |
| 74 | 78 |
padding:5px; |
| 75 |
font-size: 8pt;
|
|
| 76 |
color: black;
|
|
| 79 |
font-size: 8pt; |
|
| 80 |
color: black; |
|
| 77 | 81 |
font-weight: bolder; |
| 78 | 82 |
border-bottom: 2px solid #A5A29C; |
| 79 | 83 |
} |
| 80 |
.listheading {
|
|
| 81 |
font-size: 8pt;
|
|
| 84 |
.listheading {
|
|
| 85 |
font-size: 8pt; |
|
| 82 | 86 |
padding:3px; |
| 83 | 87 |
background-color: #b8d1f3; |
| 84 |
color: black;
|
|
| 88 |
color: black; |
|
| 85 | 89 |
font-weight: bolder; |
| 86 | 90 |
text-align:left; |
| 87 |
}
|
|
| 91 |
} |
|
| 88 | 92 |
.subsubheading {
|
| 89 | 93 |
color: black; |
| 90 | 94 |
font-weight: bolder; |
| ... | ... | |
| 98 | 102 |
|
| 99 | 103 |
.message_ok {
|
| 100 | 104 |
font-size: 10pt; |
| 101 |
padding:3px;
|
|
| 102 |
background-color: lightgreen;
|
|
| 103 |
color: black;
|
|
| 104 |
font-weight: bolder;
|
|
| 105 |
text-align:center;
|
|
| 106 |
border-style:solid;
|
|
| 107 |
border-width:thin;
|
|
| 105 |
padding:3px;
|
|
| 106 |
background-color: lightgreen;
|
|
| 107 |
color: black;
|
|
| 108 |
font-weight: bolder;
|
|
| 109 |
text-align:center;
|
|
| 110 |
border-style:solid;
|
|
| 111 |
border-width:thin;
|
|
| 108 | 112 |
} |
| 109 | 113 |
|
| 110 | 114 |
.message_error {
|
| 111 | 115 |
font-size: 10pt; |
| 112 |
padding:5px;
|
|
| 113 |
background-color: #FFAAAA;
|
|
| 114 |
color: white;
|
|
| 115 |
font-weight: bolder;
|
|
| 116 |
text-align:center;
|
|
| 117 |
border-style:solid;
|
|
| 118 |
border-width:thin;
|
|
| 116 |
padding:5px;
|
|
| 117 |
background-color: #FFAAAA;
|
|
| 118 |
color: white;
|
|
| 119 |
font-weight: bolder;
|
|
| 120 |
text-align:center;
|
|
| 121 |
border-style:solid;
|
|
| 122 |
border-width:thin;
|
|
| 119 | 123 |
} |
| 120 | 124 |
|
| 121 | 125 |
/* Bei Listen den Farbwechsel zur besseren Lesbarkeit: */ |
| ... | ... | |
| 124 | 128 |
.listsubtotal { border-top: 1px solid black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
| 125 | 129 |
.listtotal { border-top: 1px double black; font-size: 8pt; background-color: #b8d1f3; color: black; font-weight: bolder;}
|
| 126 | 130 |
.submit {
|
| 127 |
font-size: 8pt;
|
|
| 131 |
font-size: 8pt; |
|
| 128 | 132 |
font-family: Verdana, Arial, Helvetica; |
| 129 | 133 |
color: #000000; |
| 130 | 134 |
} |
| css/Win2000.css | ||
|---|---|---|
| 1 |
/* stylesheet for LX-Office ERP
|
|
| 2 |
Getestet mit W3C CSS-Validator:
|
|
| 1 |
/* stylesheet for LX-Office ERP |
|
| 2 |
Getestet mit W3C CSS-Validator: |
|
| 3 | 3 |
Keine Fehler oder Warnungen gefunden |
| 4 | 4 |
*/ |
| 5 | 5 |
|
| 6 | 6 |
A:link { color: black; text-decoration: none; }
|
| 7 | 7 |
A:visited { color: black; text-decoration: none; }
|
| 8 | 8 |
A:active { color: black; text-decoration: underline; }
|
| 9 |
input:focus, textarea:focus, select:focus, option:focus { background-color: yellow; }
|
|
| 10 |
A.nohover:hover {
|
|
| 9 |
A.nohover:hover {
|
|
| 11 | 10 |
color:white; |
| 12 | 11 |
background-color: #093280; |
| 13 | 12 |
font-size: 10pt; |
| 14 | 13 |
text-decoration: none; |
| 15 | 14 |
} |
| 16 |
A:hover {
|
|
| 15 |
A:hover {
|
|
| 17 | 16 |
color:white; |
| 18 | 17 |
background-color: #093280; |
| 19 | 18 |
font-size: 10pt; |
| 20 | 19 |
text-decoration: none; |
| 21 | 20 |
} |
| 21 |
|
|
| 22 |
input:focus, textarea:focus, select:focus {
|
|
| 23 |
background-color:yellow; |
|
| 24 |
} |
|
| 25 |
|
|
| 22 | 26 |
body {
|
| 23 | 27 |
font-family: Verdana, Arial, Helvetica; |
| 24 | 28 |
font-size: 10pt; |
| ... | ... | |
| 68 | 72 |
font-size:10pt; |
| 69 | 73 |
color: black; |
| 70 | 74 |
} |
| 71 |
.listtop {
|
|
| 72 |
background-color: #b8d1f3;
|
|
| 75 |
.listtop {
|
|
| 76 |
background-color: #b8d1f3; |
|
| 73 | 77 |
text-align:left; |
| 74 | 78 |
padding:5px; |
| 75 |
font-size: 10pt;
|
|
| 76 |
color: black;
|
|
| 79 |
font-size: 10pt; |
|
| 80 |
color: black; |
|
| 77 | 81 |
font-weight: bolder; |
| 78 | 82 |
border-bottom: 2px solid #A5A29C; |
| 79 | 83 |
} |
| 80 |
.listheading {
|
|
| 81 |
font-size: 10pt;
|
|
| 84 |
.listheading {
|
|
| 85 |
font-size: 10pt; |
|
| 82 | 86 |
padding:3px; |
| 83 | 87 |
background-color: #b8d1f3; |
| 84 |
color: black;
|
|
| 88 |
color: black; |
|
| 85 | 89 |
font-weight: bolder; |
| 86 | 90 |
text-align:left; |
| 87 |
}
|
|
| 91 |
} |
|
| 88 | 92 |
.subsubheading {
|
| 89 | 93 |
color: black; |
| 90 | 94 |
font-weight: bolder; |
| css/lx-office-erp.css | ||
|---|---|---|
| 9 | 9 |
text-decoration: none; |
| 10 | 10 |
} |
| 11 | 11 |
|
| 12 |
input:focus, textarea:focus, select:focus {
|
|
| 13 |
background-color:yellow; |
|
| 14 |
} |
|
| 12 | 15 |
|
| 13 | 16 |
body {
|
| 14 | 17 |
font-family: Verdana, Arial, Helvetica; |
| ... | ... | |
| 29 | 32 |
font-weight: normal; |
| 30 | 33 |
} |
| 31 | 34 |
td.hover:hover {
|
| 32 |
color: black;
|
|
| 35 |
color: black;
|
|
| 33 | 36 |
/* background-color: #FFFFCC; |
| 34 | 37 |
font-size: 8pt; |
| 35 | 38 |
text-decoration: none; |
| ... | ... | |
| 83 | 86 |
|
| 84 | 87 |
.message_ok {
|
| 85 | 88 |
font-size: 12pt; |
| 86 |
padding:5px;
|
|
| 87 |
background-color: lightgreen;
|
|
| 88 |
color: black;
|
|
| 89 |
font-weight: bolder;
|
|
| 90 |
text-align:center;
|
|
| 91 |
border-style:solid;
|
|
| 92 |
border-width:thin;
|
|
| 89 |
padding:5px;
|
|
| 90 |
background-color: lightgreen;
|
|
| 91 |
color: black;
|
|
| 92 |
font-weight: bolder;
|
|
| 93 |
text-align:center;
|
|
| 94 |
border-style:solid;
|
|
| 95 |
border-width:thin;
|
|
| 93 | 96 |
} |
| 94 | 97 |
|
| 95 | 98 |
.message_error {
|
| 96 | 99 |
font-size: 12pt; |
| 97 |
padding:5px;
|
|
| 98 |
background-color: #FFAAAA;
|
|
| 99 |
color: black;
|
|
| 100 |
font-weight: bolder;
|
|
| 101 |
text-align:center;
|
|
| 102 |
border-style:solid;
|
|
| 103 |
border-width:thin;
|
|
| 100 |
padding:5px;
|
|
| 101 |
background-color: #FFAAAA;
|
|
| 102 |
color: black;
|
|
| 103 |
font-weight: bolder;
|
|
| 104 |
text-align:center;
|
|
| 105 |
border-style:solid;
|
|
| 106 |
border-width:thin;
|
|
| 104 | 107 |
} |
| 105 | 108 |
|
| 106 | 109 |
/* |
| 107 |
?berschriftsbalken
|
|
| 110 |
?berschriftsbalken
|
|
| 108 | 111 |
*/ |
| 109 | 112 |
.listtop {
|
| 110 |
background-color: rgb(236,233,216);
|
|
| 111 |
text-align:left;
|
|
| 112 |
padding:5px;
|
|
| 113 |
font-size: 10pt;
|
|
| 114 |
color: black;
|
|
| 115 |
font-weight: bolder;
|
|
| 116 |
border-style:dashed;
|
|
| 117 |
border-width:thin;
|
|
| 113 |
background-color: rgb(236,233,216);
|
|
| 114 |
text-align:left;
|
|
| 115 |
padding:5px;
|
|
| 116 |
font-size: 10pt;
|
|
| 117 |
color: black;
|
|
| 118 |
font-weight: bolder;
|
|
| 119 |
border-style:dashed;
|
|
| 120 |
border-width:thin;
|
|
| 118 | 121 |
} |
| 119 | 122 |
|
| 120 | 123 |
|
| 121 | 124 |
.listelement {
|
| 122 |
background-image: url("../image/fade2.png");
|
|
| 123 |
background-repeat:repeat-x;
|
|
| 124 |
border-style:dashed;
|
|
| 125 |
border-width:thin;
|
|
| 125 |
background-image: url("../image/fade2.png");
|
|
| 126 |
background-repeat:repeat-x;
|
|
| 127 |
border-style:dashed;
|
|
| 128 |
border-width:thin;
|
|
| 126 | 129 |
} |
| 127 | 130 |
|
| 128 | 131 |
.listelement2 {
|
| 129 |
background-image: url("../image/fade2.png");
|
|
| 130 |
background-repeat:repeat-x;
|
|
| 131 |
border-style:dashed;
|
|
| 132 |
border-width:thin;
|
|
| 132 |
background-image: url("../image/fade2.png");
|
|
| 133 |
background-repeat:repeat-x;
|
|
| 134 |
border-style:dashed;
|
|
| 135 |
border-width:thin;
|
|
| 133 | 136 |
} |
| 134 | 137 |
|
| 135 | 138 |
.listheading, .listheading th {
|
| 136 |
font-size: 9pt;
|
|
| 137 |
padding:3px;
|
|
| 138 |
background-color:
|
|
| 139 |
rgb(236,233,216);
|
|
| 140 |
color: black;
|
|
| 141 |
font-weight: bolder;
|
|
| 142 |
text-align:left;
|
|
| 143 |
background-image: url("../image/fade.png");
|
|
| 144 |
border-style:dotted;
|
|
| 145 |
border-width:thin;
|
|
| 139 |
font-size: 9pt;
|
|
| 140 |
padding:3px;
|
|
| 141 |
background-color:
|
|
| 142 |
rgb(236,233,216);
|
|
| 143 |
color: black;
|
|
| 144 |
font-weight: bolder;
|
|
| 145 |
text-align:left;
|
|
| 146 |
background-image: url("../image/fade.png");
|
|
| 147 |
border-style:dotted;
|
|
| 148 |
border-width:thin;
|
|
| 146 | 149 |
} |
| 147 | 150 |
|
| 148 | 151 |
.listheadingcontent {
|
| 149 |
font-size: 9pt;
|
|
| 150 |
background-color:
|
|
| 151 |
rgb(236,233,216);
|
|
| 152 |
color: black;
|
|
| 153 |
font-weight: bolder;
|
|
| 154 |
text-align:left;
|
|
| 152 |
font-size: 9pt;
|
|
| 153 |
background-color:
|
|
| 154 |
rgb(236,233,216);
|
|
| 155 |
color: black;
|
|
| 156 |
font-weight: bolder;
|
|
| 157 |
text-align:left;
|
|
| 155 | 158 |
} |
| 156 | 159 |
|
| 157 | 160 |
.accountlistheading {
|
| 158 |
font-size: 10pt;
|
|
| 159 |
padding:3px;
|
|
| 160 |
color: white;
|
|
| 161 |
font-weight: bold;
|
|
| 162 |
text-align:left;
|
|
| 163 |
background-color:rgb(133,132,129);
|
|
| 161 |
font-size: 10pt;
|
|
| 162 |
padding:3px;
|
|
| 163 |
color: white;
|
|
| 164 |
font-weight: bold;
|
|
| 165 |
text-align:left;
|
|
| 166 |
background-color:rgb(133,132,129);
|
|
| 164 | 167 |
} |
| 165 | 168 |
|
| 166 | 169 |
.subsubheading {
|
| ... | ... | |
| 170 | 173 |
} |
| 171 | 174 |
|
| 172 | 175 |
.optionen {
|
| 173 |
border:dashed;
|
|
| 174 |
/* padding-top:10px;
|
|
| 175 |
padding-bottom:10px;
|
|
| 176 |
padding-left:10px;
|
|
| 176 |
border:dashed;
|
|
| 177 |
/* padding-top:10px;
|
|
| 178 |
padding-bottom:10px;
|
|
| 179 |
padding-left:10px;
|
|
| 177 | 180 |
*/ |
| 178 |
border-width:1px;
|
|
| 179 |
background:#efedde;
|
|
| 181 |
border-width:1px;
|
|
| 182 |
background:#efedde;
|
|
| 180 | 183 |
} |
| 181 | 184 |
|
| 182 | 185 |
|
| 183 | 186 |
.listrow1 {
|
| 184 |
background-color: rgb(208,207,201);
|
|
| 185 |
color: black;
|
|
| 186 |
vertical-align: top;
|
|
| 187 |
background-color: rgb(208,207,201);
|
|
| 188 |
color: black;
|
|
| 189 |
vertical-align: top;
|
|
| 187 | 190 |
} |
| 188 | 191 |
|
| 189 | 192 |
.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
|
| ... | ... | |
| 259 | 262 |
background-color: #ffcccc; |
| 260 | 263 |
padding: 3px; |
| 261 | 264 |
} |
| 262 |
input:focus {
|
|
| 263 |
background-color:yellow; |
|
| 264 |
} |
|
| 265 | 265 |
|
Auch abrufbar als: Unified diff
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.