Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision be3d34f6

Von Cem Aydin vor fast 2 Jahren hinzugefügt

  • ID be3d34f68753fc28d988d14c65d295a5847884e8
  • Vorgänger 3b74b14d
  • Nachfolger 49b76fd0

design40: Wrapper Klasse für input-/control panels hinzugefügt

Unterschiede anzeigen:

css/design40/less/main.less
572 572
  overflow-x: auto !important;
573 573
}
574 574

  
575
// --------------------------------------
576
// wrapper to align input-/control-panels
577
// next to each other, so that they are
578
// using the same height
579
// --------------------------------------
575 580

  
581
.panel-wrapper {
582
  display: flex !important;
583
  flex-wrap: wrap;
584
  gap: 5px;
585
}
576 586

  
577 587
// --------------------------------------
578 588
// CATEGORIES
css/design40/style.css
1
/* ------------------------------------------------------------- */
2
/* VARIABLES COLOR (variables_color_gray_standard.less) Standard Grey */
3
/* ------------------------------------------------------------- */
4
.bg-body {
5
  background-color: #ccccbb;
6
}
7
.bg-content {
8
  background-image: linear-gradient(to bottom, #f5f5f1, #ccccbb);
9
}
10
/* ------------------------------------------------------------- */
11
/* VARIABLES (variables.less)                                    */
12
/* ------------------------------------------------------------- */
13
/* ------------------------------------------------------------- */
14
/* This CSS-Vars are just for testing                            */
15
/* ------------------------------------------------------------- */
16
:root {
17
  --gray-standard: #888888;
18
  --gray-superdark: #000000;
19
  --gray-verydark: #222222;
20
  --gray-darker: #444444;
21
  --gray-dark: #666666;
22
  --gray-light: #aaaaaa;
23
  --gray-lighter: #cccccc;
24
  --gray-verylight: #eeeeee;
25
  --gray-superlight: #ffffff;
26
  --color-standard: #666633;
27
  --color-superlight: #ffffff;
28
  --color-verylight: #f5f5f1;
29
  --color-lighter: #e0e0d6;
30
  --color-light: #ccccbb;
31
  --color-dark: #292914;
32
  --color-darker: #1b1b0e;
33
  --color-verydark: #0e0e07;
34
  --color-superdark: #000000;
35
  --msg-ok-strong: #053516;
36
  --msg-ok-light: #abf9c8;
37
  --msg-error-strong: #910513;
38
  --msg-error-light: #f9d8da;
39
  --msg-hint-strong: #1f84a3;
40
  --msg-hint-light: #edf7fa;
41
  --msg-warning-strong: #0f0b00;
42
  --msg-warning-light: #e0c776;
43
}
44
/* ------------------------------------------------------------- */
45
/* CUSTOM VARIABLES (custom_variables.less)                      */
46
/* ------------------------------------------------------------- */
47
/* ------------------------------------------------------------- */
48
/* MIXINS (mixins.less)                                          */
49
/* ------------------------------------------------------------- */
50
.mx-h3-caption {
51
  font-size: 11pt;
52
  font-weight: normal;
53
  color: #292914 !important;
54
  padding: 0.2em 0 0.2em 0.2em;
55
  margin: 0.1em 0 0.4em 0 ;
56
  text-align: left;
57
  letter-spacing: 0.12em;
58
}
59
.mx-contentbox-properties {
60
  margin: 1em 1em 1em 1.2em;
61
  padding: 0.6em 1em 1.2em 1.8em;
62
}
63
.mx-thead-th {
64
  color: #ffffff;
65
  background-color: #292914;
66
  border-top: 1px solid #666633;
67
  border-bottom: 1px solid #666633;
68
  text-align: left ;
69
  vertical-align: middle ;
70
}
71
.mx-button {
72
  display: inline-block;
73
  cursor: pointer ;
74
  width: auto ;
75
  padding: 0.2em 0.6em;
76
  font-size: 9pt;
77
  font-weight: normal;
78
  font-style: normal;
79
  text-align: center;
80
  border-style: solid;
81
  border-width: 1px;
82
  border-radius: 6px;
83
}
84
.mx-button-standard {
85
  border: 1px #406449 solid;
86
  background-color: #406449;
87
  color: #ffffff;
88
  text-decoration: none;
89
}
90
.mx-button-standard-hover-focus:hover {
91
  border: 1px #548360 solid;
92
  background-color: #548360;
93
  color: #ffffff;
94
  text-decoration: none;
95
}
96
.mx-button-standard-hover-focus:active,
97
.mx-button-standard-hover-focus:focus {
98
  border: 1px #548360 solid;
99
  background-color: #548360;
100
  color: #ffffff;
101
  text-decoration: none;
102
}
103
.mx-button-neutral {
104
  border: 1px #292914 solid;
105
  background-color: #e0e0d6;
106
  color: #1b1b0e;
107
}
108
.mx-button-neutral-hover-focus:hover {
109
  border: 1px #292914 solid;
110
  background-color: #f5f5f1;
111
  color: #1b1b0e;
112
  text-decoration: none;
113
}
114
.mx-button-neutral-hover-focus:active,
115
.mx-button-neutral-hover-focus:focus {
116
  border: 1px #0e0e07 solid;
117
  background-color: #666633;
118
  color: #000000;
119
  text-decoration: none;
120
}
121
/* ------------------------------------------------------------- */
122
/* COMMON PROPERTIES (common.less)                               */
123
/* ------------------------------------------------------------- */
124
html {
125
  overflow-y: scroll;
126
}
127
body {
128
  padding: 0;
129
  margin: 0 ;
130
  font-size: 9pt;
131
}
132
div,
133
p,
134
span,
135
table,
136
th,
137
td,
138
input,
139
textarea,
140
select,
141
button,
142
a.button {
143
  box-sizing: border-box;
144
}
145
.clearfix:after {
146
  clear: both;
147
  content: ".";
148
  display: block;
149
  height: 0;
150
  visibility: hidden;
151
}
152
@media screen {
153
  .noscreen {
154
    display: none;
155
  }
156
}
157
@media print {
158
  .noprint {
159
    display: none ;
160
  }
161
}
162
@media handheld {
163
  .nomobile {
164
    display: none;
165
  }
166
}
167
a.cti_call_action {
168
  display: block;
169
  padding-left: 18px;
170
  top: 2px;
171
  vertical-align: middle;
172
  background-image: url(../../image/icons/16x16/phone.png);
173
  background-repeat: no-repeat;
174
}
175
.interact {
176
  color: #808080;
177
}
178
.interact:hover {
179
  color: black;
180
}
181
.cursor-default {
182
  cursor: default;
183
}
184
.cursor-pointer {
185
  cursor: pointer;
186
}
187
.cursor-help {
188
  cursor: help;
189
}
190
.cke_contents iframe html body.cke_editable {
191
  padding: 0;
192
  margin: 0;
193
}
194
.top_border {
195
  border-top: solid black;
196
  border-width: 4px;
197
}
198
.bottom_border {
199
  border-bottom: solid black;
200
  border-width: 1px;
201
}
202
/* ------------------------------------------------------------- */
203
/* SCAFFOLDING (scaffolding.less)                                */
204
/* ------------------------------------------------------------- */
205
body {
206
  margin: 0 ;
207
  color: #666666;
208
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
209
  font-size: 9pt;
210
  background-color: #ccccbb;
211
}
212
body #frame-header {
213
  position: fixed;
214
  top: 0;
215
  z-index: 1040;
216
}
217
body #menuv3:first-child {
218
  top: 0 !important;
219
}
220
body #menuv3 {
221
  position: fixed;
222
  z-index: 1999;
223
  top: 28px ;
224
  width: 100%;
225
  height: 32px;
226
}
227
body .layout-actionbar {
228
  display: block;
229
  z-index: 1030;
230
  position: fixed;
231
  float: right !important;
232
  width: auto;
233
  top: 68px ;
234
  right: 0.2em ;
235
  margin: 0 0.4em 0 0;
236
  padding: 0;
237
  background: none;
238
}
239
body .layout-actionbar ~ div:first {
240
  padding-top: 25px;
241
}
242
body .layout-actionbar > div + div {
243
  margin-left: 2px;
244
}
245
body #content {
246
  overflow: hidden;
247
  display: block;
248
  padding: 101px 0 0 0;
249
  margin: 0 0 1em 0;
250
  background-image: linear-gradient(to bottom, #f5f5f1, #ccccbb);
251
}
252
body #content .wrapper {
253
  clear: both;
254
  display: block;
255
  overflow: hidden;
256
  width: 97.2%;
257
  height: auto;
258
}
259
body #content .wrapper > .col {
260
  display: block;
261
  overflow: hidden;
262
  float: left;
263
  margin-right: 1.6em;
264
}
265
body #content .wrapper > .col div > label {
266
  font-size: 10pt;
267
  line-height: 12.6pt;
268
}
269
body #content .wrapper > .col p {
270
  font-size: 10pt;
271
}
272
body #content .wrapper > .col,
273
body #content .wrapper > .tbl-horizontal {
274
  float: left;
275
  margin-right: 1.6em;
276
  padding-bottom: 20px ;
277
}
278
body #content .wrapper.center {
279
  margin: 0 auto;
280
  display: table;
281
  width: auto;
282
}
283
body #content .wrapper.width-moderate {
284
  width: auto;
285
}
286
body #content .wrapper > table.tbl-horizontal:last-child {
287
  margin-right: 0 !important ;
288
}
289
body .full-width {
290
  width: 100% ;
291
  padding: 0 0 1.0em 0 ;
292
  margin: 0 0 0 0;
293
}
294
body div.center {
295
  margin: 0 auto;
296
  display: table;
297
  width: auto;
298
}
299
/* ------------------------------------------------------------- */
300
/* MENU FRAME HEADER (menu_frame_header.less)                    */
301
/* ------------------------------------------------------------- */
302
#frame-header {
303
  text-align: left;
304
  margin: 0;
305
  padding: 0.2em 0.6em;
306
  border: 0;
307
  overflow: hidden;
308
  height: 28px;
309
  width: 100%;
310
  display: table-cell;
311
  vertical-align: middle;
312
  border-spacing: 0;
313
  background-color: #1b1b0e;
314
  line-height: 100%;
315
  font-size: 9pt;
316
}
317
#frame-header span.frame-header-element {
318
  color: #f5f5f1;
319
  padding-top: 0.2em;
320
}
321
#frame-header span.frame-header-element a:link,
322
#frame-header span.frame-header-element a:visited,
323
#frame-header span.frame-header-element a:hover,
324
#frame-header span.frame-header-element a:active {
325
  text-decoration: none;
326
  border-bottom: none;
327
  color: #ccccbb;
328
}
329
#frame-header span.frame-header-element a:hover {
330
  color: #ffffff;
331
  text-decoration: underline;
332
  /*underline*/
333
}
334
#frame-header span.frame-header-element span.client {
335
  text-transform: uppercase ;
336
  font-size: 130% ;
337
}
338
#frame-header span.frame-header-left,
339
#frame-header span.frame-header-center,
340
#frame-header span.frame-header-right {
341
  border-spacing: 0;
342
  padding: 0;
343
  vertical-align: middle;
344
  height: 100%;
345
  display: table-row;
346
}
347
#frame-header span.frame-header-left > span,
348
#frame-header span.frame-header-center > span,
349
#frame-header span.frame-header-right > span {
350
  height: 24px;
351
  margin: 0 10px;
352
  display: table-cell;
353
  vertical-align: middle;
354
}
355
#frame-header span.frame-header-left {
356
  float: left;
357
  padding: 0 1.0em 0 0.2em ;
358
  margin-right: 1.0em ;
359
}
360
#frame-header span.frame-header-left > span {
361
  padding-right: 1.0em ;
362
}
363
#frame-header span.frame-header-right {
364
  float: right;
365
  vertical-align: middle;
366
  padding: 0 1.2em 0 1.0em ;
367
  margin-left: 1.0em;
368
}
369
#frame-header span.frame-header-right > span {
370
  padding-left: 1.0em ;
371
}
372
#frame-header #ajax-spinner {
373
  display: none;
374
}
375
#frame-header div.frame-header-quicksearch {
376
  display: block;
377
  overflow: hidden;
378
  margin: 0.1em auto 0 auto;
379
  text-align: center;
380
  width: auto;
381
}
382
#frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {
383
  font-size: 9pt;
384
  margin-top: 0.1em;
385
  background-color: #ccccbb;
386
  width: auto !important;
387
  min-width: 5em;
388
  max-width: 7em;
389
  padding: 0 0.2em ;
390
  border-width: 1px ;
391
  border-style: solid;
392
  border-top-color: #949494;
393
  border-right-color: #BCBCBC;
394
  border-bottom-color: #BCBCBC;
395
  border-left-color: #949494;
396
}
397
/* /#frame-header  */
398
/* ------------------------------------------------------------- */
399
/* MENU (V3) and HTML MENU (menu.less)                          */
400
/* ------------------------------------------------------------- */
401
#menuv3 {
402
  background-color: #e0e0d6;
403
}
404
#menuv3 li {
405
  display: block;
406
  position: relative;
407
  float: none;
408
  font-weight: normal !important ;
409
  font-size: 9pt;
410
  line-height: 96%;
411
  white-space: nowrap;
412
  border: 0;
413
  padding: 0;
414
  margin: 0;
415
}
416
#menuv3 li:hover {
417
  cursor: pointer;
418
}
419
#menuv3 li a,
420
#menuv3 li a:visited,
421
#menuv3 li div.x,
422
#menuv3 li div.x:visited {
423
  display: block;
424
  color: #1b1b0e;
425
  text-decoration: none;
426
  padding: 0.45em 0.6em 0.58em 1.3em ;
427
  font-weight: normal;
428
}
429
#menuv3 > ul {
430
  list-style: none;
431
  margin: 0;
432
  padding: 0;
433
  float: left;
434
}
435
#menuv3 > ul > li {
436
  display: block;
437
  height: 17px;
438
  padding: 9px 0.9em 6px 0.9em;
439
  background-color: #e0e0d6;
440
  color: #1b1b0e;
441
  vertical-align: middle;
442
  /* List 2nd Level (Vertical) */
443
}
444
#menuv3 > ul > li:hover {
445
  background-color: #ccccbb;
446
}
447
#menuv3 > ul > li:hover > ul {
448
  display: block;
449
  position: absolute;
450
}
451
#menuv3 > ul > li ul {
452
  position: relative;
453
  display: none;
454
  padding: 0 2em 2em 2em;
455
  margin: 0 -2em -2em -2.8em;
456
}
457
#menuv3 > ul > li ul li {
458
  border-bottom: 1px #666633 solid;
459
}
460
#menuv3 > ul > li > ul {
461
  top: 32px;
462
  z-index: 1000;
463
}
464
#menuv3 > ul > li > ul > li {
465
  background-color: #ccccbb;
466
  margin-left: 1px;
467
}
468
#menuv3 > ul > li > ul > li div.x {
469
  background: no-repeat right url("../../image/menu-arrow-to-right-5.png");
470
  padding-right: 2.0em ;
471
}
472
#menuv3 > ul > li > ul > li:hover {
473
  color: #0e0e07;
474
  background-color: #e0e0d6;
475
}
476
#menuv3 > ul > li > ul > li:hover > ul {
477
  display: block;
478
  position: absolute;
479
}
480
#menuv3 > ul > li > ul > li > ul {
481
  top: 0;
482
  left: 99%;
483
  padding: 2em;
484
  margin-top: -2.06em;
485
  margin-right: -2em;
486
  margin-bottom: -2em;
487
  margin-left: -2em;
488
  list-style: none;
489
}
490
#menuv3 > ul > li > ul > li > ul > li {
491
  background-color: #e0e0d6;
492
}
493
#menuv3 > ul > li > ul > li > ul > li:hover {
494
  background-color: #ccccbb;
495
}
496
#menuv3 > ul > li > ul > li > ul > li:first-child {
497
  border-top: 1px #800040 solid ;
498
}
499
li.sub {
500
  position: relative;
501
  left: 0.2em;
502
  top: 0px;
503
  background-color: #FFFFFF;
504
}
505
body > div.layout-split-left {
506
  display: block;
507
  position: fixed !important;
508
  top: 0 ;
509
  left: 0 ;
510
  width: 200px;
511
  height: 100%;
512
  z-index: 1;
513
  overflow: hidden   ;
514
  border-right: 1px #888888 solid;
515
  background-color: #666666;
516
}
517
body > div.layout-split-right {
518
  margin-left: 200px;
519
  padding-top: 28px;
520
  display: block;
521
  z-index: 1;
522
  overflow: hidden;
523
  min-height: 800px;
524
  height: auto;
525
}
526
body > div.layout-split-right .layout-actionbar {
527
  top: 36px;
528
}
529
body > div.layout-split-right > #content {
530
  top: 68px;
531
  padding-top: 40px;
532
}
533
body > div.layout-split-right > #content h1 {
534
  top: 28px !important;
535
}
536
body > div.layout-split-right > #content > .wrapper {
537
  padding-top: 2em ;
538
}
539
body > div.layout-split-right > #content + div.wrapper {
540
  padding-top: 4em ;
541
}
542
body > div.layout-split-right > #content > form {
543
  margin-top: 0.6em ;
544
}
545
body > div.layout-split-right > #content > form + div.wrapper {
546
  padding-top: 4em ;
547
}
548
body > div.layout-split-right > #content > form > .tabwidget > ui-tabs-panel .wrapper {
549
  margin-top: 2em;
550
}
551
body > div.layout-split-right > #content > form > .tabwidget > ui-tabs-panel .tabwidget ul.ui-tabs-nav {
552
  position: relative;
553
}
554
body > div.layout-split-right > #content > form > .tabwidget > ul.ui-tabs-nav {
555
  top: 69px;
556
  width: calc(100% - 200px);
557
}
558
body > div.layout-split-right > #content > #requirement_spec_tabs.tabwidget > ul.ui-tabs-nav {
559
  top: 69px !important ;
560
}
561
body > div.layout-split-right.folded {
562
  margin-left: 40px;
563
}
564
div.layout-split-right.folded {
565
  margin-left: 40px;
566
}
567
div.layout-split-left #html-menu {
568
  display: block;
569
  overflow-y: scroll;
570
  overflow-x: hidden;
571
  width: 100%;
572
  height: 100%;
573
  margin: 27px 0 0 0;
574
  padding: 0 0 150px 0;
575
  background-color: #e0e0d6;
576
  font-size: 10pt;
577
  border-bottom: 20px #666633 solid;
578
}
579
div.layout-split-left #html-menu .mii {
580
  display: none;
581
}
582
div.layout-split-left #html-menu::-webkit-scrollbar {
583
  display: none;
584
}
585
div.layout-split-left #html-menu > div:last-of-type {
586
  border-bottom: 1px #666633 solid;
587
}
588
div.layout-split-left #html-menu .mi {
589
  display: block ;
590
}
591
div.layout-split-left #html-menu .mi a {
592
  display: block;
593
  word-wrap: break-word;
594
  text-decoration: none;
595
  font-weight: normal;
596
}
597
div.layout-split-left #html-menu .mi:first-child {
598
  border-top: 2px #666633 solid;
599
}
600
div.layout-split-left #html-menu .mi:last-child {
601
  border-bottom: 1px #666633 solid;
602
}
603
div.layout-split-left #html-menu .s0 {
604
  padding: 0 ;
605
  background-color: #ccccbb;
606
  color: #1b1b0e;
607
  border-top: 1px #666633 solid;
608
  font-size: 90% ;
609
  text-transform: uppercase;
610
}
611
div.layout-split-left #html-menu .s0 a {
612
  padding: 5px 0 6px 8px ;
613
  cursor: pointer ;
614
}
615
div.layout-split-left #html-menu .s0 a:hover,
616
div.layout-split-left #html-menu .s0 a:active {
617
  background-color: #548360;
618
  color: #ffffff;
619
  text-decoration: none;
620
}
621
div.layout-split-left #html-menu .s0 a:link,
622
div.layout-split-left #html-menu .s0 a:visited {
623
  color: #1b1b0e;
624
}
625
div.layout-split-left #html-menu .s0.menu-open {
626
  font-weight: normal;
627
  background-color: #406449;
628
  color: #ffffff;
629
  border-bottom: 0 ;
630
}
631
div.layout-split-left #html-menu .s0.menu-open a {
632
  padding: 5px 0 6px 8px ;
633
  cursor: auto ;
634
}
635
div.layout-split-left #html-menu .s0.menu-open a:hover,
636
div.layout-split-left #html-menu .s0.menu-open a:active {
637
  background-color: #406449;
638
  color: #ffffff;
639
  text-decoration: none;
640
}
641
div.layout-split-left #html-menu .s0.menu-open a:link,
642
div.layout-split-left #html-menu .s0.menu-open a:visited {
643
  color: #ffffff;
644
}
645
div.layout-split-left #html-menu .s1 {
646
  font-size: 80% ;
647
  padding: 0 ;
648
  background-color: #e0e0d6;
649
  border-top: 1px #666633 solid;
650
}
651
div.layout-split-left #html-menu .s1 a {
652
  padding: 4px 0 3px 8px ;
653
}
654
div.layout-split-left #html-menu .s1 a:hover,
655
div.layout-split-left #html-menu .s1 a:active {
656
  background-color: #ccccbb;
657
  color: #000000;
658
  text-decoration: none;
659
}
660
div.layout-split-left #html-menu .s1 a:link,
661
div.layout-split-left #html-menu .s1 a:visited {
662
  color: #1b1b0e;
663
}
664
div.layout-split-left #html-menu .s1.sm:after {
665
  content: "▼";
666
  color: #888888;
667
  font-size: 80% ;
668
}
669
div.layout-split-left #html-menu .s1.sm a {
670
  display: inline-block;
671
  width: 162px;
672
  color: #1b1b0e;
673
}
674
div.layout-split-left #html-menu .s1.sm a:hover,
675
div.layout-split-left #html-menu .s1.sm a:active {
676
  background-color: #e0e0d6;
677
  color: #1b1b0e;
678
  text-decoration: none ;
679
}
680
div.layout-split-left #html-menu .s1.sm a:link,
681
div.layout-split-left #html-menu .s1.sm a:visited {
682
  color: #1b1b0e;
683
}
684
div.layout-split-left #html-menu .s1.sm a.ml:link,
685
div.layout-split-left #html-menu .s1.sm a.ml:visited {
686
  color: #1b1b0e;
687
}
688
div.layout-split-left #html-menu .s1 > .s2:last-child {
689
  border-bottom: 1px #666633 solid;
690
}
691
div.layout-split-left #html-menu .s2 {
692
  padding: 0 ;
693
  font-size: 80% ;
694
  background-color: #e0e0d6;
695
}
696
div.layout-split-left #html-menu .s2 a {
697
  padding: 2px 0 3px 20px ;
698
}
699
div.layout-split-left #html-menu .s2 a:hover,
700
div.layout-split-left #html-menu .s2 a:active {
701
  background-color: #ccccbb;
702
  color: #000000;
703
  text-decoration: none;
704
}
705
div.layout-split-left #html-menu .s2 a:link,
706
div.layout-split-left #html-menu .s2 a:visited {
707
  color: #1b1b0e;
708
}
709
#main_menu_div .DHTMLSuite_menuBar_top {
710
  top: 28px;
711
  height: 31px !important;
712
  padding: 0;
713
  margin: 0 ;
714
}
715
#main_menu_div .DHTMLSuite_menuBar_top > div {
716
  padding: 5px 5px 0 3px ;
717
}
718
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_textContent {
719
  font-size: 90% ;
720
  padding: 0.1em 0.2em 0.2em 0.2em ;
721
}
722
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_top_arrowShowSub {
723
  margin: 0 0.2em 0.2em 0.2em ;
724
}
725
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_regular,
726
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
727
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click,
728
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_disabled,
729
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_active {
730
  height: 19px;
731
}
732
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
733
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click {
734
  color: #ae0014;
735
  background-color: #ffffff;
736
}
737
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
738
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
739
  border: none !important ;
740
}
741
.DHTMLSuite_menuBar_sub {
742
  width: auto !important;
743
  padding: 0.1em 0 0.4em 0.4em !important;
744
  margin: 11px 0 0 0;
745
  border-top: none;
746
  border-right: 1px solid #e0e0d6;
747
  border-bottom: 1px solid #e0e0d6;
748
  border-left: 1px solid #e0e0d6;
749
}
750
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular,
751
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
752
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click,
753
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled,
754
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
755
  clear: both;
756
  padding-left: 25px;
757
  padding-right: 0.7em;
758
  padding-top: 0.2em;
759
  padding-bottom: 0.2em;
760
  cursor: pointer;
761
  background-repeat: no-repeat;
762
  font-size: 90%;
763
}
764
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular .DHTMLSuite_menuItem_sub_arrowShowSub,
765
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over .DHTMLSuite_menuItem_sub_arrowShowSub,
766
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click .DHTMLSuite_menuItem_sub_arrowShowSub,
767
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled .DHTMLSuite_menuItem_sub_arrowShowSub,
768
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active .DHTMLSuite_menuItem_sub_arrowShowSub {
769
  right: 3px !important;
770
}
771
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
772
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
773
  color: #8d6a00;
774
  background-color: #ffffff;
775
}
776
/* ------------------------------------------------------------- */
777
/* Menu Actionbar (menu_actionbar.less)                          */
778
/* ------------------------------------------------------------- */
779
.layout-actionbar div.layout-actionbar-separator {
780
  display: block;
781
  width: 0.6em;
782
  height: 0.6em;
783
  float: left;
784
  content: " ";
785
  position: relative;
786
  border: none;
787
}
788
.layout-actionbar div.layout-actionbar-action {
789
  -webkit-touch-callout: none;
790
  -webkit-user-select: none;
791
  -khtml-user-select: none;
792
  -moz-user-select: none;
793
  -ms-user-select: none;
794
  user-select: none;
795
  height: 25px;
796
  font-size: 9pt;
797
}
798
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled {
799
  color: #666633 !important;
800
}
801
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled:hover {
802
  text-decoration: none !important;
803
}
804
.layout-actionbar > div.layout-actionbar-action {
805
  border-radius: 4px;
806
  border: 1px #292914 solid;
807
  background-color: #ccccbb;
808
  float: left;
809
  color: #292914;
810
  z-index: 1031;
811
}
812
.layout-actionbar div.layout-actionbar-link,
813
.layout-actionbar div.layout-actionbar-submit,
814
.layout-actionbar div.layout-actionbar-scriptbutton {
815
  display: block;
816
  min-width: 90px;
817
  width: auto;
818
  box-sizing: border-box;
819
  border-width: 1px;
820
  border-style: solid;
821
  text-align: center;
822
  padding: 4px 10px;
823
  cursor: default;
824
}
825
.layout-actionbar div.layout-actionbar-link:focus,
826
.layout-actionbar div.layout-actionbar-submit:focus,
827
.layout-actionbar div.layout-actionbar-scriptbutton:focus {
828
  border-color: darkgray;
829
  background-color: #e0e0d6;
830
}
831
.layout-actionbar div.layout-actionbar-link:hover,
832
.layout-actionbar div.layout-actionbar-submit:hover,
833
.layout-actionbar div.layout-actionbar-scriptbutton:hover {
834
  border-width: 1px;
835
  border-style: solid;
836
}
837
.layout-actionbar .layout-actionbar-default-action {
838
  font-weight: normal;
839
}
840
.layout-actionbar div.layout-actionbar-combobox {
841
  position: relative;
842
  display: block;
843
  float: left;
844
  width: 110px;
845
  z-index: 1031;
846
}
847
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
848
  padding-right: 20px;
849
  white-space: nowrap;
850
  display: block;
851
  margin-bottom: -1px;
852
  float: right;
853
  z-index: 1033;
854
  position: relative;
855
}
856
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > div {
857
  min-width: 90px;
858
  height: 25px;
859
  border-top-left-radius: 4px;
860
  border-bottom-left-radius: 4px;
861
  border: 1px #292914 solid;
862
  background-color: #ccccbb;
863
  color: #292914;
864
  position: relative;
865
}
866
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span {
867
  display: block;
868
  position: absolute;
869
  top: 0;
870
  right: 0;
871
  width: 24px !important;
872
  height: 25px !important;
873
  border: 1px #292914 solid;
874
  border-left: none;
875
  border-top-right-radius: 4px;
876
  border-bottom-right-radius: 4px;
877
  padding: 4px;
878
  background-color: #ccccbb;
879
  background-image: url("../../image/select-down.png");
880
  background-repeat: no-repeat;
881
  background-position: 5px 5px;
882
}
883
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
884
  position: relative;
885
  display: none;
886
  min-width: 140px;
887
  float: right;
888
  overflow: hidden;
889
  border: 1px solid #292914;
890
  border-top-left-radius: 4px;
891
  border-bottom-left-radius: 4px;
892
  border-bottom-right-radius: 4px;
893
  z-index: 1032;
894
  top: 1px;
895
  background-color: #ccccbb;
896
}
897
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {
898
  white-space: nowrap;
899
  display: block;
900
  position: relative;
901
  width: 100%;
902
  text-align: left;
903
  padding: 0.6em 0.6em 0.6em 1.0em;
904
  border-bottom: none !important;
905
  background-color: #ccccbb;
906
  color: #292914;
907
}
908
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {
909
  color: #292914;
910
  text-decoration: underline;
911
  background-color: #e0e0d6;
912
}
913
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head {
914
  height: 29px;
915
  border-bottom: none !important ;
916
}
917
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {
918
  border-bottom-left-radius: 0 !important;
919
  border-bottom: none;
920
  height: 30px ;
921
}
922
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {
923
  border-bottom-right-radius: 0 !important;
924
  border-bottom: none;
925
  height: 30px !important ;
926
}
927
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
928
  display: inline-table;
929
  border-top-right-radius: 0 !important;
930
}
931
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list div.layout-actionbar-action {
932
  border: none !important;
933
}
934
/* ------------------------------------------------------------- */
935
/* FORM ELEMENTS (forms.less)                                    */
936
/* ------------------------------------------------------------- */
937
/* forms.less */
938
form {
939
  display: table;
940
  width: 100%;
941
  text-align: left;
942
  margin: 0 auto 0 auto;
943
}
944
form.box {
945
  display: block;
946
  overflow: hidden ;
947
  padding: 0 0 1.6em 0 ;
948
}
949
input,
950
textarea,
951
select {
952
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
953
  padding: 0.2em 0.2em 0.2em 0.6em;
954
  border: 1px;
955
  border-color: darkgray lightgray lightgray;
956
  border-style: solid;
957
  outline: none;
958
  background-color: #fff ;
959
}
960
input[type="text"].accent,
961
textarea[type="text"].accent,
962
select[type="text"].accent {
963
  font-weight: bold ;
964
  font-size: 130% !important ;
965
  padding: 0.6em auto !important ;
966
}
967
textarea {
968
  resize: vertical;
969
}
970
input[type="text"]:focus,
971
input[type="password"]:focus,
972
textarea:focus,
973
select:focus,
974
input[type="text"]:active,
975
input[type="password"]:active,
976
textarea:active,
977
select:active {
978
  background-color: #ccccbb;
979
  border: 1px #0e0e07 solid;
980
  color: #1b1b0e;
981
}
982
select.helper {
983
  background-color: #ffffff;
984
}
985
select > option {
986
  padding-left: 0.6em ;
987
}
988
input[type="file"] {
989
  padding: 0.8em;
990
  background-color: #cccccc;
991
  color: #666666;
992
  border: 1px #666666 solid;
993
}
994
input[type="file"] button,
995
input[type="file"] input[type="button"] {
996
  background-color: #A3FFA8;
997
}
998
label {
999
  cursor: pointer;
1000
  vertical-align: top;
1001
  display: inline-block;
1002
  width: 88% ;
1003
  color: #1b1b0e;
1004
}
1005
label:link,
1006
label:visited {
1007
  text-decoration: none ;
1008
}
1009
label:hover {
1010
  text-decoration: underline ;
1011
}
1012
fieldset {
1013
  margin-top: 15px;
1014
  color: black;
1015
  font-weight: normal;
1016
  font-size: 14pt;
1017
  text-transform: uppercase;
1018
  border-color: grey;
1019
  border-width: 1px ;
1020
  margin: 0.4em 0.6em 1.4em 0.6em;
1021
}
1022
fieldset h4 {
1023
  font-weight: normal ;
1024
  font-size: 11pt;
1025
  margin: 0;
1026
  padding: 0 0 0.2em 0;
1027
}
1028
input[type="text"].wi-smallest,
1029
input[type="password"].wi-smallest {
1030
  width: 42px;
1031
}
1032
input[type="text"].wi-verysmall,
1033
input[type="password"].wi-verysmall {
1034
  width: 80px;
1035
}
1036
input[type="text"].wi-small,
1037
input[type="password"].wi-small {
1038
  width: 92px;
1039
}
1040
input[type="text"].wi-mediumsmall,
1041
input[type="password"].wi-mediumsmall {
1042
  width: 124px;
1043
}
1044
input[type="text"].wi-normal,
1045
input[type="password"].wi-normal {
1046
  width: 172px;
1047
}
1048
input[type="text"].wi-lightwide,
1049
input[type="password"].wi-lightwide {
1050
  width: 220px;
1051
}
1052
input[type="text"].wi-wide,
1053
input[type="password"].wi-wide {
1054
  width: 284px;
1055
}
1056
input[type="text"].wi-wider,
1057
input[type="password"].wi-wider {
1058
  min-width: 348px;
1059
}
1060
input[type="text"].wi-verywide,
1061
input[type="password"].wi-verywide {
1062
  min-width: 540px;
1063
}
1064
input[type="text"].wi-date,
1065
input[type="password"].wi-date {
1066
  width: 92px;
1067
}
1068
input[type="text"].wi-number,
1069
input[type="password"].wi-number {
1070
  width: 92px;
1071
}
1072
input[type="text"].wi-tinynumber,
1073
input[type="password"].wi-tinynumber {
1074
  width: 80px;
1075
}
1076
input[type="text"].wi-largenumber,
1077
input[type="password"].wi-largenumber {
1078
  width: 124px;
1079
}
1080
input[type="text"].wi-lightwide--verysmall,
1081
input[type="password"].wi-lightwide--verysmall {
1082
  width: 139px;
1083
}
1084
input[type="text"].wi-wide--verysmall,
1085
input[type="password"].wi-wide--verysmall {
1086
  width: 203px !important;
1087
}
1088
input .fixed_width {
1089
  width: 250px;
1090
}
1091
select.wi-smallest {
1092
  width: 42px;
1093
}
1094
select.wi-verysmall {
1095
  width: 80px;
1096
}
1097
select.wi-small {
1098
  width: 92px;
1099
}
1100
select.wi-mediumsmall {
1101
  width: 124px;
1102
}
1103
select.wi-normal {
1104
  width: 172px;
1105
}
1106
select.wi-lightwide {
1107
  width: 220px;
1108
}
1109
select.wi-wide {
1110
  width: 284px;
1111
}
1112
select.wi-wider {
1113
  min-width: 348px;
1114
}
1115
select.wi-verywide {
1116
  min-width: 540px;
1117
}
1118
select.wi-full {
1119
  width: 100%                   ;
1120
}
1121
select.wi-small-normal {
1122
  width: 300px;
1123
}
1124
select.wi-small-lightwide {
1125
  width: 348px;
1126
}
1127
select.wi-small-wide {
1128
  width: 412px;
1129
}
1130
select.wi-small-wider {
1131
  width: 476px;
1132
}
1133
select.wi-small-verywide {
1134
  width: 668px;
1135
}
1136
select.wi-mediumsmall-normal {
1137
  width: 332px;
1138
}
1139
select.wi-mediumsmall-lightwide {
1140
  width: 380px;
1141
}
1142
select.wi-mediumsmall-wide {
1143
  width: 444px;
1144
}
1145
select.wi-mediumsmall-wider {
1146
  width: 508px;
1147
}
1148
select.wi-mediumsmall-verywide {
1149
  width: 700px;
1150
}
1151
select.wi-normal-normal {
1152
  width: 380px;
1153
}
1154
select.wi-normal-lightwide {
1155
  width: 428px;
1156
}
1157
select.wi-normal-wide {
1158
  width: 492px;
1159
}
1160
select.wi-normal-wider {
1161
  width: 556px;
1162
}
1163
select.wi-normal-verywide {
1164
  width: 748px;
1165
}
1166
select.wi-lightwide-normal {
1167
  width: 428px;
1168
}
1169
select.wi-lightwide-lightwide {
1170
  width: 476px;
1171
}
1172
select.wi-lightwide-wide {
1173
  width: 540px;
1174
}
1175
select.wi-lightwide-wider {
1176
  width: 604px;
1177
}
1178
select.wi-lightwide-verywide {
1179
  width: 796px;
1180
}
1181
select.wi-wide-normal {
1182
  width: 492px;
1183
}
1184
select.wi-wide-lightwide {
1185
  width: 540px;
1186
}
1187
select.wi-wide-wide {
1188
  width: 604px;
1189
}
1190
select.wi-wide-wider {
1191
  width: 668px;
1192
}
1193
select.wi-wide-verywide {
1194
  width: 860px;
1195
}
1196
textarea.wi-smallest {
1197
  width: 172px;
1198
}
1199
textarea.wi-verysmall {
1200
  width: 172px;
1201
}
1202
textarea.wi-small {
1203
  width: 172px;
1204
}
1205
textarea.wi-mediumsmall {
1206
  width: 172px;
1207
}
1208
textarea.wi-normal {
1209
  width: 172px;
1210
}
1211
textarea.wi-lightwide {
1212
  min-width: 220px;
1213
}
1214
textarea.wi-wide {
1215
  min-width: 284px;
1216
}
1217
textarea.wi-wide.strict {
1218
  max-width: 284px !important;
1219
}
1220
textarea.wi-wider {
1221
  min-width: 348px;
1222
}
1223
textarea.wi-verywide {
1224
  min-width: 540px;
1225
}
1226
textarea.wi-full {
1227
  width: 100%                  ;
1228
}
1229
textarea.wi-small-small {
1230
  width: 220px;
1231
}
1232
textarea.wi-small-mediumsmall {
1233
  width: 252px;
1234
  margin: 0 30px 0 0 ;
1235
}
1236
textarea.wi-small-normal {
1237
  width: 300px;
1238
}
1239
textarea.wi-small-lightwide {
1240
  width: 348px;
1241
}
1242
textarea.wi-small-wide {
1243
  width: 412px;
1244
}
1245
textarea.wi-small-wider {
1246
  width: 476px;
1247
}
1248
textarea.wi-small-verywide {
1249
  width: 668px;
1250
}
1251
textarea.wi-mediumsmall-small {
1252
  width: 252px;
1253
}
1254
textarea.wi-mediumsmall-mediumsmall {
1255
  width: 284px;
1256
}
1257
textarea.wi-mediumsmall-normal {
1258
  width: 332px;
1259
}
1260
textarea.wi-mediumsmall-lightwide {
1261
  width: 380px;
1262
}
1263
textarea.wi-mediumsmall-wide {
1264
  width: 444px;
1265
}
1266
textarea.wi-mediumsmall-wider {
1267
  width: 508px;
1268
}
1269
textarea.wi-mediumsmall-verywide {
1270
  width: 700px;
1271
}
1272
textarea.wi-normal-small {
1273
  width: 300px;
1274
}
1275
textarea.wi-normal-mediumsmall {
1276
  width: 332px;
1277
}
1278
textarea.wi-normal-normal {
1279
  width: 380px;
1280
}
1281
textarea.wi-normal-lightwide {
1282
  width: 428px;
1283
}
1284
textarea.wi-normal-wide {
1285
  width: 492px;
1286
}
1287
textarea.wi-normal-wider {
1288
  width: 556px;
1289
}
1290
textarea.wi-normal-verywide {
1291
  width: 748px;
1292
}
1293
textarea.wi-lightwide-small {
1294
  width: 348px;
1295
}
1296
textarea.wi-lightwide-mediumsmall {
1297
  width: 380px;
1298
}
1299
textarea.wi-lightwide-normal {
1300
  width: 428px;
1301
}
1302
textarea.wi-lightwide-lightwide {
1303
  width: 476px;
1304
}
1305
textarea.wi-lightwide-wide {
1306
  width: 540px;
1307
}
1308
textarea.wi-lightwide-wider {
1309
  width: 604px;
1310
}
1311
textarea.wi-lightwide-verywide {
1312
  width: 796px;
1313
}
1314
textarea.wi-wide-small {
1315
  width: 412px;
1316
}
1317
textarea.wi-wide-mediumsmall {
1318
  width: 444px;
1319
}
1320
textarea.wi-wide-normal {
1321
  width: 492px;
1322
}
1323
textarea.wi-wide-lightwide {
1324
  width: 604px;
1325
}
1326
textarea.wi-wide-wide {
1327
  width: 604px;
1328
}
1329
textarea.wi-wide-wider {
1330
  width: 668px;
1331
}
1332
textarea.wi-wide-verywide {
1333
  width: 860px;
1334
}
1335
td.wi-date > input[type="text"],
1336
th.wi-date > input[type="text"] {
1337
  width: 92px;
1338
}
1339
td.wi-lightwide > textarea,
1340
th.wi-lightwide > textarea {
1341
  width: 284px;
1342
}
1343
td.wi-wide > textarea,
1344
th.wi-wide > textarea {
1345
  width: 284px;
1346
}
1347
td.wi-small-verywide > textarea,
1348
th.wi-small-verywide > textarea {
1349
  width: 668px;
1350
}
1351
th.wi-lightwide textarea,
1352
td.wi-lightwide textarea,
1353
th.wi-lightwide input[type="text"],
1354
td.wi-lightwide input[type="text"],
1355
th.wi-lightwide div.cke_editable,
1356
td.wi-lightwide div.cke_editable,
1357
th.wi-lightwide input#order_vendor_id_name,
1358
td.wi-lightwide input#order_vendor_id_name {
1359
  width: 220px;
1360
}
1361
th.wi-wide textarea,
1362
td.wi-wide textarea,
1363
th.wi-wide input[type="text"],
1364
td.wi-wide input[type="text"],
1365
th.wi-wide div.cke_editable,
1366
td.wi-wide div.cke_editable,
1367
th.wi-wide input#order_vendor_id_name,
1368
td.wi-wide input#order_vendor_id_name {
1369
  width: 284px;
1370
}
1371
span.wi-smallest {
1372
  padding: 0 ;
1373
}
1374
span.wi-smallest textarea,
1375
span.wi-smallest div.cke_editable {
1376
  width: 172px;
1377
}
1378
span.wi-verysmall {
1379
  padding: 0 ;
1380
}
1381
span.wi-verysmall textarea,
1382
span.wi-verysmall div.cke_editable {
1383
  width: 172px;
1384
}
1385
span.wi-small {
1386
  padding: 0 ;
1387
}
1388
span.wi-small textarea,
1389
span.wi-small div.cke_editable {
1390
  width: 172px;
1391
}
1392
span.wi-mediumsmall {
1393
  padding: 0 ;
1394
}
1395
span.wi-mediumsmall textarea,
1396
span.wi-mediumsmall div.cke_editable {
1397
  width: 172px;
1398
}
1399
span.wi-normal {
1400
  padding: 0 ;
1401
}
1402
span.wi-normal textarea,
1403
span.wi-normal div.cke_editable {
1404
  width: 172px;
1405
}
1406
span.wi-lightwide {
1407
  padding: 0 ;
1408
}
1409
span.wi-lightwide textarea,
1410
span.wi-lightwide div.cke_editable {
1411
  width: 220px;
1412
}
1413
span.wi-wide {
1414
  padding: 0 ;
1415
}
1416
span.wi-wide textarea,
1417
span.wi-wide > div.cke_editable {
1418
  width: 284px !important;
1419
}
1420
span.wi-wide.strict {
1421
  max-width: 284px !important;
1422
}
1423
span.wi-wider {
1424
  padding: 0 ;
1425
}
1426
span.wi-wider textarea,
1427
span.wi-wider div.cke_editable {
1428
  width: 348px;
1429
}
1430
span.wi-verywide {
1431
  padding: 0 ;
1432
}
1433
span.wi-verywide textarea,
1434
span.wi-verywide div.cke_editable {
1435
  min-width: 540px;
1436
}
1437
span.wi-full {
1438
  padding: 0 ;
1439
}
1440
span.wi-full textarea,
1441
span.wi-full div.cke_editable {
1442
  width: 100%                     ;
1443
}
1444
span.wi-small-small {
1445
  padding: 0 ;
1446
}
1447
span.wi-small-small textarea,
1448
span.wi-small-small div.cke_editable {
1449
  width: 220px;
1450
}
1451
span.wi-small-mediumsmall {
1452
  padding: 0 ;
1453
}
1454
span.wi-small-mediumsmall textarea,
1455
span.wi-small-mediumsmall div.cke_editable {
1456
  width: 252px;
1457
  margin: 0 30px 0 0 ;
1458
}
1459
span.wi-small-normal {
1460
  padding: 0 ;
1461
}
1462
span.wi-small-normal textarea,
1463
span.wi-small-normal div.cke_editable {
1464
  width: 300px;
1465
}
1466
span.wi-small-lightwide {
1467
  padding: 0 ;
1468
}
... Dieser Diff wurde abgeschnitten, weil er die maximale Anzahl anzuzeigender Zeilen überschreitet.

Auch abrufbar als: Unified diff