hellfire 0.23.4 → 0.24.1

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.
@@ -1,1957 +0,0 @@
1
- .popover-template .popover-template-header {
2
- padding: 12px 20px 3px;
3
- font-size: 12px;
4
- color: #777;
5
- border-top: 1px solid #e5e5e5;
6
- margin-top: 9px;
7
- }
8
- .popover-template .popover-template-header:first-child {
9
- border-top: none;
10
- padding: 3px 20px;
11
- margin-top: 0;
12
- }
13
- .popover-template .popover-template-icon {
14
- display: inline-block;
15
- width: 1.28571em;
16
- height: 1em;
17
- margin-right: 2px;
18
- }
19
- .popover-template .popover-template-icon svg {
20
- vertical-align: middle;
21
- }
22
- .popover-template .popover-template-row,
23
- .popover-template .popover-template-row-no-hover,
24
- .popover-template .popover-template-row-match {
25
- padding: 3px 20px;
26
- font-size: 14px;
27
- color: #53585f;
28
- cursor: pointer;
29
- white-space: nowrap;
30
- }
31
- .popover-template .popover-template-row-match {
32
- color: #fff;
33
- background: #7f8592;
34
- }
35
- .popover-template .popover-template-row:hover {
36
- color: #fff;
37
- background: #777777;
38
- }
39
-
40
- .paladin-wwwc .paladin-wwwc-item {
41
- padding: 3px 20px;
42
- font-size: 14px;
43
- color: #53585f;
44
- cursor: pointer;
45
- white-space: nowrap;
46
- }
47
- .paladin-wwwc .paladin-wwwc-item:hover {
48
- color: #fff;
49
- background: #777777;
50
- }
51
- .paladin-wwwc .paladin-wwwc-item-prefix {
52
- display: inline-block;
53
- width: 50px;
54
- }
55
- .paladin-wwwc .paladin-wwwc-item-prefix svg {
56
- width: 15px;
57
- vertical-align: middle;
58
- }
59
- .paladin-wwwc .paladin-wwwc-item-label {
60
- display: inline-block;
61
- width: 55px;
62
- white-space: nowrap;
63
- text-overflow: ellipsis;
64
- overflow-x: hidden;
65
- vertical-align: top;
66
- }
67
- .paladin-wwwc .paladin-wwwc-item-value {
68
- display: inline-block;
69
- width: calc(100% - 100px);
70
- text-align: right;
71
- font-style: oblique;
72
- }
73
- .paladin-wwwc .paladin-wwwc-custom-icon {
74
- display: inline-block;
75
- width: 1.28571em;
76
- height: 1em;
77
- margin-right: 2px;
78
- }
79
- .paladin-wwwc .paladin-wwwc-custom-icon svg {
80
- vertical-align: middle;
81
- }
82
- .paladin-wwwc-set-modal .paladin-wwwc-set-table {
83
- border-collapse: collapse;
84
- width: 100%;
85
- }
86
- .paladin-wwwc-set-modal .paladin-wwwc-set-table th,
87
- .paladin-wwwc-set-modal .paladin-wwwc-set-table td {
88
- padding: 16px 0;
89
- text-align: center;
90
- font-size: 14px;
91
- }
92
- .paladin-wwwc-set-modal .paladin-wwwc-set-table th {
93
- background: #fafafa;
94
- }
95
- .paladin-wwwc-set-modal .paladin-wwwc-set-table th:last-child {
96
- width: 250px;
97
- }
98
-
99
- .paladin-ipt {
100
- box-sizing: border-box;
101
- width: 100%;
102
- height: 34px;
103
- padding: 6px 12px;
104
- background-color: transparent;
105
- background-image: none;
106
- border: 1px solid #ccc;
107
- border-radius: 8px;
108
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
109
- display: block;
110
- font-size: 14px;
111
- line-height: 1.42857;
112
- color: #555;
113
- }
114
- .paladin-ipt:focus {
115
- outline: none;
116
- }
117
-
118
- .paladin-row {
119
- display: flex;
120
- box-sizing: border-box;
121
- flex-direction: row;
122
- flex-wrap: wrap;
123
- flex: 0 1 auto;
124
- }
125
-
126
- .paladin-col {
127
- display: flex;
128
- flex-direction: column;
129
- box-sizing: border-box;
130
- flex: 0 0 auto;
131
- }
132
- .paladin-col-1 {
133
- flex-basis: 8.333333%;
134
- max-width: 8.3333333%;
135
- }
136
- .paladin-col-2 {
137
- flex-basis: 16.666666%;
138
- max-width: 16.666666%;
139
- }
140
- .paladin-col-3 {
141
- flex-basis: 25%;
142
- max-width: 25%;
143
- }
144
- .paladin-col-4 {
145
- flex-basis: 33.333333%;
146
- max-width: 33.333333%;
147
- }
148
- .paladin-col-5 {
149
- flex-basis: 41.666666%;
150
- max-width: 41.666666%;
151
- }
152
- .paladin-col-6 {
153
- flex-basis: 50%;
154
- max-width: 50%;
155
- }
156
- .paladin-col-7 {
157
- flex-basis: 58.333333%;
158
- max-width: 58.333333%;
159
- }
160
- .paladin-col-8 {
161
- flex-basis: 66.666666%;
162
- max-width: 66.666666%;
163
- }
164
- .paladin-col-9 {
165
- flex-basis: 75%;
166
- max-width: 75%;
167
- }
168
- .paladin-col-10 {
169
- flex-basis: 83.333333%;
170
- max-width: 83.333333%;
171
- }
172
- .paladin-col-11 {
173
- flex-basis: 91.666666%;
174
- max-width: 91.666666%;
175
- }
176
- .paladin-col-12 {
177
- flex-basis: 100%;
178
- max-width: 100%;
179
- }
180
- .paladin-col-xs-1 {
181
- flex-basis: 8.333333%;
182
- max-width: 8.3333333%;
183
- }
184
- .paladin-col-xs-2 {
185
- flex-basis: 16.666666%;
186
- max-width: 16.666666%;
187
- }
188
- .paladin-col-xs-3 {
189
- flex-basis: 25%;
190
- max-width: 25%;
191
- }
192
- .paladin-col-xs-4 {
193
- flex-basis: 33.333333%;
194
- max-width: 33.333333%;
195
- }
196
- .paladin-col-xs-5 {
197
- flex-basis: 41.666666%;
198
- max-width: 41.666666%;
199
- }
200
- .paladin-col-xs-6 {
201
- flex-basis: 50%;
202
- max-width: 50%;
203
- }
204
- .paladin-col-xs-7 {
205
- flex-basis: 58.333333%;
206
- max-width: 58.333333%;
207
- }
208
- .paladin-col-xs-8 {
209
- flex-basis: 66.666666%;
210
- max-width: 66.666666%;
211
- }
212
- .paladin-col-xs-9 {
213
- flex-basis: 75%;
214
- max-width: 75%;
215
- }
216
- .paladin-col-xs-10 {
217
- flex-basis: 83.333333%;
218
- max-width: 83.333333%;
219
- }
220
- .paladin-col-xs-11 {
221
- flex-basis: 91.666666%;
222
- max-width: 91.666666%;
223
- }
224
- .paladin-col-xs-12 {
225
- flex-basis: 100%;
226
- max-width: 100%;
227
- }
228
- @media only screen and (min-width: 576px) {
229
- .paladin-col-sm-1 {
230
- flex-basis: 8.333333%;
231
- max-width: 8.3333333%;
232
- }
233
- .paladin-col-sm-2 {
234
- flex-basis: 16.666666%;
235
- max-width: 16.666666%;
236
- }
237
- .paladin-col-sm-3 {
238
- flex-basis: 25%;
239
- max-width: 25%;
240
- }
241
- .paladin-col-sm-4 {
242
- flex-basis: 33.333333%;
243
- max-width: 33.333333%;
244
- }
245
- .paladin-col-sm-5 {
246
- flex-basis: 41.666666%;
247
- max-width: 41.666666%;
248
- }
249
- .paladin-col-sm-6 {
250
- flex-basis: 50%;
251
- max-width: 50%;
252
- }
253
- .paladin-col-sm-7 {
254
- flex-basis: 58.333333%;
255
- max-width: 58.333333%;
256
- }
257
- .paladin-col-sm-8 {
258
- flex-basis: 66.666666%;
259
- max-width: 66.666666%;
260
- }
261
- .paladin-col-sm-9 {
262
- flex-basis: 75%;
263
- max-width: 75%;
264
- }
265
- .paladin-col-sm-10 {
266
- flex-basis: 83.333333%;
267
- max-width: 83.333333%;
268
- }
269
- .paladin-col-sm-11 {
270
- flex-basis: 91.666666%;
271
- max-width: 91.666666%;
272
- }
273
- .paladin-col-sm-12 {
274
- flex-basis: 100%;
275
- max-width: 100%;
276
- }
277
- }
278
-
279
- .paladin-modal {
280
- position: fixed;
281
- left: 0;
282
- top: 0;
283
- right: 0;
284
- bottom: 0;
285
- width: 100vw;
286
- height: 100vh;
287
- overflow: visible;
288
- z-index: 99;
289
- }
290
- .paladin-modal svg {
291
- width: 100%;
292
- height: 100%;
293
- }
294
- .paladin-modal-backdrop {
295
- position: absolute;
296
- z-index: 1000;
297
- width: 100%;
298
- height: 100%;
299
- background: rgba(0, 0, 0, 0.5);
300
- }
301
- .paladin-modal-wrapper {
302
- position: absolute;
303
- top: 0;
304
- left: 0;
305
- width: 100%;
306
- height: 100%;
307
- overflow-x: visible;
308
- overflow-y: scroll;
309
- z-index: 1001;
310
- }
311
- .paladin-modal-container {
312
- position: absolute;
313
- width: auto;
314
- background: #ffffff;
315
- top: 50%;
316
- left: 50%;
317
- transform: translate(-50%, -50%);
318
- border-radius: 6px;
319
- box-sizing: border-box;
320
- z-index: 1001;
321
- max-height: 100%;
322
- overflow: hidden;
323
- overflow-y: scroll;
324
- }
325
- @media (min-width: 768px) {
326
- .paladin-modal-container {
327
- width: 600px;
328
- }
329
- }
330
- @media screen and (min-width: 992px) {
331
- .paladin-modal-container {
332
- width: 83.3333333%;
333
- }
334
- }
335
- @media (max-width: 768px) {
336
- .paladin-modal-container {
337
- width: 95%;
338
- }
339
- }
340
- .paladin-modal-header {
341
- padding: 15px;
342
- border-bottom: 1px solid #e5e5e5;
343
- font-size: 18px;
344
- font-weight: 500;
345
- line-height: 1.42857;
346
- margin: 0;
347
- color: #727882;
348
- position: relative;
349
- }
350
- .paladin-modal-close {
351
- position: absolute;
352
- right: 20px;
353
- display: inline-block;
354
- width: 15px;
355
- height: 15px;
356
- cursor: pointer;
357
- }
358
- .paladin-modal-body {
359
- padding: 15px;
360
- box-sizing: border-box;
361
- }
362
- .paladin-modal-footer {
363
- padding: 15px;
364
- text-align: right;
365
- border-top: 1px solid #e5e5e5;
366
- }
367
- .paladin-modal-footer button {
368
- margin-left: 4px;
369
- }
370
-
371
- .paladin-btn {
372
- margin: 0;
373
- display: inline-block;
374
- font-weight: 400;
375
- text-align: center;
376
- vertical-align: middle;
377
- touch-action: manipulation;
378
- cursor: pointer;
379
- background-image: none;
380
- border: 1px solid transparent;
381
- white-space: nowrap;
382
- padding: 6px 12px;
383
- font-size: 14px;
384
- line-height: 1.42857;
385
- border-radius: 4px;
386
- -webkit-user-select: none;
387
- -moz-user-select: none;
388
- -ms-user-select: none;
389
- user-select: none;
390
- }
391
- .paladin-btn-active {
392
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
393
- }
394
- .paladin-primary {
395
- color: #fff;
396
- background-color: #337ab7;
397
- border-color: #2e6da4;
398
- }
399
- .paladin-success {
400
- color: #fff;
401
- background-color: #008b8b;
402
- border-color: #007272;
403
- }
404
- .paladin-default {
405
- color: #333;
406
- background-color: #fff;
407
- border-color: #ccc;
408
- }
409
- .paladin-default.paladin-btn-active {
410
- color: #333;
411
- background-color: #e6e6e6;
412
- border-color: #adadad;
413
- }
414
- .paladin-info {
415
- color: #fff;
416
- background-color: #659bd2;
417
- border-color: #518ecc;
418
- }
419
- .paladin-warning {
420
- color: #fff;
421
- background-color: #f0ad4e;
422
- border-color: #eea236;
423
- }
424
- .paladin-danger {
425
- color: #fff;
426
- background-color: #d9534f;
427
- border-color: #d43f3a;
428
- }
429
-
430
- .paladin-btn-group .paladin-btn:first-child:not(:last-child) {
431
- border-bottom-right-radius: 0;
432
- border-top-right-radius: 0;
433
- }
434
- .paladin-btn-group .paladin-btn:last-child:not(:first-child) {
435
- border-bottom-left-radius: 0;
436
- border-top-left-radius: 0;
437
- }
438
-
439
- .allow-select * {
440
- -webkit-user-select: text !important;
441
- -moz-user-select: text !important;
442
- -ms-user-select: text !important;
443
- user-select: text !important;
444
- }
445
- .paladin-table {
446
- margin-top: 10px;
447
- font-size: 14px;
448
- color: #727882;
449
- font-family: lucida console, monospace;
450
- word-break: break-all;
451
- }
452
- .paladin-table .paladin-table-th {
453
- background: #698b69;
454
- color: #fff;
455
- padding: 5px;
456
- }
457
- .paladin-table .paladin-tbody-row {
458
- border-bottom: 1px solid lightgrey;
459
- }
460
- .paladin-table .paladin-tbody-row:hover .td {
461
- background: #ddd;
462
- color: inherit;
463
- }
464
- .paladin-table .paladin-tbody-row:nth-child(even) {
465
- background: #eee;
466
- color: inherit;
467
- }
468
- .paladin-table .paladin-tbody-td {
469
- padding: 5px;
470
- }
471
- .paladin-table .paladin-key {
472
- background-color: #7ac5cd;
473
- color: white;
474
- }
475
- .paladin-table .paladin-childKey {
476
- background-color: #49898F;
477
- color: white;
478
- }
479
- .paladin-table .paladin-private {
480
- color: orange;
481
- }
482
- .paladin-table .paladin-row-parent-icon {
483
- display: inline-block;
484
- background: #fff;
485
- border-radius: 2px;
486
- margin-right: 3px;
487
- color: #00a4fe;
488
- width: 16px;
489
- height: 16px;
490
- position: relative;
491
- vertical-align: middle;
492
- }
493
- .paladin-table .paladin-row-parent-icon span {
494
- position: absolute;
495
- left: 50%;
496
- top: 50%;
497
- transform: translate(-50%, -51%);
498
- display: inline-block;
499
- width: 13px;
500
- height: 13px;
501
- line-height: 13px;
502
- font-size: 13px;
503
- text-align: center;
504
- }
505
-
506
- .paladin-imageTool {
507
- background: #fff;
508
- padding: 5px 0;
509
- min-width: 185px;
510
- max-width: 280px;
511
- }
512
- .paladin-imageTool .paladin-imageTool-header {
513
- padding: 12px 20px 3px;
514
- font-size: 12px;
515
- color: #777;
516
- border-top: 1px solid #e5e5e5;
517
- margin-top: 9px;
518
- clear: both;
519
- }
520
- .paladin-imageTool .paladin-imageTool-header:first-child {
521
- border-top: none;
522
- padding: 3px 20px;
523
- margin-top: 0;
524
- }
525
- .paladin-imageTool .paladin-imageTool-icon {
526
- display: inline-block;
527
- width: 1.28571em;
528
- height: 1em;
529
- margin-right: 2px;
530
- }
531
- .paladin-imageTool .paladin-imageTool-icon svg {
532
- vertical-align: middle;
533
- }
534
- .paladin-imageTool .paladin-imageTool-row {
535
- padding: 3px 20px;
536
- font-size: 14px;
537
- color: #53585f;
538
- cursor: pointer;
539
- white-space: nowrap;
540
- display: block;
541
- clear: both;
542
- overflow: hidden;
543
- }
544
- .paladin-imageTool .paladin-imageTool-row:hover {
545
- color: #fff;
546
- background: #777777;
547
- }
548
- .paladin-imageTool .paladin-imageTool-canvas {
549
- float: right;
550
- }
551
- .paladin-imageTool .paladin-imageTool-text {
552
- float: left;
553
- }
554
-
555
- .paladin-global-msg {
556
- position: absolute;
557
- top: 10px;
558
- left: 50%;
559
- transform: translateX(-50%);
560
- z-index: 2;
561
- padding: 5px 10px;
562
- border-radius: 4px;
563
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
564
- background: #ffffff;
565
- color: #666;
566
- font-size: 14px;
567
- }
568
- .paladin-global-msg svg {
569
- vertical-align: middle;
570
- width: 18px !important;
571
- height: 18px !important;
572
- margin-right: 5px;
573
- }
574
- .paladin-global-msg-error svg {
575
- color: red;
576
- }
577
- .paladin-global-msg-info svg {
578
- color: #00a4fe;
579
- }
580
- .paladin-global-msg-success svg {
581
- color: #2FC761;
582
- }
583
-
584
- .popper-tooltip-arrow {
585
- position: absolute;
586
- width: 0;
587
- height: 0;
588
- border-width: 4px;
589
- border-style: solid;
590
- border-color: transparent #000 transparent transparent;
591
- }
592
- .popper-arrow {
593
- position: absolute;
594
- width: 0;
595
- height: 0;
596
- border-width: 10px;
597
- border-style: solid;
598
- border-color: transparent #fff transparent transparent;
599
- }
600
- .arrow-right {
601
- left: 0;
602
- transform: translateX(-100%);
603
- }
604
- .arrow-top {
605
- bottom: 0;
606
- transform: translateY(100%) rotate(-90deg);
607
- }
608
- .arrow-bottom {
609
- top: 0;
610
- transform: translateY(-100%) rotate(90deg);
611
- }
612
- .arrow-left {
613
- right: 0;
614
- transform: translateX(100%) rotate(180deg);
615
- }
616
-
617
- .paladin-cine-row {
618
- padding: 3px 20px;
619
- width: 100%;
620
- height: 40px;
621
- }
622
- .paladin-cine-row .paladin-cine-label {
623
- font-size: 12px;
624
- color: #727882;
625
- justify-content: center;
626
- white-space: nowrap;
627
- }
628
- .paladin-cine-row .paladin-cine-input {
629
- padding: 0 8px;
630
- justify-content: center;
631
- align-items: center;
632
- }
633
- .paladin-cine-row .paladin-cine-input input {
634
- height: 20px;
635
- padding: 0;
636
- width: 80%;
637
- }
638
- .paladin-cine-row .paladin-cine-svg {
639
- height: 100%;
640
- }
641
- .paladin-cine-row .paladin-cine-svg .paladin-row {
642
- height: 20px;
643
- }
644
- .paladin-cine-row .paladin-cine-svg svg {
645
- fill: #727882;
646
- }
647
- .paladin-cine-svg-play svg {
648
- width: 12px !important;
649
- height: 12px !important;
650
- fill: #727882;
651
- }
652
-
653
- .paladin-tool-go-flatten {
654
- cursor: pointer;
655
- font-size: 12px;
656
- height: 32px;
657
- text-align: center;
658
- border-bottom: 1px solid #fff;
659
- background: #353535;
660
- position: relative;
661
- z-index: 999;
662
- color: #fff;
663
- }
664
- .paladin-tool-go-flatten svg {
665
- width: 7px !important;
666
- color: #fff;
667
- }
668
- .paladin-tool-go-flatten:hover {
669
- background: #d4d4d4;
670
- }
671
- .paladin-tool-go-flatten:hover svg {
672
- color: #333;
673
- }
674
- .paladin-tool-go-line {
675
- cursor: pointer;
676
- position: absolute;
677
- display: flex;
678
- align-items: center;
679
- justify-content: center;
680
- right: 0;
681
- margin-top: 6px;
682
- height: 34px;
683
- }
684
- .paladin-tool-go-line .paladin-full-content {
685
- width: 24px;
686
- }
687
- .paladin-tool-go-line svg {
688
- width: 8px !important;
689
- color: #fff;
690
- }
691
- .paladin-tool-go-line:hover {
692
- background: #d4d4d4;
693
- }
694
- .paladin-tool-go-line:hover svg {
695
- color: #333;
696
- }
697
- .paladin-tool-item {
698
- background: #fff;
699
- padding: 5px 0;
700
- min-width: 160px;
701
- max-width: 280px;
702
- }
703
- .paladin-tool-lg-content {
704
- border-bottom: 1px solid #5b5b5b;
705
- }
706
- .paladin-tool-lg-content .paladin-tool-lg-item {
707
- display: flex;
708
- flex-direction: column;
709
- box-sizing: border-box;
710
- flex: 1;
711
- border-top: 1px solid #5b5b5b;
712
- color: #b0b0b0;
713
- font-size: 12px;
714
- text-align: center;
715
- padding: 8px 10px;
716
- cursor: pointer;
717
- }
718
- .paladin-tool-lg-content .paladin-tool-lg-item:last-child {
719
- border-left: 1px solid #5b5b5b;
720
- }
721
- .paladin-tool-lg-content .paladin-tool-lg-item:hover {
722
- color: #fff;
723
- }
724
- .paladin-tool-lg-content .paladin-tool-lg-item-active {
725
- background: #0d5075;
726
- color: #fff;
727
- }
728
- .paladin-tool-flatten-vertical-wrapper {
729
- width: 228px;
730
- height: 100%;
731
- display: flex;
732
- flex-direction: column;
733
- }
734
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-wrapper {
735
- margin: 6px 2px;
736
- }
737
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-nav {
738
- cursor: pointer;
739
- font-size: 13px;
740
- color: #e2e2e2;
741
- padding: 8px 10px;
742
- border-top: 1px solid #5b5b5b;
743
- border-bottom: 1px solid #5b5b5b;
744
- border-left: 1px solid #5b5b5b;
745
- }
746
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-qa {
747
- cursor: pointer;
748
- margin-left: 15px;
749
- color: #e2e2e2;
750
- }
751
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-qa svg {
752
- width: 22px;
753
- }
754
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-nav-active {
755
- color: #c8c8c8;
756
- background-color: #5b5b5b;
757
- }
758
- .paladin-tool-flatten-vertical-wrapper .paladin-tool-space-line {
759
- border-top: 1px solid gray;
760
- margin-top: 6px;
761
- padding-top: 6px;
762
- }
763
- .paladin-tool-flatten-hor-wrapper {
764
- position: relative;
765
- z-index: 100;
766
- width: 100%;
767
- display: flex;
768
- flex-direction: row;
769
- }
770
- .paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line {
771
- display: flex;
772
- flex-direction: column;
773
- }
774
- .paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content {
775
- width: 24px;
776
- height: 100%;
777
- text-align: center;
778
- line-height: 100%;
779
- }
780
- .paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content svg {
781
- width: 10px !important;
782
- color: #fff;
783
- }
784
- .paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover {
785
- background: #d4d4d4;
786
- }
787
- .paladin-tool-flatten-hor-wrapper .paladin-flatten-hor-go-line .paladin-flatten-hor-go-line-content:hover svg {
788
- color: #333;
789
- }
790
- .paladin-tool-flatten-hor-wrapper .paladin-tool-nav-wrapper {
791
- padding: 5px;
792
- }
793
- .paladin-tool-flatten-hor-wrapper .paladin-tool-nav {
794
- cursor: pointer;
795
- font-size: 13px;
796
- color: #e2e2e2;
797
- padding: 8px 10px;
798
- border: 1px solid #5b5b5b;
799
- margin-bottom: 5px;
800
- text-align: center;
801
- }
802
- .paladin-tool-flatten-hor-wrapper .paladin-tool-qa {
803
- cursor: pointer;
804
- margin: 5px auto;
805
- color: #e2e2e2;
806
- }
807
- .paladin-tool-flatten-hor-wrapper .paladin-tool-qa svg {
808
- width: 20px;
809
- }
810
- .paladin-tool-flatten-hor-wrapper .paladin-tool-nav-active {
811
- color: #c8c8c8;
812
- background-color: #5b5b5b;
813
- }
814
- .paladin-tool-flatten-hor-wrapper .paladin-tool-lg-item {
815
- border: 1px solid #5b5b5b;
816
- }
817
- .paladin-tool-space-line-3d {
818
- border-top: 1px solid gray;
819
- margin-top: 6px;
820
- }
821
- .paladin-tool-space-line-mip {
822
- margin-top: 6px;
823
- padding-top: 6px;
824
- }
825
- .paladin-tool-subtitle {
826
- font-size: 12px;
827
- color: gray;
828
- padding: 4px 2px 3px 2px;
829
- }
830
- .paladin-hor-border {
831
- border-right: 1px solid #666;
832
- margin-right: 6px;
833
- }
834
- .paladin-hor-three-content {
835
- position: relative;
836
- padding-left: 13px;
837
- }
838
- .paladin-hor-three-content .paladin-hor-three-title {
839
- position: absolute;
840
- left: 0;
841
- top: 2px;
842
- width: 12px;
843
- font-size: 12px;
844
- word-break: break-all;
845
- color: gray;
846
- }
847
- .paladin-hor-three-content .paladin-hor-three-title-bottom {
848
- position: absolute;
849
- top: 2px;
850
- width: 12px;
851
- font-size: 12px;
852
- word-break: break-all;
853
- color: gray;
854
- left: 0;
855
- top: 80px;
856
- }
857
- .paladin-dicom-tool-tab-more {
858
- display: inline-block;
859
- padding-left: 5px;
860
- }
861
- .paladin-dicom-tool-tab-more svg {
862
- width: 7px !important;
863
- color: #c0c0c0 !important;
864
- }
865
-
866
- .paladin-setting-row {
867
- margin-bottom: 10px;
868
- }
869
- .paladin-setting-row div {
870
- padding: 0 10px;
871
- box-sizing: border-box;
872
- height: 33px;
873
- }
874
- .paladin-setting-row button {
875
- width: 100%;
876
- height: 100%;
877
- }
878
- .paladin-sort-container {
879
- display: inline-block;
880
- }
881
- .paladin-sort-item {
882
- box-sizing: border-box;
883
- margin: 6px auto;
884
- position: relative;
885
- z-index: 1;
886
- }
887
- .paladin-sort-item svg {
888
- width: 100%;
889
- height: 100%;
890
- fill: #727882;
891
- }
892
-
893
- .lightHoverStyle {
894
- background-color: #d4d4d4;
895
- color: #333;
896
- }
897
- .darkHoverStyle {
898
- color: black !important;
899
- background-color: #a4a4a4;
900
- border-color: #8c8c8c;
901
- }
902
- .paladin-tool-button,
903
- .paladin-tool-button-nohover {
904
- text-align: center;
905
- width: 64px;
906
- height: 56px;
907
- color: white;
908
- line-height: 56px;
909
- cursor: pointer;
910
- }
911
- .paladin-tool-button:active,
912
- .paladin-tool-button-nohover:active {
913
- background-color: #d4d4d4;
914
- color: #333;
915
- }
916
- .paladin-show-more-button,
917
- .paladin-show-more-button-nohover {
918
- display: flex;
919
- flex-direction: column;
920
- width: 20px;
921
- height: 56px;
922
- line-height: 56px;
923
- justify-content: center;
924
- align-items: center;
925
- color: white;
926
- cursor: pointer;
927
- }
928
- .paladin-show-more-button:hover,
929
- .paladin-tool-button:hover,
930
- .paladin-more-active {
931
- color: black !important;
932
- background-color: #a4a4a4;
933
- border-color: #8c8c8c;
934
- }
935
- .paladin-tool-active {
936
- background-color: #d4d4d4;
937
- color: #333;
938
- }
939
- .paladin-tool-active:hover {
940
- background-color: #d4d4d4;
941
- color: #333;
942
- }
943
- .paladin-dicomToolItem-text {
944
- height: 100%;
945
- display: inline-block;
946
- }
947
-
948
- .paladin-tool-item-plus {
949
- width: 46px;
950
- cursor: pointer;
951
- display: flex;
952
- flex-direction: column;
953
- border: 1px solid #252525;
954
- margin: 2px;
955
- }
956
- .paladin-tool-item-plus .paladin-tool-item-plus-label {
957
- display: flex;
958
- flex-direction: row;
959
- font-size: 12px;
960
- white-space: nowrap;
961
- color: #c0c0c0;
962
- margin-top: 5px;
963
- overflow: hidden;
964
- text-align: center;
965
- word-break: break-all;
966
- justify-content: center;
967
- }
968
- .paladin-tool-item-plus .paladin-tool-item-plus-icon {
969
- display: flex;
970
- flex-direction: row;
971
- align-items: center;
972
- justify-content: center;
973
- }
974
- .paladin-tool-item-plus .paladin-tool-item-plus-icon svg {
975
- width: 22px;
976
- height: 22px;
977
- color: #c0c0c0;
978
- }
979
- .paladin-tool-item-plus .paladin-tool-item-plus-text {
980
- color: #fff;
981
- text-align: center;
982
- font-size: 14px;
983
- }
984
- .paladin-tool-item-plus .paladin-tool-item-plus-more {
985
- padding: 0 4px 0 3px;
986
- height: 100%;
987
- }
988
- .paladin-tool-item-plus .paladin-tool-item-plus-more svg {
989
- width: 7px;
990
- color: #c0c0c0;
991
- }
992
- .paladin-tool-item-plus .paladin-tool-item-plus-more:hover {
993
- background: #0d5075;
994
- }
995
- .paladin-tool-item-plus .paladin-tool-item-plus-main {
996
- height: 100%;
997
- padding: 6px 0 4px 0;
998
- }
999
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover {
1000
- background: #0d5075;
1001
- }
1002
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {
1003
- color: #fff;
1004
- }
1005
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {
1006
- color: #fff;
1007
- }
1008
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active {
1009
- background: #0d5075;
1010
- }
1011
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {
1012
- color: #fff;
1013
- }
1014
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {
1015
- color: #fff;
1016
- }
1017
-
1018
- .paladin-vr-cine {
1019
- min-width: 220px;
1020
- font-size: 14px;
1021
- color: #c0c0c0;
1022
- background: #353535;
1023
- padding-bottom: 8px;
1024
- }
1025
- .paladin-vr-cine .paladin-vr-cine-click {
1026
- cursor: pointer;
1027
- }
1028
- .paladin-vr-cine .paladin-vr-cine-active {
1029
- cursor: pointer;
1030
- background: #0d5075;
1031
- color: #fff;
1032
- }
1033
- .paladin-vr-cine .paladin-vr-cine-active svg {
1034
- fill: #fff;
1035
- }
1036
- .paladin-vr-cine svg {
1037
- width: 12px !important;
1038
- height: 12px !important;
1039
- fill: #c0c0c0;
1040
- }
1041
- .paladin-vr-cine .paladin-vr-cine-row {
1042
- padding: 3px 0;
1043
- width: 100%;
1044
- height: 40px;
1045
- }
1046
- .paladin-vr-cine .paladin-vr-cine-speed {
1047
- padding-left: 12px;
1048
- }
1049
- .paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-label {
1050
- font-size: 12px;
1051
- justify-content: center;
1052
- white-space: nowrap;
1053
- }
1054
- .paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input {
1055
- justify-content: center;
1056
- align-items: center;
1057
- }
1058
- .paladin-vr-cine .paladin-vr-cine-speed .paladin-cine-input input {
1059
- height: 20px;
1060
- padding: 0;
1061
- width: 80%;
1062
- border-color: #c0c0c0;
1063
- color: #c0c0c0;
1064
- }
1065
- .paladin-vr-cine .paladin-vr-cine-angle {
1066
- font-size: 12px;
1067
- padding-left: 12px;
1068
- padding-right: 5px;
1069
- margin: 5px 0;
1070
- }
1071
- .paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item {
1072
- border: 1px solid #666;
1073
- margin-left: 5px;
1074
- justify-content: center;
1075
- align-items: center;
1076
- }
1077
- .paladin-vr-cine .paladin-vr-cine-angle .paladin-vr-cine-angle-item-active {
1078
- background: #7f7f7f;
1079
- color: #333;
1080
- }
1081
-
1082
- .paladin-ImageProcessTabTool {
1083
- background: #fff;
1084
- border: 1px solid #5b5b5b;
1085
- color: #53585f;
1086
- }
1087
- .paladin-ImageProcessTabTool-item {
1088
- text-align: center;
1089
- padding: 3px 15px;
1090
- border-bottom: 1px solid #5b5b5b;
1091
- font-size: 14px;
1092
- }
1093
- .paladin-ImageProcessTabTool-item:hover {
1094
- background: #5b5b5b;
1095
- color: #e2e2e2;
1096
- }
1097
- .paladin-ImageProcessTabTool-item:last-child {
1098
- border: none;
1099
- }
1100
- .paladin-ImageProcessTabTool-item-active {
1101
- text-align: center;
1102
- padding: 3px 15px;
1103
- border-bottom: 1px solid #5b5b5b;
1104
- font-size: 14px;
1105
- background: #5b5b5b;
1106
- color: #e2e2e2;
1107
- }
1108
- .paladin-ImageProcessTabTool-item-active:hover {
1109
- background: #5b5b5b;
1110
- color: #e2e2e2;
1111
- }
1112
- .paladin-ImageProcessTabTool-item-active:last-child {
1113
- border: none;
1114
- }
1115
-
1116
- .paladin-three-modal-wrapper {
1117
- font-size: 15px;
1118
- padding: 8px 10px 15px 10px;
1119
- color: #ccc;
1120
- }
1121
- .paladin-three-modal-wrapper .paladin-three-modal-wrapper-btn {
1122
- margin-top: 20px;
1123
- text-align: center;
1124
- }
1125
-
1126
- .paladin-thumb-content {
1127
- position: relative;
1128
- height: 66px;
1129
- width: 66px;
1130
- border-width: 1px;
1131
- border-style: solid;
1132
- cursor: pointer;
1133
- }
1134
- .paladin-thumb-content .paladin-thumb-bottom {
1135
- white-space: nowrap;
1136
- position: absolute;
1137
- bottom: 0;
1138
- left: 50%;
1139
- transform: translateX(-50%);
1140
- color: #faa80a;
1141
- text-align: center;
1142
- font-size: 14px;
1143
- z-index: 2;
1144
- }
1145
- .paladin-thumb-content .paladin-thumb-mask {
1146
- position: absolute;
1147
- width: 100%;
1148
- height: 100%;
1149
- z-index: 1;
1150
- }
1151
- .paladin-thumb-content .paladin-thumb-process {
1152
- position: absolute;
1153
- z-index: 1;
1154
- top: 0;
1155
- height: 4px;
1156
- width: 100%;
1157
- background: #ffffff;
1158
- overflow: hidden;
1159
- }
1160
- .paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {
1161
- background: #faa80a;
1162
- height: 100%;
1163
- }
1164
- .paladin-thumb-svg {
1165
- cursor: pointer;
1166
- justify-content: center;
1167
- }
1168
- .paladin-thumb-svg svg {
1169
- fill: #fff;
1170
- }
1171
- .paladin-thumb-svg:hover {
1172
- background-color: #616772;
1173
- }
1174
- .paladin-thumb-button {
1175
- cursor: pointer;
1176
- justify-content: center;
1177
- padding: 0 15px;
1178
- }
1179
- .paladin-thumb-button svg {
1180
- fill: #fff;
1181
- }
1182
- .paladin-thumb-button:hover {
1183
- background-color: #616772;
1184
- }
1185
- .paladin-thumb-button svg {
1186
- width: 11px !important;
1187
- }
1188
- .paladin-fresh-button {
1189
- cursor: pointer;
1190
- justify-content: center;
1191
- padding: 0 25px;
1192
- }
1193
- .paladin-fresh-button svg {
1194
- fill: #fff;
1195
- }
1196
- .paladin-fresh-button:hover {
1197
- background-color: #616772;
1198
- }
1199
- .paladin-fresh-button svg {
1200
- width: 15px !important;
1201
- }
1202
- .paladin-thumb-study {
1203
- cursor: pointer;
1204
- font-size: 14px;
1205
- line-height: 40px;
1206
- padding: 0 12px;
1207
- color: #ffffff;
1208
- }
1209
- .paladin-thumb-viewport {
1210
- width: 100%;
1211
- height: 100%;
1212
- position: relative;
1213
- overflow: hidden;
1214
- }
1215
- .paladin-thumb-viewport h4,
1216
- .paladin-thumb-viewport p {
1217
- font-size: 10px;
1218
- }
1219
- .paladin-thumb-study-wrapper {
1220
- border-bottom: 1px solid #727882;
1221
- }
1222
- .paladin-thumb-context-wrapper {
1223
- padding: 4px 2px;
1224
- }
1225
-
1226
- .loadingIndicator {
1227
- position: absolute;
1228
- top: 0;
1229
- background: black;
1230
- opacity: 1;
1231
- width: 100%;
1232
- height: 100%;
1233
- text-align: center;
1234
- z-index: 1;
1235
- display: flex;
1236
- align-items: center;
1237
- justify-content: center;
1238
- }
1239
- .loadingIndicator .lds-ring {
1240
- color: #999;
1241
- position: absolute;
1242
- left: 0;
1243
- right: 0;
1244
- top: 0;
1245
- bottom: 0;
1246
- width: 40px;
1247
- height: 40px;
1248
- margin: auto;
1249
- }
1250
- .loadingIndicator .lds-ring div {
1251
- box-sizing: border-box;
1252
- display: block;
1253
- position: absolute;
1254
- width: 40px;
1255
- height: 40px;
1256
- border: 4px solid silver;
1257
- border-radius: 50%;
1258
- -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1259
- animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1260
- border-color: silver transparent transparent transparent;
1261
- }
1262
- .loadingIndicator .lds-ring div:nth-child(1) {
1263
- -webkit-animation-delay: -0.45s;
1264
- animation-delay: -0.45s;
1265
- }
1266
- .loadingIndicator .lds-ring div:nth-child(2) {
1267
- -webkit-animation-delay: -0.3s;
1268
- animation-delay: -0.3s;
1269
- }
1270
- .loadingIndicator .lds-ring div:nth-child(3) {
1271
- -webkit-animation-delay: -0.15s;
1272
- animation-delay: -0.15s;
1273
- }
1274
- @-webkit-keyframes lds-ring {
1275
- 0% {
1276
- transform: rotate(0deg);
1277
- }
1278
- 100% {
1279
- transform: rotate(360deg);
1280
- }
1281
- }
1282
- @keyframes lds-ring {
1283
- 0% {
1284
- transform: rotate(0deg);
1285
- }
1286
- 100% {
1287
- transform: rotate(360deg);
1288
- }
1289
- }
1290
- .loadingIndicator .loadingIndicator-retry {
1291
- width: 40px;
1292
- color: #999;
1293
- margin: 0 auto;
1294
- font-size: 14px;
1295
- }
1296
- .loadingIndicator .indicatorContents h4 {
1297
- font-size: 18px;
1298
- margin: 0 auto 10px 0;
1299
- }
1300
- .loadingIndicator .indicatorContents p {
1301
- margin: 4px auto;
1302
- color: #999;
1303
- font-size: 14px;
1304
- }
1305
- .loadingIndicator .indicatorContents .loadingIndicator-retry {
1306
- width: 40px;
1307
- margin: 20px auto 0 auto;
1308
- }
1309
- .loadingIndicator .indicatorContents-mini h4 {
1310
- color: #fff;
1311
- font-size: 12px;
1312
- margin: 5px 0 5px 0;
1313
- }
1314
- .loadingIndicator .indicatorContents-mini .loadingIndicator-retry {
1315
- width: 20px;
1316
- font-size: 12px;
1317
- }
1318
-
1319
- .paladin-dicom-layout {
1320
- display: flex;
1321
- flex-wrap: wrap;
1322
- height: 100%;
1323
- flex: 1;
1324
- }
1325
- .paladin-dicom-layout-warp {
1326
- display: flex;
1327
- flex: 1;
1328
- width: 100%;
1329
- height: 100%;
1330
- position: absolute;
1331
- top: 0;
1332
- left: 0;
1333
- right: 0;
1334
- bottom: 0;
1335
- }
1336
-
1337
- .paladin-custom-scroll {
1338
- cursor: pointer;
1339
- background: #333333;
1340
- position: relative;
1341
- border-color: #727882;
1342
- border-style: solid;
1343
- border-width: 0;
1344
- box-sizing: border-box;
1345
- }
1346
- .paladin-custom-scroll .paladin-custom-scroll-controller {
1347
- position: absolute;
1348
- width: 100%;
1349
- height: 100%;
1350
- }
1351
- .paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {
1352
- position: absolute;
1353
- top: 0;
1354
- left: 0;
1355
- height: 16px;
1356
- width: 16px;
1357
- background: rgba(91, 91, 91, 0.8);
1358
- }
1359
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-up {
1360
- width: 16px;
1361
- height: 20px;
1362
- background: #5b5b5b;
1363
- position: absolute;
1364
- top: 0;
1365
- }
1366
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {
1367
- color: #ccc;
1368
- }
1369
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-down {
1370
- width: 16px;
1371
- height: 20px;
1372
- background: #5b5b5b;
1373
- position: absolute;
1374
- bottom: 0;
1375
- }
1376
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {
1377
- color: #ccc;
1378
- }
1379
-
1380
- .paladin-aiTips-wrapper {
1381
- width: 100%;
1382
- height: 100%;
1383
- }
1384
- .paladin-aiTips-content {
1385
- width: 1px;
1386
- height: 100%;
1387
- background: #ffff00;
1388
- position: absolute;
1389
- top: 0;
1390
- }
1391
-
1392
- .paladin-mpr-direaction-tip {
1393
- position: absolute;
1394
- top: 10px;
1395
- left: 10px;
1396
- z-index: 2;
1397
- width: 10px;
1398
- height: 10px;
1399
- }
1400
- .paladin-mpr-direaction-toggle-box {
1401
- position: absolute;
1402
- top: 10px;
1403
- left: 10px;
1404
- z-index: 2;
1405
- cursor: pointer;
1406
- }
1407
- .paladin-mpr-direaction-toggle-box span {
1408
- display: inline-block;
1409
- padding: 3px;
1410
- font-size: 12px;
1411
- }
1412
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {
1413
- border: 1px solid #999;
1414
- background: #000;
1415
- }
1416
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {
1417
- border-left: none;
1418
- }
1419
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {
1420
- background: #0d5075;
1421
- }
1422
- .rc-slider {
1423
- background-color: transparent !important;
1424
- }
1425
- .paladin-viewport-wrapper {
1426
- overflow: hidden;
1427
- color: white;
1428
- height: 100%;
1429
- position: relative;
1430
- }
1431
- .cornerstone-canvas-container {
1432
- box-sizing: border-box;
1433
- width: 100%;
1434
- position: relative;
1435
- }
1436
- .paladin-viewport-scroll-wrappper {
1437
- width: 100%;
1438
- left: 0;
1439
- right: 0;
1440
- bottom: 0;
1441
- position: absolute;
1442
- z-index: 1;
1443
- height: 30px;
1444
- }
1445
- .paladin-viewport-scroll-inner {
1446
- width: 40%;
1447
- margin: 5px auto auto;
1448
- }
1449
- .paladin-viewport-scroll-mpr-wrappper {
1450
- width: 100%;
1451
- position: relative;
1452
- z-index: 1;
1453
- }
1454
-
1455
- .rc-slider {
1456
- position: relative;
1457
- height: 14px;
1458
- padding: 5px 0;
1459
- width: 100%;
1460
- border-radius: 6px;
1461
- touch-action: none;
1462
- box-sizing: border-box;
1463
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1464
- }
1465
- .rc-slider * {
1466
- box-sizing: border-box;
1467
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1468
- }
1469
- .rc-slider-rail {
1470
- position: absolute;
1471
- width: 100%;
1472
- background-color: #e9e9e9;
1473
- height: 4px;
1474
- border-radius: 6px;
1475
- }
1476
- .rc-slider-track {
1477
- position: absolute;
1478
- left: 0;
1479
- height: 4px;
1480
- border-radius: 6px;
1481
- background-color: #abe2fb;
1482
- }
1483
- .rc-slider-handle {
1484
- position: absolute;
1485
- margin-left: -7px;
1486
- margin-top: -5px;
1487
- width: 14px;
1488
- height: 14px;
1489
- cursor: pointer;
1490
- cursor: -webkit-grab;
1491
- cursor: grab;
1492
- border-radius: 50%;
1493
- border: solid 2px #96dbfa;
1494
- background-color: #fff;
1495
- touch-action: pan-x;
1496
- }
1497
- .rc-slider-handle:hover {
1498
- border-color: #57c5f7;
1499
- }
1500
- .rc-slider-handle:active {
1501
- border-color: #57c5f7;
1502
- box-shadow: 0 0 5px #57c5f7;
1503
- cursor: -webkit-grabbing;
1504
- cursor: grabbing;
1505
- }
1506
- .rc-slider-handle:focus {
1507
- border-color: #57c5f7;
1508
- box-shadow: 0 0 0 5px #96dbfa;
1509
- outline: none;
1510
- }
1511
- .rc-slider-mark {
1512
- position: absolute;
1513
- top: 18px;
1514
- left: 0;
1515
- width: 100%;
1516
- font-size: 12px;
1517
- }
1518
- .rc-slider-mark-text {
1519
- position: absolute;
1520
- display: inline-block;
1521
- vertical-align: middle;
1522
- text-align: center;
1523
- cursor: pointer;
1524
- color: #999;
1525
- }
1526
- .rc-slider-mark-text-active {
1527
- color: #666;
1528
- }
1529
- .rc-slider-step {
1530
- position: absolute;
1531
- width: 100%;
1532
- height: 4px;
1533
- background: transparent;
1534
- }
1535
- .rc-slider-dot {
1536
- position: absolute;
1537
- bottom: -2px;
1538
- margin-left: -4px;
1539
- width: 8px;
1540
- height: 8px;
1541
- border: 2px solid #e9e9e9;
1542
- background-color: #fff;
1543
- cursor: pointer;
1544
- border-radius: 50%;
1545
- vertical-align: middle;
1546
- }
1547
- .rc-slider-dot-active {
1548
- border-color: #96dbfa;
1549
- }
1550
- .rc-slider-disabled {
1551
- background-color: #e9e9e9;
1552
- }
1553
- .rc-slider-disabled .rc-slider-track {
1554
- background-color: #ccc;
1555
- }
1556
- .rc-slider-disabled .rc-slider-handle,
1557
- .rc-slider-disabled .rc-slider-dot {
1558
- border-color: #ccc;
1559
- box-shadow: none;
1560
- background-color: #fff;
1561
- cursor: not-allowed;
1562
- }
1563
- .rc-slider-disabled .rc-slider-mark-text,
1564
- .rc-slider-disabled .rc-slider-dot {
1565
- cursor: not-allowed !important;
1566
- }
1567
- .rc-slider-vertical {
1568
- width: 14px;
1569
- height: 100%;
1570
- padding: 0 5px;
1571
- }
1572
- .rc-slider-vertical .rc-slider-rail {
1573
- height: 100%;
1574
- width: 4px;
1575
- }
1576
- .rc-slider-vertical .rc-slider-track {
1577
- left: 5px;
1578
- bottom: 0;
1579
- width: 4px;
1580
- }
1581
- .rc-slider-vertical .rc-slider-handle {
1582
- margin-left: -5px;
1583
- margin-bottom: -7px;
1584
- touch-action: pan-y;
1585
- }
1586
- .rc-slider-vertical .rc-slider-mark {
1587
- top: 0;
1588
- left: 18px;
1589
- height: 100%;
1590
- }
1591
- .rc-slider-vertical .rc-slider-step {
1592
- height: 100%;
1593
- width: 4px;
1594
- }
1595
- .rc-slider-vertical .rc-slider-dot {
1596
- left: 2px;
1597
- margin-bottom: -4px;
1598
- }
1599
- .rc-slider-vertical .rc-slider-dot:first-child {
1600
- margin-bottom: -4px;
1601
- }
1602
- .rc-slider-vertical .rc-slider-dot:last-child {
1603
- margin-bottom: -4px;
1604
- }
1605
- .rc-slider-tooltip-zoom-down-enter,
1606
- .rc-slider-tooltip-zoom-down-appear {
1607
- -webkit-animation-duration: .3s;
1608
- animation-duration: .3s;
1609
- -webkit-animation-fill-mode: both;
1610
- animation-fill-mode: both;
1611
- display: block !important;
1612
- -webkit-animation-play-state: paused;
1613
- animation-play-state: paused;
1614
- }
1615
- .rc-slider-tooltip-zoom-down-leave {
1616
- -webkit-animation-duration: .3s;
1617
- animation-duration: .3s;
1618
- -webkit-animation-fill-mode: both;
1619
- animation-fill-mode: both;
1620
- display: block !important;
1621
- -webkit-animation-play-state: paused;
1622
- animation-play-state: paused;
1623
- }
1624
- .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
1625
- .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
1626
- -webkit-animation-name: rcSliderTooltipZoomDownIn;
1627
- animation-name: rcSliderTooltipZoomDownIn;
1628
- -webkit-animation-play-state: running;
1629
- animation-play-state: running;
1630
- }
1631
- .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
1632
- -webkit-animation-name: rcSliderTooltipZoomDownOut;
1633
- animation-name: rcSliderTooltipZoomDownOut;
1634
- -webkit-animation-play-state: running;
1635
- animation-play-state: running;
1636
- }
1637
- .rc-slider-tooltip-zoom-down-enter,
1638
- .rc-slider-tooltip-zoom-down-appear {
1639
- transform: scale(0, 0);
1640
- -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1641
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1642
- }
1643
- .rc-slider-tooltip-zoom-down-leave {
1644
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1645
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1646
- }
1647
- @-webkit-keyframes rcSliderTooltipZoomDownIn {
1648
- 0% {
1649
- opacity: 0;
1650
- transform-origin: 50% 100%;
1651
- transform: scale(0, 0);
1652
- }
1653
- 100% {
1654
- transform-origin: 50% 100%;
1655
- transform: scale(1, 1);
1656
- }
1657
- }
1658
- @keyframes rcSliderTooltipZoomDownIn {
1659
- 0% {
1660
- opacity: 0;
1661
- transform-origin: 50% 100%;
1662
- transform: scale(0, 0);
1663
- }
1664
- 100% {
1665
- transform-origin: 50% 100%;
1666
- transform: scale(1, 1);
1667
- }
1668
- }
1669
- @-webkit-keyframes rcSliderTooltipZoomDownOut {
1670
- 0% {
1671
- transform-origin: 50% 100%;
1672
- transform: scale(1, 1);
1673
- }
1674
- 100% {
1675
- opacity: 0;
1676
- transform-origin: 50% 100%;
1677
- transform: scale(0, 0);
1678
- }
1679
- }
1680
- @keyframes rcSliderTooltipZoomDownOut {
1681
- 0% {
1682
- transform-origin: 50% 100%;
1683
- transform: scale(1, 1);
1684
- }
1685
- 100% {
1686
- opacity: 0;
1687
- transform-origin: 50% 100%;
1688
- transform: scale(0, 0);
1689
- }
1690
- }
1691
- .rc-slider-tooltip {
1692
- position: absolute;
1693
- left: -9999px;
1694
- top: -9999px;
1695
- visibility: visible;
1696
- box-sizing: border-box;
1697
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1698
- }
1699
- .rc-slider-tooltip * {
1700
- box-sizing: border-box;
1701
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1702
- }
1703
- .rc-slider-tooltip-hidden {
1704
- display: none;
1705
- }
1706
- .rc-slider-tooltip-placement-top {
1707
- padding: 4px 0 8px 0;
1708
- }
1709
- .rc-slider-tooltip-inner {
1710
- padding: 6px 2px;
1711
- min-width: 24px;
1712
- height: 24px;
1713
- font-size: 12px;
1714
- line-height: 1;
1715
- color: #fff;
1716
- text-align: center;
1717
- text-decoration: none;
1718
- background-color: #6c6c6c;
1719
- border-radius: 6px;
1720
- box-shadow: 0 0 4px #d9d9d9;
1721
- }
1722
- .rc-slider-tooltip-arrow {
1723
- position: absolute;
1724
- width: 0;
1725
- height: 0;
1726
- border-color: transparent;
1727
- border-style: solid;
1728
- }
1729
- .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
1730
- bottom: 4px;
1731
- left: 50%;
1732
- margin-left: -4px;
1733
- border-width: 4px 4px 0;
1734
- border-top-color: #6c6c6c;
1735
- }
1736
-
1737
- .paladin-thickness-container {
1738
- cursor: pointer;
1739
- display: flex;
1740
- justify-content: center;
1741
- align-items: center;
1742
- width: 90px;
1743
- height: 16px;
1744
- background-color: #505050;
1745
- color: #888;
1746
- font-size: 13px;
1747
- }
1748
- .paladin-thickness-selecter {
1749
- padding: 5px 0;
1750
- background-color: #333;
1751
- color: #c8c8c8;
1752
- font-size: 12px;
1753
- }
1754
- .paladin-thickness-selecter .paladin-thickness-select-item {
1755
- padding: 3px 20px;
1756
- cursor: pointer;
1757
- }
1758
- .paladin-thickness-selecter .paladin-thickness-select-item:hover {
1759
- background-color: #fff;
1760
- color: #000;
1761
- }
1762
- .paladin-thickness-selecter .paladin-thickness-select-mpr {
1763
- border-bottom: 1px solid #ffffff;
1764
- padding: 3px 20px 8px 20px;
1765
- }
1766
-
1767
- .paladin-dicom-scroll {
1768
- display: flex;
1769
- width: 16px;
1770
- height: 100%;
1771
- flex-shrink: 0;
1772
- background: #333333;
1773
- }
1774
-
1775
- .paladin-dicom-layout {
1776
- display: flex;
1777
- flex-wrap: wrap;
1778
- height: 100%;
1779
- flex: 1;
1780
- }
1781
- .paladin-dicom-layout-warp {
1782
- display: flex;
1783
- flex: 1;
1784
- width: 100%;
1785
- height: 100%;
1786
- position: absolute;
1787
- top: 0;
1788
- left: 0;
1789
- right: 0;
1790
- bottom: 0;
1791
- }
1792
-
1793
- .paladin-dicom-layout {
1794
- display: flex;
1795
- flex-wrap: wrap;
1796
- height: 100%;
1797
- flex: 1;
1798
- }
1799
- .paladin-dicom-layout-warp {
1800
- display: flex;
1801
- flex: 1;
1802
- width: 100%;
1803
- height: 100%;
1804
- position: absolute;
1805
- top: 0;
1806
- left: 0;
1807
- right: 0;
1808
- bottom: 0;
1809
- }
1810
-
1811
- .paladin-main-wrapper svg {
1812
- width: 100%;
1813
- height: 100%;
1814
- }
1815
- .paladin-main-wrapper span,
1816
- .paladin-main-wrapper div {
1817
- -webkit-user-select: none;
1818
- -moz-user-select: none;
1819
- -ms-user-select: none;
1820
- user-select: none;
1821
- }
1822
- .paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {
1823
- background-color: #353535;
1824
- z-index: 2;
1825
- }
1826
- .paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {
1827
- background-color: #353535;
1828
- border: 1px solid #727882;
1829
- }
1830
- .paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {
1831
- display: flex;
1832
- flex-direction: column;
1833
- flex: 1;
1834
- width: 0;
1835
- }
1836
- button:focus {
1837
- outline: none;
1838
- }
1839
- .paladin-flex {
1840
- display: flex;
1841
- }
1842
- .paladin-flex-row {
1843
- display: flex;
1844
- box-sizing: border-box;
1845
- flex-direction: row;
1846
- flex-wrap: wrap;
1847
- flex: 0 1 auto;
1848
- }
1849
- .paladin-flex-col {
1850
- display: flex;
1851
- flex-direction: column;
1852
- box-sizing: border-box;
1853
- flex: 0 0 auto;
1854
- }
1855
- .paladin-flex-center {
1856
- justify-content: center;
1857
- align-items: center;
1858
- }
1859
- .paladin-flex-end {
1860
- justify-content: flex-end;
1861
- }
1862
- .paladin-flex-1 {
1863
- flex: 1;
1864
- }
1865
- .paladin-full-content {
1866
- width: 100%;
1867
- height: 100%;
1868
- }
1869
- .paladin-full-height {
1870
- height: 100%;
1871
- }
1872
- .paladin-full-width {
1873
- width: 100%;
1874
- }
1875
- .paladin-text-center {
1876
- text-align: center;
1877
- }
1878
-
1879
- .image-processing-container {
1880
- position: absolute;
1881
- width: 100%;
1882
- height: 100%;
1883
- text-align: center;
1884
- background: black;
1885
- display: flex;
1886
- align-items: center;
1887
- justify-content: space-around;
1888
- flex-direction: column;
1889
- z-index: 999;
1890
- }
1891
- .image-processing-container-content {
1892
- cursor: pointer;
1893
- }
1894
- .image-processing-container-content svg {
1895
- width: 50px;
1896
- height: 50px;
1897
- display: block;
1898
- margin: 15px auto 0 auto;
1899
- color: #999;
1900
- }
1901
- .paladin-three-wrapper {
1902
- width: 100%;
1903
- height: 100%;
1904
- color: white;
1905
- display: flex;
1906
- }
1907
- .paladin-three-horizontal-left {
1908
- width: 66.6%;
1909
- height: 100%;
1910
- }
1911
- .paladin-three-horizontal-right {
1912
- width: 33.4%;
1913
- height: 100%;
1914
- display: flex;
1915
- flex-direction: column;
1916
- }
1917
- .paladin-three-vertical-top {
1918
- width: 100%;
1919
- height: 66.6%;
1920
- flex-direction: row;
1921
- }
1922
- .paladin-three-vertical-bottom {
1923
- width: 100%;
1924
- height: 33.4%;
1925
- display: flex;
1926
- flex-direction: row;
1927
- }
1928
- .paladin-three-height-50 {
1929
- width: 100%;
1930
- height: 50%;
1931
- }
1932
- .paladin-three-width-50 {
1933
- width: 50%;
1934
- height: 100%;
1935
- }
1936
- .paladin-three-height-33 {
1937
- width: 100%;
1938
- height: 33.333%;
1939
- }
1940
- .paladin-three-width-33 {
1941
- height: 100%;
1942
- width: 33.333%;
1943
- }
1944
- .paladin-three-relative {
1945
- position: relative;
1946
- }
1947
- .mip-wwwc {
1948
- position: absolute;
1949
- bottom: 15px;
1950
- left: 15px;
1951
- }
1952
- .mip-wwwc p {
1953
- color: #ffffff;
1954
- margin: 0;
1955
- text-align: right;
1956
- }
1957
-