Merge branch 'master' of vc.linet-services.de:public/lx-office-erp
[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 {
212     background-color: rgb(208,207,201);
213     color: black;
214     vertical-align: top;
215 }
216
217 .listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
218
219 .listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
220
221 .listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
222
223 /* Verkaufsbericht */
224 .listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
225 .listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
226 .listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
227 .listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
228 .listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
229
230
231 .submit {
232   font-family: Verdana, Arial, Helvetica;
233   color: #000000;
234 }
235 .checkbox, .radio {
236   font-family: Verdana, Arial, Helvetica;
237   color: #778899;
238 }
239
240 .plus0 {    /* font color for negative numbers */
241   color: red;
242 }
243
244 .plus1 {
245   color: green;
246 }
247
248 td.numeric { /* class for numeric columns in tables */
249   text-align: right
250 }
251
252 h2.confirm {
253   color: blue;
254   font-size: 14pt;
255 }
256
257 h2.error {
258   color: red;
259   font-size: 14pt;
260 }
261
262 fieldset {
263   margin-top:15px;
264   color: black;
265   font-weight: bolder;
266 }
267
268 /* media stuff */
269
270 @media screen {
271   .noscreen {   /* items with this class won't display */
272     display: none;
273   }
274 }
275
276 @media print {
277   .noprint {   /* items with this class won't print */
278     display: none;
279   }
280 }
281
282 .filecontent {
283   border: 1px solid blue;
284   padding-left: 2px;
285   padding-right: 2px;
286 }
287
288 label {
289   cursor:pointer;
290 }
291
292 .unbalanced_ledger {
293   background-color: #ffa0a0;
294 }
295
296 .clearfix:after {
297   clear:both;
298   content:".";
299   display:block;
300   font-size:0;
301   height:0;
302   visibility:hidden;
303 }
304
305 .flash_message_error {
306   background-color:#FFD6D6;
307   border: 1px solid #AE0014;
308   margin-top: 5px;
309   margin-bottom: 5px;
310   padding: 5px;
311 }
312
313 .flash_message_warning {
314   background-color:#FFE8C7;
315   border: 1px solid #FF6600;
316   margin-top: 5px;
317   margin-bottom: 5px;
318   padding: 5px;
319 }
320
321 .flash_message_info {
322   background-color:#DCF2FF;
323   border: 1px solid #4690FF;
324   margin-top: 5px;
325   margin-bottom: 5px;
326   padding: 5px;
327 }