Onlinehilfe als modale Overlays.
[kivitendo-erp.git] / css / lx-office-erp.css
1 /* Stylesheet for Lx-Office
2  * Name: lx-office-erp.css*/
3
4 /* The look of links */
5 A:link { color: mediumblue; text-decoration: none; }
6 A:visited { color: mediumblue; text-decoration: none; }
7 A:active { color: black; text-decoration: none; }
8 A:hover { color: black;
9            background-color: lemonchiffon;
10            text-decoration: none;
11          }
12
13 input:focus, textarea:focus, select:focus {
14   background-color: yellow;
15 }
16
17 body {
18   font-family: Verdana, Arial, Helvetica;
19   font-size: 10pt;
20   background-color: white;
21   background-image: url("../image/fade.png"); background-repeat:repeat-x;
22   color: black;
23 }
24
25 /* .bg {
26   background-image: url("mn_hauptmenu.png");
27 } */
28
29 td {
30   font-family: Verdana, Arial, Helvetica;
31   color: black;
32   font-size: 8pt;
33   font-weight: normal;
34 }
35 td.hover:hover {
36     color: black;
37 /*          background-color: #FFFFCC;
38           font-size: 8pt;
39           text-decoration: none;
40           border:none;
41           borderWidth:0px;
42           borderColor:2557AD;
43 */
44 }
45
46
47 th {
48   font-family: Verdana, Arial, Helvetica;
49   color: black;
50   font-size: 8pt;
51   font-weight: normal;
52 }
53
54 /* login and admin */
55 .login {
56   font-family: Verdana, Arial, Helvetica;
57 }
58 body.login {
59   background: #b8d1f3;
60   color: #A0A0A0;
61 }
62 h1.login {
63   font-size: 18pt;
64 }
65 table.login {
66   background-color: #efedde;
67   padding: 20px;
68 }
69 td.login {
70   text-align: center;
71 }
72 th.login {
73   text-align: right;
74 }
75
76 body.admin {
77   background-color:#ffffff;
78   color: black;
79 }
80
81 body.menu {
82   background-image: url("../image/fade.png");background-repeat:repeat-x;
83   font-family: Verdana, Arial, Helvetica;
84   font-size:8pt;
85   color: black;
86 }
87
88 .message_error_login {
89     color: #000000;
90     border: 1px solid #8b0000;
91     background-color: #ffcccc;
92     padding: 3px;
93 }
94 .message_ok {
95     font-size: 12pt;
96     padding:5px;
97     background-color: #ADFFB6;
98     color: black;
99     font-weight: bolder;
100     text-align:center;
101     border-style:solid;
102     border-width:thin;
103 }
104 .message_error {
105     font-size: 12pt;
106     padding:5px;
107     background-color: #FFAAAA;
108     color: black;
109     font-weight: bolder;
110     text-align:center;
111     border-style:solid;
112     border-width:thin;
113 }
114 .message_hint {
115     font-size: 12pt;
116     padding:5px;
117     background-color: #FFFE66;
118     color: black;
119     font-weight: bolder;
120     text-align:center;
121     border-style:solid;
122     border-width:thin;
123 }
124 .message_error_label {
125     font-size: 0.8em;
126     padding:5px;
127     background-color: #FEE;
128     font-weight:normal;
129     text-align:left;
130     border-style:solid;
131     border-width:thin;
132 }
133
134 /*
135     Überschriftsbalken
136 */
137 .listtop, h1 {
138     background-color: rgb(236,233,216);
139     text-align:left;
140     padding:5px;
141     font-size: 10pt;
142     color: black;
143     font-weight: bolder;
144     border-style:dashed;
145     border-width:thin;
146 }
147
148
149 .listelement {
150     background-image: url("../image/fade2.png");
151     background-repeat:repeat-x;
152     border-style:dashed;
153     border-width:thin;
154 }
155
156 .listelement2 {
157     background-image: url("../image/fade2.png");
158     background-repeat:repeat-x;
159     border-style:dashed;
160     border-width:thin;
161 }
162
163 .listheading, .listheading th {
164     font-size: 9pt;
165     padding:3px;
166     background-color:
167     rgb(236,233,216);
168     color: black;
169     font-weight: bolder;
170     text-align:left;
171     background-image: url("../image/fade.png");
172     border-style:dotted;
173     border-width:thin;
174 }
175
176 .listheadingcontent {
177     font-size: 9pt;
178     background-color:
179     rgb(236,233,216);
180     color: black;
181     font-weight: bolder;
182     text-align:left;
183 }
184
185 .accountlistheading {
186     font-size: 10pt;
187     padding:3px;
188     color: white;
189     font-weight: bold;
190     text-align:left;
191     background-color:rgb(133,132,129);
192 }
193
194 .subsubheading {
195   color: black;
196   font-weight: bolder;
197   text-decoration: underline;
198 }
199
200 .optionen {
201     border:dashed;
202 /*  padding-top:10px;
203     padding-bottom:10px;
204     padding-left:10px;
205 */
206     border-width:1px;
207     background:#efedde;
208 }
209
210
211 .listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
212 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
213
214 .redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
215 .redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
216
217 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
218 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
219
220 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
221
222 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
223
224 /* Verkaufsbericht */
225 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
226 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
227 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
228 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
229 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
230
231
232 .submit {
233   font-family: Verdana, Arial, Helvetica;
234   color: #000000;
235 }
236 .checkbox, .radio {
237   font-family: Verdana, Arial, Helvetica;
238   color: #778899;
239 }
240
241 .plus0 {    /* font color for negative numbers */
242   color: red;
243 }
244
245 .plus1 {
246   color: green;
247 }
248
249 td.numeric { /* class for numeric columns in tables */
250   text-align: right
251 }
252
253 h2.confirm {
254   color: blue;
255   font-size: 14pt;
256 }
257
258 h2.error {
259   color: red;
260   font-size: 14pt;
261 }
262
263 fieldset {
264   margin-top:15px;
265   color: black;
266   font-weight: bolder;
267 }
268
269 /* media stuff */
270
271 @media screen {
272   .noscreen {   /* items with this class won't display */
273     display: none;
274   }
275 }
276
277 @media print {
278   .noprint {   /* items with this class won't print */
279     display: none;
280   }
281 }
282
283 .filecontent {
284   border: 1px solid blue;
285   padding-left: 2px;
286   padding-right: 2px;
287 }
288
289 label {
290   cursor:pointer;
291 }
292
293 .unbalanced_ledger {
294   background-color: #ffa0a0;
295 }
296
297 .clearfix:after {
298   clear:both;
299   content:".";
300   display:block;
301   font-size:0;
302   height:0;
303   visibility:hidden;
304 }
305
306 .flash_message_error {
307   background-color:#FFD6D6;
308   border: 1px solid #AE0014;
309   margin-top: 5px;
310   margin-bottom: 5px;
311   padding: 5px;
312 }
313
314 .flash_message_warning {
315   background-color:#FFE8C7;
316   border: 1px solid #FF6600;
317   margin-top: 5px;
318   margin-bottom: 5px;
319   padding: 5px;
320 }
321
322 .flash_message_info {
323   background-color:#DCF2FF;
324   border: 1px solid #4690FF;
325   margin-top: 5px;
326   margin-bottom: 5px;
327   padding: 5px;
328 }
329
330 .jqmWindow {
331   display: none;
332
333   position: fixed;
334   top: 17%;
335   left: 40%;
336
337   margin-left: -200px;
338   width: 700px;
339
340   background-color: lemonchiffon;
341   color: #333;
342   border: 1px solid black;
343   padding: 4px;
344 }
345
346 .jqmContent {
347   padding: 8px;
348 }
349
350 .jqmWindow h1 {
351   border: 0;
352   padding: 0;
353   background-color: lemonchiffon;
354 }
355
356 .jqmOverlay {
357   background-color: #000;
358 }