Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision cd670dfa

Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt

  • ID cd670dfafdb3560614634765e2a377946ff1809b
  • Vorgänger ff33b093

Erweiterung und Optimierung less und css fuer Design 4.0

Unterschiede anzeigen:

css/style.css
1 
/* ------------------------------------------------------------- */
2 
/* VARIABLES COLOR (variables_color_gray_standard.less) Standard Grey */
3 
/* ------------------------------------------------------------- */
4 
.bg-body {
5 
  background-color: #b0d5bf;
6 
}
7 
.bg-content {
8 
  background-image: linear-gradient(to bottom, #eff7f2, #b0d5bf);
9 
}
10 
/* ------------------------------------------------------------- */
11 
/* VARIABLES (variables.less)                                    */
12 
/* ------------------------------------------------------------- */
13 
/* ------------------------------------------------------------- */
14 
/* CUSTOM VARIABLES (custom_variables.less)                      */
15 
/* ------------------------------------------------------------- */
16 
/* ------------------------------------------------------------- */
17 
/* MIXINS (mixins.less)                                          */
18 
/* ------------------------------------------------------------- */
19 
.mx-h3-caption {
20 
  font-size: 12pt;
21 
  font-weight: normal;
22 
  color: #07331a !important;
23 
  padding: 0.2em 0 0.2em 0.2em;
24 
  margin: 0.1em 0 0.4em 0 ;
25 
  text-align: left;
26 
}
27 
.mx-contentbox-properties {
28 
  margin: 1em 1em 1em 1.2em;
29 
  padding: 0.6em 1em 1.2em 1.8em;
30 
}
31 
.mx-thead-th {
32 
  color: #cfe6d9;
33 
  background-color: #07331a;
34 
  border-top: 1px solid #07331a;
35 
  border-bottom: 1px solid #07331a;
36 
  text-align: left ;
37 
  vertical-align: middle ;
38 
}
39 
.mx-button {
40 
  display: inline-block;
41 
  cursor: pointer ;
42 
  width: auto ;
43 
  padding: 0.2em 0.6em;
44 
  font-size: 9pt;
45 
  font-weight: normal;
46 
  font-style: normal;
47 
  text-align: center;
48 
  border-style: solid;
49 
  border-width: 1px;
50 
  border-radius: 6px;
51 
}
52 
.mx-button-standard {
53 
  border: 1px #052211 solid;
54 
  background-color: #07331a;
55 
  color: #eff7f2;
56 
  text-decoration: none;
57 
}
58 
.mx-button-standard-hover-focus:hover {
59 
  border: 1px #000000 solid;
60 
  background-color: #052211;
61 
  color: #cfe6d9;
62 
  text-decoration: none;
63 
}
64 
.mx-button-standard-hover-focus:active,
65 
.mx-button-standard-hover-focus:focus {
66 
  border: 1px #000000 solid;
67 
  background-color: #000000;
68 
  color: #cfe6d9;
69 
  text-decoration: none;
70 
}
71 
.mx-button-neutral {
72 
  border: 1px #118040 solid;
73 
  background-color: #cfe6d9;
74 
  color: #052211;
75 
}
76 
.mx-button-neutral-hover-focus:hover {
77 
  border: 1px #118040 solid;
78 
  background-color: #eff7f2;
79 
  color: #052211;
80 
  text-decoration: none;
81 
}
82 
.mx-button-neutral-hover-focus:active,
83 
.mx-button-neutral-hover-focus:focus {
84 
  border: 1px #021109 solid;
85 
  background-color: #118040;
86 
  color: #000000;
87 
  text-decoration: none;
88 
}
89 
/* ------------------------------------------------------------- */
90 
/* COMMON PROPERTIES (common.less)                               */
91 
/* ------------------------------------------------------------- */
1 92 
html {
2 93 
  overflow-y: scroll;
3 94 
}
4 95 
body {
5 96 
  padding: 0;
6 97 
  margin: 0 ;
98 
  font-size: 9pt;
7 99 
}
8 100 
div,
9 101 
p,
10 102 
span,
103 
table,
104 
th,
105 
td,
11 106 
input,
12 107 
textarea,
13 108 
select,
14 109 
button,
15 
a.button,
16 
table,
17 
col,
18 
th,
19 
td {
110 
a.button {
20 111 
  box-sizing: border-box;
21 112 
}
22 113 
.clearfix:after {
......
76 167 
  border-bottom: solid black;
77 168 
  border-width: 1px;
78 169 
}
79 
.mx-h3-caption {
80 
  font-size: 12pt;
81 
  font-style: normal;
82 
  font-weight: normal;
83 
  color: #0e3914 !important;
84 
  padding: 0.2em 0 0.2em 0.2em;
85 
  margin: 0;
86 
  text-align: left;
87 
}
88 
.mx-contentbox-properties {
89 
  margin: 1em 1em 1em 0.6em;
90 
  padding: 0.6em 1em 1.2em 1.8em;
91 
}
92 
.mx-thead-th {
93 
  color: #95e4a0;
94 
  background-color: #2db43f;
95 
  border-top: 1px solid #0e3914;
96 
  border-bottom: 1px solid #0e3914;
97 
  text-align: left ;
98 
  vertical-align: middle ;
99 
}
100 
.mx-button {
101 
  display: inline-block;
102 
  cursor: auto ;
103 
  width: auto ;
104 
  padding: 0.2em 0.6em;
105 
  font-size: 9pt;
106 
  font-weight: normal;
107 
  font-style: normal;
108 
  text-align: center;
109 
  border-style: solid;
110 
  border-width: 1px;
111 
  border-radius: 3px;
112 
}
113 
.mx-button-standard {
114 
  border-color: #e7f9e9;
115 
  background-color: #2db43f;
116 
  color: #e7f9e9;
117 
  text-decoration: none;
118 
}
119 
.mx-button-standard-hover-focus:hover {
120 
  border-color: #0e3914;
121 
  background-color: #43d056;
122 
  color: #ffffff;
123 
  text-decoration: none;
124 
}
125 
.mx-button-standard-hover-focus:active,
126 
.mx-button-standard-hover-focus:focus {
127 
  border-color: #0e3914;
128 
  background-color: #43d056;
129 
  color: #ffffff;
130 
  text-decoration: none;
131 
}
132 
.mx-button-neutral {
133 
  border-color: #0e3914;
134 
  background-color: #beefc4;
135 
  color: #2db43f;
136 
}
137 
.mx-button-neutral-hover-focus:hover {
138 
  border-color: #0e3914;
139 
  background-color: #95e4a0;
140 
  color: #2db43f;
141 
  text-decoration: none;
142 
}
143 
.mx-button-neutral-hover-focus:active,
144 
.mx-button-neutral-hover-focus:focus {
145 
  border-color: #0e3914;
146 
  background-color: #95e4a0;
147 
  color: #ffffff;
148 
  text-decoration: none;
149 
}
170 
/* ------------------------------------------------------------- */
171 
/* SCAFFOLDING (scaffolding.less)                                */
172 
/* ------------------------------------------------------------- */
150 173 
body {
151 174 
  margin: 0 ;
152 
  background-color: #cfcfcf;
153 
  color: #000000;
175 
  color: #666666;
154 176 
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
155 
  font-size: 11pt;
177 
  font-size: 9pt;
178 
  background-color: #b0d5bf;
156 179 
}
157 180 
body #frame-header {
158 181 
  position: fixed;
......
173 196 
  display: block;
174 197 
  z-index: 1030;
175 198 
  position: fixed;
176 
  float: left !important;
199 
  float: right !important;
177 200 
  width: auto;
178 201 
  top: 68px ;
179 
  left: 656px ;
180 202 
  right: 0.2em ;
181 203 
  margin: 0 0.4em 0 0;
182 204 
  padding: 0;
......
191 213 
body > #content {
192 214 
  overflow: hidden;
193 215 
  display: block;
194 
  padding: 0 0 0 0;
195 
  margin: 104px 0 1em 0;
216 
  padding: 101px 0 0 0;
217 
  margin: 0 0 1em 0;
218 
  background-image: linear-gradient(to bottom, #eff7f2, #b0d5bf);
196 219 
}
197 220 
body > #content .wrapper {
198 221 
  clear: both;
199 222 
  display: block;
200 223 
  overflow: hidden;
201 
  width: auto;
224 
  width: 99%;
202 225 
  height: auto;
203 226 
}
204 227 
body > #content .wrapper > .col {
......
228 251 
body > #content .wrapper.width-moderate {
229 252 
  width: auto;
230 253 
}
231 
body > #content .ui-tabs-panel {
232 
  background-color: #cfcfcf;
254 
body > #content .wrapper > table.tbl-horizontal:last-child {
255 
  margin-right: 0 !important ;
233 256 
}
234 257 
body .full-width {
235 258 
  width: 100% ;
......
241 264 
  display: table;
242 265 
  width: auto;
243 266 
}
244 
.ui-helper-hidden {
245 
  display: none;
267 
/* ------------------------------------------------------------- */
268 
/* MAIN PROPERTIES (main.less)                                   */
269 
/* ------------------------------------------------------------- */
270 
#content > p,
271 
#content > div,
272 
#content > td,
273 
#content > th {
274 
  font-size: 9pt;
246 275 
}
247 
.ui-helper-hidden-accessible {
248 
  border: 0;
249 
  clip: rect(0 0 0 0);
250 
  height: 1px;
251 
  margin: -1px;
252 
  overflow: hidden;
253 
  padding: 0;
254 
  position: absolute;
255 
  width: 1px;
276 
#content input,
277 
#content select,
278 
#content option,
279 
#content textarea {
280 
  font-size: 9pt;
256 281 
}
257 
.ui-helper-reset {
282 
h1 {
283 
  display: block;
284 
  text-align: left;
258 285 
  margin: 0;
259 
  padding: 0;
260 
  border: 0;
261 
  outline: 0;
262 
  line-height: 1.3;
263 
  text-decoration: none;
264 
  font-size: 11pt;
265 
  list-style: none;
286 
  font-weight: normal;
287 
  font-size: 12pt;
288 
  line-height: 1.2em ;
266 289 
}
267 
.ui-helper-clearfix:before,
268 
.ui-helper-clearfix:after {
269 
  content: "";
270 
  display: table;
271 
  border-collapse: collapse;
290 
#content > h1 {
291 
  position: fixed;
292 
  z-index: 1020;
293 
  top: 60px;
294 
  width: 100%;
295 
  color: #cfe6d9;
296 
  background-color: #07331a;
297 
  padding: 0.7em 0.5em 0.7em 1.3em;
272 298 
}
273 
.ui-helper-clearfix:after {
274 
  clear: both;
299 
#content .wrapper h1 {
300 
  color: #000000;
301 
  font-size: 13pt;
302 
  margin: 0 0 0.4em 0;
275 303 
}
276 
.ui-helper-clearfix {
277 
  min-height: 0;
304 
body > h1 {
305 
  color: #cfe6d9;
306 
  background-color: #07331a;
307 
  padding: 0.7em 0.5em 0.7em 1.3em;
278 308 
}
279 
.ui-helper-zfix {
280 
  width: 100%;
281 
  height: 100%;
282 
  top: 0;
283 
  left: 0;
284 
  position: absolute;
285 
  opacity: 0;
309 
h2 {
310 
  color: #000000;
311 
  font-size: 13pt;
312 
  border-style: none;
313 
  letter-spacing: 0.14em;
286 314 
}
287 
.ui-front {
288 
  z-index: 100;
315 
#content > h2,
316 
.admin > h2 {
317 
  padding: 0.6em 0.2em ;
318 
  margin: 0.6em 0 0 0 ;
289 319 
}
290 
.ui-state-disabled {
291 
  cursor: default !important;
320 
#content ui-tabs-panel .wrapper > h2,
321 
.admin ui-tabs-panel .wrapper > h2 {
322 
  padding: 0 0.2em 0.6em 0.2em ;
323 
  margin: 0 0 0.4em 0;
292 324 
}
293 
.ui-icon {
294 
  display: block;
295 
  text-indent: -99999px;
296 
  overflow: hidden;
297 
  background-repeat: no-repeat;
325 
#content .wrapper > h2,
326 
.admin .wrapper > h2 {
327 
  padding: 2.0em 0.2em 0.6em 0.2em ;
328 
  margin: 0 ;
329 
  font-weight: normal;
330 
  clear: both;
298 331 
}
299 
.ui-widget-overlay {
300 
  position: fixed;
301 
  top: 0;
302 
  left: 0;
303 
  width: 100%;
304 
  height: 100%;
332 
#content .wrapper > h2:first-child,
333 
.admin .wrapper > h2:first-child {
334 
  padding-top: 0 ;
305 335 
}
306 
.ui-resizable {
307 
  position: relative;
336 
h2.confirm {
337 
  color: #003c18;
308 338 
}
309 
.ui-resizable-handle {
310 
  position: absolute;
311 
  font-size: 0.1px;
312 
  display: block;
339 
h2.error {
340 
  color: #ae0014;
313 341 
}
314 
.ui-resizable-disabled .ui-resizable-handle,
315 
.ui-resizable-autohide .ui-resizable-handle {
316 
  display: none;
342 
h2.record-title {
343 
  padding: 0.6em 0 0 0 !important;
344 
  font-size: 13pt;
345 
  color: #000000;
317 346 
}
318 
.ui-resizable-n {
319 
  cursor: n-resize;
320 
  height: 7px;
321 
  width: 100%;
322 
  top: -5px;
323 
  left: 0;
347 
h2.record-title small {
348 
  color: #000000;
349 
  letter-spacing: 0 ;
324 350 
}
325 
.ui-resizable-s {
326 
  cursor: s-resize;
327 
  height: 7px;
328 
  width: 100%;
329 
  bottom: -5px;
330 
  left: 0;
351 
.wrapper > h2.record-title {
352 
  margin: 0em 1em 1em 0.2em !important;
331 353 
}
332 
.ui-resizable-e {
333 
  cursor: e-resize;
334 
  width: 7px;
335 
  right: -5px;
336 
  top: 0;
337 
  height: 100%;
354 
.ui-tabs-panel > h2.record-title {
355 
  margin: 1em 1em 0.2em 1.2em !important;
356 
  padding: 0.8em 0 0 0.1em !important;
338 357 
}
339 
.ui-resizable-w {
340 
  cursor: w-resize;
341 
  width: 7px;
342 
  left: -5px;
343 
  top: 0;
344 
  height: 100%;
358 
h3 {
359 
  font-size: 12pt;
360 
  font-weight: normal;
361 
  color: #07331a !important;
362 
  padding: 0.2em 0 0.2em 0.2em;
363 
  margin: 0.1em 0 0.4em 0 ;
364 
  text-align: left;
345 365 
}
346 
.ui-resizable-se {
347 
  cursor: se-resize;
348 
  width: 12px;
349 
  height: 12px;
350 
  right: 1px;
351 
  bottom: 1px;
366 
h3.caption {
367 
  margin: 0.6em 0 0.4em 0 !important;
352 368 
}
353 
.ui-resizable-sw {
354 
  cursor: sw-resize;
355 
  width: 9px;
356 
  height: 9px;
357 
  left: -5px;
358 
  bottom: -5px;
369 
#content h3 {
370 
  color: #000000;
371 
  padding-left: 0 ;
372 
  margin: 0.8em 0 0.4em 0 ;
359 373 
}
360 
.ui-resizable-nw {
361 
  cursor: nw-resize;
362 
  width: 9px;
363 
  height: 9px;
364 
  left: -5px;
365 
  top: -5px;
374 
#content .wrapper h3 {
375 
  margin-top: 1.0em ;
366 376 
}
367 
.ui-resizable-ne {
368 
  cursor: ne-resize;
369 
  width: 9px;
370 
  height: 9px;
371 
  right: -5px;
372 
  top: -5px;
377 
#content .wrapper h3:first-child {
378 
  margin-top: 0 ;
373 379 
}
374 
.ui-selectable-helper {
375 
  position: absolute;
376 
  z-index: 100;
377 
  border: 1px dotted black;
380 
#content table.tbl-horizontal > tbody > tr > th > h3,
381 
#content table.tbl-horizontal > tbody > tr > td > h3 {
382 
  margin-top: 0.2em !important;
378 383 
}
379 
.ui-accordion .ui-accordion-header {
380 
  display: block;
381 
  cursor: pointer;
382 
  position: relative;
383 
  margin-top: 2px;
384 
  padding: .5em .5em .5em .7em;
385 
  min-height: 0;
384 
a {
385 
  text-decoration: none;
386 386 
}
387 
.ui-accordion .ui-accordion-icons {
388 
  padding-left: 2.2em;
387 
a:link,
388 
a:visited,
389 
a:active {
390 
  color: #07331a;
389 391 
}
390 
.ui-accordion .ui-accordion-noicons {
391 
  padding-left: .7em;
392 
a:hover {
393 
  color: #000000;
394 
  text-decoration: underline;
392 395 
}
393 
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
394 
  padding-left: 2.2em;
396 
a.selected:hover {
397 
  color: #EBEBEB;
395 398 
}
396 
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
397 
  position: absolute;
398 
  left: .5em;
399 
  top: 50%;
400 
  margin-top: -8px;
399 
a.nomobile {
400 
  background-color: transparent;
401 
  border: none;
401 402 
}
402 
.ui-accordion .ui-accordion-content {
403 
  padding: 1em 2.2em;
404 
  border-top: 0;
405 
  overflow: auto;
403 
a.green {
404 
  background-color: DarkGreen;
405 
  color: white !important;
406 
  border: none;
406 407 
}
407 
.ui-autocomplete {
408 
  position: absolute;
409 
  top: 0;
410 
  left: 0;
411 
  cursor: default;
408 
a.orange {
409 
  background-color: #FF8000;
410 
  border: none;
412 411 
}
413 
.ui-button {
414 
  display: inline-block;
415 
  position: relative;
416 
  padding: 0;
417 
  line-height: normal;
418 
  margin-right: .1em;
419 
  cursor: pointer;
420 
  vertical-align: middle;
421 
  text-align: center;
422 
  overflow: visible;
412 
a.red {
413 
  background-color: #FF0000;
414 
  border: none;
423 415 
}
424 
.ui-button:link,
425 
.ui-button:visited,
426 
.ui-button:hover,
427 
.ui-button:active {
428 
  text-decoration: none;
416 
ul,
417 
ol {
418 
  font-size: 11pt;
429 419 
}
430 
.ui-button-icon-only {
431 
  width: 2.2em;
420 
ul li,
421 
ol li {
422 
  font-size: 10pt;
432 423 
}
433 
button.ui-button-icon-only {
434 
  width: 2.4em;
424 
.wrapper .col ul {
425 
  list-style: circle outside;
426 
  padding: 0 ;
427 
  margin: 0 ;
435 428 
}
436 
.ui-button-icons-only {
437 
  width: 3.4em;
429 
.wrapper .col ul li {
430 
  padding: 0 0 0 -0.6em;
431 
  margin: 0 0 0 0 ;
438 432 
}
439 
button.ui-button-icons-only {
440 
  width: 3.7em;
433 
hr {
434 
  background-color: #3cff8a;
435 
  border: none;
436 
  height: 1px;
441 437 
}
442 
.ui-button .ui-button-text {
443 
  display: block;
444 
  line-height: normal;
438 
div.wi-smallest,
439 
span.wi-smallest,
440 
div.list.wi-smallest {
441 
  width: 42px;
445 442 
}
446 
.ui-button-text-only .ui-button-text {
447 
  padding: .4em 1em;
443 
div.wi-verysmall,
444 
span.wi-verysmall,
445 
div.list.wi-verysmall {
446 
  width: 80px;
448 447 
}
449 
.ui-button-icon-only .ui-button-text,
450 
.ui-button-icons-only .ui-button-text {
451 
  padding: .4em;
452 
  text-indent: -9999999px;
448 
div.wi-small,
449 
span.wi-small,
450 
div.list.wi-small {
451 
  width: 128px;
453 452 
}
454 
.ui-button-text-icon-primary .ui-button-text,
455 
.ui-button-text-icons .ui-button-text {
456 
  padding: .4em 1em .4em 2.1em;
453 
div.wi-mediumsmall,
454 
span.wi-mediumsmall,
455 
div.list.wi-mediumsmall {
456 
  width: 160px;
457 457 
}
458 
.ui-button-text-icon-secondary .ui-button-text,
459 
.ui-button-text-icons .ui-button-text {
460 
  padding: .4em 2.1em .4em 1em;
458 
div.wi-normal,
459 
span.wi-normal,
460 
div.list.wi-normal {
461 
  width: 208px;
461 462 
}
462 
.ui-button-text-icons .ui-button-text {
463 
  padding-left: 2.1em;
464 
  padding-right: 2.1em;
463 
div.wi-lightwide,
464 
span.wi-lightwide,
465 
div.list.wi-lightwide {
466 
  width: 256px;
465 467 
}
466 
input.ui-button {
467 
  padding: .4em 1em;
468 
div.wi-wide,
469 
span.wi-wide,
470 
div.list.wi-wide {
471 
  width: 320px;
468 472 
}
469 
.ui-button-icon-only .ui-icon,
470 
.ui-button-text-icon-primary .ui-icon,
471 
.ui-button-text-icon-secondary .ui-icon,
472 
.ui-button-text-icons .ui-icon,
473 
.ui-button-icons-only .ui-icon {
474 
  position: absolute;
475 
  top: 50%;
476 
  margin-top: -8px;
473 
div.wi-wider,
474 
span.wi-wider,
475 
div.list.wi-wider {
476 
  width: 384px;
477 477 
}
478 
.ui-button-icon-only .ui-icon {
479 
  left: 50%;
480 
  margin-left: -8px;
478 
div.wi-verywide,
479 
span.wi-verywide,
480 
div.list.wi-verywide {
481 
  width: 576px;
481 482 
}
482 
.ui-button-text-icon-primary .ui-button-icon-primary,
483 
.ui-button-text-icons .ui-button-icon-primary,
484 
.ui-button-icons-only .ui-button-icon-primary {
485 
  left: .5em;
483 
div.long-description,
484 
div.long-desc,
485 
div.longdescription,
486 
div.longdesc {
487 
  font-size: 9pt;
486 488 
}
487 
.ui-button-text-icon-secondary .ui-button-icon-secondary,
488 
.ui-button-text-icons .ui-button-icon-secondary,
489 
.ui-button-icons-only .ui-button-icon-secondary {
490 
  right: .5em;
489 
div.long-description.small,
490 
div.long-desc.small,
491 
div.longdescription.small,
492 
div.longdesc.small {
493 
  font-size: 9pt;
491 494 
}
492 
.ui-buttonset {
493 
  margin-right: 7px;
495 
div.long-description p,
496 
div.long-desc p,
497 
div.longdescription p,
498 
div.longdesc p {
499 
  margin: 0 0 0.6em 0;
494 500 
}
495 
.ui-buttonset .ui-button {
496 
  margin-left: 0;
497 
  margin-right: -0.3em;
501 
div.long-description ul,
502 
div.long-desc ul,
503 
div.longdescription ul,
504 
div.longdesc ul,
505 
div.long-description ol,
506 
div.long-desc ol,
507 
div.longdescription ol,
508 
div.longdesc ol {
509 
  margin-top: 0 ;
498 510 
}
499 
input.ui-button::-moz-focus-inner,
500 
button.ui-button::-moz-focus-inner {
501 
  border: 0;
502 
  padding: 0;
511 
div.long-description ul li,
512 
div.long-desc ul li,
513 
div.longdescription ul li,
514 
div.longdesc ul li,
515 
div.long-description ol li,
516 
div.long-desc ol li,
517 
div.longdescription ol li,
518 
div.longdesc ol li {
519 
  font-size: 9pt;
503 520 
}
504 
.ui-datepicker {
505 
  width: 17em;
506 
  padding: .2em .2em 0;
507 
  display: none;
521 
div.description {
522 
  display: block;
523 
  float: left ;
524 
  padding: 0 0 0.6em 0 ;
508 525 
}
509 
.ui-datepicker .ui-datepicker-header {
510 
  position: relative;
511 
  padding: .2em 0;
526 
div.description.wi-verysmall {
527 
  width: 80px;
512 528 
}
513 
.ui-datepicker .ui-datepicker-prev,
514 
.ui-datepicker .ui-datepicker-next {
515 
  position: absolute;
516 
  top: 2px;
517 
  width: 1.8em;
518 
  height: 1.8em;
529 
div.description.wi-small {
530 
  width: 128px;
519 531 
}
520 
.ui-datepicker .ui-datepicker-prev-hover,
521 
.ui-datepicker .ui-datepicker-next-hover {
522 
  top: 1px;
532 
div.description.wi-mediumsmall {
533 
  width: 160px;
523 534 
}
524 
.ui-datepicker .ui-datepicker-prev {
525 
  left: 2px;
535 
div.description.wi-normal {
536 
  width: 208px;
526 537 
}
527 
.ui-datepicker .ui-datepicker-next {
528 
  right: 2px;
538 
div.description.wi-wide {
539 
  width: 320px;
529 540 
}
530 
.ui-datepicker .ui-datepicker-prev-hover {
531 
  left: 1px;
541 
div.description.wi-lightwide {
542 
  width: 256px;
532 543 
}
533 
.ui-datepicker .ui-datepicker-next-hover {
534 
  right: 1px;
544 
div.description.wi-wider {
545 
  width: 384px;
535 546 
}
536 
.ui-datepicker .ui-datepicker-prev span,
537 
.ui-datepicker .ui-datepicker-next span {
538 
  display: block;
539 
  position: absolute;
540 
  left: 50%;
541 
  margin-left: -8px;
542 
  top: 50%;
543 
  margin-top: -8px;
547 
div.description.wi-verywide {
548 
  width: 576px;
544 549 
}
545 
.ui-datepicker .ui-datepicker-title {
546 
  margin: 0 2.3em;
547 
  line-height: 1.8em;
548 
  text-align: center;
550 
div.instructions {
551 
  background-color: #eff7f2;
552 
  border: 1px #118040 solid;
553 
  border-radius: 0.6em;
554 
  max-width: 70% ;
555 
  margin: 1em 1em 1em 1.2em;
556 
  padding: 0.6em 1em 1.2em 1.8em;
557 
  color: #4C4C4C;
558 
  font-size: 80%;
549 559 
}
550 
.ui-datepicker .ui-datepicker-title select {
551 
  font-size: 11pt;
552 
  margin: 1px 0;
560 
div.instructions p {
561 
  width: 30em;
553 562 
}
554 
.ui-datepicker select.ui-datepicker-month-year {
555 
  width: 100%;
563 
span.label {
564 
  font-size: 9pt;
565 
  font-style: normal ;
556 566 
}
557 
.ui-datepicker select.ui-datepicker-month,
558 
.ui-datepicker select.ui-datepicker-year {
559 
  width: 49%;
567 
span.value {
568 
  color: #000 ;
560 569 
}
561 
.ui-datepicker table {
562 
  width: 100%;
563 
  font-size: 11pt;
564 
  border-collapse: collapse;
565 
  margin: 0 0 .4em;
570 
.center {
571 
  margin: 0 auto;
572 
  width: auto;
566 573 
}
567 
.ui-datepicker th {
568 
  padding: .7em .3em;
569 
  text-align: center;
570 
  font-weight: bold;
571 
  border: 0;
574 
.accent div.label {
575 
  float: left ;
576 
  font-size: 80% ;
577 
  padding-top: 0.8em ;
572 578 
}
573 
.ui-datepicker td {
574 
  border: 0;
575 
  padding: 1px;
579 
.accent div.data {
580 
  float: left ;
576 581 
}
577 
.ui-datepicker td span,
578 
.ui-datepicker td a {
579 
  display: block;
580 
  padding: .2em;
581 
  text-align: right;
582 
  text-decoration: none;
582 
.accent div.data input[type="text"] {
583 
  width: 20em !important ;
583 584 
}
584 
.ui-datepicker .ui-datepicker-buttonpane {
585 
  background-image: none;
586 
  margin: .7em 0 0 0;
587 
  padding: 0 .2em;
588 
  border-left: 0;
589 
  border-right: 0;
590 
  border-bottom: 0;
585 
pre.filecontent {
586 
  border: 1px solid blue;
587 
  padding-left: 2px;
588 
  padding-right: 2px;
591 589 
}
592 
.ui-datepicker .ui-datepicker-buttonpane button {
593 
  float: right;
594 
  margin: .5em .2em .4em;
590 
#expand_all,
591 
.expand {
595 592 
  cursor: pointer;
596 
  padding: .2em .6em .3em .6em;
597 
  width: auto;
598 
  overflow: visible;
599 
}
600 
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
601 
  float: left;
593 
  display: block;
594 
  max-width: 16px;
595 
  max-height: 16px;
602 596 
}
603 
.ui-datepicker.ui-datepicker-multi {
604 
  width: auto;
597 
.hidden {
598 
  display: none ;
605 599 
}
606 
.ui-datepicker-multi .ui-datepicker-group {
607 
  float: left;
600 
.wrapper {
601 
  overflow: hidden ;
602 
  margin: 1em 1em 1em 1.2em;
603 
  padding: 0 0 1.0em 0 ;
604 
  clear: both ;
605 
  display: block ;
606 
  border: 1px transparent solid ;
607 
  width: 99%;
608 608 
}
609 
.ui-datepicker-multi .ui-datepicker-group table {
610 
  width: 95%;
611 
  margin: 0 auto .4em;
609 
.wrapper .wrapper {
610 
  margin-left: 0 !important ;
612 611 
}
613 
.ui-datepicker-multi-2 .ui-datepicker-group {
614 
  width: 50%;
612 
.wrapper.test {
613 
  background-color: #FFE67C ;
615 614 
}
616 
.ui-datepicker-multi-3 .ui-datepicker-group {
617 
  width: 33.3%;
615 
.wrapper .tbl-horizontal,
616 
.wrapper .tbl-plain {
617 
  float: left ;
618 618 
}
619 
.ui-datepicker-multi-4 .ui-datepicker-group {
620 
  width: 25%;
619 
.wrapper > table.tbl-horizontal:last-child {
620 
  margin-right: 0 ;
621 621 
}
622 
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
623 
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
624 
  border-left-width: 0;
622 
.wrapper.toggled {
623 
  display: inline-block !important;
625 624 
}
626 
.ui-datepicker-multi .ui-datepicker-buttonpane {
627 
  clear: left;
625 
.wrapper.bordered {
626 
  border: 1px #118040 solid;
627 
  border-radius: 4px;
628 628 
}
629 
.ui-datepicker-row-break {
630 
  clear: both;
631 
  width: 100%;
632 
  font-size: 0;
629 
.wrapper > .toggles {
630 
  display: inline-block;
631 
  position: relative     ;
632 
  top: 0            ;
633 
  margin-top: 4px          ;
634 
  float: right        ;
633 635 
}
634 
.ui-dialog {
635 
  z-index: 8001 ;
636 
  position: absolute;
637 
  top: 0;
638 
  left: 0;
639 
  outline: 0;
640 
  border: 1px solid black;
636 
.wrapper > .toggles a.toggle {
637 
  display: inline-block;
638 
  width: 18px ;
639 
  height: 18px ;
640 
  background-repeat: no-repeat;
641 
  background-position: 50% 50%;
641 642 
}
642 
.ui-dialog .ui-dialog-titlebar {
643 
  padding: 0.4em 1.0em;
644 
  border: none;
645 
  background: #2db43f;
646 
  color: #beefc4;
647 
  font-weight: normal;
648 
  position: relative;
649 
  text-align: left;
650 
  font-size: 13pt;
643 
.wrapper > .toggles a.toggle.min {
644 
  background-image: url(../image/toggle-down.png);
651 645 
}
652 
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
653 
  float: left;
654 
  white-space: nowrap;
655 
  overflow: hidden;
656 
  text-overflow: ellipsis;
657 
  display: block;
646 
.wrapper > .toggles a.toggle.max {
647 
  background-image: url(../image/toggle-left.png);
658 648 
}
659 
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
660 
  position: absolute;
661 
  right: 0.3em;
662 
  top: 50%;
663 
  width: 21px;
664 
  margin: 10px 0 0 0;
665 
  padding: 1px;
666 
  height: 20px;
649 
.wrapper .col {
650 
  float: left ;
667 651 
}
668 
.ui-dialog .ui-dialog-content {
669 
  position: relative;
670 
  border: 0;
671 
  padding: .5em 1em;
672 
  background: none;
673 
  overflow: auto;
652 
.wrapper .col.test {
653 
  background-color: #FFD7BA;
654 
  border: 1px #6CF solid;
674 655 
}
675 
.ui-dialog .ui-dialog-buttonpane {
676 
  text-align: left;
677 
  border-width: 1px 0 0 0;
678 
  background-image: none;
679 
  margin-top: .5em;
680 
  padding: .3em 1em .5em .4em;
656 
.wrapper .col.wi-small {
657 
  width: 128px;
681 658 
}
682 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
683 
  float: right;
659 
.wrapper .col.wi-mediumsmall {
660 
  width: 160px;
684 661 
}
685 
.ui-dialog .ui-dialog-buttonpane button {
686 
  margin: .5em .4em .5em 0;
687 
  cursor: pointer;
662 
.wrapper .col.wi-normal {
663 
  width: 208px;
688 664 
}
689 
.ui-dialog .ui-resizable-se {
690 
  width: 12px;
691 
  height: 12px;
692 
  right: -5px;
693 
  bottom: -5px;
694 
  background-position: 16px 16px;
665 
.wrapper .col.wi-wide {
666 
  width: 320px;
695 667 
}
696 
.ui-dialog.ui-draggable .ui-dialog-titlebar {
697 
  cursor: move;
668 
.wrapper .col.wi-lightwide {
669 
  width: 256px;
698 670 
}
699 
.ui-menu {
700 
  list-style: none;
701 
  padding: 2px;
702 
  margin: 0;
703 
  display: block;
704 
  outline: none;
671 
.wrapper .col.wi-wider {
672 
  width: 384px;
705 673 
}
706 
.ui-menu .ui-menu {
707 
  margin-top: -3px;
708 
  position: absolute;
674 
.wrapper .col.wi-verywide {
675 
  width: 576px;
709 676 
}
710 
.ui-menu .ui-menu-item {
711 
  margin: 0;
712 
  padding: 0;
713 
  width: 100%;
714 
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
677 
.wrapper .col .tbl-horizontal,
678 
.wrapper .col .tbl-plain {
679 
  float: none ;
680 
  clear: left ;
715 681 
}
716 
.ui-menu .ui-menu-divider {
717 
  margin: 5px -2px 5px -2px;
718 
  height: 0;
719 
  font-size: 0;
720 
  line-height: 0;
721 
  border-width: 1px 0 0 0;
682 
.wrapper > p {
683 
  max-width: 36.0em ;
684 
  overflow: hidden ;
685 
  font-size: 9pt;
686 
  line-height: 140%;
687 
  padding-bottom: 1.0em ;
722 688 
}
723 
.ui-menu .ui-menu-item a {
724 
  text-decoration: none;
725 
  display: block;
726 
  padding: 2px .4em;
727 
  line-height: 1.5;
728 
  min-height: 0;
729 
  font-weight: normal;
689 
.plus,
690 
.minus,
691 
.plus0,
692 
.plus1 {
693 
  display: inline !important;
694 
  clear: none;
730 695 
}
731 
.ui-menu .ui-menu-item a.ui-state-focus,
732 
.ui-menu .ui-menu-item a.ui-state-active {
733 
  font-weight: normal;
734 
  margin: -1px;
696 
.minus,
697 
plus0 {
698 
  color: #ae0014;
735 699 
}
736 
.ui-menu .ui-state-disabled {
737 
  font-weight: normal;
738 
  margin: .4em 0 .2em;
739 
  line-height: 1.5;
700 
.plus,
701 
.plus1 {
702 
  color: #003c18;
740 703 
}
741 
.ui-menu .ui-state-disabled a {
742 
  cursor: default;
704 
span.unbalanced_ledger {
705 
  background-color: #ffe38d;
743 706 
}
744 
.ui-menu-icons {
745 
  position: relative;
707 
div.dimmed-text,
708 
span.dimmed-text {
709 
  color: #888888;
710 
  font-style: italic;
746 711 
}
747 
.ui-menu-icons .ui-menu-item a {
748 
  position: relative;
749 
  padding-left: 2em;
712 
.dunned_invoice {
713 
  font-weight: bold;
714 
  color: #f00;
750 715 
}
751 
.ui-menu .ui-icon {
752 
  position: absolute;
753 
  top: .2em;
754 
  left: .2em;
716 
.customer_dunning_level {
717 
  font-weight: bold;
755 718 
}
756 
.ui-menu .ui-menu-icon {
757 
  position: static;
758 
  float: right;
719 
#dunning_invoice_list .direct_debit td,
720 
#dunning_invoice_list .direct_debit a {
721 
  color: #888888;
759 722 
}
760 
.ui-progressbar {
761 
  height: 2em;
762 
  text-align: left;
763 
  overflow: hidden;
723 
#bank_transactions_proposals .invoice_number_highlight a,
724 
#bank_transactions_proposals span.invoice_number_highlight {
725 
  background-color: #003c18;
726 
  color: #FFFFFF;
764 727 
}
765 
.ui-progressbar .ui-progressbar-value {
766 
  margin: -1px;
767 
  height: 100%;
728 
.spacer {
729 
  clear: both;
768 730 
}
769 
.ui-progressbar .ui-progressbar-overlay {
770 
  background: url("ui-lightness/images/animated-overlay.gif");
771 
  height: 100%;
772 
  filter: alpha(opacity=25);
773 
  opacity: 0.25;
731 
#content > p {
732 
  margin: 0.6em 2em 1em 0.7em;
774 733 
}
775 
.ui-progressbar-indeterminate .ui-progressbar-value {
776 
  background-image: none;
734 
#content > p.message_hint {
735 
  margin: 0.6em 2em 1em 1em;
777 736 
}
778 
.ui-slider {
779 
  position: relative;
780 
  text-align: left;
737 
/* ------------------------------------------------------------- */
738 
/* MAIN LOGIN (main_login.less)                                  */
739 
/* ------------------------------------------------------------- */
740 
div#login,
741 
div.login {
742 
  margin: 0 auto;
743 
  width: 100%;
744 
  padding: 0 ;
745 
  text-align: center ;
781 746 
}
782 
.ui-slider .ui-slider-handle {
783 
  position: absolute;
784 
  z-index: 2;
785 
  width: 1.2em;
786 
  height: 1.2em;
787 
  cursor: default;
747 
div#login h1,
748 
div.login h1 {
749 
  text-align: center;
750 
  font-size: 150%;
751 
  top: 0 ;
752 
  width: 100% ;
753 
  display: block ;
754 
  vertical-align: middle;
755 
  background-color: green ;
756 
  color: white ;
757 
  padding: 0.8em 0 ;
758 
  z-index: 10 ;
788 759 
}
789 
.ui-slider .ui-slider-range {
790 
  position: absolute;
791 
  z-index: 1;
792 
  font-size: 9pt;
793 
  display: block;
794 
  border: 0;
795 
  background-position: 0 0;
760 
div#login #login-elements,
761 
div.login #login-elements {
762 
  width: 24.0em ;
763 
  margin: 0 auto ;
764 
  text-align: center ;
765 
  display: block ;
796 766 
}
797 
.ui-slider.ui-state-disabled .ui-slider-handle,
798 
.ui-slider.ui-state-disabled .ui-slider-range {
799 
  filter: inherit;
767 
div#login #login-elements h3,
768 
div.login #login-elements h3 {
769 
  text-align: left;
800 770 
}
801 
.ui-slider-horizontal {
802 
  height: .8em;
771 
div#login #login-elements > div,
772 
div.login #login-elements > div {
773 
  text-align: center ;
803 774 
}
804 
.ui-slider-horizontal .ui-slider-handle {
805 
  top: -0.3em;
806 
  margin-left: -0.6em;
775 
div#login #login-elements > div p,
776 
div.login #login-elements > div p {
777 
  text-align: center;
807 778 
}
808 
.ui-slider-horizontal .ui-slider-range {
809 
  top: 0;
810 
  height: 100%;
779 
div#login #login-elements div.logo,
780 
div.login #login-elements div.logo {
781 
  width: auto;
782 
  clear: both;
783 
  margin: 3.0em auto 1.0em auto;
784 
  padding: 2.0em 0 0 0;
811 785 
}
812 
.ui-slider-horizontal .ui-slider-range-min {
813 
  left: 0;
786 
div#login #login-elements form,
787 
div.login #login-elements form {
788 
  margin: 0 auto ;
789 
  width: 100% ;
814 790 
}
815 
.ui-slider-horizontal .ui-slider-range-max {
816 
  right: 0;
791 
div#login #login-elements div.separate-form,
792 
div.login #login-elements div.separate-form {
793 
  background-color: #ddd ;
794 
  border: 1px #888888 solid;
795 
  border-radius: 0.6em;
796 
  display: block ;
797 
  margin: 0 auto ;
798 
  width: 100% ;
799 
  padding: 0 0.6em 1.0em 0.6em ;
817 800 
}
818 
.ui-slider-vertical {
819 
  width: .8em;
820 
  height: 100px;
801 
div#login #login-elements table.login,
802 
div.login #login-elements table.login {
803 
  width: auto;
804 
  float: none;
805 
  clear: both;
821 806 
}
822 
.ui-slider-vertical .ui-slider-handle {
823 
  left: -0.3em;
824 
  margin-left: 0;
825 
  margin-bottom: -0.6em;
807 
div#login #login-elements table.login input[type="submit"],
808 
div.login #login-elements table.login input[type="submit"] {
809 
  margin-top: 0.2em ;
826 810 
}
827 
.ui-slider-vertical .ui-slider-range {
828 
  left: 0;
829 
  width: 100%;
811 
div#login #login-elements table.login caption,
812 
div.login #login-elements table.login caption {
813 
  margin: 0.7em 0 0.4em 0;
830 814 
}
831 
.ui-slider-vertical .ui-slider-range-min {
832 
  bottom: 0;
815 
div#login #login-elements .message,
816 
div.login #login-elements .message {
817 
  width: 100% ;
818 
  word-wrap: normal;
819 
  min-width: 0;
833 820 
}
834 
.ui-slider-vertical .ui-slider-range-max {
835 
  top: 0;
821 
div.logged-in {
822 
  margin: 0 auto ;
823 
  padding: 1.0em 0.5em 2.0em 0.5em ;
824 
  width: 60.0em;
825 
  min-width: 60.0em;
826 
  overflow: hidden;
836 827 
}
837 
.ui-spinner {
838 
  position: relative;
828 
div.logged-in .col {
829 
  width: 48%;
839 830 
  display: inline-block;
840 
  overflow: hidden;
841 
  padding: 0;
842 
  vertical-align: middle;
831 
  float: left;
843 832 
}
844 
.ui-spinner-input {
845 
  border: none;
846 
  background: none;
847 
  color: inherit;
848 
  padding: 0;
849 
  margin: .2em 0;
850 
  vertical-align: middle;
851 
  margin-left: .4em;
852 
  margin-right: 22px;
833 
div.logged-in .col p {
834 
  font-size: 10pt ;
853 835 
}
854 
.ui-spinner-button {
855 
  width: 16px;
856 
  height: 50%;
857 
  font-size: 9pt;
858 
  padding: 0;
836 
div.logged-in .message {
837 
  width: 100% ;
838 
  min-width: 100% ;
839 
  max-width: 100% ;
840 
}
841 
/* ------------------------------------------------------------- */
842 
/* MENU FRAME HEADER (menu_frame_header.less)                    */
843 
/* ------------------------------------------------------------- */
844 
#frame-header {
845 
  text-align: left;
859 846 
  margin: 0;
860 
  text-align: center;
861 
  position: absolute;
862 
  cursor: default;
863 
  display: block;
847 
  padding: 0.2em 0.6em;
848 
  border: 0;
864 849 
  overflow: hidden;
865 
  right: 0;
850 
  height: 28px;
851 
  width: 100%;
852 
  display: table-cell;
853 
  vertical-align: middle;
854 
  border-spacing: 0;
855 
  background-color: #052211;
856 
  line-height: 100%;
857 
  font-size: 9pt;
866 858 
}
867 
.ui-spinner a.ui-spinner-button {
868 
  border-top: none;
869 
  border-bottom: none;
870 
  border-right: none;
859 
#frame-header span.frame-header-element {
860 
  color: #eff7f2;
861 
  padding-top: 0.2em;
871 862 
}
872 
.ui-spinner .ui-icon {
873 
  position: absolute;
874 
  margin-top: -8px;
875 
  top: 50%;
876 
  left: 0;
877 
}
878 
.ui-spinner-up {
879 
  top: 0;
863 
#frame-header span.frame-header-element a:link,
864 
#frame-header span.frame-header-element a:visited,
865 
#frame-header span.frame-header-element a:hover,
866 
#frame-header span.frame-header-element a:active {
867 
  text-decoration: none;
868 
  border-bottom: none;
869 
  color: #b0d5bf;
880 870 
}
881 
.ui-spinner-down {
882 
  bottom: 0;
871 
#frame-header span.frame-header-element a:hover {
872 
  color: #ffffff;
873 
  text-decoration: underline;
874 
  /*underline*/
875 

  		




  883
  876
  
    
}


  		




  884
  
  
    
.ui-spinner .ui-icon-triangle-1-s {


  		




  885
  
  
    
  background-position: -65px -16px;


  		




  
  877
  
    
#frame-header span.frame-header-element span.mandate {


  		




  
  878
  
    
  text-transform: uppercase ;


  		




  
  879
  
    
  font-size: 130% ;


  		




  886
  880
  
    
}


  		




  887
  
  
    
.ui-tabs {


  		




  888
  
  
    
  position: relative;


  		




  889
  
  
    
  padding: .2em;


  		




  
  881
  
    
#frame-header span.frame-header-left,


  		




  
  882
  
    
#frame-header span.frame-header-center,


  		




  
  883
  
    
#frame-header span.frame-header-right {


  		




  
  884
  
    
  border-spacing: 0;


  		




  
  885
  
    
  padding: 0;


  		




  
  886
  
    
  vertical-align: middle;


  		




  
  887
  
    
  height: 100%;


  		




  
  888
  
    
  display: table-row;


  		




  890
  889
  
    
}


  		




  891
  
  
    
.ui-tabs .ui-tabs-nav {


  		




  892
  
  
    
  margin: 0;


  		




  893
  
  
    
  padding: .2em .2em 0;


  		




  
  890
  
    
#frame-header span.frame-header-left > span,


  		




  
  891
  
    
#frame-header span.frame-header-center > span,


  		




  
  892
  
    
#frame-header span.frame-header-right > span {


  		




  
  893
  
    
  height: 24px;


  		




  
  894
  
    
  margin: 0 10px;


  		




  
  895
  
    
  display: table-cell;


  		




  
  896
  
    
  vertical-align: middle;


  		




  894
  897
  
    
}


  		




  895
  
  
    
.ui-tabs .ui-tabs-nav li {


  		




  896
  
  
    
  list-style: none;


  		




  
  898
  
    
#frame-header span.frame-header-left {


  		




  897
  899
  
    
  float: left;


  		




  898
  
  
    
  position: relative;


  		




  899
  
  
    
  top: 0;


  		




  900
  
  
    
  margin: 1px .2em 0 0;


  		




  901
  
  
    
  border-bottom-width: 0;


  		




  902
  
  
    
  padding: 0;


  		




  903
  
  
    
  white-space: nowrap;


  		




  
  900
  
    
  padding: 0 1.0em 0 0.2em ;


  		




  
  901
  
    
  margin-right: 1.0em ;


  		




  904
  902
  
    
}


  		




  905
  
  
    
.ui-tabs .ui-tabs-nav li a {


  		




  906
  
  
    
  float: left;


  		




  907
  
  
    
  padding: .5em 1em;


  		




  908
  
  
    
  text-decoration: none;


  		




  
  903
  
    
#frame-header span.frame-header-left > span {


  		




  
  904
  
    
  padding-right: 1.0em ;


  		




  909
  905
  
    
}


  		




  910
  
  
    
.ui-tabs .ui-tabs-nav li.ui-tabs-active {


  		




  911
  
  
    
  margin-bottom: -1px;


  		




  912
  
  
    
  padding-bottom: 1px;


  		




  
  906
  
    
#frame-header span.frame-header-right {


  		




  
  907
  
    
  float: right;


  		




  
  908
  
    
  vertical-align: middle;


  		




  
  909
  
    
  padding: 0 1.2em 0 1.0em ;


  		




  
  910
  
    
  margin-left: 1.0em;


  		




  913
  911
  
    
}


  		




  914
  
  
    
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,


  		




  915
  
  
    
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,


  		




  916
  
  
    
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {


  		




  917
  
  
    
  cursor: text;


  		




  918
  
  
    
  outline: 0 ;


  		




  
  912
  
    
#frame-header span.frame-header-right > span {


  		




  
  913
  
    
  padding-left: 1.0em ;


  		




  919
  914
  
    
}


  		




  920
  
  
    
.ui-tabs .ui-tabs-nav li a,


  		




  921
  
  
    
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {


  		




  922
  
  
    
  cursor: pointer;


  		




  
  915
  
    
#frame-header #ajax-spinner {


  		




  
  916
  
    
  display: none;


  		




  923
  917
  
    
}


  		




  924
  
  
    
.ui-tabs .ui-tabs-panel {


  		




  
  918
  
    
#frame-header div.frame-header-quicksearch {


  		




  925
  919
  
    
  display: block;


  		




  926
  
  
    
  border-width: 0;


  		




  927
  
  
    
  padding: 0.4em 0 1.0em 0;


  		




  928
  
  
    
  background: none;


  		




  
  920
  
    
  overflow: hidden;


  		




  
  921
  
    
  margin: 0 auto;


  		




  
  922
  
    
  text-align: center;


  		




  
  923
  
    
  width: 52%;


  		




  929
  924
  
    
}


  		




  930
  
  
    
.ui-tooltip {


  		




  931
  
  
    
  padding: 8px;


  		




  932
  
  
    
  position: absolute;


  		




  933
  
  
    
  z-index: 9999;


  		




  934
  
  
    
  max-width: 300px;


  		




  935
  
  
    
  -webkit-box-shadow: 0 0 5px #aaa;


  		




  936
  
  
    
  box-shadow: 0 0 5px #aaa;


  		




  
  925
  
    
#frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {


  		




  
  926
  
    
  font-size: 9pt;


  		




  
  927
  
    
  margin-top: 0.1em;


  		




  
  928
  
    
  background-color: #b0d5bf;


  		




  
  929
  
    
  width: 14.0% !important;


  		




  
  930
  
    
  padding: 0 0.2em ;


  		




  
  931
  
    
  border-width: 1px ;


  		




  
  932
  
    
  border-style: solid;


  		




  
  933
  
    
  border-top-color: #949494;


  		




  
  934
  
    
  border-right-color: #BCBCBC;


  		




  
  935
  
    
  border-bottom-color: #BCBCBC;


  		




  
  936
  
    
  border-left-color: #949494;


  		




  937
  937
  
    
}


  		




  938
  
  
    
body .ui-tooltip {


  		




  939
  
  
    
  border-width: 2px;


  		




  
  938
  
    
/* /#frame-header  */


  		




  
  939
  
    
/* ------------------------------------------------------------- */


  		




  
  940
  
    
/* MENU (V3) and HTML MENU (menu.less)                          */


  		




  
  941
  
    
/* ------------------------------------------------------------- */


  		




  
  942
  
    
#menuv3 {


  		




  
  943
  
    
  background-color: #cfe6d9;


  		




  940
  944
  
    
}


  		




  941
  
  
    
.ui-widget {


  		




  
  945
  
    
#menuv3 li {


  		




  
  946
  
    
  display: block;


  		








... Dieser Diff wurde abgeschnitten, weil er die maximale Anzahl anzuzeigender Zeilen überschreitet.



Auch abrufbar als:  Unified diff