Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 46944c87

Von Hans P. Schlaepfer vor fast 4 Jahren hinzugefügt

  • ID 46944c87cb240724d9fe8b7c3427561be751b69f
  • Vorgänger 28f95982
  • Nachfolger 9f5e92e4

css/style.css

Diese Datei wird jeweils sowieso neu erzeugt

Unterschiede anzeigen:

css/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 #1b1b0e solid;
86
  background-color: #292914;
87
  color: #f5f5f1;
88
  text-decoration: none;
89
}
90
.mx-button-standard-hover-focus:hover {
91
  border: 1px #000000 solid;
92
  background-color: #1b1b0e;
93
  color: #e0e0d6;
94
  text-decoration: none;
95
}
96
.mx-button-standard-hover-focus:active,
97
.mx-button-standard-hover-focus:focus {
98
  border: 1px #000000 solid;
99
  background-color: #000000;
100
  color: #e0e0d6;
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
/* ------------------------------------------------------------- */
1 124
html {
2 125
  overflow-y: scroll;
3 126
}
4 127
body {
5 128
  padding: 0;
6 129
  margin: 0 ;
130
  font-size: 9pt;
7 131
}
8 132
div,
9 133
p,
10 134
span,
135
table,
136
th,
137
td,
11 138
input,
12 139
textarea,
13 140
select,
14 141
button,
15
a.button,
16
table,
17
col,
18
th,
19
td {
142
a.button {
20 143
  box-sizing: border-box;
21 144
}
22 145
.clearfix:after {
......
76 199
  border-bottom: solid black;
77 200
  border-width: 1px;
78 201
}
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
}
202
/* ------------------------------------------------------------- */
203
/* SCAFFOLDING (scaffolding.less)                                */
204
/* ------------------------------------------------------------- */
150 205
body {
151 206
  margin: 0 ;
152
  background-color: #cfcfcf;
153
  color: #000000;
207
  color: #666666;
154 208
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
155
  font-size: 11pt;
209
  font-size: 9pt;
210
  background-color: #ccccbb;
156 211
}
157 212
body #frame-header {
158 213
  position: fixed;
......
173 228
  display: block;
174 229
  z-index: 1030;
175 230
  position: fixed;
176
  float: left !important;
231
  float: right !important;
177 232
  width: auto;
178 233
  top: 68px ;
179
  left: 656px ;
180 234
  right: 0.2em ;
181 235
  margin: 0 0.4em 0 0;
182 236
  padding: 0;
......
188 242
body .layout-actionbar > div + div {
189 243
  margin-left: 2px;
190 244
}
191
body > #content {
245
body #content {
192 246
  overflow: hidden;
193 247
  display: block;
194
  padding: 0 0 0 0;
195
  margin: 104px 0 1em 0;
248
  padding: 101px 0 0 0;
249
  margin: 0 0 1em 0;
250
  background-image: linear-gradient(to bottom, #f5f5f1, #ccccbb);
196 251
}
197
body > #content .wrapper {
252
body #content .wrapper {
198 253
  clear: both;
199 254
  display: block;
200 255
  overflow: hidden;
201
  width: auto;
256
  width: 99%;
202 257
  height: auto;
203 258
}
204
body > #content .wrapper > .col {
259
body #content .wrapper > .col {
205 260
  display: block;
206 261
  overflow: hidden;
207 262
  float: left;
208 263
  margin-right: 1.6em;
209 264
}
210
body > #content .wrapper > .col div label {
265
body #content .wrapper > .col div label {
211 266
  font-size: 10pt;
212 267
  line-height: 12.6pt;
213 268
}
214
body > #content .wrapper > .col p {
269
body #content .wrapper > .col p {
215 270
  font-size: 10pt;
216 271
}
217
body > #content .wrapper > .col,
218
body > #content .wrapper > .tbl-horizontal {
272
body #content .wrapper > .col,
273
body #content .wrapper > .tbl-horizontal {
219 274
  float: left;
220 275
  margin-right: 1.6em;
221 276
  padding-bottom: 2px ;
222 277
}
223
body > #content .wrapper.center {
278
body #content .wrapper.center {
224 279
  margin: 0 auto;
225 280
  display: table;
226 281
  width: auto;
227 282
}
228
body > #content .wrapper.width-moderate {
283
body #content .wrapper.width-moderate {
229 284
  width: auto;
230 285
}
231
body > #content .ui-tabs-panel {
232
  background-color: #cfcfcf;
286
body #content .wrapper > table.tbl-horizontal:last-child {
287
  margin-right: 0 !important ;
233 288
}
234 289
body .full-width {
235 290
  width: 100% ;
......
241 296
  display: table;
242 297
  width: auto;
243 298
}
244
.ui-helper-hidden {
245
  display: none;
246
}
247
.ui-helper-hidden-accessible {
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;
248 306
  border: 0;
249
  clip: rect(0 0 0 0);
250
  height: 1px;
251
  margin: -1px;
252 307
  overflow: hidden;
253
  padding: 0;
254
  position: absolute;
255
  width: 1px;
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;
256 316
}
257
.ui-helper-reset {
258
  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;
317
#frame-header span.frame-header-element {
318
  color: #f5f5f1;
319
  padding-top: 0.2em;
266 320
}
267
.ui-helper-clearfix:before,
268
.ui-helper-clearfix:after {
269
  content: "";
270
  display: table;
271
  border-collapse: collapse;
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;
272 328
}
273
.ui-helper-clearfix:after {
274
  clear: both;
329
#frame-header span.frame-header-element a:hover {
330
  color: #ffffff;
331
  text-decoration: underline;
332
  /*underline*/
333

  
275 334
}
276
.ui-helper-clearfix {
277
  min-height: 0;
335
#frame-header span.frame-header-element span.mandate {
336
  text-transform: uppercase ;
337
  font-size: 130% ;
278 338
}
279
.ui-helper-zfix {
280
  width: 100%;
339
#frame-header span.frame-header-left,
340
#frame-header span.frame-header-center,
341
#frame-header span.frame-header-right {
342
  border-spacing: 0;
343
  padding: 0;
344
  vertical-align: middle;
281 345
  height: 100%;
282
  top: 0;
283
  left: 0;
284
  position: absolute;
285
  opacity: 0;
286
}
287
.ui-front {
288
  z-index: 100;
346
  display: table-row;
289 347
}
290
.ui-state-disabled {
291
  cursor: default !important;
348
#frame-header span.frame-header-left > span,
349
#frame-header span.frame-header-center > span,
350
#frame-header span.frame-header-right > span {
351
  height: 24px;
352
  margin: 0 10px;
353
  display: table-cell;
354
  vertical-align: middle;
292 355
}
293
.ui-icon {
294
  display: block;
295
  text-indent: -99999px;
296
  overflow: hidden;
297
  background-repeat: no-repeat;
356
#frame-header span.frame-header-left {
357
  float: left;
358
  padding: 0 1.0em 0 0.2em ;
359
  margin-right: 1.0em ;
298 360
}
299
.ui-widget-overlay {
300
  position: fixed;
301
  top: 0;
302
  left: 0;
303
  width: 100%;
304
  height: 100%;
361
#frame-header span.frame-header-left > span {
362
  padding-right: 1.0em ;
305 363
}
306
.ui-resizable {
307
  position: relative;
364
#frame-header span.frame-header-right {
365
  float: right;
366
  vertical-align: middle;
367
  padding: 0 1.2em 0 1.0em ;
368
  margin-left: 1.0em;
308 369
}
309
.ui-resizable-handle {
310
  position: absolute;
311
  font-size: 0.1px;
312
  display: block;
370
#frame-header span.frame-header-right > span {
371
  padding-left: 1.0em ;
313 372
}
314
.ui-resizable-disabled .ui-resizable-handle,
315
.ui-resizable-autohide .ui-resizable-handle {
373
#frame-header #ajax-spinner {
316 374
  display: none;
317 375
}
318
.ui-resizable-n {
319
  cursor: n-resize;
320
  height: 7px;
321
  width: 100%;
322
  top: -5px;
323
  left: 0;
376
#frame-header div.frame-header-quicksearch {
377
  display: block;
378
  overflow: hidden;
379
  margin: 0 auto;
380
  text-align: center;
381
  width: 70%;
324 382
}
325
.ui-resizable-s {
326
  cursor: s-resize;
327
  height: 7px;
328
  width: 100%;
329
  bottom: -5px;
330
  left: 0;
383
#frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {
384
  font-size: 9pt;
385
  margin-top: 0.1em;
386
  background-color: #ccccbb;
387
  width: auto !important;
388
  min-width: 5em;
389
  max-width: 7em;
390
  padding: 0 0.2em ;
391
  border-width: 1px ;
392
  border-style: solid;
393
  border-top-color: #949494;
394
  border-right-color: #BCBCBC;
395
  border-bottom-color: #BCBCBC;
396
  border-left-color: #949494;
331 397
}
332
.ui-resizable-e {
333
  cursor: e-resize;
334
  width: 7px;
335
  right: -5px;
336
  top: 0;
337
  height: 100%;
398
/* /#frame-header  */
399
/* ------------------------------------------------------------- */
400
/* MENU (V3) and HTML MENU (menu.less)                          */
401
/* ------------------------------------------------------------- */
402
#menuv3 {
403
  background-color: #e0e0d6;
338 404
}
339
.ui-resizable-w {
340
  cursor: w-resize;
341
  width: 7px;
342
  left: -5px;
343
  top: 0;
344
  height: 100%;
405
#menuv3 li {
406
  display: block;
407
  position: relative;
408
  float: none;
409
  font-weight: normal !important ;
410
  font-size: 9pt;
411
  line-height: 96%;
412
  white-space: nowrap;
413
  border: 0;
414
  padding: 0;
415
  margin: 0;
345 416
}
346
.ui-resizable-se {
347
  cursor: se-resize;
348
  width: 12px;
349
  height: 12px;
350
  right: 1px;
351
  bottom: 1px;
417
#menuv3 li:hover {
418
  cursor: pointer;
352 419
}
353
.ui-resizable-sw {
354
  cursor: sw-resize;
355
  width: 9px;
356
  height: 9px;
357
  left: -5px;
358
  bottom: -5px;
420
#menuv3 li a,
421
#menuv3 li a:visited,
422
#menuv3 li div.x,
423
#menuv3 li div.x:visited {
424
  display: block;
425
  color: #1b1b0e;
426
  text-decoration: none;
359 427
}
360
.ui-resizable-nw {
361
  cursor: nw-resize;
362
  width: 9px;
363
  height: 9px;
364
  left: -5px;
365
  top: -5px;
428
#menuv3 > ul {
429
  list-style: none;
430
  margin: 0;
431
  padding: 0;
432
  float: left;
366 433
}
367
.ui-resizable-ne {
368
  cursor: ne-resize;
369
  width: 9px;
370
  height: 9px;
371
  right: -5px;
372
  top: -5px;
434
#menuv3 > ul > li {
435
  display: block;
436
  height: 17px;
437
  padding: 9px 0.9em 6px 0.9em;
438
  background-color: #e0e0d6;
439
  color: #1b1b0e;
440
  vertical-align: middle;
441
  /* List 2nd Level (Vertical) */
442

  
373 443
}
374
.ui-selectable-helper {
375
  position: absolute;
376
  z-index: 100;
377
  border: 1px dotted black;
444
#menuv3 > ul > li:hover {
445
  background-color: #ccccbb;
378 446
}
379
.ui-accordion .ui-accordion-header {
447
#menuv3 > ul > li:hover > ul {
380 448
  display: block;
381
  cursor: pointer;
449
  position: absolute;
450
}
451
#menuv3 > ul > li ul {
382 452
  position: relative;
383
  margin-top: 2px;
384
  padding: .5em .5em .5em .7em;
385
  min-height: 0;
453
  display: none;
454
  padding: 0 2em 2em 2em;
455
  margin: 0 -2em -2em -2.8em;
386 456
}
387
.ui-accordion .ui-accordion-icons {
388
  padding-left: 2.2em;
457
#menuv3 > ul > li ul li {
458
  border-bottom: 1px #666633 solid;
459
  padding: 0.45em 0.6em 0.58em 0.8em ;
389 460
}
390
.ui-accordion .ui-accordion-noicons {
391
  padding-left: .7em;
461
#menuv3 > ul > li > ul {
462
  top: 32px;
392 463
}
393
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
394
  padding-left: 2.2em;
464
#menuv3 > ul > li > ul > li {
465
  background-color: #ccccbb;
466
  padding-left: 12px ;
467
  margin-left: 1px;
395 468
}
396
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
397
  position: absolute;
398
  left: .5em;
399
  top: 50%;
400
  margin-top: -8px;
469
#menuv3 > ul > li > ul > li div.x {
470
  background: no-repeat right url("../image/menu-arrow-to-right-5.png");
471
  padding-right: 2.0em ;
401 472
}
402
.ui-accordion .ui-accordion-content {
403
  padding: 1em 2.2em;
404
  border-top: 0;
405
  overflow: auto;
473
#menuv3 > ul > li > ul > li:hover {
474
  color: #0e0e07;
475
  background-color: #e0e0d6;
406 476
}
407
.ui-autocomplete {
477
#menuv3 > ul > li > ul > li:hover > ul {
478
  display: block;
408 479
  position: absolute;
409
  top: 0;
410
  left: 0;
411
  cursor: default;
412 480
}
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;
481
#menuv3 > ul > li > ul > li > ul {
482
  top: 0;
483
  left: 99%;
484
  padding: 2em;
485
  margin-top: -2.06em;
486
  margin-right: -2em;
487
  margin-bottom: -2em;
488
  margin-left: -2em;
489
  list-style: none;
423 490
}
424
.ui-button:link,
425
.ui-button:visited,
426
.ui-button:hover,
427
.ui-button:active {
428
  text-decoration: none;
491
#menuv3 > ul > li > ul > li > ul > li {
492
  background-color: #e0e0d6;
429 493
}
430
.ui-button-icon-only {
431
  width: 2.2em;
494
#menuv3 > ul > li > ul > li > ul > li:hover {
495
  background-color: #ccccbb;
432 496
}
433
button.ui-button-icon-only {
434
  width: 2.4em;
497
#menuv3 > ul > li > ul > li > ul > li:first-child {
498
  border-top: 1px #800040 solid ;
435 499
}
436
.ui-button-icons-only {
437
  width: 3.4em;
500
li.sub {
501
  position: relative;
502
  left: 0.2em;
503
  top: 0px;
504
  background-color: #FFFFFF;
438 505
}
439
button.ui-button-icons-only {
440
  width: 3.7em;
506
body > #layout-split-left {
507
  display: block;
508
  position: fixed !important;
509
  top: 0 ;
510
  left: 0 ;
511
  width: 200px;
512
  height: 100%;
513
  z-index: 1;
514
  overflow: hidden   ;
515
  border-right: 1px #888888 solid;
516
  background-color: #666666;
441 517
}
442
.ui-button .ui-button-text {
518
body > div#layout-split-right {
519
  margin-left: 200px;
520
  padding-top: 28px;
443 521
  display: block;
444
  line-height: normal;
522
  z-index: 1;
523
  overflow: hidden;
524
  min-height: 800px;
525
  height: auto;
445 526
}
446
.ui-button-text-only .ui-button-text {
447
  padding: .4em 1em;
527
body > div#layout-split-right .layout-actionbar {
528
  top: 36px;
448 529
}
449
.ui-button-icon-only .ui-button-text,
450
.ui-button-icons-only .ui-button-text {
451
  padding: .4em;
452
  text-indent: -9999999px;
530
body > div#layout-split-right > #content {
531
  top: 68px;
532
  padding-top: 40px;
453 533
}
454
.ui-button-text-icon-primary .ui-button-text,
455
.ui-button-text-icons .ui-button-text {
456
  padding: .4em 1em .4em 2.1em;
534
body > div#layout-split-right > #content h1 {
535
  top: 28px !important;
457 536
}
458
.ui-button-text-icon-secondary .ui-button-text,
459
.ui-button-text-icons .ui-button-text {
460
  padding: .4em 2.1em .4em 1em;
537
body > div#layout-split-right > #content > .wrapper {
538
  padding-top: 2em ;
461 539
}
462
.ui-button-text-icons .ui-button-text {
463
  padding-left: 2.1em;
464
  padding-right: 2.1em;
540
body > div#layout-split-right > #content + div.wrapper {
541
  padding-top: 4em ;
465 542
}
466
input.ui-button {
467
  padding: .4em 1em;
543
body > div#layout-split-right > #content > form {
544
  margin-top: 0.6em ;
468 545
}
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;
546
body > div#layout-split-right > #content > form + div.wrapper {
547
  padding-top: 4em ;
477 548
}
478
.ui-button-icon-only .ui-icon {
479
  left: 50%;
480
  margin-left: -8px;
549
body > div#layout-split-right > #content > form > .tabwidget > ui-tabs-panel .wrapper {
550
  margin-top: 2em;
481 551
}
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;
552
body > div#layout-split-right > #content > form > .tabwidget > ui-tabs-panel .tabwidget ul.ui-tabs-nav {
553
  position: relative;
486 554
}
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;
555
body > div#layout-split-right > #content > form > .tabwidget > ul.ui-tabs-nav {
556
  top: 69px;
491 557
}
492
.ui-buttonset {
493
  margin-right: 7px;
558
body > div#layout-split-right > #content > #requirement_spec_tabs.tabwidget > ul.ui-tabs-nav {
559
  top: 69px !important ;
494 560
}
495
.ui-buttonset .ui-button {
496
  margin-left: 0;
497
  margin-right: -0.3em;
561
body > div#layout-split-right.folded {
562
  margin-left: 40px;
498 563
}
499
input.ui-button::-moz-focus-inner,
500
button.ui-button::-moz-focus-inner {
501
  border: 0;
502
  padding: 0;
564
div.layout-split-right.folded {
565
  margin-left: 40px;
503 566
}
504
.ui-datepicker {
505
  width: 17em;
506
  padding: .2em .2em 0;
567
#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: #666633;
576
  font-size: 10pt;
577
  border-bottom: 20px #666633 solid;
578
}
579
#layout-split-left #html-menu::-webkit-scrollbar {
507 580
  display: none;
508 581
}
509
.ui-datepicker .ui-datepicker-header {
510
  position: relative;
511
  padding: .2em 0;
582
#layout-split-left #html-menu > div:last-of-type {
583
  border-bottom: 1px #666633 solid;
512 584
}
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;
585
#layout-split-left #html-menu .mi {
586
  display: block ;
519 587
}
520
.ui-datepicker .ui-datepicker-prev-hover,
521
.ui-datepicker .ui-datepicker-next-hover {
522
  top: 1px;
588
#layout-split-left #html-menu .mi a {
589
  display: block;
590
  word-wrap: break-word;
523 591
}
524
.ui-datepicker .ui-datepicker-prev {
525
  left: 2px;
592
#layout-split-left #html-menu .mi:first-child {
593
  border-top: 2px #666633 solid;
526 594
}
527
.ui-datepicker .ui-datepicker-next {
528
  right: 2px;
595
#layout-split-left #html-menu .mi:last-child {
596
  border-bottom: 1px #666633 solid;
529 597
}
530
.ui-datepicker .ui-datepicker-prev-hover {
531
  left: 1px;
598
#layout-split-left #html-menu .s0 {
599
  padding: 0 ;
600
  background-color: #ccccbb;
601
  color: #1b1b0e;
602
  border-top: 1px #666633 solid;
603
  font-size: 90% ;
604
  text-transform: uppercase;
532 605
}
533
.ui-datepicker .ui-datepicker-next-hover {
534
  right: 1px;
606
#layout-split-left #html-menu .s0 a {
607
  padding: 5px 0 6px 8px ;
608
  cursor: pointer ;
535 609
}
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;
610
#layout-split-left #html-menu .s0 a:hover,
611
#layout-split-left #html-menu .s0 a:active {
612
  background-color: #292914;
613
  color: #f5f5f1;
614
  text-decoration: none;
544 615
}
545
.ui-datepicker .ui-datepicker-title {
546
  margin: 0 2.3em;
547
  line-height: 1.8em;
548
  text-align: center;
616
#layout-split-left #html-menu .s0 a:link,
617
#layout-split-left #html-menu .s0 a:visited {
618
  color: #1b1b0e;
549 619
}
550
.ui-datepicker .ui-datepicker-title select {
551
  font-size: 11pt;
552
  margin: 1px 0;
620
#layout-split-left #html-menu .s0.menu-open {
621
  font-weight: normal;
622
  background-color: #1b1b0e;
623
  color: #e0e0d6;
624
  border-bottom: 0 ;
553 625
}
554
.ui-datepicker select.ui-datepicker-month-year {
555
  width: 100%;
626
#layout-split-left #html-menu .s0.menu-open a {
627
  padding: 5px 0 6px 8px ;
628
  cursor: auto ;
556 629
}
557
.ui-datepicker select.ui-datepicker-month,
558
.ui-datepicker select.ui-datepicker-year {
559
  width: 49%;
630
#layout-split-left #html-menu .s0.menu-open a:hover,
631
#layout-split-left #html-menu .s0.menu-open a:active {
632
  background-color: #1b1b0e;
633
  color: #e0e0d6;
634
  text-decoration: none;
560 635
}
561
.ui-datepicker table {
562
  width: 100%;
563
  font-size: 11pt;
564
  border-collapse: collapse;
565
  margin: 0 0 .4em;
636
#layout-split-left #html-menu .s0.menu-open a:link,
637
#layout-split-left #html-menu .s0.menu-open a:visited {
638
  color: #e0e0d6;
566 639
}
567
.ui-datepicker th {
568
  padding: .7em .3em;
569
  text-align: center;
570
  font-weight: bold;
571
  border: 0;
640
#layout-split-left #html-menu .s1 {
641
  font-size: 80% ;
642
  padding: 0 ;
643
  background-color: #e0e0d6;
644
  border-top: 1px #666633 solid;
572 645
}
573
.ui-datepicker td {
574
  border: 0;
575
  padding: 1px;
646
#layout-split-left #html-menu .s1 a {
647
  padding: 4px 0 3px 8px ;
576 648
}
577
.ui-datepicker td span,
578
.ui-datepicker td a {
579
  display: block;
580
  padding: .2em;
581
  text-align: right;
649
#layout-split-left #html-menu .s1 a:hover,
650
#layout-split-left #html-menu .s1 a:active {
651
  background-color: #ccccbb;
652
  color: #000000;
582 653
  text-decoration: none;
583 654
}
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;
591
}
592
.ui-datepicker .ui-datepicker-buttonpane button {
593
  float: right;
594
  margin: .5em .2em .4em;
595
  cursor: pointer;
596
  padding: .2em .6em .3em .6em;
597
  width: auto;
598
  overflow: visible;
655
#layout-split-left #html-menu .s1 a:link,
656
#layout-split-left #html-menu .s1 a:visited {
657
  color: #1b1b0e;
599 658
}
600
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
601
  float: left;
659
#layout-split-left #html-menu .s1.sm:after {
660
  content: "▼";
661
  color: #888888;
662
  font-size: 80% ;
602 663
}
603
.ui-datepicker.ui-datepicker-multi {
604
  width: auto;
664
#layout-split-left #html-menu .s1.sm a {
665
  display: inline-block;
666
  width: 162px;
667
  color: #1b1b0e;
605 668
}
606
.ui-datepicker-multi .ui-datepicker-group {
607
  float: left;
669
#layout-split-left #html-menu .s1.sm a:hover,
670
#layout-split-left #html-menu .s1.sm a:active {
671
  background-color: #e0e0d6;
672
  color: #1b1b0e;
673
  text-decoration: none ;
608 674
}
609
.ui-datepicker-multi .ui-datepicker-group table {
610
  width: 95%;
611
  margin: 0 auto .4em;
675
#layout-split-left #html-menu .s1.sm a:link,
676
#layout-split-left #html-menu .s1.sm a:visited {
677
  color: #1b1b0e;
612 678
}
613
.ui-datepicker-multi-2 .ui-datepicker-group {
614
  width: 50%;
679
#layout-split-left #html-menu .s1.sm a.ml:link,
680
#layout-split-left #html-menu .s1.sm a.ml:visited {
681
  color: #1b1b0e;
615 682
}
616
.ui-datepicker-multi-3 .ui-datepicker-group {
617
  width: 33.3%;
683
#layout-split-left #html-menu .s1 > .s2:last-child {
684
  border-bottom: 1px #666633 solid;
618 685
}
619
.ui-datepicker-multi-4 .ui-datepicker-group {
620
  width: 25%;
686
#layout-split-left #html-menu .s2 {
687
  padding: 0 ;
688
  font-size: 80% ;
689
  background-color: #e0e0d6;
621 690
}
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;
691
#layout-split-left #html-menu .s2 a {
692
  padding: 2px 0 3px 20px ;
625 693
}
626
.ui-datepicker-multi .ui-datepicker-buttonpane {
627
  clear: left;
694
#layout-split-left #html-menu .s2 a:hover,
695
#layout-split-left #html-menu .s2 a:active {
696
  background-color: #ccccbb;
697
  color: #000000;
698
  text-decoration: none;
628 699
}
629
.ui-datepicker-row-break {
630
  clear: both;
631
  width: 100%;
632
  font-size: 0;
700
#layout-split-left #html-menu .s2 a:link,
701
#layout-split-left #html-menu .s2 a:visited {
702
  color: #1b1b0e;
633 703
}
634
.ui-dialog {
635
  z-index: 8001 ;
636
  position: absolute;
637
  top: 0;
638
  left: 0;
639
  outline: 0;
640
  border: 1px solid black;
704
#main_menu_div .DHTMLSuite_menuBar_top {
705
  top: 28px;
706
  height: 31px !important;
707
  padding: 0;
708
  margin: 0 ;
641 709
}
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;
710
#main_menu_div .DHTMLSuite_menuBar_top > div {
711
  padding: 5px 5px 0 3px ;
651 712
}
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;
713
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_textContent {
714
  font-size: 90% ;
715
  padding: 0.1em 0.2em 0.2em 0.2em ;
658 716
}
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;
717
#main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_top_arrowShowSub {
718
  margin: 0 0.2em 0.2em 0.2em ;
667 719
}
668
.ui-dialog .ui-dialog-content {
669
  position: relative;
670
  border: 0;
671
  padding: .5em 1em;
672
  background: none;
673
  overflow: auto;
720
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_regular,
721
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
722
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click,
723
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_disabled,
724
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_active {
725
  height: 19px;
674 726
}
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;
727
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
728
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click {
729
  color: #ae0014;
730
  background-color: #ffffff;
681 731
}
682
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
683
  float: right;
732
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
733
#main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
734
  border: none !important ;
684 735
}
685
.ui-dialog .ui-dialog-buttonpane button {
686
  margin: .5em .4em .5em 0;
736
.DHTMLSuite_menuBar_sub {
737
  width: auto !important;
738
  padding: 0.1em 0 0.4em 0.4em !important;
739
  margin: 11px 0 0 0;
740
  border-top: none;
741
  border-right: 1px solid #e0e0d6;
742
  border-bottom: 1px solid #e0e0d6;
743
  border-left: 1px solid #e0e0d6;
744
}
745
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular,
746
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
747
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click,
748
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled,
749
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
750
  clear: both;
751
  padding-left: 25px;
752
  padding-right: 0.7em;
753
  padding-top: 0.2em;
754
  padding-bottom: 0.2em;
687 755
  cursor: pointer;
756
  background-repeat: no-repeat;
757
  font-size: 90%;
688 758
}
689
.ui-dialog .ui-resizable-se {
690
  width: 12px;
691
  height: 12px;
692
  right: -5px;
693
  bottom: -5px;
694
  background-position: 16px 16px;
759
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular .DHTMLSuite_menuItem_sub_arrowShowSub,
760
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over .DHTMLSuite_menuItem_sub_arrowShowSub,
761
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click .DHTMLSuite_menuItem_sub_arrowShowSub,
762
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled .DHTMLSuite_menuItem_sub_arrowShowSub,
763
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active .DHTMLSuite_menuItem_sub_arrowShowSub {
764
  right: 3px !important;
695 765
}
696
.ui-dialog.ui-draggable .ui-dialog-titlebar {
697
  cursor: move;
766
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
767
.DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
768
  color: #8d6a00;
769
  background-color: #ffffff;
698 770
}
699
.ui-menu {
700
  list-style: none;
701
  padding: 2px;
702
  margin: 0;
771
/* ------------------------------------------------------------- */
772
/* Menu Actionbar (menu_actionbar.less)                          */
773
/* ------------------------------------------------------------- */
774
.layout-actionbar div.layout-actionbar-separator {
703 775
  display: block;
704
  outline: none;
776
  width: 0.6em;
777
  height: 0.6em;
778
  float: left;
779
  content: " ";
780
  position: relative;
781
  border: none;
705 782
}
706
.ui-menu .ui-menu {
707
  margin-top: -3px;
708
  position: absolute;
783
.layout-actionbar div.layout-actionbar-action {
784
  -webkit-touch-callout: none;
785
  -webkit-user-select: none;
786
  -khtml-user-select: none;
787
  -moz-user-select: none;
788
  -ms-user-select: none;
789
  user-select: none;
790
  height: 25px;
791
  font-size: 9pt;
709 792
}
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);
793
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled {
794
  color: #666633 !important;
715 795
}
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;
796
.layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled:hover {
797
  text-decoration: none !important;
722 798
}
723
.ui-menu .ui-menu-item a {
724
  text-decoration: none;
799
.layout-actionbar > div.layout-actionbar-action {
800
  border-radius: 4px;
801
  border: 1px #292914 solid;
802
  background-color: #ccccbb;
803
  float: left;
804
  color: #292914;
805
  z-index: 1031;
806
}
807
.layout-actionbar div.layout-actionbar-link,
808
.layout-actionbar div.layout-actionbar-submit,
809
.layout-actionbar div.layout-actionbar-scriptbutton {
725 810
  display: block;
726
  padding: 2px .4em;
727
  line-height: 1.5;
728
  min-height: 0;
729
  font-weight: normal;
811
  min-width: 90px;
812
  width: auto;
813
  box-sizing: border-box;
814
  border-width: 1px;
815
  border-style: solid;
816
  text-align: center;
817
  padding: 4px 10px;
818
  cursor: default;
730 819
}
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;
820
.layout-actionbar div.layout-actionbar-link:focus,
821
.layout-actionbar div.layout-actionbar-submit:focus,
822
.layout-actionbar div.layout-actionbar-scriptbutton:focus {
823
  border-color: darkgray;
824
  background-color: #e0e0d6;
735 825
}
736
.ui-menu .ui-state-disabled {
826
.layout-actionbar div.layout-actionbar-link:hover,
827
.layout-actionbar div.layout-actionbar-submit:hover,
828
.layout-actionbar div.layout-actionbar-scriptbutton:hover {
829
  border-width: 1px;
830
  border-style: solid;
831
}
832
.layout-actionbar .layout-actionbar-default-action {
737 833
  font-weight: normal;
738
  margin: .4em 0 .2em;
739
  line-height: 1.5;
740 834
}
741
.ui-menu .ui-state-disabled a {
742
  cursor: default;
835
.layout-actionbar div.layout-actionbar-combobox {
836
  position: relative;
837
  display: block;
838
  float: left;
839
  width: 110px;
840
  z-index: 1031;
743 841
}
744
.ui-menu-icons {
842
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
843
  padding-right: 20px;
844
  white-space: nowrap;
845
  display: block;
846
  margin-bottom: -1px;
847
  float: right;
848
  z-index: 1033;
745 849
  position: relative;
746 850
}
747
.ui-menu-icons .ui-menu-item a {
851
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > div {
852
  min-width: 90px;
853
  height: 25px;
854
  border-top-left-radius: 4px;
855
  border-bottom-left-radius: 4px;
856
  border: 1px #292914 solid;
857
  background-color: #ccccbb;
858
  color: #292914;
748 859
  position: relative;
749
  padding-left: 2em;
750 860
}
751
.ui-menu .ui-icon {
861
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span {
862
  display: block;
752 863
  position: absolute;
753
  top: .2em;
754
  left: .2em;
864
  top: 0;
865
  right: 0;
866
  width: 24px !important;
867
  height: 25px !important;
868
  border: 1px #292914 solid;
869
  border-left: none;
870
  border-top-right-radius: 4px;
871
  border-bottom-right-radius: 4px;
872
  padding: 4px;
873
  background-color: #ccccbb;
874
  background-image: url("../image/select-down.png");
875
  background-repeat: no-repeat;
876
  background-position: 5px 5px;
755 877
}
756
.ui-menu .ui-menu-icon {
757
  position: static;
878
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
879
  position: relative;
880
  display: none;
881
  min-width: 140px;
758 882
  float: right;
759
}
760
.ui-progressbar {
761
  height: 2em;
762
  text-align: left;
763 883
  overflow: hidden;
884
  border: 1px solid #292914;
885
  border-top-left-radius: 4px;
886
  border-bottom-left-radius: 4px;
887
  border-bottom-right-radius: 4px;
888
  z-index: 1032;
889
  top: 1px;
890
  background-color: #ccccbb;
764 891
}
765
.ui-progressbar .ui-progressbar-value {
766
  margin: -1px;
767
  height: 100%;
768
}
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;
774
}
775
.ui-progressbar-indeterminate .ui-progressbar-value {
776
  background-image: none;
777
}
778
.ui-slider {
892
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {
893
  white-space: nowrap;
894
  display: block;
779 895
  position: relative;
896
  width: 100%;
780 897
  text-align: left;
898
  padding: 0.6em 0.6em 0.6em 1.0em;
899
  border-bottom: none !important;
900
  background-color: #ccccbb;
901
  color: #292914;
781 902
}
782
.ui-slider .ui-slider-handle {
783
  position: absolute;
784
  z-index: 2;
785
  width: 1.2em;
786
  height: 1.2em;
787
  cursor: default;
903
.layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {
904
  color: #292914;
905
  text-decoration: underline;
906
  background-color: #e0e0d6;
788 907
}
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;
908
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head {
909
  height: 29px;
910
  border-bottom: none !important ;
796 911
}
797
.ui-slider.ui-state-disabled .ui-slider-handle,
798
.ui-slider.ui-state-disabled .ui-slider-range {
799
  filter: inherit;
912
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {
913
  border-bottom-left-radius: 0 !important;
914
  border-bottom: none;
915
  height: 30px ;
800 916
}
801
.ui-slider-horizontal {
802
  height: .8em;
917
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {
918
  border-bottom-right-radius: 0 !important;
919
  border-bottom: none;
920
  height: 30px !important ;
803 921
}
804
.ui-slider-horizontal .ui-slider-handle {
805
  top: -0.3em;
806
  margin-left: -0.6em;
922
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
923
  display: inline-table;
924
  border-top-right-radius: 0 !important;
807 925
}
808
.ui-slider-horizontal .ui-slider-range {
809
  top: 0;
810
  height: 100%;
926
.layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list div.layout-actionbar-action {
927
  border: none !important;
811 928
}
812
.ui-slider-horizontal .ui-slider-range-min {
813
  left: 0;
929
/* ------------------------------------------------------------- */
930
/* FORM ELEMENTS (forms.less)                                    */
931
/* ------------------------------------------------------------- */
932
/* forms.less */
933
form {
934
  display: table;
935
  width: 100%;
936
  text-align: left;
937
  margin: 0 auto 0 auto;
814 938
}
815
.ui-slider-horizontal .ui-slider-range-max {
816
  right: 0;
939
form.box {
940
  display: block;
941
  overflow: hidden ;
942
  padding: 0 0 1.6em 0 ;
817 943
}
818
.ui-slider-vertical {
819
  width: .8em;
820
  height: 100px;
944
input,
945
textarea,
946
select {
947
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
948
  padding: 0.2em 0.2em 0.2em 0.6em;
949
  border: 1px;
950
  border-color: darkgray lightgray lightgray;
951
  border-style: solid;
952
  outline: none;
953
  background-color: #fff ;
821 954
}
822
.ui-slider-vertical .ui-slider-handle {
823
  left: -0.3em;
824
  margin-left: 0;
825
  margin-bottom: -0.6em;
955
input[type="text"].accent,
956
textarea[type="text"].accent,
957
select[type="text"].accent {
958
  font-weight: bold ;
959
  font-size: 130% !important ;
960
  padding: 0.6em auto !important ;
826 961
}
827
.ui-slider-vertical .ui-slider-range {
828
  left: 0;
829
  width: 100%;
962
textarea {
963
  resize: vertical;
830 964
}
831
.ui-slider-vertical .ui-slider-range-min {
832
  bottom: 0;
965
input[type="text"]:focus,
966
input[type="password"]:focus,
967
textarea:focus,
968
select:focus,
969
input[type="text"]:active,
970
input[type="password"]:active,
971
textarea:active,
972
select:active {
973
  background-color: #ccccbb;
974
  border: 1px #0e0e07 solid;
975
  color: #1b1b0e;
833 976
}
834
.ui-slider-vertical .ui-slider-range-max {
835
  top: 0;
977
select.helper {
978
  background-color: #ffffff;
836 979
}
837
.ui-spinner {
838
  position: relative;
839
  display: inline-block;
840
  overflow: hidden;
841
  padding: 0;
842
  vertical-align: middle;
980
select > option {
981
  padding-left: 0.6em ;
843 982
}
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;
983
input[type="file"] {
984
  padding: 0.8em;
985
  background-color: #cccccc;
986
  color: #666666;
987
  border: 1px #666666 solid;
853 988
}
854
.ui-spinner-button {
855
  width: 16px;
856
  height: 50%;
... Dieser Diff wurde abgeschnitten, weil er die maximale Anzahl anzuzeigender Zeilen überschreitet.

Auch abrufbar als: Unified diff