@kordar/easyui-tpl 2.0.8 → 2.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.min.css +1 -1
  4. package/dist/index.umd.cjs +2 -2
  5. package/dist/index.umd.cjs.map +1 -1
  6. package/dist/public/en.json +198 -166
  7. package/dist/public/iconfont.json +93 -0
  8. package/dist/public/zh_CN.json +208 -165
  9. package/dist/types/components/ThemeSwitch.d.ts +7 -0
  10. package/dist/types/composable/useMenuAndTabData.d.ts +37 -12
  11. package/dist/types/hoc/withDocHoc.d.ts +2 -1
  12. package/dist/types/index.d.ts +4 -3
  13. package/dist/types/util/tables.d.ts +3 -3
  14. package/dist/types/views/admin/index.d.ts +2 -1
  15. package/dist/types/views/dict/index.d.ts +2 -1
  16. package/dist/types/views/dict-item/index.d.ts +2 -1
  17. package/dist/types/views/home/index.d.ts +1 -1
  18. package/dist/types/views/icon/context.d.ts +3 -0
  19. package/dist/types/views/icon/index.d.ts +2 -0
  20. package/dist/types/views/icon/parseIcons.d.ts +10 -0
  21. package/dist/types/views/icon/search.d.ts +3 -0
  22. package/dist/types/views/icon/table.d.ts +4 -0
  23. package/dist/types/views/login/index.d.ts +1 -1
  24. package/dist/types/views/page/404.d.ts +1 -1
  25. package/dist/types/views/permissions/index.d.ts +2 -1
  26. package/dist/types/views/roles/index.d.ts +1 -1
  27. package/dist/types/views/router/index.d.ts +1 -1
  28. package/dist/types/views/setting/dialog.d.ts +2 -1
  29. package/dist/types/views/setting/index.d.ts +1 -1
  30. package/package.json +4 -4
  31. package/dist/public/themes/modern-blue/accordion.css +0 -89
  32. package/dist/public/themes/modern-blue/calendar.css +0 -213
  33. package/dist/public/themes/modern-blue/checkbox.css +0 -31
  34. package/dist/public/themes/modern-blue/combo.css +0 -35
  35. package/dist/public/themes/modern-blue/combobox.css +0 -40
  36. package/dist/public/themes/modern-blue/datagrid.css +0 -305
  37. package/dist/public/themes/modern-blue/datalist.css +0 -95
  38. package/dist/public/themes/modern-blue/datebox.css +0 -36
  39. package/dist/public/themes/modern-blue/dialog.css +0 -47
  40. package/dist/public/themes/modern-blue/drawer.css +0 -15
  41. package/dist/public/themes/modern-blue/easyui.css +0 -4750
  42. package/dist/public/themes/modern-blue/filebox.css +0 -20
  43. package/dist/public/themes/modern-blue/flex.css +0 -52
  44. package/dist/public/themes/modern-blue/images/accordion_arrows.png +0 -0
  45. package/dist/public/themes/modern-blue/images/blank.gif +0 -0
  46. package/dist/public/themes/modern-blue/images/calendar_arrows.png +0 -0
  47. package/dist/public/themes/modern-blue/images/combo_arrow.png +0 -0
  48. package/dist/public/themes/modern-blue/images/datagrid_icons.png +0 -0
  49. package/dist/public/themes/modern-blue/images/datebox_arrow.png +0 -0
  50. package/dist/public/themes/modern-blue/images/layout_arrows.png +0 -0
  51. package/dist/public/themes/modern-blue/images/linkbutton_bg.png +0 -0
  52. package/dist/public/themes/modern-blue/images/loading.gif +0 -0
  53. package/dist/public/themes/modern-blue/images/menu_arrows.png +0 -0
  54. package/dist/public/themes/modern-blue/images/messager_icons.png +0 -0
  55. package/dist/public/themes/modern-blue/images/messager_icons16.png +0 -0
  56. package/dist/public/themes/modern-blue/images/pagination_icons.png +0 -0
  57. package/dist/public/themes/modern-blue/images/panel_tools.png +0 -0
  58. package/dist/public/themes/modern-blue/images/passwordbox_close.png +0 -0
  59. package/dist/public/themes/modern-blue/images/passwordbox_open.png +0 -0
  60. package/dist/public/themes/modern-blue/images/searchbox_button.png +0 -0
  61. package/dist/public/themes/modern-blue/images/slider_handle.png +0 -0
  62. package/dist/public/themes/modern-blue/images/spinner_arrows.png +0 -0
  63. package/dist/public/themes/modern-blue/images/tabs_icons.png +0 -0
  64. package/dist/public/themes/modern-blue/images/tagbox_icons.png +0 -0
  65. package/dist/public/themes/modern-blue/images/tree_icons.png +0 -0
  66. package/dist/public/themes/modern-blue/images/validatebox_warning.png +0 -0
  67. package/dist/public/themes/modern-blue/layout.css +0 -150
  68. package/dist/public/themes/modern-blue/linkbutton.css +0 -203
  69. package/dist/public/themes/modern-blue/menu.css +0 -119
  70. package/dist/public/themes/modern-blue/menubutton.css +0 -94
  71. package/dist/public/themes/modern-blue/messager.css +0 -74
  72. package/dist/public/themes/modern-blue/numberbox.css +0 -0
  73. package/dist/public/themes/modern-blue/pagination.css +0 -77
  74. package/dist/public/themes/modern-blue/panel.css +0 -276
  75. package/dist/public/themes/modern-blue/passwordbox.css +0 -6
  76. package/dist/public/themes/modern-blue/progressbar.css +0 -33
  77. package/dist/public/themes/modern-blue/propertygrid.css +0 -27
  78. package/dist/public/themes/modern-blue/radiobutton.css +0 -25
  79. package/dist/public/themes/modern-blue/searchbox.css +0 -61
  80. package/dist/public/themes/modern-blue/sidemenu.css +0 -78
  81. package/dist/public/themes/modern-blue/slider.css +0 -101
  82. package/dist/public/themes/modern-blue/spinner.css +0 -114
  83. package/dist/public/themes/modern-blue/splitbutton.css +0 -12
  84. package/dist/public/themes/modern-blue/switchbutton.css +0 -83
  85. package/dist/public/themes/modern-blue/tabs.css +0 -415
  86. package/dist/public/themes/modern-blue/tagbox.css +0 -44
  87. package/dist/public/themes/modern-blue/textbox.css +0 -173
  88. package/dist/public/themes/modern-blue/timepicker.css +0 -93
  89. package/dist/public/themes/modern-blue/tooltip.css +0 -101
  90. package/dist/public/themes/modern-blue/tree.css +0 -168
  91. package/dist/public/themes/modern-blue/validatebox.css +0 -13
  92. package/dist/public/themes/modern-blue/window.css +0 -188
  93. package/dist/types/components/Card.d.ts +0 -29
  94. package/dist/types/components/Tooltip.d.ts +0 -17
@@ -1,4750 +0,0 @@
1
- /* extracted from index-grgEFgrE.css */
2
- :root {
3
- --generated-background: hsl(220 25% 97%);
4
- --generated-foreground: hsl(222 47% 9%);
5
- --generated-card: hsl(0 0% 100%);
6
- --generated-card-foreground: hsl(222 47% 9%);
7
- --generated-primary: hsl(221 90% 55%);
8
- --generated-primary-foreground: hsl(0 0% 100%);
9
- --generated-secondary: hsl(216 30% 94%);
10
- --generated-secondary-foreground: hsl(222 47% 9%);
11
- --generated-muted: hsl(216 28% 93%);
12
- --generated-muted-foreground: hsl(217 18% 46%);
13
- --generated-accent: hsl(216 30% 91%);
14
- --generated-accent-foreground: hsl(222 47% 9%);
15
- --generated-border: hsl(214 22% 88%);
16
- --generated-input: hsl(214 22% 88%);
17
- --generated-ring: hsl(221 90% 55%);
18
- --generated-destructive: hsl(0 72% 51%);
19
- --generated-success: hsl(142 71% 35%);
20
- --generated-info: hsl(204 80% 48%);
21
- --generated-sidebar-background: hsl(220 45% 98%);
22
- --generated-sidebar-foreground: hsl(222 47% 20%);
23
- --generated-sidebar-accent: hsl(216 60% 93%);
24
- --generated-sidebar-accent-foreground: hsl(221 80% 42%);
25
- --generated-sidebar-border: hsl(214 30% 91%);
26
- --generated-shadow-card: 0 1px 3px #165dff0f, 0 4px 12px #165dff0d;
27
- --generated-shadow-hover: 0 4px 16px #165dff1f;
28
- --generated-radius: .375rem;
29
- }
30
-
31
- .f-row {
32
- display: -webkit-box;
33
- display: -webkit-flex;
34
- display: -moz-flex;
35
- display: -ms-flexbox;
36
- display: flex;
37
- position: relative;
38
- }
39
-
40
- .f-column {
41
- display: -webkit-box;
42
- display: -webkit-flex;
43
- display: -moz-flex;
44
- display: -ms-flexbox;
45
- display: flex;
46
- -webkit-box-direction: normal;
47
- -webkit-box-orient: vertical;
48
- -webkit-flex-direction: column;
49
- -moz-flex-direction: column;
50
- -ms-flex-direction: column;
51
- flex-direction: column;
52
- position: relative;
53
- }
54
-
55
- .f-full {
56
- -webkit-box-flex: 1 1 auto;
57
- -ms-flex: 1 1 auto;
58
- flex: 1 1 auto;
59
- }
60
-
61
- .f-noshrink {
62
- -webkit-flex-shrink: 0;
63
- -moz-flex-shrink: 0;
64
- -ms-flex-negative: 0;
65
- flex-shrink: 0;
66
- }
67
-
68
- .f-content-center {
69
- -webkit-box-pack: center;
70
- -ms-flex-pack: center;
71
- -webkit-justify-content: center;
72
- -moz-justify-content: center;
73
- justify-content: center;
74
- -webkit-box-align: center;
75
- -ms-flex-align: center;
76
- -webkit-align-items: center;
77
- -moz-align-items: center;
78
- align-items: center;
79
- }
80
-
81
- .f-vcenter {
82
- -webkit-box-align: center;
83
- -ms-flex-align: center;
84
- -webkit-align-items: center;
85
- -moz-align-items: center;
86
- align-items: center;
87
- }
88
-
89
- * {
90
- -moz-box-sizing: border-box;
91
- -webkit-box-sizing: border-box;
92
- -o-box-sizing: border-box;
93
- -ms-box-sizing: border-box;
94
- box-sizing: border-box;
95
- }
96
-
97
- .panel {
98
- overflow: hidden;
99
- text-align: left;
100
- margin: 0;
101
- border: 0;
102
- -moz-border-radius: 0 0 0 0;
103
- -webkit-border-radius: 0 0 0 0;
104
- border-radius: 0 0 0 0;
105
- }
106
-
107
- .panel-header,
108
- .panel-body {
109
- border-width: 1px;
110
- border-style: solid;
111
- }
112
-
113
- .panel-header {
114
- padding: 5px;
115
- position: relative;
116
- }
117
-
118
- .panel-title {
119
- background: url('images/blank.gif') no-repeat;
120
- }
121
-
122
- .panel-header-noborder {
123
- border-width: 0 0 1px 0;
124
- }
125
-
126
- .panel-body {
127
- overflow: auto;
128
- border-top-width: 0;
129
- padding: 0;
130
- }
131
-
132
- .panel-body-noheader {
133
- border-top-width: 1px;
134
- }
135
-
136
- .panel-body-noborder {
137
- border-width: 0px;
138
- }
139
-
140
- .panel-body-nobottom {
141
- border-bottom-width: 0;
142
- }
143
-
144
- .panel-with-icon {
145
- padding-left: 18px;
146
- }
147
-
148
- .panel-icon,
149
- .panel-tool {
150
- position: absolute;
151
- top: 50%;
152
- margin-top: -8px;
153
- height: 16px;
154
- overflow: hidden;
155
- }
156
-
157
- .panel-icon {
158
- left: 5px;
159
- width: 16px;
160
- }
161
-
162
- .panel-tool {
163
- right: 5px;
164
- width: auto;
165
- }
166
-
167
- .panel-tool a {
168
- display: inline-block;
169
- width: 16px;
170
- height: 16px;
171
- opacity: 0.6;
172
- filter: alpha(opacity=60);
173
- margin: 0 0 0 2px;
174
- vertical-align: top;
175
- }
176
-
177
- .panel-tool a:hover {
178
- opacity: 1;
179
- filter: alpha(opacity=100);
180
- background-color: hsl(216 30% 91%);
181
- -moz-border-radius: .375rem;
182
- -webkit-border-radius: .375rem;
183
- border-radius: .375rem;
184
- }
185
-
186
- .panel-loading {
187
- padding: 11px 0px 10px 30px;
188
- }
189
-
190
- .panel-noscroll {
191
- overflow: hidden;
192
- }
193
-
194
- .panel-fit,
195
- .panel-fit body {
196
- height: 100%;
197
- margin: 0;
198
- padding: 0;
199
- border: 0;
200
- overflow: hidden;
201
- }
202
-
203
- .panel-loading {
204
- background: url('images/loading.gif') no-repeat 10px 10px;
205
- }
206
-
207
- .panel-tool-close {
208
- background: url('images/panel_tools.png') no-repeat -16px 0px;
209
- }
210
-
211
- .panel-tool-min {
212
- background: url('images/panel_tools.png') no-repeat 0px 0px;
213
- }
214
-
215
- .panel-tool-max {
216
- background: url('images/panel_tools.png') no-repeat 0px -16px;
217
- }
218
-
219
- .panel-tool-restore {
220
- background: url('images/panel_tools.png') no-repeat -16px -16px;
221
- }
222
-
223
- .panel-tool-collapse {
224
- background: url('images/panel_tools.png') no-repeat -32px 0;
225
- }
226
-
227
- .panel-tool-expand {
228
- background: url('images/panel_tools.png') no-repeat -32px -16px;
229
- }
230
-
231
- .panel-header,
232
- .panel-body {
233
- border-color: hsl(214 22% 88%);
234
- }
235
-
236
- .panel-header {
237
- background-color: hsl(216 30% 91%);
238
- background: -webkit-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
239
- background: -moz-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
240
- background: -o-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
241
- background: linear-gradient(to bottom, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
242
- background-repeat: repeat-x;
243
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(220 45% 98%), endColorstr=hsl(216 30% 91%), GradientType=0);
244
- color: hsl(221 80% 42%);
245
- }
246
-
247
- .panel-body {
248
- background-color: hsl(0 0% 100%);
249
- color: hsl(222 47% 9%);
250
- font-size: 14px;
251
- }
252
-
253
- .panel-title {
254
- font-size: 14px;
255
- font-weight: bold;
256
- color: hsl(221 80% 42%);
257
- height: 20px;
258
- line-height: 20px;
259
- }
260
-
261
- .panel-footer {
262
- border: 1px solid hsl(214 22% 88%);
263
- overflow: hidden;
264
- background: hsl(216 30% 94%);
265
- color: hsl(222 47% 9%);
266
- }
267
-
268
- .panel-footer-noborder {
269
- border-width: 1px 0 0 0;
270
- }
271
-
272
- .panel-hleft,
273
- .panel-hright {
274
- position: relative;
275
- }
276
-
277
- .panel-hleft>.panel-body,
278
- .panel-hright>.panel-body {
279
- position: absolute;
280
- }
281
-
282
- .panel-hleft>.panel-header {
283
- float: left;
284
- }
285
-
286
- .panel-hright>.panel-header {
287
- float: right;
288
- }
289
-
290
- .panel-hleft>.panel-body {
291
- border-top-width: 1px;
292
- border-left-width: 0;
293
- }
294
-
295
- .panel-hright>.panel-body {
296
- border-top-width: 1px;
297
- border-right-width: 0;
298
- }
299
-
300
- .panel-hleft>.panel-body-nobottom {
301
- border-bottom-width: 1px;
302
- border-right-width: 0;
303
- }
304
-
305
- .panel-hright>.panel-body-nobottom {
306
- border-bottom-width: 1px;
307
- border-left-width: 0;
308
- }
309
-
310
- .panel-hleft>.panel-footer {
311
- position: absolute;
312
- right: 0;
313
- }
314
-
315
- .panel-hright>.panel-footer {
316
- position: absolute;
317
- left: 0;
318
- }
319
-
320
- .panel-hleft>.panel-header-noborder {
321
- border-width: 0 1px 0 0;
322
- }
323
-
324
- .panel-hright>.panel-header-noborder {
325
- border-width: 0 0 0 1px;
326
- }
327
-
328
- .panel-hleft>.panel-body-noborder {
329
- border-width: 0;
330
- }
331
-
332
- .panel-hright>.panel-body-noborder {
333
- border-width: 0;
334
- }
335
-
336
- .panel-hleft>.panel-body-noheader {
337
- border-left-width: 1px;
338
- }
339
-
340
- .panel-hright>.panel-body-noheader {
341
- border-right-width: 1px;
342
- }
343
-
344
- .panel-hleft>.panel-footer-noborder {
345
- border-width: 0 0 0 1px;
346
- }
347
-
348
- .panel-hright>.panel-footer-noborder {
349
- border-width: 0 1px 0 0;
350
- }
351
-
352
- .panel-hleft>.panel-header .panel-icon,
353
- .panel-hright>.panel-header .panel-icon {
354
- margin-top: 0;
355
- top: 5px;
356
- left: 50%;
357
- margin-left: -8px;
358
- }
359
-
360
- .panel-hleft>.panel-header .panel-title,
361
- .panel-hright>.panel-header .panel-title {
362
- position: absolute;
363
- min-width: 16px;
364
- left: 25px;
365
- top: 5px;
366
- bottom: auto;
367
- white-space: nowrap;
368
- word-wrap: normal;
369
- -webkit-transform: rotate(90deg);
370
- -webkit-transform-origin: 0 0;
371
- -moz-transform: rotate(90deg);
372
- -moz-transform-origin: 0 0;
373
- -o-transform: rotate(90deg);
374
- -o-transform-origin: 0 0;
375
- transform: rotate(90deg);
376
- transform-origin: 0 0;
377
- }
378
-
379
- .panel-hleft>.panel-header .panel-title-up,
380
- .panel-hright>.panel-header .panel-title-up {
381
- position: absolute;
382
- min-width: 16px;
383
- left: 21px;
384
- top: auto;
385
- bottom: 0px;
386
- text-align: right;
387
- white-space: nowrap;
388
- word-wrap: normal;
389
- -webkit-transform: rotate(-90deg);
390
- -webkit-transform-origin: 0 0;
391
- -moz-transform: rotate(-90deg);
392
- -moz-transform-origin: 0 0;
393
- -o-transform: rotate(-90deg);
394
- -o-transform-origin: 0 0;
395
- transform: rotate(-90deg);
396
- transform-origin: 0 16px;
397
- }
398
-
399
- .panel-hleft>.panel-header .panel-with-icon.panel-title-up,
400
- .panel-hright>.panel-header .panel-with-icon.panel-title-up {
401
- padding-left: 0;
402
- padding-right: 18px;
403
- }
404
-
405
- .panel-hleft>.panel-header .panel-tool,
406
- .panel-hright>.panel-header .panel-tool {
407
- top: auto;
408
- bottom: 5px;
409
- width: 16px;
410
- height: auto;
411
- left: 50%;
412
- margin-left: -8px;
413
- margin-top: 0;
414
- }
415
-
416
- .panel-hleft>.panel-header .panel-tool a,
417
- .panel-hright>.panel-header .panel-tool a {
418
- margin: 2px 0 0 0;
419
- }
420
-
421
- .accordion {
422
- overflow: hidden;
423
- border-width: 1px;
424
- border-style: solid;
425
- }
426
-
427
- .accordion .accordion-header {
428
- border-width: 0 0 1px;
429
- cursor: pointer;
430
- }
431
-
432
- .accordion .accordion-body {
433
- border-width: 0 0 1px;
434
- }
435
-
436
- .accordion-noborder {
437
- border-width: 0;
438
- }
439
-
440
- .accordion-noborder .accordion-header {
441
- border-width: 0 0 1px;
442
- }
443
-
444
- .accordion-noborder .accordion-body {
445
- border-width: 0 0 1px;
446
- }
447
-
448
- .accordion-collapse {
449
- background: url('images/accordion_arrows.png') no-repeat 0 0;
450
- }
451
-
452
- .accordion-expand {
453
- background: url('images/accordion_arrows.png') no-repeat -16px 0;
454
- }
455
-
456
- .accordion {
457
- background: hsl(0 0% 100%);
458
- border-color: hsl(214 22% 88%);
459
- }
460
-
461
- .accordion .accordion-header {
462
- background: hsl(216 30% 91%);
463
- filter: none;
464
- }
465
-
466
- .accordion .accordion-header-selected {
467
- background: hsl(221 90% 55%);
468
- }
469
-
470
- .accordion .accordion-header-selected .panel-title {
471
- color: hsl(222 47% 9%);
472
- }
473
-
474
- .accordion .panel-last>.accordion-header {
475
- border-bottom-color: hsl(216 30% 91%);
476
- }
477
-
478
- .accordion .panel-last>.accordion-body {
479
- border-bottom-color: hsl(0 0% 100%);
480
- }
481
-
482
- .accordion .panel-last>.accordion-header-selected,
483
- .accordion .panel-last>.accordion-header-border {
484
- border-bottom-color: hsl(214 22% 88%);
485
- }
486
-
487
- .accordion>.panel-hleft {
488
- float: left;
489
- }
490
-
491
- .accordion>.panel-hleft>.panel-header {
492
- border-width: 0 1px 0 0;
493
- }
494
-
495
- .accordion>.panel-hleft>.panel-body {
496
- border-width: 0 1px 0 0;
497
- }
498
-
499
- .accordion>.panel-hleft.panel-last>.accordion-header {
500
- border-right-color: hsl(216 30% 91%);
501
- }
502
-
503
- .accordion>.panel-hleft.panel-last>.accordion-body {
504
- border-right-color: hsl(0 0% 100%);
505
- }
506
-
507
- .accordion>.panel-hleft.panel-last>.accordion-header-selected,
508
- .accordion>.panel-hleft.panel-last>.accordion-header-border {
509
- border-right-color: hsl(214 22% 88%);
510
- }
511
-
512
- .accordion>.panel-hright {
513
- float: right;
514
- }
515
-
516
- .accordion>.panel-hright>.panel-header {
517
- border-width: 0 0 0 1px;
518
- }
519
-
520
- .accordion>.panel-hright>.panel-body {
521
- border-width: 0 0 0 1px;
522
- }
523
-
524
- .accordion>.panel-hright.panel-last>.accordion-header {
525
- border-left-color: hsl(216 30% 91%);
526
- }
527
-
528
- .accordion>.panel-hright.panel-last>.accordion-body {
529
- border-left-color: hsl(0 0% 100%);
530
- }
531
-
532
- .accordion>.panel-hright.panel-last>.accordion-header-selected,
533
- .accordion>.panel-hright.panel-last>.accordion-header-border {
534
- border-left-color: hsl(214 22% 88%);
535
- }
536
-
537
- .window {
538
- overflow: hidden;
539
- padding: 5px;
540
- border-width: 1px;
541
- border-style: solid;
542
- }
543
-
544
- .window .window-header {
545
- background: transparent;
546
- padding: 0px 0px 6px 0px;
547
- }
548
-
549
- .window .window-body {
550
- border-width: 1px;
551
- border-style: solid;
552
- border-top-width: 0px;
553
- }
554
-
555
- .window .window-body-noheader {
556
- border-top-width: 1px;
557
- }
558
-
559
- .window .panel-body-nobottom {
560
- border-bottom-width: 0;
561
- }
562
-
563
- .window .window-header .panel-icon,
564
- .window .window-header .panel-tool {
565
- top: 50%;
566
- margin-top: -11px;
567
- }
568
-
569
- .window .window-header .panel-icon {
570
- left: 1px;
571
- }
572
-
573
- .window .window-header .panel-tool {
574
- right: 1px;
575
- }
576
-
577
- .window .window-header .panel-with-icon {
578
- padding-left: 18px;
579
- }
580
-
581
- .window-proxy {
582
- position: absolute;
583
- overflow: hidden;
584
- }
585
-
586
- .window-proxy-mask {
587
- position: absolute;
588
- filter: alpha(opacity=5);
589
- opacity: 0.05;
590
- }
591
-
592
- .window-mask {
593
- position: absolute;
594
- left: 0;
595
- top: 0;
596
- width: 100%;
597
- height: 100%;
598
- filter: alpha(opacity=40);
599
- opacity: 0.40;
600
- font-size: 1px;
601
- overflow: hidden;
602
- }
603
-
604
- .window,
605
- .window-shadow {
606
- position: absolute;
607
- -moz-border-radius: .375rem;
608
- -webkit-border-radius: .375rem;
609
- border-radius: .375rem;
610
- }
611
-
612
- .window-shadow {
613
- background: hsl(214 22% 88%);
614
- -moz-box-shadow: 2px 2px 3px hsl(214 22% 88%);
615
- -webkit-box-shadow: 2px 2px 3px hsl(214 22% 88%);
616
- box-shadow: 2px 2px 3px hsl(214 22% 88%);
617
- filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=0.2);
618
- }
619
-
620
- .window,
621
- .window .window-body {
622
- border-color: hsl(214 22% 88%);
623
- }
624
-
625
- .window {
626
- background-color: hsl(216 30% 91%);
627
- background: -webkit-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 20%);
628
- background: -moz-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 20%);
629
- background: -o-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 20%);
630
- background: linear-gradient(to bottom, hsl(220 45% 98%) 0, hsl(216 30% 91%) 20%);
631
- background-repeat: repeat-x;
632
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(220 45% 98%), endColorstr=hsl(216 30% 91%), GradientType=0);
633
- }
634
-
635
- .window-proxy {
636
- border: 1px dashed hsl(214 22% 88%);
637
- }
638
-
639
- .window-proxy-mask,
640
- .window-mask {
641
- background: hsl(214 22% 88%);
642
- }
643
-
644
- .window .panel-footer {
645
- border: 1px solid hsl(214 22% 88%);
646
- position: relative;
647
- top: -1px;
648
- }
649
-
650
- .window-thinborder {
651
- padding: 0;
652
- }
653
-
654
- .window-thinborder .window-header {
655
- padding: 5px 5px 6px 5px;
656
- }
657
-
658
- .window-thinborder .window-body {
659
- border-width: 0px;
660
- }
661
-
662
- .window-thinborder .window-footer {
663
- border-left: transparent;
664
- border-right: transparent;
665
- border-bottom: transparent;
666
- }
667
-
668
- .window-thinborder .window-header .panel-icon,
669
- .window-thinborder .window-header .panel-tool {
670
- margin-top: -9px;
671
- margin-left: 5px;
672
- margin-right: 5px;
673
- }
674
-
675
- .window-noborder {
676
- border: 0;
677
- }
678
-
679
- .window.panel-hleft .window-header {
680
- padding: 0 6px 0 0;
681
- }
682
-
683
- .window.panel-hright .window-header {
684
- padding: 0 0 0 6px;
685
- }
686
-
687
- .window.panel-hleft>.panel-header .panel-title {
688
- top: auto;
689
- left: 16px;
690
- }
691
-
692
- .window.panel-hright>.panel-header .panel-title {
693
- top: auto;
694
- right: 16px;
695
- }
696
-
697
- .window.panel-hleft>.panel-header .panel-title-up,
698
- .window.panel-hright>.panel-header .panel-title-up {
699
- bottom: 0;
700
- }
701
-
702
- .window.panel-hleft .window-body {
703
- border-width: 1px 1px 1px 0;
704
- }
705
-
706
- .window.panel-hright .window-body {
707
- border-width: 1px 0 1px 1px;
708
- }
709
-
710
- .window.panel-hleft .window-header .panel-icon {
711
- top: 1px;
712
- margin-top: 0;
713
- left: 0;
714
- }
715
-
716
- .window.panel-hright .window-header .panel-icon {
717
- top: 1px;
718
- margin-top: 0;
719
- left: auto;
720
- right: 1px;
721
- }
722
-
723
- .window.panel-hleft .window-header .panel-tool,
724
- .window.panel-hright .window-header .panel-tool {
725
- margin-top: 0;
726
- top: auto;
727
- bottom: 1px;
728
- right: auto;
729
- margin-right: 0;
730
- left: 50%;
731
- margin-left: -11px;
732
- }
733
-
734
- .window.panel-hright .window-header .panel-tool {
735
- left: auto;
736
- right: 1px;
737
- }
738
-
739
- .window-thinborder.panel-hleft .window-header {
740
- padding: 5px 6px 5px 5px;
741
- }
742
-
743
- .window-thinborder.panel-hright .window-header {
744
- padding: 5px 5px 5px 6px;
745
- }
746
-
747
- .window-thinborder.panel-hleft>.panel-header .panel-title {
748
- left: 21px;
749
- }
750
-
751
- .window-thinborder.panel-hleft>.panel-header .panel-title-up,
752
- .window-thinborder.panel-hright>.panel-header .panel-title-up {
753
- bottom: 5px;
754
- }
755
-
756
- .window-thinborder.panel-hleft .window-header .panel-icon,
757
- .window-thinborder.panel-hright .window-header .panel-icon {
758
- margin-top: 5px;
759
- }
760
-
761
- .window-thinborder.panel-hleft .window-header .panel-tool,
762
- .window-thinborder.panel-hright .window-header .panel-tool {
763
- left: 16px;
764
- bottom: 5px;
765
- }
766
-
767
- .dialog-content {
768
- overflow: auto;
769
- }
770
-
771
- .dialog-toolbar {
772
- position: relative;
773
- padding: 2px 5px;
774
- }
775
-
776
- .dialog-tool-separator {
777
- float: left;
778
- height: 24px;
779
- border-left: 1px solid hsl(214 22% 88%);
780
- border-right: 1px solid hsl(0 0% 100%);
781
- margin: 2px 1px;
782
- }
783
-
784
- .dialog-button {
785
- position: relative;
786
- top: -1px;
787
- padding: 5px;
788
- text-align: right;
789
- }
790
-
791
- .dialog-button .l-btn {
792
- margin-left: 5px;
793
- }
794
-
795
- .dialog-toolbar,
796
- .dialog-button {
797
- background: hsl(216 30% 94%);
798
- border-width: 1px;
799
- border-style: solid;
800
- }
801
-
802
- .dialog-toolbar {
803
- border-color: hsl(214 22% 88%) hsl(214 22% 88%) hsl(214 22% 88%) hsl(214 22% 88%);
804
- }
805
-
806
- .dialog-button {
807
- border-color: hsl(214 22% 88%) hsl(214 22% 88%) hsl(214 22% 88%) hsl(214 22% 88%);
808
- }
809
-
810
- .window-thinborder .dialog-toolbar {
811
- border-left: transparent;
812
- border-right: transparent;
813
- border-top-color: hsl(216 30% 94%);
814
- }
815
-
816
- .window-thinborder .dialog-button {
817
- top: 0px;
818
- padding: 5px 8px 8px 8px;
819
- border-left: transparent;
820
- border-right: transparent;
821
- border-bottom: transparent;
822
- }
823
-
824
- .drawer.window-shadow {
825
- box-shadow: 0 4px 12px hsl(214 22% 88%);
826
- border-radius: 0;
827
- position: fixed;
828
- }
829
-
830
- .drawer.layout-collapsed {
831
- box-shadow: none;
832
- }
833
-
834
- .drawer-mask.window-mask {
835
- position: fixed;
836
- }
837
-
838
- .drawer.layout-panel-east,
839
- .drawer.layout-panel-west {
840
- bottom: 0;
841
- }
842
-
843
- .l-btn {
844
- text-decoration: none;
845
- display: inline-block;
846
- overflow: hidden;
847
- margin: 0;
848
- padding: 0;
849
- cursor: pointer;
850
- outline: none;
851
- text-align: center;
852
- vertical-align: middle;
853
- line-height: normal;
854
- }
855
-
856
- .l-btn-plain {
857
- border-width: 0;
858
- padding: 1px;
859
- }
860
-
861
- .l-btn-left {
862
- display: inline-block;
863
- position: relative;
864
- overflow: hidden;
865
- margin: 0;
866
- padding: 0;
867
- vertical-align: top;
868
- }
869
-
870
- .l-btn-text {
871
- display: inline-block;
872
- vertical-align: top;
873
- width: auto;
874
- line-height: 28px;
875
- font-size: 14px;
876
- padding: 0;
877
- margin: 0 6px;
878
- }
879
-
880
- .l-btn-icon {
881
- display: inline-block;
882
- width: 16px;
883
- height: 16px;
884
- line-height: 16px;
885
- position: absolute;
886
- top: 50%;
887
- margin-top: -8px;
888
- font-size: 1px;
889
- }
890
-
891
- .l-btn span span .l-btn-empty {
892
- display: inline-block;
893
- margin: 0;
894
- width: 16px;
895
- height: 24px;
896
- font-size: 1px;
897
- vertical-align: top;
898
- }
899
-
900
- .l-btn span .l-btn-icon-left {
901
- padding: 0 0 0 20px;
902
- background-position: left center;
903
- }
904
-
905
- .l-btn span .l-btn-icon-right {
906
- padding: 0 20px 0 0;
907
- background-position: right center;
908
- }
909
-
910
- .l-btn-icon-left .l-btn-text {
911
- margin: 0 6px 0 26px;
912
- }
913
-
914
- .l-btn-icon-left .l-btn-icon {
915
- left: 6px;
916
- }
917
-
918
- .l-btn-icon-right .l-btn-text {
919
- margin: 0 26px 0 6px;
920
- }
921
-
922
- .l-btn-icon-right .l-btn-icon {
923
- right: 6px;
924
- }
925
-
926
- .l-btn-icon-top .l-btn-text {
927
- margin: 20px 4px 0 4px;
928
- }
929
-
930
- .l-btn-icon-top .l-btn-icon {
931
- top: 4px;
932
- left: 50%;
933
- margin: 0 0 0 -8px;
934
- }
935
-
936
- .l-btn-icon-bottom .l-btn-text {
937
- margin: 0 4px 20px 4px;
938
- }
939
-
940
- .l-btn-icon-bottom .l-btn-icon {
941
- top: auto;
942
- bottom: 4px;
943
- left: 50%;
944
- margin: 0 0 0 -8px;
945
- }
946
-
947
- .l-btn-left .l-btn-empty {
948
- margin: 0 6px;
949
- width: 16px;
950
- }
951
-
952
- .l-btn-plain:hover {
953
- padding: 0;
954
- }
955
-
956
- .l-btn-focus {
957
- outline: #0000FF dotted thin;
958
- }
959
-
960
- .l-btn-large .l-btn-text {
961
- line-height: 44px;
962
- }
963
-
964
- .l-btn-large .l-btn-icon {
965
- width: 32px;
966
- height: 32px;
967
- line-height: 32px;
968
- margin-top: -16px;
969
- }
970
-
971
- .l-btn-large .l-btn-icon-left .l-btn-text {
972
- margin-left: 40px;
973
- }
974
-
975
- .l-btn-large .l-btn-icon-right .l-btn-text {
976
- margin-right: 40px;
977
- }
978
-
979
- .l-btn-large .l-btn-icon-top .l-btn-text {
980
- margin-top: 36px;
981
- line-height: 24px;
982
- min-width: 32px;
983
- }
984
-
985
- .l-btn-large .l-btn-icon-top .l-btn-icon {
986
- margin: 0 0 0 -16px;
987
- }
988
-
989
- .l-btn-large .l-btn-icon-bottom .l-btn-text {
990
- margin-bottom: 36px;
991
- line-height: 24px;
992
- min-width: 32px;
993
- }
994
-
995
- .l-btn-large .l-btn-icon-bottom .l-btn-icon {
996
- margin: 0 0 0 -16px;
997
- }
998
-
999
- .l-btn-large .l-btn-left .l-btn-empty {
1000
- margin: 0 6px;
1001
- width: 32px;
1002
- }
1003
-
1004
- .l-btn {
1005
- color: hsl(222 47% 9%);
1006
- background: hsl(220 25% 97%);
1007
- background-repeat: repeat-x;
1008
- border: 1px solid hsl(214 22% 88%);
1009
- background: -webkit-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1010
- background: -moz-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1011
- background: -o-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1012
- background: linear-gradient(to bottom, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1013
- background-repeat: repeat-x;
1014
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(0 0% 100%), endColorstr=hsl(216 28% 93%), GradientType=0);
1015
- -moz-border-radius: .375rem;
1016
- -webkit-border-radius: .375rem;
1017
- border-radius: .375rem;
1018
- }
1019
-
1020
- .l-btn:hover {
1021
- background: hsl(216 30% 91%);
1022
- color: hsl(222 47% 9%);
1023
- border: 1px solid hsl(221 90% 55%);
1024
- filter: none;
1025
- }
1026
-
1027
- .l-btn-plain {
1028
- background: transparent;
1029
- border-width: 0;
1030
- filter: none;
1031
- }
1032
-
1033
- .l-btn-outline {
1034
- border-width: 1px;
1035
- border-color: hsl(221 90% 55%);
1036
- padding: 0;
1037
- }
1038
-
1039
- .l-btn-plain:hover {
1040
- background: hsl(216 30% 91%);
1041
- color: hsl(222 47% 9%);
1042
- border: 1px solid hsl(221 90% 55%);
1043
- -moz-border-radius: .375rem;
1044
- -webkit-border-radius: .375rem;
1045
- border-radius: .375rem;
1046
- }
1047
-
1048
- .l-btn-disabled,
1049
- .l-btn-disabled:hover {
1050
- opacity: 0.5;
1051
- cursor: default;
1052
- background: hsl(220 25% 97%);
1053
- color: hsl(222 47% 9%);
1054
- background: -webkit-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1055
- background: -moz-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1056
- background: -o-linear-gradient(top, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1057
- background: linear-gradient(to bottom, hsl(0 0% 100%) 0, hsl(216 28% 93%) 100%);
1058
- background-repeat: repeat-x;
1059
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(0 0% 100%), endColorstr=hsl(216 28% 93%), GradientType=0);
1060
- }
1061
-
1062
- .l-btn-disabled .l-btn-text,
1063
- .l-btn-disabled .l-btn-icon {
1064
- filter: alpha(opacity=50);
1065
- }
1066
-
1067
- .l-btn-plain-disabled,
1068
- .l-btn-plain-disabled:hover {
1069
- background: transparent;
1070
- filter: alpha(opacity=50);
1071
- }
1072
-
1073
- .l-btn-selected,
1074
- .l-btn-selected:hover {
1075
- background: hsl(214 22% 88%);
1076
- filter: none;
1077
- }
1078
-
1079
- .l-btn-plain-selected,
1080
- .l-btn-plain-selected:hover {
1081
- background: hsl(214 22% 88%);
1082
- }
1083
-
1084
- .textbox {
1085
- position: relative;
1086
- border: 1px solid hsl(214 22% 88%);
1087
- background-color: hsl(0 0% 100%);
1088
- vertical-align: middle;
1089
- display: inline-block;
1090
- overflow: hidden;
1091
- white-space: nowrap;
1092
- margin: 0;
1093
- padding: 0;
1094
- -moz-border-radius: .375rem;
1095
- -webkit-border-radius: .375rem;
1096
- border-radius: .375rem;
1097
- }
1098
-
1099
- .textbox .textbox-text {
1100
- font-size: 14px;
1101
- border: 0;
1102
- margin: 0;
1103
- padding: 0 4px;
1104
- white-space: normal;
1105
- vertical-align: top;
1106
- outline-style: none;
1107
- resize: none;
1108
- -moz-border-radius: .375rem;
1109
- -webkit-border-radius: .375rem;
1110
- border-radius: .375rem;
1111
- height: 28px;
1112
- line-height: 28px;
1113
- }
1114
-
1115
- .textbox textarea.textbox-text {
1116
- line-height: normal;
1117
- }
1118
-
1119
- .textbox.textbox-autoheight {
1120
- height: auto;
1121
- }
1122
-
1123
- .textbox.textbox-autoheight textarea.textbox-text {
1124
- padding: 6px 4px;
1125
- overflow: hidden;
1126
- line-height: 16px;
1127
- }
1128
-
1129
- .textbox .textbox-text::-ms-clear,
1130
- .textbox .textbox-text::-ms-reveal {
1131
- display: none;
1132
- }
1133
-
1134
- .textbox textarea.textbox-text {
1135
- white-space: pre-wrap;
1136
- }
1137
-
1138
- .textbox .textbox-prompt {
1139
- font-size: 14px;
1140
- color: #aaa;
1141
- }
1142
-
1143
- .textbox .textbox-bgicon {
1144
- background-position: 3px center;
1145
- padding-left: 21px;
1146
- }
1147
-
1148
- .textbox .textbox-button,
1149
- .textbox .textbox-button:hover {
1150
- position: absolute;
1151
- top: 0;
1152
- padding: 0;
1153
- vertical-align: top;
1154
- -moz-border-radius: 0 0 0 0;
1155
- -webkit-border-radius: 0 0 0 0;
1156
- border-radius: 0 0 0 0;
1157
- }
1158
-
1159
- .textbox .textbox-button-right,
1160
- .textbox .textbox-button-right:hover {
1161
- right: 0;
1162
- border-width: 0 0 0 1px;
1163
- }
1164
-
1165
- .textbox .textbox-button-left,
1166
- .textbox .textbox-button-left:hover {
1167
- left: 0;
1168
- border-width: 0 1px 0 0;
1169
- }
1170
-
1171
- .textbox .textbox-button-top,
1172
- .textbox .textbox-button-top:hover {
1173
- left: 0;
1174
- border-width: 0 0 1px 0;
1175
- }
1176
-
1177
- .textbox .textbox-button-bottom,
1178
- .textbox .textbox-button-bottom:hover {
1179
- top: auto;
1180
- bottom: 0;
1181
- left: 0;
1182
- border-width: 1px 0 0 0;
1183
- }
1184
-
1185
- .textbox-addon {
1186
- position: absolute;
1187
- top: 0;
1188
- }
1189
-
1190
- .textbox-label {
1191
- display: inline-block;
1192
- width: 80px;
1193
- height: 30px;
1194
- line-height: 30px;
1195
- vertical-align: middle;
1196
- overflow: hidden;
1197
- text-overflow: ellipsis;
1198
- white-space: nowrap;
1199
- margin: 0;
1200
- padding-right: 5px;
1201
- }
1202
-
1203
- .textbox-label-after {
1204
- padding-left: 5px;
1205
- padding-right: 0;
1206
- }
1207
-
1208
- .textbox-label-top {
1209
- display: block;
1210
- width: auto;
1211
- padding: 0;
1212
- }
1213
-
1214
- .textbox-disabled,
1215
- .textbox-label-disabled {
1216
- opacity: 0.6;
1217
- filter: alpha(opacity=60);
1218
- }
1219
-
1220
- .textbox-icon {
1221
- display: inline-block;
1222
- width: 18px;
1223
- height: 20px;
1224
- overflow: hidden;
1225
- vertical-align: top;
1226
- background-position: center center;
1227
- cursor: pointer;
1228
- opacity: 0.6;
1229
- filter: alpha(opacity=60);
1230
- text-decoration: none;
1231
- outline-style: none;
1232
- }
1233
-
1234
- .textbox-icon-disabled,
1235
- .textbox-icon-readonly {
1236
- cursor: default;
1237
- }
1238
-
1239
- .textbox-icon:hover {
1240
- opacity: 1.0;
1241
- filter: alpha(opacity=100);
1242
- }
1243
-
1244
- .textbox-icon-disabled:hover {
1245
- opacity: 0.6;
1246
- filter: alpha(opacity=60);
1247
- }
1248
-
1249
- .textbox-focused {
1250
- border-color: #6b9cde;
1251
- -moz-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
1252
- -webkit-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
1253
- box-shadow: 0 0 3px 0 hsl(214 22% 88%);
1254
- }
1255
-
1256
- .textbox-invalid {
1257
- border-color: #ffa8a8;
1258
- background-color: hsl(0 0% 100%)3f3;
1259
- }
1260
-
1261
- .form-floating-label.form-field .textbox-text {
1262
- padding: 0;
1263
- }
1264
-
1265
- .form-floating-label.form-field .textbox-label {
1266
- position: relative;
1267
- height: 20px;
1268
- line-height: 20px;
1269
- transition: all .3s;
1270
- font-size: 12px;
1271
- z-index: 9;
1272
- }
1273
-
1274
- .form-floating-label.form-field-empty .textbox-label {
1275
- cursor: text;
1276
- font-size: 14px;
1277
- transform: translate(0, 25px);
1278
- }
1279
-
1280
- .form-floating-label.form-field-empty.form-field-focused .textbox-label {
1281
- cursor: default;
1282
- font-size: 12px;
1283
- transform: translate(0, 0);
1284
- }
1285
-
1286
- .passwordbox-open {
1287
- background: url('images/passwordbox_open.png') no-repeat center center;
1288
- }
1289
-
1290
- .passwordbox-close {
1291
- background: url('images/passwordbox_close.png') no-repeat center center;
1292
- }
1293
-
1294
- .filebox .textbox-value {
1295
- vertical-align: top;
1296
- position: absolute;
1297
- top: 0;
1298
- left: -5000px;
1299
- }
1300
-
1301
- .filebox-label {
1302
- display: inline-block;
1303
- position: absolute;
1304
- width: 100%;
1305
- height: 100%;
1306
- cursor: pointer;
1307
- left: 0;
1308
- top: 0;
1309
- z-index: 10;
1310
- background: url('images/blank.gif') no-repeat;
1311
- }
1312
-
1313
- .l-btn-disabled .filebox-label {
1314
- cursor: default;
1315
- }
1316
-
1317
- .combo-arrow {
1318
- width: 18px;
1319
- height: 20px;
1320
- overflow: hidden;
1321
- display: inline-block;
1322
- vertical-align: top;
1323
- cursor: pointer;
1324
- opacity: 0.6;
1325
- filter: alpha(opacity=60);
1326
- }
1327
-
1328
- .combo-arrow-hover {
1329
- opacity: 1.0;
1330
- filter: alpha(opacity=100);
1331
- }
1332
-
1333
- .combo-panel {
1334
- overflow: auto;
1335
- }
1336
-
1337
- .combo-arrow {
1338
- background: url('images/combo_arrow.png') no-repeat center center;
1339
- }
1340
-
1341
- .combo-panel {
1342
- background-color: hsl(0 0% 100%);
1343
- }
1344
-
1345
- .combo-arrow {
1346
- background-color: hsl(216 30% 91%);
1347
- }
1348
-
1349
- .combo-arrow-hover {
1350
- background-color: hsl(216 30% 91%);
1351
- }
1352
-
1353
- .combo-arrow:hover {
1354
- background-color: hsl(216 30% 91%);
1355
- }
1356
-
1357
- .combo .textbox-icon-disabled:hover {
1358
- cursor: default;
1359
- }
1360
-
1361
- .combobox-item,
1362
- .combobox-group,
1363
- .combobox-stick {
1364
- font-size: 14px;
1365
- padding: 6px 4px;
1366
- line-height: 20px;
1367
- }
1368
-
1369
- .combobox-item-disabled {
1370
- opacity: 0.5;
1371
- filter: alpha(opacity=50);
1372
- }
1373
-
1374
- .combobox-gitem {
1375
- padding-left: 10px;
1376
- }
1377
-
1378
- .combobox-group,
1379
- .combobox-stick {
1380
- font-weight: bold;
1381
- }
1382
-
1383
- .combobox-stick {
1384
- position: absolute;
1385
- top: 1px;
1386
- left: 1px;
1387
- right: 1px;
1388
- background: inherit;
1389
- }
1390
-
1391
- .combobox-item-hover {
1392
- background-color: hsl(216 30% 91%);
1393
- color: hsl(222 47% 9%);
1394
- }
1395
-
1396
- .combobox-item-selected {
1397
- background-color: hsl(221 90% 55%);
1398
- color: hsl(222 47% 9%);
1399
- }
1400
-
1401
- .combobox-icon {
1402
- display: inline-block;
1403
- width: 16px;
1404
- height: 16px;
1405
- vertical-align: middle;
1406
- margin-right: 2px;
1407
- }
1408
-
1409
- .tagbox {
1410
- cursor: text;
1411
- }
1412
-
1413
- .tagbox .textbox-text {
1414
- float: left;
1415
- }
1416
-
1417
- .tagbox-label {
1418
- position: relative;
1419
- display: block;
1420
- margin: 4px 0 0 4px;
1421
- padding: 0 20px 0 4px;
1422
- float: left;
1423
- vertical-align: top;
1424
- text-decoration: none;
1425
- -moz-border-radius: .375rem;
1426
- -webkit-border-radius: .375rem;
1427
- border-radius: .375rem;
1428
- background: hsl(216 30% 91%);
1429
- color: hsl(222 47% 9%);
1430
- }
1431
-
1432
- .tagbox-remove {
1433
- background: url('images/tagbox_icons.png') no-repeat -16px center;
1434
- position: absolute;
1435
- display: block;
1436
- width: 16px;
1437
- height: 16px;
1438
- right: 2px;
1439
- top: 50%;
1440
- margin-top: -8px;
1441
- opacity: 0.6;
1442
- filter: alpha(opacity=60);
1443
- }
1444
-
1445
- .tagbox-remove:hover {
1446
- opacity: 1;
1447
- filter: alpha(opacity=100);
1448
- }
1449
-
1450
- .textbox-disabled .tagbox-label {
1451
- cursor: default;
1452
- }
1453
-
1454
- .textbox-disabled .tagbox-remove:hover {
1455
- cursor: default;
1456
- opacity: 0.6;
1457
- filter: alpha(opacity=60);
1458
- }
1459
-
1460
- .layout {
1461
- position: relative;
1462
- overflow: hidden;
1463
- margin: 0;
1464
- padding: 0;
1465
- z-index: 0;
1466
- }
1467
-
1468
- .layout-panel {
1469
- position: absolute;
1470
- overflow: hidden;
1471
- }
1472
-
1473
- .layout-body {
1474
- min-width: 1px;
1475
- min-height: 1px;
1476
- }
1477
-
1478
- .layout-panel-east,
1479
- .layout-panel-west {
1480
- z-index: 2;
1481
- }
1482
-
1483
- .layout-panel-north,
1484
- .layout-panel-south {
1485
- z-index: 3;
1486
- }
1487
-
1488
- .layout-expand {
1489
- position: absolute;
1490
- padding: 0px;
1491
- font-size: 1px;
1492
- cursor: pointer;
1493
- z-index: 1;
1494
- }
1495
-
1496
- .layout-expand .panel-header,
1497
- .layout-expand .panel-body {
1498
- background: transparent;
1499
- filter: none;
1500
- overflow: hidden;
1501
- }
1502
-
1503
- .layout-expand .panel-header {
1504
- border-bottom-width: 0px;
1505
- }
1506
-
1507
- .layout-expand .panel-body {
1508
- position: relative;
1509
- }
1510
-
1511
- .layout-expand .panel-body .panel-icon {
1512
- margin-top: 0;
1513
- top: 0;
1514
- left: 50%;
1515
- margin-left: -8px;
1516
- }
1517
-
1518
- .layout-expand-west .panel-header .panel-icon,
1519
- .layout-expand-east .panel-header .panel-icon {
1520
- display: none;
1521
- }
1522
-
1523
- .layout-expand-title {
1524
- position: absolute;
1525
- top: 0;
1526
- left: 21px;
1527
- white-space: nowrap;
1528
- word-wrap: normal;
1529
- -webkit-transform: rotate(90deg);
1530
- -webkit-transform-origin: 0 0;
1531
- -moz-transform: rotate(90deg);
1532
- -moz-transform-origin: 0 0;
1533
- -o-transform: rotate(90deg);
1534
- -o-transform-origin: 0 0;
1535
- transform: rotate(90deg);
1536
- transform-origin: 0 0;
1537
- }
1538
-
1539
- .layout-expand-title-up {
1540
- position: absolute;
1541
- top: 0;
1542
- left: 0;
1543
- text-align: right;
1544
- padding-left: 5px;
1545
- white-space: nowrap;
1546
- word-wrap: normal;
1547
- -webkit-transform: rotate(-90deg);
1548
- -webkit-transform-origin: 0 0;
1549
- -moz-transform: rotate(-90deg);
1550
- -moz-transform-origin: 0 0;
1551
- -o-transform: rotate(-90deg);
1552
- -o-transform-origin: 0 0;
1553
- transform: rotate(-90deg);
1554
- transform-origin: 0 0;
1555
- }
1556
-
1557
- .layout-expand-with-icon {
1558
- top: 18px;
1559
- }
1560
-
1561
- .layout-expand .panel-body-noheader .layout-expand-title,
1562
- .layout-expand .panel-body-noheader .panel-icon {
1563
- top: 5px;
1564
- }
1565
-
1566
- .layout-expand .panel-body-noheader .layout-expand-with-icon {
1567
- top: 23px;
1568
- }
1569
-
1570
- .layout-split-proxy-h,
1571
- .layout-split-proxy-v {
1572
- position: absolute;
1573
- font-size: 1px;
1574
- display: none;
1575
- z-index: 5;
1576
- }
1577
-
1578
- .layout-split-proxy-h {
1579
- width: 5px;
1580
- cursor: e-resize;
1581
- }
1582
-
1583
- .layout-split-proxy-v {
1584
- height: 5px;
1585
- cursor: n-resize;
1586
- }
1587
-
1588
- .layout-mask {
1589
- position: absolute;
1590
- background: hsl(220 25% 97%);
1591
- filter: alpha(opacity=10);
1592
- opacity: 0.10;
1593
- z-index: 4;
1594
- }
1595
-
1596
- .layout-button-up {
1597
- background: url('images/layout_arrows.png') no-repeat -16px -16px;
1598
- }
1599
-
1600
- .layout-button-down {
1601
- background: url('images/layout_arrows.png') no-repeat -16px 0;
1602
- }
1603
-
1604
- .layout-button-left {
1605
- background: url('images/layout_arrows.png') no-repeat 0 0;
1606
- }
1607
-
1608
- .layout-button-right {
1609
- background: url('images/layout_arrows.png') no-repeat 0 -16px;
1610
- }
1611
-
1612
- .layout-split-proxy-h,
1613
- .layout-split-proxy-v {
1614
- background-color: #aac5e7;
1615
- }
1616
-
1617
- .layout-split-north {
1618
- border-bottom: 5px solid #E6EEF8;
1619
- }
1620
-
1621
- .layout-split-south {
1622
- border-top: 5px solid #E6EEF8;
1623
- }
1624
-
1625
- .layout-split-east {
1626
- border-left: 5px solid #E6EEF8;
1627
- }
1628
-
1629
- .layout-split-west {
1630
- border-right: 5px solid #E6EEF8;
1631
- }
1632
-
1633
- .layout-expand {
1634
- background-color: hsl(216 30% 91%);
1635
- }
1636
-
1637
- .layout-expand-over {
1638
- background-color: hsl(216 30% 91%);
1639
- }
1640
-
1641
- .tabs-container {
1642
- overflow: hidden;
1643
- }
1644
-
1645
- .tabs-header {
1646
- border-width: 1px;
1647
- border-style: solid;
1648
- border-bottom-width: 0;
1649
- position: relative;
1650
- padding: 0;
1651
- padding-top: 2px;
1652
- overflow: hidden;
1653
- }
1654
-
1655
- .tabs-scroller-left,
1656
- .tabs-scroller-right {
1657
- position: absolute;
1658
- top: auto;
1659
- bottom: 0;
1660
- width: 18px;
1661
- font-size: 1px;
1662
- display: none;
1663
- cursor: pointer;
1664
- border-width: 1px;
1665
- border-style: solid;
1666
- }
1667
-
1668
- .tabs-scroller-left {
1669
- left: 0;
1670
- }
1671
-
1672
- .tabs-scroller-right {
1673
- right: 0;
1674
- }
1675
-
1676
- .tabs-tool {
1677
- position: absolute;
1678
- bottom: 0;
1679
- padding: 1px;
1680
- overflow: hidden;
1681
- border-width: 1px;
1682
- border-style: solid;
1683
- }
1684
-
1685
- .tabs-header-plain .tabs-tool {
1686
- padding: 0 1px;
1687
- }
1688
-
1689
- .tabs-wrap {
1690
- position: relative;
1691
- left: 0;
1692
- overflow: hidden;
1693
- width: 100%;
1694
- margin: 0;
1695
- padding: 0;
1696
- }
1697
-
1698
- .tabs-scrolling {
1699
- margin-left: 18px;
1700
- margin-right: 18px;
1701
- }
1702
-
1703
- .tabs-disabled {
1704
- opacity: 0.3;
1705
- filter: alpha(opacity=30);
1706
- }
1707
-
1708
- .tabs {
1709
- list-style-type: none;
1710
- height: 26px;
1711
- margin: 0px;
1712
- padding: 0px;
1713
- padding-left: 4px;
1714
- width: 50000px;
1715
- border-style: solid;
1716
- border-width: 0 0 1px 0;
1717
- }
1718
-
1719
- .tabs li {
1720
- float: left;
1721
- display: inline-block;
1722
- margin: 0 4px -1px 0;
1723
- padding: 0;
1724
- position: relative;
1725
- border: 0;
1726
- }
1727
-
1728
- .tabs li .tabs-inner {
1729
- display: inline-block;
1730
- text-decoration: none;
1731
- cursor: hand;
1732
- cursor: pointer;
1733
- margin: 0;
1734
- padding: 0 10px;
1735
- height: 25px;
1736
- line-height: 25px;
1737
- text-align: center;
1738
- white-space: nowrap;
1739
- border-width: 1px;
1740
- border-style: solid;
1741
- -moz-border-radius: .375rem .375rem 0 0;
1742
- -webkit-border-radius: .375rem .375rem 0 0;
1743
- border-radius: .375rem .375rem 0 0;
1744
- }
1745
-
1746
- .tabs li.tabs-selected .tabs-inner {
1747
- font-weight: bold;
1748
- outline: none;
1749
- }
1750
-
1751
- .tabs li.tabs-selected .tabs-inner:hover {
1752
- cursor: default;
1753
- pointer: default;
1754
- }
1755
-
1756
- .tabs li .tabs-close,
1757
- .tabs-p-tool {
1758
- position: absolute;
1759
- font-size: 1px;
1760
- display: block;
1761
- height: 12px;
1762
- padding: 0;
1763
- top: 50%;
1764
- margin-top: -6px;
1765
- overflow: hidden;
1766
- }
1767
-
1768
- .tabs li .tabs-close {
1769
- width: 12px;
1770
- right: 5px;
1771
- opacity: 0.6;
1772
- filter: alpha(opacity=60);
1773
- }
1774
-
1775
- .tabs-p-tool {
1776
- right: 16px;
1777
- }
1778
-
1779
- .tabs-p-tool a {
1780
- display: inline-block;
1781
- font-size: 1px;
1782
- width: 12px;
1783
- height: 12px;
1784
- margin: 0;
1785
- opacity: 0.6;
1786
- filter: alpha(opacity=60);
1787
- }
1788
-
1789
- .tabs li .tabs-close:hover,
1790
- .tabs-p-tool a:hover {
1791
- opacity: 1;
1792
- filter: alpha(opacity=100);
1793
- cursor: hand;
1794
- cursor: pointer;
1795
- }
1796
-
1797
- .tabs-with-icon {
1798
- padding-left: 18px;
1799
- }
1800
-
1801
- .tabs-icon {
1802
- position: absolute;
1803
- width: 16px;
1804
- height: 16px;
1805
- left: 10px;
1806
- top: 50%;
1807
- margin-top: -8px;
1808
- }
1809
-
1810
- .tabs-title {
1811
- font-size: 14px;
1812
- }
1813
-
1814
- .tabs-closable {
1815
- padding-right: 8px;
1816
- }
1817
-
1818
- .tabs-panels {
1819
- margin: 0px;
1820
- padding: 0px;
1821
- border-width: 1px;
1822
- border-style: solid;
1823
- border-top-width: 0;
1824
- overflow: hidden;
1825
- }
1826
-
1827
- .tabs-header-bottom {
1828
- border-width: 0 1px 1px 1px;
1829
- padding: 0 0 2px 0;
1830
- }
1831
-
1832
- .tabs-header-bottom .tabs {
1833
- border-width: 1px 0 0 0;
1834
- }
1835
-
1836
- .tabs-header-bottom .tabs li {
1837
- margin: -1px 4px 0 0;
1838
- }
1839
-
1840
- .tabs-header-bottom .tabs li .tabs-inner {
1841
- -moz-border-radius: 0 0 .375rem .375rem;
1842
- -webkit-border-radius: 0 0 .375rem .375rem;
1843
- border-radius: 0 0 .375rem .375rem;
1844
- }
1845
-
1846
- .tabs-header-bottom .tabs-tool {
1847
- top: 0;
1848
- }
1849
-
1850
- .tabs-header-bottom .tabs-scroller-left,
1851
- .tabs-header-bottom .tabs-scroller-right {
1852
- top: 0;
1853
- bottom: auto;
1854
- }
1855
-
1856
- .tabs-panels-top {
1857
- border-width: 1px 1px 0 1px;
1858
- }
1859
-
1860
- .tabs-header-left {
1861
- float: left;
1862
- border-width: 1px 0 1px 1px;
1863
- padding: 0;
1864
- }
1865
-
1866
- .tabs-header-right {
1867
- float: right;
1868
- border-width: 1px 1px 1px 0;
1869
- padding: 0;
1870
- }
1871
-
1872
- .tabs-header-left .tabs-wrap,
1873
- .tabs-header-right .tabs-wrap {
1874
- height: 100%;
1875
- }
1876
-
1877
- .tabs-header-left .tabs {
1878
- height: 100%;
1879
- padding: 4px 0 0 2px;
1880
- border-width: 0 1px 0 0;
1881
- }
1882
-
1883
- .tabs-header-right .tabs {
1884
- height: 100%;
1885
- padding: 4px 2px 0 0;
1886
- border-width: 0 0 0 1px;
1887
- }
1888
-
1889
- .tabs-header-left .tabs li,
1890
- .tabs-header-right .tabs li {
1891
- display: block;
1892
- width: 100%;
1893
- position: relative;
1894
- }
1895
-
1896
- .tabs-header-left .tabs li {
1897
- left: auto;
1898
- right: 0;
1899
- margin: 0 -1px 4px 0;
1900
- float: right;
1901
- }
1902
-
1903
- .tabs-header-right .tabs li {
1904
- left: 0;
1905
- right: auto;
1906
- margin: 0 0 4px -1px;
1907
- float: left;
1908
- }
1909
-
1910
- .tabs-justified li .tabs-inner {
1911
- padding-left: 0;
1912
- padding-right: 0;
1913
- }
1914
-
1915
- .tabs-header-left .tabs li .tabs-inner {
1916
- display: block;
1917
- text-align: left;
1918
- padding-left: 10px;
1919
- padding-right: 10px;
1920
- -moz-border-radius: .375rem 0 0 .375rem;
1921
- -webkit-border-radius: .375rem 0 0 .375rem;
1922
- border-radius: .375rem 0 0 .375rem;
1923
- }
1924
-
1925
- .tabs-header-right .tabs li .tabs-inner {
1926
- display: block;
1927
- text-align: left;
1928
- padding-left: 10px;
1929
- padding-right: 10px;
1930
- -moz-border-radius: 0 .375rem .375rem 0;
1931
- -webkit-border-radius: 0 .375rem .375rem 0;
1932
- border-radius: 0 .375rem .375rem 0;
1933
- }
1934
-
1935
- .tabs-panels-right {
1936
- float: right;
1937
- border-width: 1px 1px 1px 0;
1938
- }
1939
-
1940
- .tabs-panels-left {
1941
- float: left;
1942
- border-width: 1px 0 1px 1px;
1943
- }
1944
-
1945
- .tabs-header-noborder,
1946
- .tabs-panels-noborder {
1947
- border: 0px;
1948
- }
1949
-
1950
- .tabs-header-plain {
1951
- border: 0px;
1952
- background: transparent;
1953
- }
1954
-
1955
- .tabs-pill {
1956
- padding-bottom: 3px;
1957
- }
1958
-
1959
- .tabs-header-bottom .tabs-pill {
1960
- padding-top: 3px;
1961
- padding-bottom: 0;
1962
- }
1963
-
1964
- .tabs-header-left .tabs-pill {
1965
- padding-right: 3px;
1966
- }
1967
-
1968
- .tabs-header-right .tabs-pill {
1969
- padding-left: 3px;
1970
- }
1971
-
1972
- .tabs-header .tabs-pill li .tabs-inner {
1973
- -moz-border-radius: .375rem;
1974
- -webkit-border-radius: .375rem;
1975
- border-radius: .375rem;
1976
- }
1977
-
1978
- .tabs-header-narrow,
1979
- .tabs-header-narrow .tabs-narrow {
1980
- padding: 0;
1981
- }
1982
-
1983
- .tabs-narrow li,
1984
- .tabs-header-bottom .tabs-narrow li {
1985
- margin-left: 0;
1986
- margin-right: -1px;
1987
- }
1988
-
1989
- .tabs-narrow li.tabs-last,
1990
- .tabs-header-bottom .tabs-narrow li.tabs-last {
1991
- margin-right: 0;
1992
- }
1993
-
1994
- .tabs-header-left .tabs-narrow,
1995
- .tabs-header-right .tabs-narrow {
1996
- padding-top: 0;
1997
- }
1998
-
1999
- .tabs-header-left .tabs-narrow li {
2000
- margin-bottom: -1px;
2001
- margin-right: -1px;
2002
- }
2003
-
2004
- .tabs-header-left .tabs-narrow li.tabs-last,
2005
- .tabs-header-right .tabs-narrow li.tabs-last {
2006
- margin-bottom: 0;
2007
- }
2008
-
2009
- .tabs-header-right .tabs-narrow li {
2010
- margin-bottom: -1px;
2011
- margin-left: -1px;
2012
- }
2013
-
2014
- .tabs-scroller-left {
2015
- background: hsl(216 30% 91%) url('images/tabs_icons.png') no-repeat 1px center;
2016
- }
2017
-
2018
- .tabs-scroller-right {
2019
- background: hsl(216 30% 91%) url('images/tabs_icons.png') no-repeat -15px center;
2020
- }
2021
-
2022
- .tabs li .tabs-close {
2023
- background: url('images/tabs_icons.png') no-repeat -34px center;
2024
- }
2025
-
2026
- .tabs li .tabs-inner:hover {
2027
- background: hsl(216 30% 91%);
2028
- color: hsl(222 47% 9%);
2029
- filter: none;
2030
- }
2031
-
2032
- .tabs li.tabs-selected .tabs-inner {
2033
- background-color: hsl(0 0% 100%);
2034
- color: hsl(221 80% 42%);
2035
- background: -webkit-linear-gradient(top, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2036
- background: -moz-linear-gradient(top, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2037
- background: -o-linear-gradient(top, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2038
- background: linear-gradient(to bottom, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2039
- background-repeat: repeat-x;
2040
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(220 45% 98%), endColorstr=hsl(0 0% 100%), GradientType=0);
2041
- }
2042
-
2043
- .tabs-header-bottom .tabs li.tabs-selected .tabs-inner {
2044
- background: -webkit-linear-gradient(top, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2045
- background: -moz-linear-gradient(top, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2046
- background: -o-linear-gradient(top, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2047
- background: linear-gradient(to bottom, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2048
- background-repeat: repeat-x;
2049
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(0 0% 100%), endColorstr=hsl(220 45% 98%), GradientType=0);
2050
- }
2051
-
2052
- .tabs-header-left .tabs li.tabs-selected .tabs-inner {
2053
- background: -webkit-linear-gradient(left, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2054
- background: -moz-linear-gradient(left, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2055
- background: -o-linear-gradient(left, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2056
- background: linear-gradient(to right, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
2057
- background-repeat: repeat-y;
2058
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(220 45% 98%), endColorstr=hsl(0 0% 100%), GradientType=1);
2059
- }
2060
-
2061
- .tabs-header-right .tabs li.tabs-selected .tabs-inner {
2062
- background: -webkit-linear-gradient(left, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2063
- background: -moz-linear-gradient(left, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2064
- background: -o-linear-gradient(left, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2065
- background: linear-gradient(to right, hsl(0 0% 100%) 0, hsl(220 45% 98%) 100%);
2066
- background-repeat: repeat-y;
2067
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(0 0% 100%), endColorstr=hsl(220 45% 98%), GradientType=1);
2068
- }
2069
-
2070
- .tabs li .tabs-inner {
2071
- color: hsl(221 80% 42%);
2072
- background-color: hsl(216 30% 91%);
2073
- background: -webkit-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
2074
- background: -moz-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
2075
- background: -o-linear-gradient(top, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
2076
- background: linear-gradient(to bottom, hsl(220 45% 98%) 0, hsl(216 30% 91%) 100%);
2077
- background-repeat: repeat-x;
2078
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(220 45% 98%), endColorstr=hsl(216 30% 91%), GradientType=0);
2079
- }
2080
-
2081
- .tabs-header,
2082
- .tabs-tool {
2083
- background-color: hsl(216 30% 91%);
2084
- }
2085
-
2086
- .tabs-header-plain {
2087
- background: transparent;
2088
- }
2089
-
2090
- .tabs-header,
2091
- .tabs-scroller-left,
2092
- .tabs-scroller-right,
2093
- .tabs-tool,
2094
- .tabs,
2095
- .tabs-panels,
2096
- .tabs li .tabs-inner,
2097
- .tabs li.tabs-selected .tabs-inner,
2098
- .tabs-header-bottom .tabs li.tabs-selected .tabs-inner,
2099
- .tabs-header-left .tabs li.tabs-selected .tabs-inner,
2100
- .tabs-header-right .tabs li.tabs-selected .tabs-inner {
2101
- border-color: hsl(214 22% 88%);
2102
- }
2103
-
2104
- .tabs-p-tool a:hover,
2105
- .tabs li a:hover.tabs-close,
2106
- .tabs-scroller-over {
2107
- background-color: hsl(216 30% 91%);
2108
- }
2109
-
2110
- .tabs li.tabs-selected .tabs-inner {
2111
- border-bottom: 1px solid hsl(0 0% 100%);
2112
- }
2113
-
2114
- .tabs-header-bottom .tabs li.tabs-selected .tabs-inner {
2115
- border-top: 1px solid hsl(0 0% 100%);
2116
- }
2117
-
2118
- .tabs-header-left .tabs li.tabs-selected .tabs-inner {
2119
- border-right: 1px solid hsl(0 0% 100%);
2120
- }
2121
-
2122
- .tabs-header-right .tabs li.tabs-selected .tabs-inner {
2123
- border-left: 1px solid hsl(0 0% 100%);
2124
- }
2125
-
2126
- .tabs-header .tabs-pill li.tabs-selected .tabs-inner {
2127
- background: hsl(221 90% 55%);
2128
- color: hsl(222 47% 9%);
2129
- filter: none;
2130
- border-color: hsl(214 22% 88%);
2131
- }
2132
-
2133
- .datagrid .panel-body {
2134
- overflow: hidden;
2135
- position: relative;
2136
- }
2137
-
2138
- .datagrid-view {
2139
- position: relative;
2140
- overflow: hidden;
2141
- }
2142
-
2143
- .datagrid-view1,
2144
- .datagrid-view2 {
2145
- position: absolute;
2146
- overflow: hidden;
2147
- top: 0;
2148
- }
2149
-
2150
- .datagrid-view1 {
2151
- left: 0;
2152
- }
2153
-
2154
- .datagrid-view2 {
2155
- right: 0;
2156
- }
2157
-
2158
- .datagrid-mask {
2159
- position: absolute;
2160
- left: 0;
2161
- top: 0;
2162
- width: 100%;
2163
- height: 100%;
2164
- opacity: 0.3;
2165
- filter: alpha(opacity=30);
2166
- display: none;
2167
- }
2168
-
2169
- .datagrid-mask-msg {
2170
- position: absolute;
2171
- top: 50%;
2172
- margin-top: -20px;
2173
- padding: 10px 5px 10px 30px;
2174
- width: auto;
2175
- height: 16px;
2176
- border-width: 2px;
2177
- border-style: solid;
2178
- display: none;
2179
- }
2180
-
2181
- .datagrid-empty {
2182
- position: absolute;
2183
- left: 0;
2184
- top: 0;
2185
- width: 100%;
2186
- height: 25px;
2187
- line-height: 25px;
2188
- text-align: center;
2189
- }
2190
-
2191
- .datagrid-sort-icon {
2192
- padding: 0;
2193
- display: none;
2194
- }
2195
-
2196
- .datagrid-toolbar {
2197
- height: auto;
2198
- padding: 1px 2px;
2199
- border-width: 0 0 1px 0;
2200
- border-style: solid;
2201
- }
2202
-
2203
- .datagrid-btn-separator {
2204
- float: left;
2205
- height: 24px;
2206
- border-left: 1px solid hsl(214 22% 88%);
2207
- border-right: 1px solid hsl(0 0% 100%);
2208
- margin: 2px 1px;
2209
- }
2210
-
2211
- .datagrid .datagrid-pager {
2212
- display: block;
2213
- margin: 0;
2214
- border-width: 1px 0 0 0;
2215
- border-style: solid;
2216
- }
2217
-
2218
- .datagrid .datagrid-pager-top {
2219
- border-width: 0 0 1px 0;
2220
- }
2221
-
2222
- .datagrid-header {
2223
- overflow: hidden;
2224
- cursor: default;
2225
- border-width: 0 0 1px 0;
2226
- border-style: solid;
2227
- }
2228
-
2229
- .datagrid-header-inner {
2230
- float: left;
2231
- width: 10000px;
2232
- }
2233
-
2234
- .datagrid-header-row,
2235
- .datagrid-row {
2236
- height: 32px;
2237
- }
2238
-
2239
- .datagrid-header td,
2240
- .datagrid-body td,
2241
- .datagrid-footer td {
2242
- border-width: 0 1px 1px 0;
2243
- border-style: dotted;
2244
- margin: 0;
2245
- padding: 0;
2246
- }
2247
-
2248
- .datagrid-cell,
2249
- .datagrid-cell-group,
2250
- .datagrid-header-rownumber,
2251
- .datagrid-cell-rownumber {
2252
- margin: 0;
2253
- padding: 0 4px;
2254
- white-space: nowrap;
2255
- word-wrap: normal;
2256
- overflow: hidden;
2257
- height: 18px;
2258
- line-height: 18px;
2259
- font-size: 14px;
2260
- }
2261
-
2262
- .datagrid-header .datagrid-cell {
2263
- height: auto;
2264
- }
2265
-
2266
- .datagrid-header .datagrid-cell span {
2267
- font-size: 14px;
2268
- }
2269
-
2270
- .datagrid-cell-group {
2271
- text-align: center;
2272
- text-overflow: ellipsis;
2273
- }
2274
-
2275
- .datagrid-header-rownumber,
2276
- .datagrid-cell-rownumber {
2277
- width: 30px;
2278
- text-align: center;
2279
- margin: 0;
2280
- padding: 0;
2281
- }
2282
-
2283
- .datagrid-body {
2284
- margin: 0;
2285
- padding: 0;
2286
- overflow: auto;
2287
- zoom: 1;
2288
- }
2289
-
2290
- .datagrid-view1 .datagrid-body-inner {
2291
- padding-bottom: 20px;
2292
- }
2293
-
2294
- .datagrid-view1 .datagrid-body {
2295
- overflow: hidden;
2296
- }
2297
-
2298
- .datagrid-footer {
2299
- overflow: hidden;
2300
- }
2301
-
2302
- .datagrid-footer-inner {
2303
- border-width: 1px 0 0 0;
2304
- border-style: solid;
2305
- width: 10000px;
2306
- float: left;
2307
- }
2308
-
2309
- .datagrid-row-editing .datagrid-cell {
2310
- height: auto;
2311
- }
2312
-
2313
- .datagrid-header-check,
2314
- .datagrid-cell-check {
2315
- padding: 0;
2316
- width: 27px;
2317
- height: 18px;
2318
- font-size: 1px;
2319
- text-align: center;
2320
- overflow: hidden;
2321
- }
2322
-
2323
- .datagrid-header-check input,
2324
- .datagrid-cell-check input {
2325
- margin: 0;
2326
- padding: 0;
2327
- width: 15px;
2328
- height: 18px;
2329
- }
2330
-
2331
- .datagrid-resize-proxy {
2332
- position: absolute;
2333
- width: 1px;
2334
- height: 10000px;
2335
- top: 0;
2336
- cursor: e-resize;
2337
- display: none;
2338
- }
2339
-
2340
- .datagrid-body .datagrid-editable {
2341
- margin: 0;
2342
- padding: 0;
2343
- }
2344
-
2345
- .datagrid-body .datagrid-editable table {
2346
- width: 100%;
2347
- height: 100%;
2348
- }
2349
-
2350
- .datagrid-body .datagrid-editable td {
2351
- border: 0;
2352
- margin: 0;
2353
- padding: 0;
2354
- }
2355
-
2356
- .datagrid-view .datagrid-editable-input {
2357
- margin: 0;
2358
- padding: 2px 4px;
2359
- border: 1px solid hsl(214 22% 88%);
2360
- font-size: 14px;
2361
- outline-style: none;
2362
- -moz-border-radius: 0 0 0 0;
2363
- -webkit-border-radius: 0 0 0 0;
2364
- border-radius: 0 0 0 0;
2365
- }
2366
-
2367
- .datagrid-view .validatebox-invalid {
2368
- border-color: #ffa8a8;
2369
- }
2370
-
2371
- .datagrid-sort .datagrid-sort-icon {
2372
- display: inline;
2373
- padding: 0 13px 0 0;
2374
- background: url('images/datagrid_icons.png') no-repeat -64px center;
2375
- }
2376
-
2377
- .datagrid-sort-desc .datagrid-sort-icon {
2378
- display: inline;
2379
- padding: 0 13px 0 0;
2380
- background: url('images/datagrid_icons.png') no-repeat -16px center;
2381
- }
2382
-
2383
- .datagrid-sort-asc .datagrid-sort-icon {
2384
- display: inline;
2385
- padding: 0 13px 0 0;
2386
- background: url('images/datagrid_icons.png') no-repeat 0px center;
2387
- }
2388
-
2389
- .datagrid-row-collapse {
2390
- background: url('images/datagrid_icons.png') no-repeat -48px center;
2391
- }
2392
-
2393
- .datagrid-row-expand {
2394
- background: url('images/datagrid_icons.png') no-repeat -32px center;
2395
- }
2396
-
2397
- .datagrid-mask-msg {
2398
- background: hsl(0 0% 100%) url('images/loading.gif') no-repeat scroll 5px center;
2399
- }
2400
-
2401
- .datagrid-header,
2402
- .datagrid-td-rownumber {
2403
- background-color: #efefef;
2404
- background: -webkit-linear-gradient(top, #F9F9F9 0, #efefef 100%);
2405
- background: -moz-linear-gradient(top, #F9F9F9 0, #efefef 100%);
2406
- background: -o-linear-gradient(top, #F9F9F9 0, #efefef 100%);
2407
- background: linear-gradient(to bottom, #F9F9F9 0, #efefef 100%);
2408
- background-repeat: repeat-x;
2409
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9, endColorstr=#efefef, GradientType=0);
2410
- }
2411
-
2412
- .datagrid-cell-rownumber {
2413
- color: hsl(222 47% 9%);
2414
- }
2415
-
2416
- .datagrid-resize-proxy {
2417
- background: #aac5e7;
2418
- }
2419
-
2420
- .datagrid-mask {
2421
- background: hsl(214 22% 88%);
2422
- }
2423
-
2424
- .datagrid-mask-msg {
2425
- border-color: hsl(214 22% 88%);
2426
- }
2427
-
2428
- .datagrid-toolbar,
2429
- .datagrid-pager {
2430
- background: hsl(216 30% 94%);
2431
- }
2432
-
2433
- .datagrid-header,
2434
- .datagrid-toolbar,
2435
- .datagrid-pager,
2436
- .datagrid-footer-inner {
2437
- border-color: hsl(214 22% 88%);
2438
- }
2439
-
2440
- .datagrid-header td,
2441
- .datagrid-body td,
2442
- .datagrid-footer td {
2443
- border-color: hsl(214 22% 88%);
2444
- }
2445
-
2446
- .datagrid-htable,
2447
- .datagrid-btable,
2448
- .datagrid-ftable {
2449
- color: hsl(222 47% 9%);
2450
- border-collapse: separate;
2451
- }
2452
-
2453
- .datagrid-row-alt {
2454
- background: hsl(220 25% 97%);
2455
- }
2456
-
2457
- .datagrid-row-over,
2458
- .datagrid-header td.datagrid-header-over {
2459
- background: hsl(216 30% 91%);
2460
- color: hsl(222 47% 9%);
2461
- cursor: default;
2462
- }
2463
-
2464
- .datagrid-row-selected {
2465
- background: hsl(221 90% 55%);
2466
- color: hsl(222 47% 9%);
2467
- }
2468
-
2469
- .datagrid-row-editing .textbox,
2470
- .datagrid-row-editing .textbox-text {
2471
- -moz-border-radius: 0 0 0 0;
2472
- -webkit-border-radius: 0 0 0 0;
2473
- border-radius: 0 0 0 0;
2474
- }
2475
-
2476
- .datagrid-header .datagrid-filter-row td.datagrid-header-over {
2477
- background: inherit;
2478
- }
2479
-
2480
- .datagrid-split-proxy {
2481
- position: absolute;
2482
- left: 0;
2483
- top: 0;
2484
- width: 1px;
2485
- height: 100%;
2486
- border-left: 1px solid hsl(204 80% 48%);
2487
- }
2488
-
2489
- .datagrid-moving-proxy {
2490
- border: 1px solid hsl(204 80% 48%);
2491
- height: 32px;
2492
- line-height: 32px;
2493
- padding: 0 4px;
2494
- }
2495
-
2496
- .propertygrid .datagrid-view1 .datagrid-body td {
2497
- padding-bottom: 1px;
2498
- border-width: 0 1px 0 0;
2499
- }
2500
-
2501
- .propertygrid .datagrid-group {
2502
- overflow: hidden;
2503
- border-width: 0 0 1px 0;
2504
- border-style: solid;
2505
- }
2506
-
2507
- .propertygrid .datagrid-group span {
2508
- font-weight: bold;
2509
- }
2510
-
2511
- .propertygrid .datagrid-view1 .datagrid-body td {
2512
- border-color: hsl(214 22% 88%);
2513
- }
2514
-
2515
- .propertygrid .datagrid-view1 .datagrid-group {
2516
- border-color: hsl(216 30% 91%);
2517
- }
2518
-
2519
- .propertygrid .datagrid-view2 .datagrid-group {
2520
- border-color: hsl(214 22% 88%);
2521
- }
2522
-
2523
- .propertygrid .datagrid-group,
2524
- .propertygrid .datagrid-view1 .datagrid-body,
2525
- .propertygrid .datagrid-view1 .datagrid-row-over,
2526
- .propertygrid .datagrid-view1 .datagrid-row-selected {
2527
- background: hsl(216 30% 91%);
2528
- }
2529
-
2530
- .datalist .datagrid-header {
2531
- border-width: 0;
2532
- }
2533
-
2534
- .datalist .datagrid-group,
2535
- .m-list .m-list-group {
2536
- height: 25px;
2537
- line-height: 25px;
2538
- font-weight: bold;
2539
- overflow: hidden;
2540
- background-color: #efefef;
2541
- border-style: solid;
2542
- border-width: 0 0 1px 0;
2543
- border-color: hsl(214 22% 88%);
2544
- }
2545
-
2546
- .datalist .datagrid-group-expander {
2547
- display: none;
2548
- }
2549
-
2550
- .datalist .datagrid-group-title {
2551
- padding: 0 4px;
2552
- }
2553
-
2554
- .datalist .datagrid-btable {
2555
- width: 100%;
2556
- table-layout: fixed;
2557
- }
2558
-
2559
- .datalist .datagrid-row td {
2560
- border-style: solid;
2561
- border-left-color: transparent;
2562
- border-right-color: transparent;
2563
- border-bottom-width: 0;
2564
- }
2565
-
2566
- .datalist-lines .datagrid-row td {
2567
- border-bottom-width: 1px;
2568
- }
2569
-
2570
- .datalist .datagrid-cell,
2571
- .m-list li {
2572
- width: auto;
2573
- height: auto;
2574
- padding: 2px 4px;
2575
- line-height: 18px;
2576
- position: relative;
2577
- white-space: nowrap;
2578
- text-overflow: ellipsis;
2579
- overflow: hidden;
2580
- }
2581
-
2582
- .datalist-link,
2583
- .m-list li>a {
2584
- display: block;
2585
- position: relative;
2586
- cursor: pointer;
2587
- color: hsl(222 47% 9%);
2588
- text-decoration: none;
2589
- overflow: hidden;
2590
- margin: -2px -4px;
2591
- padding: 2px 4px;
2592
- padding-right: 16px;
2593
- line-height: 18px;
2594
- white-space: nowrap;
2595
- text-overflow: ellipsis;
2596
- overflow: hidden;
2597
- }
2598
-
2599
- .datalist-link::after,
2600
- .m-list li>a::after {
2601
- position: absolute;
2602
- display: block;
2603
- width: 8px;
2604
- height: 8px;
2605
- content: '';
2606
- right: 6px;
2607
- top: 50%;
2608
- margin-top: -4px;
2609
- border-style: solid;
2610
- border-width: 1px 1px 0 0;
2611
- -ms-transform: rotate(45deg);
2612
- -moz-transform: rotate(45deg);
2613
- -webkit-transform: rotate(45deg);
2614
- -o-transform: rotate(45deg);
2615
- transform: rotate(45deg);
2616
- }
2617
-
2618
- .m-list {
2619
- margin: 0;
2620
- padding: 0;
2621
- list-style: none;
2622
- }
2623
-
2624
- .m-list li {
2625
- border-style: solid;
2626
- border-width: 0 0 1px 0;
2627
- border-color: hsl(214 22% 88%);
2628
- }
2629
-
2630
- .m-list li>a:hover {
2631
- background: hsl(216 30% 91%);
2632
- color: hsl(222 47% 9%);
2633
- }
2634
-
2635
- .m-list .m-list-group {
2636
- padding: 0 4px;
2637
- }
2638
-
2639
- .pagination {
2640
- zoom: 1;
2641
- padding: 2px;
2642
- }
2643
-
2644
- .pagination table {
2645
- float: left;
2646
- height: 30px;
2647
- }
2648
-
2649
- .pagination td {
2650
- border: 0;
2651
- }
2652
-
2653
- .pagination-btn-separator {
2654
- float: left;
2655
- height: 24px;
2656
- border-left: 1px solid hsl(214 22% 88%);
2657
- border-right: 1px solid hsl(0 0% 100%);
2658
- margin: 3px 1px;
2659
- }
2660
-
2661
- .pagination .pagination-num {
2662
- border-width: 1px;
2663
- border-style: solid;
2664
- margin: 0 2px;
2665
- padding: 2px;
2666
- width: 3em;
2667
- height: auto;
2668
- text-align: center;
2669
- font-size: 14px;
2670
- }
2671
-
2672
- .pagination-page-list {
2673
- margin: 0px 6px;
2674
- padding: 1px 2px;
2675
- width: auto;
2676
- height: auto;
2677
- border-width: 1px;
2678
- border-style: solid;
2679
- }
2680
-
2681
- .pagination-info {
2682
- float: right;
2683
- margin: 0 6px;
2684
- padding: 0;
2685
- height: 30px;
2686
- line-height: 30px;
2687
- font-size: 14px;
2688
- }
2689
-
2690
- .pagination span {
2691
- font-size: 14px;
2692
- }
2693
-
2694
- .pagination-link .l-btn-text {
2695
- box-sizing: border-box;
2696
- text-align: center;
2697
- margin: 0;
2698
- padding: 0 .5em;
2699
- width: auto;
2700
- min-width: 28px;
2701
- }
2702
-
2703
- .pagination-first {
2704
- background: url('images/pagination_icons.png') no-repeat 0 center;
2705
- }
2706
-
2707
- .pagination-prev {
2708
- background: url('images/pagination_icons.png') no-repeat -16px center;
2709
- }
2710
-
2711
- .pagination-next {
2712
- background: url('images/pagination_icons.png') no-repeat -32px center;
2713
- }
2714
-
2715
- .pagination-last {
2716
- background: url('images/pagination_icons.png') no-repeat -48px center;
2717
- }
2718
-
2719
- .pagination-load {
2720
- background: url('images/pagination_icons.png') no-repeat -64px center;
2721
- }
2722
-
2723
- .pagination-loading {
2724
- background: url('images/loading.gif') no-repeat center center;
2725
- }
2726
-
2727
- .pagination-page-list,
2728
- .pagination .pagination-num {
2729
- border-color: hsl(214 22% 88%);
2730
- }
2731
-
2732
- .calendar {
2733
- border-width: 1px;
2734
- border-style: solid;
2735
- padding: 1px;
2736
- overflow: hidden;
2737
- }
2738
-
2739
- .calendar table {
2740
- table-layout: fixed;
2741
- border-collapse: separate;
2742
- font-size: 14px;
2743
- width: 100%;
2744
- height: 100%;
2745
- }
2746
-
2747
- .calendar table td,
2748
- .calendar table th {
2749
- font-size: 14px;
2750
- }
2751
-
2752
- .calendar-noborder {
2753
- border: 0;
2754
- }
2755
-
2756
- .calendar-header {
2757
- position: relative;
2758
- height: 36px;
2759
- }
2760
-
2761
- .calendar-title {
2762
- text-align: center;
2763
- height: 36px;
2764
- line-height: 36px;
2765
- }
2766
-
2767
- .calendar-title span {
2768
- position: relative;
2769
- display: inline-block;
2770
- top: 0px;
2771
- padding: 0 3px;
2772
- height: 28px;
2773
- line-height: 28px;
2774
- font-size: 14px;
2775
- cursor: pointer;
2776
- -moz-border-radius: .375rem;
2777
- -webkit-border-radius: .375rem;
2778
- border-radius: .375rem;
2779
- }
2780
-
2781
- .calendar-prevmonth,
2782
- .calendar-nextmonth,
2783
- .calendar-prevyear,
2784
- .calendar-nextyear {
2785
- position: absolute;
2786
- top: 50%;
2787
- margin-top: -8px;
2788
- width: 16px;
2789
- height: 16px;
2790
- cursor: pointer;
2791
- font-size: 1px;
2792
- -moz-border-radius: .375rem;
2793
- -webkit-border-radius: .375rem;
2794
- border-radius: .375rem;
2795
- }
2796
-
2797
- .calendar-prevmonth {
2798
- left: 30px;
2799
- background: url('images/calendar_arrows.png') no-repeat -16px 0;
2800
- }
2801
-
2802
- .calendar-nextmonth {
2803
- right: 30px;
2804
- background: url('images/calendar_arrows.png') no-repeat -32px 0;
2805
- }
2806
-
2807
- .calendar-prevyear {
2808
- left: 10px;
2809
- background: url('images/calendar_arrows.png') no-repeat 0px 0;
2810
- }
2811
-
2812
- .calendar-nextyear {
2813
- right: 10px;
2814
- background: url('images/calendar_arrows.png') no-repeat -48px 0;
2815
- }
2816
-
2817
- .calendar-body {
2818
- position: relative;
2819
- }
2820
-
2821
- .calendar-body th,
2822
- .calendar-body td {
2823
- text-align: center;
2824
- }
2825
-
2826
- .calendar-day {
2827
- border: 0;
2828
- padding: 1px;
2829
- cursor: pointer;
2830
- -moz-border-radius: .375rem;
2831
- -webkit-border-radius: .375rem;
2832
- border-radius: .375rem;
2833
- }
2834
-
2835
- .calendar-other-month {
2836
- opacity: 0.3;
2837
- filter: alpha(opacity=30);
2838
- }
2839
-
2840
- .calendar-disabled {
2841
- opacity: 0.6;
2842
- filter: alpha(opacity=60);
2843
- cursor: default;
2844
- }
2845
-
2846
- .calendar-menu {
2847
- position: absolute;
2848
- top: 0;
2849
- left: 0;
2850
- width: 180px;
2851
- height: 150px;
2852
- padding: 5px;
2853
- font-size: 14px;
2854
- display: none;
2855
- overflow: hidden;
2856
- }
2857
-
2858
- .calendar-menu-year-inner {
2859
- text-align: center;
2860
- padding-bottom: 5px;
2861
- }
2862
-
2863
- .calendar-menu-year {
2864
- width: 80px;
2865
- line-height: 26px;
2866
- text-align: center;
2867
- border-width: 1px;
2868
- border-style: solid;
2869
- outline-style: none;
2870
- resize: none;
2871
- margin: 0;
2872
- padding: 0;
2873
- font-weight: bold;
2874
- font-size: 14px;
2875
- -moz-border-radius: .375rem;
2876
- -webkit-border-radius: .375rem;
2877
- border-radius: .375rem;
2878
- }
2879
-
2880
- .calendar-menu-prev,
2881
- .calendar-menu-next {
2882
- display: inline-block;
2883
- width: 25px;
2884
- height: 28px;
2885
- vertical-align: top;
2886
- cursor: pointer;
2887
- -moz-border-radius: .375rem;
2888
- -webkit-border-radius: .375rem;
2889
- border-radius: .375rem;
2890
- }
2891
-
2892
- .calendar-menu-prev {
2893
- margin-right: 10px;
2894
- background: url('images/calendar_arrows.png') no-repeat 5px center;
2895
- }
2896
-
2897
- .calendar-menu-next {
2898
- margin-left: 10px;
2899
- background: url('images/calendar_arrows.png') no-repeat -44px center;
2900
- }
2901
-
2902
- .calendar-menu-month {
2903
- text-align: center;
2904
- cursor: pointer;
2905
- font-weight: bold;
2906
- -moz-border-radius: .375rem;
2907
- -webkit-border-radius: .375rem;
2908
- border-radius: .375rem;
2909
- }
2910
-
2911
- .calendar-body th,
2912
- .calendar-menu-month {
2913
- color: #4d4d4d;
2914
- }
2915
-
2916
- .calendar-day {
2917
- color: hsl(222 47% 9%);
2918
- }
2919
-
2920
- .calendar-sunday {
2921
- color: #CC2222;
2922
- }
2923
-
2924
- .calendar-saturday {
2925
- color: #00ee00;
2926
- }
2927
-
2928
- .calendar-today {
2929
- color: #0000ff;
2930
- }
2931
-
2932
- .calendar-menu-year {
2933
- border-color: hsl(214 22% 88%);
2934
- }
2935
-
2936
- .calendar {
2937
- border-color: hsl(214 22% 88%);
2938
- }
2939
-
2940
- .calendar-header {
2941
- background: hsl(216 30% 91%);
2942
- }
2943
-
2944
- .calendar-body,
2945
- .calendar-menu {
2946
- background: hsl(0 0% 100%);
2947
- }
2948
-
2949
- .calendar-body th {
2950
- background: hsl(216 30% 94%);
2951
- padding: 4px 0;
2952
- }
2953
-
2954
- .calendar-hover,
2955
- .calendar-nav-hover,
2956
- .calendar-menu-hover {
2957
- background-color: hsl(216 30% 91%);
2958
- color: hsl(222 47% 9%);
2959
- }
2960
-
2961
- .calendar-hover {
2962
- border: 1px solid hsl(221 90% 55%);
2963
- padding: 0;
2964
- }
2965
-
2966
- .calendar-selected {
2967
- background-color: hsl(221 90% 55%);
2968
- color: hsl(222 47% 9%);
2969
- border: 1px solid hsl(204 80% 48%);
2970
- padding: 0;
2971
- }
2972
-
2973
- .calendar-info {
2974
- background-color: hsl(216 30% 91%);
2975
- font-size: 28px;
2976
- height: 70px;
2977
- padding: 10px 20px;
2978
- }
2979
-
2980
- .calendar-info .year {
2981
- font-size: 16px;
2982
- }
2983
-
2984
- .datebox-calendar-inner {
2985
- height: 250px;
2986
- }
2987
-
2988
- .datebox-button {
2989
- padding: 4px 0;
2990
- text-align: center;
2991
- }
2992
-
2993
- .datebox-button a {
2994
- line-height: 22px;
2995
- font-size: 14px;
2996
- font-weight: bold;
2997
- text-decoration: none;
2998
- opacity: 0.6;
2999
- filter: alpha(opacity=60);
3000
- }
3001
-
3002
- .datebox-button a:hover {
3003
- opacity: 1.0;
3004
- filter: alpha(opacity=100);
3005
- }
3006
-
3007
- .datebox-current,
3008
- .datebox-close {
3009
- float: left;
3010
- }
3011
-
3012
- .datebox-close {
3013
- float: right;
3014
- }
3015
-
3016
- .datebox .combo-arrow {
3017
- background-image: url('images/datebox_arrow.png');
3018
- background-position: center center;
3019
- }
3020
-
3021
- .datebox-button {
3022
- background-color: hsl(216 30% 94%);
3023
- }
3024
-
3025
- .datebox-button a {
3026
- color: hsl(222 47% 9%);
3027
- }
3028
-
3029
- .spinner-arrow {
3030
- display: inline-block;
3031
- overflow: hidden;
3032
- vertical-align: top;
3033
- margin: 0;
3034
- padding: 0;
3035
- opacity: 1.0;
3036
- filter: alpha(opacity=100);
3037
- width: 18px;
3038
- }
3039
-
3040
- .spinner-arrow.spinner-button-top,
3041
- .spinner-arrow.spinner-button-bottom,
3042
- .spinner-arrow.spinner-button-left,
3043
- .spinner-arrow.spinner-button-right {
3044
- background-color: hsl(216 30% 91%);
3045
- }
3046
-
3047
- .spinner-arrow-up,
3048
- .spinner-arrow-down {
3049
- opacity: 0.6;
3050
- filter: alpha(opacity=60);
3051
- display: block;
3052
- font-size: 1px;
3053
- width: 18px;
3054
- height: 10px;
3055
- width: 100%;
3056
- height: 50%;
3057
- color: hsl(222 47% 9%);
3058
- outline-style: none;
3059
- background-color: hsl(216 30% 91%);
3060
- }
3061
-
3062
- .spinner-button-updown {
3063
- opacity: 1.0;
3064
- }
3065
-
3066
- .spinner-button-updown .spinner-button-top,
3067
- .spinner-button-updown .spinner-button-bottom {
3068
- position: relative;
3069
- display: block;
3070
- width: 100%;
3071
- height: 50%;
3072
- }
3073
-
3074
- .spinner-button-updown .spinner-arrow-up,
3075
- .spinner-button-updown .spinner-arrow-down {
3076
- opacity: 1.0;
3077
- filter: alpha(opacity=100);
3078
- cursor: pointer;
3079
- width: 16px;
3080
- height: 16px;
3081
- top: 50%;
3082
- left: 50%;
3083
- margin-top: -8px;
3084
- margin-left: -8px;
3085
- position: absolute;
3086
- }
3087
-
3088
- .spinner-button-updown .spinner-button-top,
3089
- .spinner-button-updown .spinner-button-bottom {
3090
- cursor: pointer;
3091
- opacity: 0.6;
3092
- filter: alpha(opacity=60);
3093
- }
3094
-
3095
- .spinner-button-updown .spinner-button-top:hover,
3096
- .spinner-button-updown .spinner-button-bottom:hover {
3097
- opacity: 1.0;
3098
- filter: alpha(opacity=100);
3099
- }
3100
-
3101
- .spinner-button-updown .spinner-arrow-up,
3102
- .spinner-button-updown .spinner-arrow-down,
3103
- .spinner-button-updown .spinner-arrow-up:hover,
3104
- .spinner-button-updown .spinner-arrow-down:hover {
3105
- background-color: transparent;
3106
- }
3107
-
3108
- .spinner-arrow-hover {
3109
- background-color: hsl(216 30% 91%);
3110
- opacity: 1.0;
3111
- filter: alpha(opacity=100);
3112
- }
3113
-
3114
- .spinner-button-top:hover,
3115
- .spinner-button-bottom:hover,
3116
- .spinner-button-left:hover,
3117
- .spinner-button-right:hover,
3118
- .spinner-arrow-up:hover,
3119
- .spinner-arrow-down:hover {
3120
- opacity: 1.0;
3121
- filter: alpha(opacity=100);
3122
- background-color: hsl(216 30% 91%);
3123
- }
3124
-
3125
- .textbox-disabled .spinner-button-top:hover,
3126
- .textbox-disabled .spinner-button-bottom:hover,
3127
- .textbox-disabled .spinner-button-left:hover,
3128
- .textbox-disabled .spinner-button-right:hover,
3129
- .textbox-icon-disabled .spinner-arrow-up:hover,
3130
- .textbox-icon-disabled .spinner-arrow-down:hover {
3131
- opacity: 0.6;
3132
- filter: alpha(opacity=60);
3133
- background-color: hsl(216 30% 91%);
3134
- cursor: default;
3135
- }
3136
-
3137
- .spinner .textbox-icon-disabled {
3138
- opacity: 0.6;
3139
- filter: alpha(opacity=60);
3140
- }
3141
-
3142
- .spinner-arrow-up {
3143
- background: url('images/spinner_arrows.png') no-repeat 1px center;
3144
- background-color: hsl(216 30% 91%);
3145
- }
3146
-
3147
- .spinner-arrow-down {
3148
- background: url('images/spinner_arrows.png') no-repeat -15px center;
3149
- background-color: hsl(216 30% 91%);
3150
- }
3151
-
3152
- .spinner-button-up {
3153
- background: url('images/spinner_arrows.png') no-repeat -32px center;
3154
- }
3155
-
3156
- .spinner-button-down {
3157
- background: url('images/spinner_arrows.png') no-repeat -48px center;
3158
- }
3159
-
3160
- .progressbar {
3161
- border-width: 1px;
3162
- border-style: solid;
3163
- -moz-border-radius: .375rem;
3164
- -webkit-border-radius: .375rem;
3165
- border-radius: .375rem;
3166
- overflow: hidden;
3167
- position: relative;
3168
- }
3169
-
3170
- .progressbar-text {
3171
- text-align: center;
3172
- position: absolute;
3173
- }
3174
-
3175
- .progressbar-value {
3176
- position: relative;
3177
- overflow: hidden;
3178
- width: 0;
3179
- -moz-border-radius: .375rem 0 0 .375rem;
3180
- -webkit-border-radius: .375rem 0 0 .375rem;
3181
- border-radius: .375rem 0 0 .375rem;
3182
- }
3183
-
3184
- .progressbar {
3185
- border-color: hsl(214 22% 88%);
3186
- }
3187
-
3188
- .progressbar-text {
3189
- color: hsl(222 47% 9%);
3190
- font-size: 14px;
3191
- }
3192
-
3193
- .progressbar-value,
3194
- .progressbar-value .progressbar-text {
3195
- background-color: hsl(221 90% 55%);
3196
- color: hsl(222 47% 9%);
3197
- }
3198
-
3199
- .searchbox-button {
3200
- width: 18px;
3201
- height: 20px;
3202
- overflow: hidden;
3203
- display: inline-block;
3204
- vertical-align: top;
3205
- cursor: pointer;
3206
- opacity: 0.6;
3207
- filter: alpha(opacity=60);
3208
- }
3209
-
3210
- .searchbox-button-hover {
3211
- opacity: 1.0;
3212
- filter: alpha(opacity=100);
3213
- }
3214
-
3215
- .searchbox .l-btn-plain {
3216
- border: 0;
3217
- padding: 0;
3218
- vertical-align: top;
3219
- opacity: 0.6;
3220
- filter: alpha(opacity=60);
3221
- -moz-border-radius: 0 0 0 0;
3222
- -webkit-border-radius: 0 0 0 0;
3223
- border-radius: 0 0 0 0;
3224
- }
3225
-
3226
- .searchbox .l-btn-plain:hover {
3227
- border: 0;
3228
- padding: 0;
3229
- opacity: 1.0;
3230
- filter: alpha(opacity=100);
3231
- -moz-border-radius: 0 0 0 0;
3232
- -webkit-border-radius: 0 0 0 0;
3233
- border-radius: 0 0 0 0;
3234
- }
3235
-
3236
- .searchbox a.m-btn-plain-active {
3237
- -moz-border-radius: 0 0 0 0;
3238
- -webkit-border-radius: 0 0 0 0;
3239
- border-radius: 0 0 0 0;
3240
- }
3241
-
3242
- .searchbox .m-btn-active {
3243
- border-width: 0 1px 0 0;
3244
- -moz-border-radius: 0 0 0 0;
3245
- -webkit-border-radius: 0 0 0 0;
3246
- border-radius: 0 0 0 0;
3247
- }
3248
-
3249
- .searchbox .textbox-button-right {
3250
- border-width: 0 0 0 1px;
3251
- }
3252
-
3253
- .searchbox .textbox-button-left {
3254
- border-width: 0 1px 0 0;
3255
- }
3256
-
3257
- .searchbox-button {
3258
- background: url('images/searchbox_button.png') no-repeat center center;
3259
- }
3260
-
3261
- .searchbox .l-btn-plain {
3262
- background: hsl(216 30% 91%);
3263
- }
3264
-
3265
- .searchbox .l-btn-plain-disabled,
3266
- .searchbox .l-btn-plain-disabled:hover {
3267
- opacity: 0.5;
3268
- filter: alpha(opacity=50);
3269
- }
3270
-
3271
- .slider-disabled {
3272
- opacity: 0.5;
3273
- filter: alpha(opacity=50);
3274
- }
3275
-
3276
- .slider-h {
3277
- height: 22px;
3278
- }
3279
-
3280
- .slider-v {
3281
- width: 22px;
3282
- }
3283
-
3284
- .slider-inner {
3285
- position: relative;
3286
- height: 6px;
3287
- top: 7px;
3288
- border-width: 1px;
3289
- border-style: solid;
3290
- border-radius: 5px;
3291
- }
3292
-
3293
- .slider-handle {
3294
- position: absolute;
3295
- display: block;
3296
- outline: none;
3297
- width: 20px;
3298
- height: 20px;
3299
- top: 50%;
3300
- margin-top: -10px;
3301
- margin-left: -10px;
3302
- }
3303
-
3304
- .slider-tip {
3305
- position: absolute;
3306
- display: inline-block;
3307
- line-height: 12px;
3308
- font-size: 14px;
3309
- white-space: nowrap;
3310
- top: -22px;
3311
- }
3312
-
3313
- .slider-rule {
3314
- position: relative;
3315
- top: 15px;
3316
- }
3317
-
3318
- .slider-rule span {
3319
- position: absolute;
3320
- display: inline-block;
3321
- font-size: 0;
3322
- height: 5px;
3323
- border-width: 0 0 0 1px;
3324
- border-style: solid;
3325
- }
3326
-
3327
- .slider-rulelabel {
3328
- position: relative;
3329
- top: 20px;
3330
- }
3331
-
3332
- .slider-rulelabel span {
3333
- position: absolute;
3334
- display: inline-block;
3335
- font-size: 14px;
3336
- }
3337
-
3338
- .slider-v .slider-inner {
3339
- width: 6px;
3340
- left: 7px;
3341
- top: 0;
3342
- float: left;
3343
- }
3344
-
3345
- .slider-v .slider-handle {
3346
- left: 50%;
3347
- margin-top: -10px;
3348
- }
3349
-
3350
- .slider-v .slider-tip {
3351
- left: -10px;
3352
- margin-top: -6px;
3353
- }
3354
-
3355
- .slider-v .slider-rule {
3356
- float: left;
3357
- top: 0;
3358
- left: 16px;
3359
- }
3360
-
3361
- .slider-v .slider-rule span {
3362
- width: 5px;
3363
- height: 'auto';
3364
- border-left: 0;
3365
- border-width: 1px 0 0 0;
3366
- border-style: solid;
3367
- }
3368
-
3369
- .slider-v .slider-rulelabel {
3370
- float: left;
3371
- top: 0;
3372
- left: 23px;
3373
- }
3374
-
3375
- .slider-handle {
3376
- background: url('images/slider_handle.png') no-repeat;
3377
- }
3378
-
3379
- .slider-inner {
3380
- border-color: hsl(214 22% 88%);
3381
- background: hsl(216 30% 91%);
3382
- }
3383
-
3384
- .slider-rule span {
3385
- border-color: hsl(214 22% 88%);
3386
- }
3387
-
3388
- .slider-rulelabel span {
3389
- color: hsl(222 47% 9%);
3390
- }
3391
-
3392
- .menu {
3393
- position: absolute;
3394
- margin: 0;
3395
- padding: 2px;
3396
- border-width: 1px;
3397
- border-style: solid;
3398
- overflow: hidden;
3399
- }
3400
-
3401
- .menu-inline {
3402
- position: relative;
3403
- }
3404
-
3405
- .menu-item {
3406
- position: relative;
3407
- margin: 0;
3408
- padding: 0;
3409
- overflow: hidden;
3410
- white-space: nowrap;
3411
- cursor: pointer;
3412
- border-width: 1px;
3413
- border-style: solid;
3414
- }
3415
-
3416
- .menu-text {
3417
- height: 20px;
3418
- line-height: 20px;
3419
- float: left;
3420
- padding-left: 28px;
3421
- }
3422
-
3423
- .menu-icon {
3424
- position: absolute;
3425
- width: 16px;
3426
- height: 16px;
3427
- left: 2px;
3428
- top: 50%;
3429
- margin-top: -8px;
3430
- }
3431
-
3432
- .menu-rightarrow {
3433
- position: absolute;
3434
- width: 16px;
3435
- height: 16px;
3436
- right: 0;
3437
- top: 50%;
3438
- margin-top: -8px;
3439
- }
3440
-
3441
- .menu-line {
3442
- position: absolute;
3443
- left: 26px;
3444
- top: 0;
3445
- height: 2000px;
3446
- font-size: 1px;
3447
- }
3448
-
3449
- .menu-sep {
3450
- margin: 3px 0px 3px 25px;
3451
- font-size: 1px;
3452
- }
3453
-
3454
- .menu-noline .menu-line {
3455
- display: none;
3456
- }
3457
-
3458
- .menu-noline .menu-sep {
3459
- margin-left: 0;
3460
- margin-right: 0;
3461
- }
3462
-
3463
- .menu-active {
3464
- -moz-border-radius: .375rem;
3465
- -webkit-border-radius: .375rem;
3466
- border-radius: .375rem;
3467
- }
3468
-
3469
- .menu-item-disabled {
3470
- opacity: 0.5;
3471
- filter: alpha(opacity=50);
3472
- cursor: default;
3473
- }
3474
-
3475
- .menu-text,
3476
- .menu-text span {
3477
- font-size: 14px;
3478
- }
3479
-
3480
- .menu-shadow {
3481
- position: absolute;
3482
- -moz-border-radius: .375rem;
3483
- -webkit-border-radius: .375rem;
3484
- border-radius: .375rem;
3485
- background: hsl(214 22% 88%);
3486
- -moz-box-shadow: 2px 2px 3px hsl(214 22% 88%);
3487
- -webkit-box-shadow: 2px 2px 3px hsl(214 22% 88%);
3488
- box-shadow: 2px 2px 3px hsl(214 22% 88%);
3489
- filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=0.2);
3490
- }
3491
-
3492
- .menu-rightarrow {
3493
- background: url('images/menu_arrows.png') no-repeat -32px center;
3494
- }
3495
-
3496
- .menu-line {
3497
- border-left: 1px solid hsl(214 22% 88%);
3498
- border-right: 1px solid hsl(0 0% 100%);
3499
- }
3500
-
3501
- .menu-sep {
3502
- border-top: 1px solid hsl(214 22% 88%);
3503
- border-bottom: 1px solid hsl(0 0% 100%);
3504
- }
3505
-
3506
- .menu {
3507
- background-color: hsl(220 25% 97%);
3508
- border-color: hsl(214 22% 88%);
3509
- color: hsl(222 47% 9%);
3510
- }
3511
-
3512
- .menu-content {
3513
- background: hsl(0 0% 100%);
3514
- }
3515
-
3516
- .menu-item {
3517
- border-color: transparent;
3518
- _border-color: hsl(220 25% 97%);
3519
- }
3520
-
3521
- .menu-active {
3522
- border-color: hsl(221 90% 55%);
3523
- color: hsl(222 47% 9%);
3524
- background: hsl(216 30% 91%);
3525
- }
3526
-
3527
- .menu-active-disabled {
3528
- border-color: transparent;
3529
- background: transparent;
3530
- color: hsl(222 47% 9%);
3531
- }
3532
-
3533
- .m-btn-downarrow,
3534
- .s-btn-downarrow {
3535
- display: inline-block;
3536
- position: absolute;
3537
- width: 16px;
3538
- height: 16px;
3539
- font-size: 1px;
3540
- right: 0;
3541
- top: 50%;
3542
- margin-top: -8px;
3543
- }
3544
-
3545
- .m-btn-active,
3546
- .s-btn-active {
3547
- background: hsl(216 30% 91%);
3548
- color: hsl(222 47% 9%);
3549
- border: 1px solid hsl(221 90% 55%);
3550
- filter: none;
3551
- }
3552
-
3553
- .m-btn-plain-active,
3554
- .s-btn-plain-active {
3555
- background: transparent;
3556
- padding: 0;
3557
- border-width: 1px;
3558
- border-style: solid;
3559
- -moz-border-radius: .375rem;
3560
- -webkit-border-radius: .375rem;
3561
- border-radius: .375rem;
3562
- }
3563
-
3564
- .m-btn .l-btn-left .l-btn-text {
3565
- margin-right: 20px;
3566
- }
3567
-
3568
- .m-btn .l-btn-icon-right .l-btn-text {
3569
- margin-right: 40px;
3570
- }
3571
-
3572
- .m-btn .l-btn-icon-right .l-btn-icon {
3573
- right: 20px;
3574
- }
3575
-
3576
- .m-btn .l-btn-icon-top .l-btn-text {
3577
- margin-right: 4px;
3578
- margin-bottom: 14px;
3579
- }
3580
-
3581
- .m-btn .l-btn-icon-bottom .l-btn-text {
3582
- margin-right: 4px;
3583
- margin-bottom: 34px;
3584
- }
3585
-
3586
- .m-btn .l-btn-icon-bottom .l-btn-icon {
3587
- top: auto;
3588
- bottom: 20px;
3589
- }
3590
-
3591
- .m-btn .l-btn-icon-top .m-btn-downarrow,
3592
- .m-btn .l-btn-icon-bottom .m-btn-downarrow {
3593
- top: auto;
3594
- bottom: 0px;
3595
- left: 50%;
3596
- margin-left: -8px;
3597
- }
3598
-
3599
- .m-btn-line {
3600
- display: inline-block;
3601
- position: absolute;
3602
- font-size: 1px;
3603
- display: none;
3604
- }
3605
-
3606
- .m-btn .l-btn-left .m-btn-line {
3607
- right: 0;
3608
- width: 16px;
3609
- height: 500px;
3610
- border-style: solid;
3611
- border-color: #aac5e7;
3612
- border-width: 0 0 0 1px;
3613
- }
3614
-
3615
- .m-btn .l-btn-icon-top .m-btn-line,
3616
- .m-btn .l-btn-icon-bottom .m-btn-line {
3617
- left: 0;
3618
- bottom: 0;
3619
- width: 500px;
3620
- height: 16px;
3621
- border-width: 1px 0 0 0;
3622
- }
3623
-
3624
- .m-btn-large .l-btn-icon-right .l-btn-text {
3625
- margin-right: 56px;
3626
- }
3627
-
3628
- .m-btn-large .l-btn-icon-bottom .l-btn-text {
3629
- margin-bottom: 50px;
3630
- }
3631
-
3632
- .m-btn-downarrow,
3633
- .s-btn-downarrow {
3634
- background: url('images/menu_arrows.png') no-repeat 0 center;
3635
- }
3636
-
3637
- .m-btn-plain-active,
3638
- .s-btn-plain-active {
3639
- border-color: hsl(221 90% 55%);
3640
- background-color: hsl(216 30% 91%);
3641
- color: hsl(222 47% 9%);
3642
- }
3643
-
3644
- .s-btn:hover .m-btn-line,
3645
- .s-btn-active .m-btn-line,
3646
- .s-btn-plain-active .m-btn-line {
3647
- display: inline-block;
3648
- }
3649
-
3650
- .l-btn:hover .s-btn-downarrow,
3651
- .s-btn-active .s-btn-downarrow,
3652
- .s-btn-plain-active .s-btn-downarrow {
3653
- border-style: solid;
3654
- border-color: #aac5e7;
3655
- border-width: 0 0 0 1px;
3656
- }
3657
-
3658
- .messager-body {
3659
- padding: 10px 10px 30px 10px;
3660
- overflow: auto;
3661
- }
3662
-
3663
- .messager-button {
3664
- text-align: center;
3665
- padding: 5px;
3666
- }
3667
-
3668
- .messager-button .l-btn {
3669
- width: 70px;
3670
- }
3671
-
3672
- .messager-icon {
3673
- float: left;
3674
- width: 32px;
3675
- height: 32px;
3676
- margin: 0 10px 10px 0;
3677
- }
3678
-
3679
- .messager-error {
3680
- background: url('images/messager_icons.png') no-repeat scroll -64px 0;
3681
- }
3682
-
3683
- .messager-info {
3684
- background: url('images/messager_icons.png') no-repeat scroll 0 0;
3685
- }
3686
-
3687
- .messager-question {
3688
- background: url('images/messager_icons.png') no-repeat scroll -32px 0;
3689
- }
3690
-
3691
- .messager-warning {
3692
- background: url('images/messager_icons.png') no-repeat scroll -96px 0;
3693
- }
3694
-
3695
- .messager-progress {
3696
- padding: 10px;
3697
- }
3698
-
3699
- .messager-p-msg {
3700
- margin-bottom: 5px;
3701
- }
3702
-
3703
- .messager-body .messager-input {
3704
- width: 100%;
3705
- padding: 4px 0;
3706
- outline-style: none;
3707
- border: 1px solid hsl(214 22% 88%);
3708
- }
3709
-
3710
- .window-thinborder .messager-button {
3711
- padding-bottom: 8px;
3712
- }
3713
-
3714
- .messager-tip {
3715
- box-shadow: 0 1px 6px hsl(214 22% 88%);
3716
- height: auto;
3717
- }
3718
-
3719
- .messager-tip .messager-body {
3720
- margin: 0;
3721
- padding: 0 10px;
3722
- height: 40px;
3723
- line-height: 40px;
3724
- }
3725
-
3726
- .messager-tip .messager-body>.f-row {
3727
- align-items: center;
3728
- }
3729
-
3730
- .messager-tip .messager-icon {
3731
- width: 16px;
3732
- height: 16px;
3733
- margin: 0 10px 0 0;
3734
- }
3735
-
3736
- .messager-tip .messager-info {
3737
- background: url('images/messager_icons16.png') no-repeat scroll 0 0;
3738
- }
3739
-
3740
- .messager-tip .messager-question {
3741
- background: url('images/messager_icons16.png') no-repeat scroll -16px 0;
3742
- }
3743
-
3744
- .messager-tip .messager-error {
3745
- background: url('images/messager_icons16.png') no-repeat scroll -32px 0;
3746
- }
3747
-
3748
- .messager-tip .messager-warning {
3749
- background: url('images/messager_icons16.png') no-repeat scroll -48px 0;
3750
- }
3751
-
3752
- .tree {
3753
- margin: 0;
3754
- padding: 0;
3755
- list-style-type: none;
3756
- }
3757
-
3758
- .tree li {
3759
- white-space: nowrap;
3760
- }
3761
-
3762
- .tree li ul {
3763
- list-style-type: none;
3764
- margin: 0;
3765
- padding: 0;
3766
- }
3767
-
3768
- .tree-node {
3769
- height: 26px;
3770
- white-space: nowrap;
3771
- cursor: pointer;
3772
- }
3773
-
3774
- .tree-hit {
3775
- cursor: pointer;
3776
- }
3777
-
3778
- .tree-expanded,
3779
- .tree-collapsed,
3780
- .tree-folder,
3781
- .tree-file,
3782
- .tree-checkbox,
3783
- .tree-indent {
3784
- display: inline-block;
3785
- width: 16px;
3786
- height: 18px;
3787
- margin: 4px 0;
3788
- vertical-align: middle;
3789
- overflow: hidden;
3790
- }
3791
-
3792
- .tree-expanded {
3793
- background: url('images/tree_icons.png') no-repeat -18px 0px;
3794
- }
3795
-
3796
- .tree-expanded-hover {
3797
- background: url('images/tree_icons.png') no-repeat -50px 0px;
3798
- }
3799
-
3800
- .tree-collapsed {
3801
- background: url('images/tree_icons.png') no-repeat 0px 0px;
3802
- }
3803
-
3804
- .tree-collapsed-hover {
3805
- background: url('images/tree_icons.png') no-repeat -32px 0px;
3806
- }
3807
-
3808
- .tree-lines .tree-expanded,
3809
- .tree-lines .tree-root-first .tree-expanded {
3810
- background: url('images/tree_icons.png') no-repeat -144px 0;
3811
- }
3812
-
3813
- .tree-lines .tree-collapsed,
3814
- .tree-lines .tree-root-first .tree-collapsed {
3815
- background: url('images/tree_icons.png') no-repeat -128px 0;
3816
- }
3817
-
3818
- .tree-lines .tree-node-last .tree-expanded,
3819
- .tree-lines .tree-root-one .tree-expanded {
3820
- background: url('images/tree_icons.png') no-repeat -80px 0;
3821
- }
3822
-
3823
- .tree-lines .tree-node-last .tree-collapsed,
3824
- .tree-lines .tree-root-one .tree-collapsed {
3825
- background: url('images/tree_icons.png') no-repeat -64px 0;
3826
- }
3827
-
3828
- .tree-line {
3829
- background: url('images/tree_icons.png') no-repeat -176px 0;
3830
- }
3831
-
3832
- .tree-join {
3833
- background: url('images/tree_icons.png') no-repeat -192px 0;
3834
- }
3835
-
3836
- .tree-joinbottom {
3837
- background: url('images/tree_icons.png') no-repeat -160px 0;
3838
- }
3839
-
3840
- .tree-folder {
3841
- background: url('images/tree_icons.png') no-repeat -208px 0;
3842
- }
3843
-
3844
- .tree-folder-open {
3845
- background: url('images/tree_icons.png') no-repeat -224px 0;
3846
- }
3847
-
3848
- .tree-file {
3849
- background: url('images/tree_icons.png') no-repeat -240px 0;
3850
- }
3851
-
3852
- .tree-loading {
3853
- background: url('images/loading.gif') no-repeat center center;
3854
- }
3855
-
3856
- .tree-checkbox0 {
3857
- background: url('images/tree_icons.png') no-repeat -208px -18px;
3858
- }
3859
-
3860
- .tree-checkbox1 {
3861
- background: url('images/tree_icons.png') no-repeat -224px -18px;
3862
- }
3863
-
3864
- .tree-checkbox2 {
3865
- background: url('images/tree_icons.png') no-repeat -240px -18px;
3866
- }
3867
-
3868
- .tree-title {
3869
- font-size: 14px;
3870
- display: inline-block;
3871
- text-decoration: none;
3872
- vertical-align: middle;
3873
- white-space: nowrap;
3874
- padding: 0 2px;
3875
- margin: 4px 0;
3876
- height: 18px;
3877
- line-height: 18px;
3878
- }
3879
-
3880
- .tree-node-proxy {
3881
- font-size: 14px;
3882
- line-height: 20px;
3883
- padding: 0 2px 0 20px;
3884
- border-width: 1px;
3885
- border-style: solid;
3886
- z-index: 9900000;
3887
- }
3888
-
3889
- .tree-dnd-icon {
3890
- display: inline-block;
3891
- position: absolute;
3892
- width: 16px;
3893
- height: 18px;
3894
- left: 2px;
3895
- top: 50%;
3896
- margin-top: -9px;
3897
- }
3898
-
3899
- .tree-dnd-yes {
3900
- background: url('images/tree_icons.png') no-repeat -256px 0;
3901
- }
3902
-
3903
- .tree-dnd-no {
3904
- background: url('images/tree_icons.png') no-repeat -256px -18px;
3905
- }
3906
-
3907
- .tree-node-top {
3908
- border-top: 1px dotted red;
3909
- }
3910
-
3911
- .tree-node-bottom {
3912
- border-bottom: 1px dotted red;
3913
- }
3914
-
3915
- .tree-node-append .tree-title {
3916
- border: 1px dotted red;
3917
- }
3918
-
3919
- .tree-editor {
3920
- border: 1px solid hsl(214 22% 88%);
3921
- font-size: 14px;
3922
- height: 26px;
3923
- line-height: 26px;
3924
- padding: 0 4px;
3925
- margin: 0;
3926
- width: 80px;
3927
- outline-style: none;
3928
- vertical-align: middle;
3929
- position: absolute;
3930
- top: 0;
3931
- }
3932
-
3933
- .tree-node-proxy {
3934
- background-color: hsl(0 0% 100%);
3935
- color: hsl(222 47% 9%);
3936
- border-color: hsl(214 22% 88%);
3937
- }
3938
-
3939
- .tree-node-hover {
3940
- background: hsl(216 30% 91%);
3941
- color: hsl(222 47% 9%);
3942
- }
3943
-
3944
- .tree-node-selected {
3945
- background: hsl(221 90% 55%);
3946
- color: hsl(222 47% 9%);
3947
- }
3948
-
3949
- .tree-node-disabled {
3950
- opacity: 0.5;
3951
- cursor: default;
3952
- }
3953
-
3954
- .tree-node-hidden {
3955
- display: none;
3956
- }
3957
-
3958
- .inputbox {
3959
- display: inline-block;
3960
- vertical-align: middle;
3961
- overflow: hidden;
3962
- white-space: nowrap;
3963
- margin: 0;
3964
- padding: 0;
3965
- }
3966
-
3967
- .validatebox-invalid {
3968
- border-color: #ffa8a8;
3969
- background-color: hsl(0 0% 100%)3f3;
3970
- color: #000;
3971
- }
3972
-
3973
- .tooltip {
3974
- position: absolute;
3975
- display: none;
3976
- z-index: 9900000;
3977
- outline: none;
3978
- opacity: 1;
3979
- filter: alpha(opacity=100);
3980
- padding: 5px;
3981
- border-width: 1px;
3982
- border-style: solid;
3983
- border-radius: 5px;
3984
- -moz-border-radius: .375rem;
3985
- -webkit-border-radius: .375rem;
3986
- border-radius: .375rem;
3987
- }
3988
-
3989
- .tooltip-content {
3990
- font-size: 14px;
3991
- }
3992
-
3993
- .tooltip-arrow-outer,
3994
- .tooltip-arrow {
3995
- position: absolute;
3996
- width: 0;
3997
- height: 0;
3998
- line-height: 0;
3999
- font-size: 0;
4000
- border-style: solid;
4001
- border-width: 6px;
4002
- border-color: transparent;
4003
- }
4004
-
4005
- .tooltip-arrow {
4006
- display: none \9;
4007
- }
4008
-
4009
- .tooltip-right .tooltip-arrow-outer {
4010
- left: 0;
4011
- top: 50%;
4012
- margin: -6px 0 0 -13px;
4013
- }
4014
-
4015
- .tooltip-right .tooltip-arrow {
4016
- left: 0;
4017
- top: 50%;
4018
- margin: -6px 0 0 -12px;
4019
- }
4020
-
4021
- .tooltip-left .tooltip-arrow-outer {
4022
- right: 0;
4023
- top: 50%;
4024
- margin: -6px -13px 0 0;
4025
- }
4026
-
4027
- .tooltip-left .tooltip-arrow {
4028
- right: 0;
4029
- top: 50%;
4030
- margin: -6px -12px 0 0;
4031
- }
4032
-
4033
- .tooltip-top .tooltip-arrow-outer {
4034
- bottom: 0;
4035
- left: 50%;
4036
- margin: 0 0 -13px -6px;
4037
- }
4038
-
4039
- .tooltip-top .tooltip-arrow {
4040
- bottom: 0;
4041
- left: 50%;
4042
- margin: 0 0 -12px -6px;
4043
- }
4044
-
4045
- .tooltip-bottom .tooltip-arrow-outer {
4046
- top: 0;
4047
- left: 50%;
4048
- margin: -13px 0 0 -6px;
4049
- }
4050
-
4051
- .tooltip-bottom .tooltip-arrow {
4052
- top: 0;
4053
- left: 50%;
4054
- margin: -12px 0 0 -6px;
4055
- }
4056
-
4057
- .tooltip {
4058
- background-color: hsl(0 0% 100%);
4059
- border-color: hsl(214 22% 88%);
4060
- color: hsl(222 47% 9%);
4061
- }
4062
-
4063
- .tooltip-right .tooltip-arrow-outer {
4064
- border-right-color: hsl(214 22% 88%);
4065
- }
4066
-
4067
- .tooltip-right .tooltip-arrow {
4068
- border-right-color: hsl(0 0% 100%);
4069
- }
4070
-
4071
- .tooltip-left .tooltip-arrow-outer {
4072
- border-left-color: hsl(214 22% 88%);
4073
- }
4074
-
4075
- .tooltip-left .tooltip-arrow {
4076
- border-left-color: hsl(0 0% 100%);
4077
- }
4078
-
4079
- .tooltip-top .tooltip-arrow-outer {
4080
- border-top-color: hsl(214 22% 88%);
4081
- }
4082
-
4083
- .tooltip-top .tooltip-arrow {
4084
- border-top-color: hsl(0 0% 100%);
4085
- }
4086
-
4087
- .tooltip-bottom .tooltip-arrow-outer {
4088
- border-bottom-color: hsl(214 22% 88%);
4089
- }
4090
-
4091
- .tooltip-bottom .tooltip-arrow {
4092
- border-bottom-color: hsl(0 0% 100%);
4093
- }
4094
-
4095
- .switchbutton {
4096
- text-decoration: none;
4097
- display: inline-block;
4098
- overflow: hidden;
4099
- vertical-align: middle;
4100
- margin: 0;
4101
- padding: 0;
4102
- cursor: pointer;
4103
- background: hsl(214 22% 88%);
4104
- border: 1px solid hsl(214 22% 88%);
4105
- -moz-border-radius: .375rem;
4106
- -webkit-border-radius: .375rem;
4107
- border-radius: .375rem;
4108
- }
4109
-
4110
- .switchbutton-inner {
4111
- display: inline-block;
4112
- overflow: hidden;
4113
- position: relative;
4114
- top: -1px;
4115
- left: -1px;
4116
- }
4117
-
4118
- .switchbutton-on,
4119
- .switchbutton-off,
4120
- .switchbutton-handle {
4121
- display: inline-block;
4122
- text-align: center;
4123
- height: 100%;
4124
- float: left;
4125
- font-size: 14px;
4126
- -moz-border-radius: .375rem;
4127
- -webkit-border-radius: .375rem;
4128
- border-radius: .375rem;
4129
- }
4130
-
4131
- .switchbutton-on {
4132
- background: hsl(221 90% 55%);
4133
- color: hsl(222 47% 9%);
4134
- }
4135
-
4136
- .switchbutton-off {
4137
- background-color: hsl(0 0% 100%);
4138
- color: hsl(222 47% 9%);
4139
- }
4140
-
4141
- .switchbutton-on,
4142
- .switchbutton-reversed .switchbutton-off {
4143
- -moz-border-radius: .375rem 0 0 .375rem;
4144
- -webkit-border-radius: .375rem 0 0 .375rem;
4145
- border-radius: .375rem 0 0 .375rem;
4146
- }
4147
-
4148
- .switchbutton-off,
4149
- .switchbutton-reversed .switchbutton-on {
4150
- -moz-border-radius: 0 .375rem .375rem 0;
4151
- -webkit-border-radius: 0 .375rem .375rem 0;
4152
- border-radius: 0 .375rem .375rem 0;
4153
- }
4154
-
4155
- /* window title refinement */
4156
- .window .window-header .panel-title {
4157
- height: 24px;
4158
- line-height: 24px;
4159
- font-size: 15px;
4160
- font-weight: 600;
4161
- color: hsl(222 47% 16%);
4162
- letter-spacing: 0.2px;
4163
- padding-right: 28px;
4164
- white-space: nowrap;
4165
- overflow: hidden;
4166
- text-overflow: ellipsis;
4167
- }
4168
-
4169
- /* dialog/window refinement */
4170
- .window {
4171
- padding: 10px 10px 0;
4172
- border: 1px solid hsl(214 30% 85%);
4173
- background: hsl(0 0% 100%);
4174
- box-shadow: 0 16px 40px #165dff1f, 0 6px 18px #165dff14;
4175
- }
4176
-
4177
- .window-shadow {
4178
- background: transparent;
4179
- box-shadow: 0 18px 44px #0000001a;
4180
- }
4181
-
4182
- .window .window-header {
4183
- padding: 4px 4px 12px;
4184
- border-bottom: 1px solid hsl(214 30% 91%);
4185
- }
4186
-
4187
- .window .window-body {
4188
- border-width: 0;
4189
- background: hsl(0 0% 100%);
4190
- color: hsl(222 47% 12%);
4191
- }
4192
-
4193
- .window .panel-footer,
4194
- .dialog-toolbar,
4195
- .dialog-button {
4196
- background: hsl(220 25% 98%);
4197
- }
4198
-
4199
- .window .panel-footer,
4200
- .dialog-button {
4201
- top: 0;
4202
- padding: 12px 16px 16px;
4203
- border-width: 1px 0 0;
4204
- border-color: hsl(214 30% 91%);
4205
- }
4206
-
4207
- .dialog-toolbar {
4208
- padding: 8px 12px;
4209
- border-width: 0 0 1px;
4210
- border-color: hsl(214 30% 91%);
4211
- }
4212
-
4213
- .dialog-button .l-btn {
4214
- margin-left: 8px;
4215
- }
4216
-
4217
- .dialog-button .l-btn:first-child {
4218
- margin-left: 0;
4219
- }
4220
-
4221
- .window .window-header .panel-tool {
4222
- right: 4px;
4223
- margin-top: -14px;
4224
- height: 28px;
4225
- overflow: visible;
4226
- }
4227
-
4228
- .window .window-header .panel-tool a {
4229
- width: 16px;
4230
- height: 16px;
4231
- padding: 6px;
4232
- margin: 0 0 0 4px;
4233
- border-radius: 8px;
4234
- box-sizing: content-box;
4235
- background-origin: content-box;
4236
- background-clip: content-box;
4237
- opacity: 0.8;
4238
- transition: background-color .2s ease, opacity .2s ease, transform .2s ease;
4239
- }
4240
-
4241
- .window .window-header .panel-tool a:hover {
4242
- background-color: hsl(216 60% 93%);
4243
- opacity: 1;
4244
- transform: scale(1.02);
4245
- }
4246
-
4247
- .window .window-header .panel-tool-close:hover {
4248
- background-color: hsl(0 72% 96%);
4249
- }
4250
-
4251
- .window-mask {
4252
- background: #0000004d;
4253
- opacity: 1;
4254
- filter: alpha(opacity=100);
4255
- }
4256
-
4257
- .switchbutton-handle {
4258
- position: absolute;
4259
- top: 0;
4260
- left: 50%;
4261
- background-color: hsl(0 0% 100%);
4262
- color: hsl(222 47% 9%);
4263
- border: 1px solid hsl(214 22% 88%);
4264
- -moz-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4265
- -webkit-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4266
- box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4267
- }
4268
-
4269
- .switchbutton-value {
4270
- position: absolute;
4271
- top: 0;
4272
- left: -5000px;
4273
- }
4274
-
4275
- .switchbutton-disabled {
4276
- opacity: 0.5;
4277
- filter: alpha(opacity=50);
4278
- }
4279
-
4280
- .switchbutton-disabled,
4281
- .switchbutton-readonly {
4282
- cursor: default;
4283
- }
4284
-
4285
- .switchbutton:focus {
4286
- -moz-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4287
- -webkit-box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4288
- box-shadow: 0 0 3px 0 hsl(214 22% 88%);
4289
- outline: none;
4290
- }
4291
-
4292
- .radiobutton {
4293
- position: relative;
4294
- border: 2px solid hsl(204 80% 48%);
4295
- border-radius: 50%;
4296
- }
4297
-
4298
- .radiobutton-inner {
4299
- position: absolute;
4300
- left: 0;
4301
- top: 0;
4302
- width: 100%;
4303
- height: 100%;
4304
- background: hsl(204 80% 48%);
4305
- border-radius: 50%;
4306
- transform: scale(.6);
4307
- }
4308
-
4309
- .radiobutton-disabled {
4310
- opacity: 0.6;
4311
- }
4312
-
4313
- .radiobutton-value {
4314
- position: absolute;
4315
- overflow: hidden;
4316
- width: 1px;
4317
- height: 1px;
4318
- left: -100px;
4319
- }
4320
-
4321
- .checkbox {
4322
- position: relative;
4323
- border: 2px solid hsl(204 80% 48%);
4324
- -moz-border-radius: .375rem;
4325
- -webkit-border-radius: .375rem;
4326
- border-radius: .375rem;
4327
- }
4328
-
4329
- .checkbox-checked {
4330
- border: 0;
4331
- background: hsl(204 80% 48%);
4332
- }
4333
-
4334
- .checkbox-inner {
4335
- position: absolute;
4336
- left: 0;
4337
- top: 0;
4338
- width: 100%;
4339
- height: 100%;
4340
- }
4341
-
4342
- .checkbox path {
4343
- stroke-width: 2px;
4344
- }
4345
-
4346
- .checkbox-disabled {
4347
- opacity: 0.6;
4348
- }
4349
-
4350
- .checkbox-value {
4351
- position: absolute;
4352
- overflow: hidden;
4353
- width: 1px;
4354
- height: 1px;
4355
- left: -100px;
4356
- }
4357
-
4358
- .sidemenu .tree-hit {
4359
- background-image: none;
4360
- }
4361
-
4362
- .sidemenu-default-icon {
4363
- background-image: none;
4364
- width: 0;
4365
- }
4366
-
4367
- .sidemenu .accordion .accordion-header,
4368
- .sidemenu .accordion .accordion-body {
4369
- border-bottom-color: transparent;
4370
- background: transparent;
4371
- }
4372
-
4373
- .sidemenu .accordion .accordion-header {
4374
- color: hsl(221 80% 42%);
4375
- }
4376
-
4377
- .sidemenu .accordion-header .panel-title {
4378
- height: 30px;
4379
- line-height: 30px;
4380
- color: hsl(221 80% 42%);
4381
- }
4382
-
4383
- .sidemenu .accordion-header:hover {
4384
- background: hsl(216 30% 91%);
4385
- color: hsl(221 80% 42%);
4386
- }
4387
-
4388
- .sidemenu .tree-node-hover {
4389
- background: hsl(216 30% 91%);
4390
- color: hsl(221 80% 42%);
4391
- }
4392
-
4393
- .sidemenu .tree-node-selected {
4394
- border-right: 2px solid hsl(204 80% 48%);
4395
- color: hsl(222 47% 9%);
4396
- background: hsl(221 90% 55%);
4397
- }
4398
-
4399
- .sidemenu .tree-node {
4400
- height: 40px;
4401
- }
4402
-
4403
- .sidemenu .tree-title {
4404
- margin: 11px 0;
4405
- }
4406
-
4407
- .sidemenu .tree-node-nonleaf {
4408
- position: relative;
4409
- }
4410
-
4411
- .sidemenu .tree-node-nonleaf::after {
4412
- display: inline-block;
4413
- content: '';
4414
- position: absolute;
4415
- top: 50%;
4416
- margin-top: -8px;
4417
- background: url('images/accordion_arrows.png') no-repeat 0 0;
4418
- width: 16px;
4419
- height: 16px;
4420
- right: 5px;
4421
- }
4422
-
4423
- .sidemenu .tree-node-nonleaf-collapsed::after {
4424
- background: url('images/accordion_arrows.png') no-repeat -16px 0;
4425
- }
4426
-
4427
- .sidemenu-collapsed .panel-icon {
4428
- left: 50%;
4429
- margin-left: -8px;
4430
- }
4431
-
4432
- .sidemenu-collapsed .collapsed-icon {
4433
- position: relative;
4434
- }
4435
-
4436
- .sidemenu-collapsed .collapsed-text {
4437
- text-align: center;
4438
- }
4439
-
4440
- .sidemenu-tooltip {
4441
- padding: 0;
4442
- margin: 0 -12px;
4443
- border: 0;
4444
- }
4445
-
4446
- .sidemenu-tooltip.tooltip-left {
4447
- margin: 0 12px;
4448
- }
4449
-
4450
- .sidemenu-tooltip .tooltip-arrow-outer,
4451
- .sidemenu-tooltip .tooltip-arrow {
4452
- display: none;
4453
- }
4454
-
4455
- .timepicker-panel .clock-wrap {
4456
- position: relative;
4457
- }
4458
-
4459
- .timepicker-panel .clock {
4460
- position: relative;
4461
- background: hsl(216 30% 91%);
4462
- color: hsl(221 80% 42%);
4463
- border-radius: 50%;
4464
- position: absolute;
4465
- left: 50%;
4466
- top: 50%;
4467
- }
4468
-
4469
- .timepicker-panel .clock .item {
4470
- width: 32px;
4471
- height: 32px;
4472
- left: 50%;
4473
- top: 50%;
4474
- margin-left: -16px;
4475
- margin-top: -16px;
4476
- position: absolute;
4477
- user-select: none;
4478
- border-radius: 50%;
4479
- z-index: 9;
4480
- cursor: pointer;
4481
- }
4482
-
4483
- .timepicker-panel .clock .item-selected {
4484
- background: hsl(204 80% 48%);
4485
- color: hsl(222 47% 9%);
4486
- }
4487
-
4488
- .timepicker-panel .clock .hand {
4489
- width: 2px;
4490
- bottom: 50%;
4491
- left: 50%;
4492
- margin-left: -1px;
4493
- top: 20px;
4494
- -webkit-transform-origin: center bottom;
4495
- transform-origin: center bottom;
4496
- position: absolute;
4497
- will-change: transform;
4498
- z-index: 1;
4499
- background-color: hsl(204 80% 48%);
4500
- }
4501
-
4502
- .timepicker-panel .clock .hand .drag {
4503
- top: -16px;
4504
- left: -15px;
4505
- width: 4px;
4506
- height: 4px;
4507
- border: 14px solid hsl(204 80% 48%);
4508
- position: absolute;
4509
- box-sizing: content-box;
4510
- border-radius: 100%;
4511
- background-color: hsl(222 47% 9%);
4512
- }
4513
-
4514
- .timepicker-panel .clock .center {
4515
- top: 50%;
4516
- left: 50%;
4517
- width: 6px;
4518
- height: 6px;
4519
- position: absolute;
4520
- transform: translate(-50%, -50%);
4521
- border-radius: 50%;
4522
- background-color: hsl(204 80% 48%);
4523
- }
4524
-
4525
- .timepicker-panel .panel-header {
4526
- height: 70px;
4527
- border: 0;
4528
- font-size: 36px;
4529
- position: relative;
4530
- }
4531
-
4532
- .timepicker-panel .body {
4533
- position: relative;
4534
- }
4535
-
4536
- .timepicker-panel .panel-header .ampm {
4537
- font-size: 16px;
4538
- padding-left: 10px;
4539
- position: absolute;
4540
- right: 20px;
4541
- }
4542
-
4543
- .timepicker-panel .panel-header .sep {
4544
- opacity: 0.6;
4545
- }
4546
-
4547
- .timepicker-panel .panel-header .title {
4548
- cursor: pointer;
4549
- opacity: 0.6;
4550
- }
4551
-
4552
- .timepicker-panel .panel-header .title:hover {
4553
- opacity: 1.0;
4554
- }
4555
-
4556
- .timepicker-panel .panel-header .title-selected,
4557
- .timepicker-panel .panel-header .title-selected:hover {
4558
- cursor: default;
4559
- opacity: 1.0;
4560
- }
4561
-
4562
-
4563
- /* custom theme additions */
4564
- body {
4565
- background: hsl(220 25% 97%);
4566
- color: hsl(222 47% 9%);
4567
- }
4568
-
4569
- .panel,
4570
- .window,
4571
- .dialog-button,
4572
- .dialog-toolbar,
4573
- .datagrid,
4574
- .tabs-panels,
4575
- .calendar,
4576
- .tooltip,
4577
- .menu,
4578
- .accordion,
4579
- .textbox,
4580
- .combo-panel {
4581
- box-shadow: 0 1px 3px #165dff0f, 0 4px 12px #165dff0d;
4582
- }
4583
-
4584
- .panel,
4585
- .window,
4586
- .accordion,
4587
- .tabs-panels,
4588
- .menu,
4589
- .tooltip,
4590
- .textbox,
4591
- .spinner,
4592
- .searchbox,
4593
- .combo-panel,
4594
- .calendar {
4595
- border-radius: .375rem;
4596
- }
4597
-
4598
- .panel-header,
4599
- .window .window-header,
4600
- .accordion .accordion-header {
4601
- background: linear-gradient(to bottom, hsl(220 45% 98%) 0, hsl(0 0% 100%) 100%);
4602
- color: hsl(221 80% 42%);
4603
- border-color: hsl(214 22% 88%);
4604
- }
4605
-
4606
- .panel-body,
4607
- .window,
4608
- .window .window-body,
4609
- .accordion,
4610
- .tabs-panels,
4611
- .menu,
4612
- .calendar,
4613
- .tooltip {
4614
- background-color: hsl(0 0% 100%);
4615
- color: hsl(222 47% 9%);
4616
- }
4617
-
4618
- .textbox,
4619
- .spinner,
4620
- .searchbox,
4621
- .combo {
4622
- border-color: hsl(214 22% 88%);
4623
- background: hsl(0 0% 100%);
4624
- }
4625
-
4626
- .textbox .textbox-text,
4627
- .searchbox .textbox-text {
4628
- height: 32px;
4629
- line-height: 32px;
4630
- color: hsl(222 47% 9%);
4631
- }
4632
-
4633
- .textbox-focused,
4634
- .spinner:focus-within,
4635
- .searchbox:focus-within,
4636
- .combo-arrow-hover,
4637
- .searchbox .l-btn-plain:hover {
4638
- border-color: hsl(221 90% 55%) !important;
4639
- box-shadow: 0 0 0 3px hsl(216 30% 91%);
4640
- }
4641
-
4642
- .tabs-header,
4643
- .tabs-tool {
4644
- background: transparent;
4645
- border-color: hsl(214 22% 88%);
4646
- }
4647
-
4648
- .tabs {
4649
- border-color: hsl(214 22% 88%);
4650
- padding-left: 0;
4651
- }
4652
-
4653
- .tabs li {
4654
- margin-right: 6px;
4655
- }
4656
-
4657
- .tabs li .tabs-inner {
4658
- height: 32px;
4659
- line-height: 32px;
4660
- padding: 0 14px;
4661
- border-radius: .375rem .375rem 0 0;
4662
- background: hsl(216 30% 94%);
4663
- border-color: hsl(214 22% 88%);
4664
- color: hsl(217 18% 46%);
4665
- transition: all .2s ease;
4666
- }
4667
-
4668
- .tabs li .tabs-inner:hover {
4669
- background: hsl(216 30% 91%);
4670
- color: hsl(221 80% 42%);
4671
- box-shadow: none;
4672
- }
4673
-
4674
- .tabs li.tabs-selected .tabs-inner {
4675
- background: hsl(0 0% 100%);
4676
- color: hsl(221 80% 42%);
4677
- border-bottom-color: hsl(0 0% 100%);
4678
- box-shadow: 0 2px 0 hsl(221 90% 55%) inset;
4679
- }
4680
-
4681
- .tabs-panels {
4682
- border-color: hsl(214 22% 88%);
4683
- border-radius: 0 .375rem .375rem .375rem;
4684
- }
4685
-
4686
- .datagrid-header,
4687
- .datagrid-toolbar,
4688
- .datagrid-pager,
4689
- .datagrid-footer-inner,
4690
- .datagrid-td-rownumber {
4691
- background: hsl(220 45% 98%);
4692
- color: hsl(222 47% 20%);
4693
- border-color: hsl(214 22% 88%);
4694
- }
4695
-
4696
- .datagrid-header td,
4697
- .datagrid-body td,
4698
- .datagrid-footer td {
4699
- border-color: hsl(214 22% 88%);
4700
- }
4701
-
4702
- .datagrid-row-over,
4703
- .datagrid-header td.datagrid-header-over {
4704
- background: hsl(216 30% 91%);
4705
- color: hsl(222 47% 9%);
4706
- }
4707
-
4708
- .datagrid-row-alt {
4709
- background: hsl(220 25% 97%);
4710
- }
4711
-
4712
- .datagrid-row-selected,
4713
- .tree-node-selected .tree-title,
4714
- .tabs-header .tabs-pill li.tabs-selected .tabs-inner,
4715
- .menu-active,
4716
- .menu-active:hover {
4717
- background: hsl(221 90% 55%) !important;
4718
- color: hsl(0 0% 100%) !important;
4719
- }
4720
-
4721
- .tree-node-hover,
4722
- .accordion .accordion-header:hover,
4723
- .menu-item:hover {
4724
- background: hsl(216 30% 91%);
4725
- color: hsl(221 80% 42%);
4726
- }
4727
-
4728
- .menu {
4729
- border-color: hsl(214 22% 88%);
4730
- }
4731
-
4732
- .menu-line,
4733
- .menu-sep {
4734
- border-color: hsl(214 22% 88%);
4735
- }
4736
-
4737
- .tooltip {
4738
- border-color: hsl(214 22% 88%);
4739
- }
4740
-
4741
- .progressbar {
4742
- border-color: hsl(214 22% 88%);
4743
- background: hsl(216 30% 94%);
4744
- }
4745
-
4746
- .progressbar-value,
4747
- .progressbar-value .progressbar-text {
4748
- background: hsl(221 90% 55%);
4749
- color: hsl(0 0% 100%);
4750
- }