hellfire 0.21.0 → 0.21.3

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,1813 +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
-
848
- .paladin-setting-row {
849
- margin-bottom: 10px;
850
- }
851
- .paladin-setting-row div {
852
- padding: 0 10px;
853
- box-sizing: border-box;
854
- height: 33px;
855
- }
856
- .paladin-setting-row button {
857
- width: 100%;
858
- height: 100%;
859
- }
860
- .paladin-sort-container {
861
- display: inline-block;
862
- }
863
- .paladin-sort-item {
864
- box-sizing: border-box;
865
- margin: 6px auto;
866
- position: relative;
867
- z-index: 1;
868
- }
869
- .paladin-sort-item svg {
870
- width: 100%;
871
- height: 100%;
872
- fill: #727882;
873
- }
874
-
875
- .lightHoverStyle {
876
- background-color: #d4d4d4;
877
- color: #333;
878
- }
879
- .darkHoverStyle {
880
- color: black !important;
881
- background-color: #a4a4a4;
882
- border-color: #8c8c8c;
883
- }
884
- .paladin-tool-button,
885
- .paladin-tool-button-nohover {
886
- text-align: center;
887
- width: 64px;
888
- height: 56px;
889
- color: white;
890
- line-height: 56px;
891
- cursor: pointer;
892
- }
893
- .paladin-tool-button:active,
894
- .paladin-tool-button-nohover:active {
895
- background-color: #d4d4d4;
896
- color: #333;
897
- }
898
- .paladin-show-more-button,
899
- .paladin-show-more-button-nohover {
900
- display: flex;
901
- flex-direction: column;
902
- width: 20px;
903
- height: 56px;
904
- line-height: 56px;
905
- justify-content: center;
906
- align-items: center;
907
- color: white;
908
- cursor: pointer;
909
- }
910
- .paladin-show-more-button:hover,
911
- .paladin-tool-button:hover,
912
- .paladin-more-active {
913
- color: black !important;
914
- background-color: #a4a4a4;
915
- border-color: #8c8c8c;
916
- }
917
- .paladin-tool-active {
918
- background-color: #d4d4d4;
919
- color: #333;
920
- }
921
- .paladin-tool-active:hover {
922
- background-color: #d4d4d4;
923
- color: #333;
924
- }
925
- .paladin-dicomToolItem-text {
926
- height: 100%;
927
- display: inline-block;
928
- }
929
-
930
- .paladin-tool-item-plus {
931
- width: 46px;
932
- cursor: pointer;
933
- display: flex;
934
- flex-direction: column;
935
- border: 1px solid #252525;
936
- margin: 2px;
937
- }
938
- .paladin-tool-item-plus .paladin-tool-item-plus-label {
939
- display: flex;
940
- flex-direction: row;
941
- font-size: 12px;
942
- white-space: nowrap;
943
- color: #c0c0c0;
944
- margin-top: 5px;
945
- overflow: hidden;
946
- text-align: center;
947
- word-break: break-all;
948
- justify-content: center;
949
- }
950
- .paladin-tool-item-plus .paladin-tool-item-plus-icon {
951
- display: flex;
952
- flex-direction: row;
953
- align-items: center;
954
- justify-content: center;
955
- }
956
- .paladin-tool-item-plus .paladin-tool-item-plus-icon svg {
957
- width: 22px;
958
- height: 22px;
959
- color: #c0c0c0;
960
- }
961
- .paladin-tool-item-plus .paladin-tool-item-plus-text {
962
- color: #fff;
963
- text-align: center;
964
- font-size: 14px;
965
- }
966
- .paladin-tool-item-plus .paladin-tool-item-plus-more {
967
- padding: 0 4px 0 3px;
968
- height: 100%;
969
- }
970
- .paladin-tool-item-plus .paladin-tool-item-plus-more svg {
971
- width: 7px;
972
- color: #c0c0c0;
973
- }
974
- .paladin-tool-item-plus .paladin-tool-item-plus-more:hover {
975
- background: #0d5075;
976
- }
977
- .paladin-tool-item-plus .paladin-tool-item-plus-main {
978
- height: 100%;
979
- padding: 6px 0 4px 0;
980
- }
981
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover {
982
- background: #0d5075;
983
- }
984
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-label {
985
- color: #fff;
986
- }
987
- .paladin-tool-item-plus .paladin-tool-item-plus-main:hover .paladin-tool-item-plus-icon svg {
988
- color: #fff;
989
- }
990
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active {
991
- background: #0d5075;
992
- }
993
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-label {
994
- color: #fff;
995
- }
996
- .paladin-tool-item-plus .paladin-tool-item-plus-main-active .paladin-tool-item-plus-icon svg {
997
- color: #fff;
998
- }
999
-
1000
- .paladin-three-modal-wrapper {
1001
- font-size: 15px;
1002
- padding: 8px 10px 15px 10px;
1003
- color: #ccc;
1004
- }
1005
- .paladin-three-modal-wrapper .paladin-three-modal-wrapper-btn {
1006
- margin-top: 15px;
1007
- text-align: center;
1008
- }
1009
-
1010
- .paladin-thumb-content {
1011
- position: relative;
1012
- height: 66px;
1013
- width: 66px;
1014
- border-width: 1px;
1015
- border-style: solid;
1016
- cursor: pointer;
1017
- }
1018
- .paladin-thumb-content .paladin-thumb-bottom {
1019
- white-space: nowrap;
1020
- position: absolute;
1021
- bottom: 0;
1022
- left: 50%;
1023
- transform: translateX(-50%);
1024
- color: #faa80a;
1025
- text-align: center;
1026
- font-size: 14px;
1027
- z-index: 2;
1028
- }
1029
- .paladin-thumb-content .paladin-thumb-mask {
1030
- position: absolute;
1031
- width: 100%;
1032
- height: 100%;
1033
- z-index: 1;
1034
- }
1035
- .paladin-thumb-content .paladin-thumb-process {
1036
- position: absolute;
1037
- z-index: 1;
1038
- top: 0;
1039
- height: 4px;
1040
- width: 100%;
1041
- background: #ffffff;
1042
- overflow: hidden;
1043
- }
1044
- .paladin-thumb-content .paladin-thumb-process .paladin-thumb-process-inner {
1045
- background: #faa80a;
1046
- height: 100%;
1047
- }
1048
- .paladin-thumb-svg {
1049
- cursor: pointer;
1050
- justify-content: center;
1051
- }
1052
- .paladin-thumb-svg svg {
1053
- fill: #fff;
1054
- }
1055
- .paladin-thumb-svg:hover {
1056
- background-color: #616772;
1057
- }
1058
- .paladin-thumb-button {
1059
- cursor: pointer;
1060
- justify-content: center;
1061
- padding: 0 15px;
1062
- }
1063
- .paladin-thumb-button svg {
1064
- fill: #fff;
1065
- }
1066
- .paladin-thumb-button:hover {
1067
- background-color: #616772;
1068
- }
1069
- .paladin-thumb-button svg {
1070
- width: 11px !important;
1071
- }
1072
- .paladin-fresh-button {
1073
- cursor: pointer;
1074
- justify-content: center;
1075
- padding: 0 25px;
1076
- }
1077
- .paladin-fresh-button svg {
1078
- fill: #fff;
1079
- }
1080
- .paladin-fresh-button:hover {
1081
- background-color: #616772;
1082
- }
1083
- .paladin-fresh-button svg {
1084
- width: 15px !important;
1085
- }
1086
- .paladin-thumb-study {
1087
- cursor: pointer;
1088
- font-size: 14px;
1089
- line-height: 40px;
1090
- padding: 0 12px;
1091
- color: #ffffff;
1092
- }
1093
- .paladin-thumb-viewport {
1094
- width: 100%;
1095
- height: 100%;
1096
- position: relative;
1097
- overflow: hidden;
1098
- }
1099
- .paladin-thumb-viewport h4,
1100
- .paladin-thumb-viewport p {
1101
- font-size: 10px;
1102
- }
1103
- .paladin-thumb-study-wrapper {
1104
- border-bottom: 1px solid #727882;
1105
- }
1106
- .paladin-thumb-context-wrapper {
1107
- padding: 4px 2px;
1108
- }
1109
-
1110
- .loadingIndicator {
1111
- position: absolute;
1112
- top: 0;
1113
- background: black;
1114
- opacity: 1;
1115
- width: 100%;
1116
- height: 100%;
1117
- text-align: center;
1118
- z-index: 1;
1119
- display: flex;
1120
- align-items: center;
1121
- justify-content: center;
1122
- }
1123
- .loadingIndicator .lds-ring {
1124
- color: #999;
1125
- position: absolute;
1126
- left: 0;
1127
- right: 0;
1128
- top: 0;
1129
- bottom: 0;
1130
- width: 40px;
1131
- height: 40px;
1132
- margin: auto;
1133
- }
1134
- .loadingIndicator .lds-ring div {
1135
- box-sizing: border-box;
1136
- display: block;
1137
- position: absolute;
1138
- width: 40px;
1139
- height: 40px;
1140
- border: 4px solid silver;
1141
- border-radius: 50%;
1142
- -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1143
- animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
1144
- border-color: silver transparent transparent transparent;
1145
- }
1146
- .loadingIndicator .lds-ring div:nth-child(1) {
1147
- -webkit-animation-delay: -0.45s;
1148
- animation-delay: -0.45s;
1149
- }
1150
- .loadingIndicator .lds-ring div:nth-child(2) {
1151
- -webkit-animation-delay: -0.3s;
1152
- animation-delay: -0.3s;
1153
- }
1154
- .loadingIndicator .lds-ring div:nth-child(3) {
1155
- -webkit-animation-delay: -0.15s;
1156
- animation-delay: -0.15s;
1157
- }
1158
- @-webkit-keyframes lds-ring {
1159
- 0% {
1160
- transform: rotate(0deg);
1161
- }
1162
- 100% {
1163
- transform: rotate(360deg);
1164
- }
1165
- }
1166
- @keyframes lds-ring {
1167
- 0% {
1168
- transform: rotate(0deg);
1169
- }
1170
- 100% {
1171
- transform: rotate(360deg);
1172
- }
1173
- }
1174
- .loadingIndicator .loadingIndicator-retry {
1175
- width: 40px;
1176
- color: #999;
1177
- margin: 0 auto;
1178
- font-size: 14px;
1179
- }
1180
- .loadingIndicator .indicatorContents h4 {
1181
- font-size: 18px;
1182
- margin: 0 auto 10px 0;
1183
- }
1184
- .loadingIndicator .indicatorContents p {
1185
- margin: 4px auto;
1186
- color: #999;
1187
- font-size: 14px;
1188
- }
1189
- .loadingIndicator .indicatorContents .loadingIndicator-retry {
1190
- width: 40px;
1191
- margin: 20px auto 0 auto;
1192
- }
1193
- .loadingIndicator .indicatorContents-mini h4 {
1194
- color: #fff;
1195
- font-size: 12px;
1196
- margin: 5px 0 5px 0;
1197
- }
1198
- .loadingIndicator .indicatorContents-mini .loadingIndicator-retry {
1199
- width: 20px;
1200
- font-size: 12px;
1201
- }
1202
-
1203
- .paladin-dicom-layout {
1204
- display: flex;
1205
- flex-wrap: wrap;
1206
- height: 100%;
1207
- flex: 1;
1208
- }
1209
- .paladin-dicom-layout-warp {
1210
- display: flex;
1211
- flex: 1;
1212
- width: 100%;
1213
- height: 100%;
1214
- position: absolute;
1215
- top: 0;
1216
- left: 0;
1217
- right: 0;
1218
- bottom: 0;
1219
- }
1220
-
1221
- .paladin-custom-scroll {
1222
- cursor: pointer;
1223
- background: #333333;
1224
- position: relative;
1225
- border-color: #727882;
1226
- border-style: solid;
1227
- border-width: 0;
1228
- box-sizing: border-box;
1229
- }
1230
- .paladin-custom-scroll .paladin-custom-scroll-controller {
1231
- position: absolute;
1232
- width: 100%;
1233
- height: 100%;
1234
- }
1235
- .paladin-custom-scroll .paladin-custom-scroll-controller .paladin-custom-scroll-box {
1236
- position: absolute;
1237
- top: 0;
1238
- left: 0;
1239
- height: 16px;
1240
- width: 16px;
1241
- background: rgba(91, 91, 91, 0.8);
1242
- }
1243
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-up {
1244
- width: 16px;
1245
- height: 20px;
1246
- background: #5b5b5b;
1247
- position: absolute;
1248
- top: 0;
1249
- }
1250
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-up svg {
1251
- color: #ccc;
1252
- }
1253
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-down {
1254
- width: 16px;
1255
- height: 20px;
1256
- background: #5b5b5b;
1257
- position: absolute;
1258
- bottom: 0;
1259
- }
1260
- .paladin-custom-scroll .paladin-custom-scroll-ctrl-down svg {
1261
- color: #ccc;
1262
- }
1263
-
1264
- .paladin-aiTips-wrapper {
1265
- width: 100%;
1266
- height: 100%;
1267
- }
1268
- .paladin-aiTips-content {
1269
- width: 1px;
1270
- height: 100%;
1271
- background: #ffff00;
1272
- position: absolute;
1273
- top: 0;
1274
- }
1275
-
1276
- .paladin-mpr-direaction-tip {
1277
- position: absolute;
1278
- top: 10px;
1279
- left: 10px;
1280
- z-index: 2;
1281
- width: 10px;
1282
- height: 10px;
1283
- }
1284
- .paladin-mpr-direaction-toggle-box {
1285
- position: absolute;
1286
- top: 10px;
1287
- left: 10px;
1288
- z-index: 2;
1289
- cursor: pointer;
1290
- }
1291
- .paladin-mpr-direaction-toggle-box span {
1292
- display: inline-block;
1293
- padding: 3px;
1294
- font-size: 12px;
1295
- }
1296
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle {
1297
- border: 1px solid #999;
1298
- background: #000;
1299
- }
1300
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle:last-child {
1301
- border-left: none;
1302
- }
1303
- .paladin-mpr-direaction-toggle-box .paladin-mpr-direaction-toggle-active {
1304
- background: #0d5075;
1305
- }
1306
- .rc-slider {
1307
- background-color: transparent !important;
1308
- }
1309
- .paladin-viewport-wrapper {
1310
- overflow: hidden;
1311
- color: white;
1312
- height: 100%;
1313
- position: relative;
1314
- }
1315
- .cornerstone-canvas-container {
1316
- box-sizing: border-box;
1317
- width: 100%;
1318
- position: relative;
1319
- }
1320
- .paladin-viewport-scroll-wrappper {
1321
- width: 100%;
1322
- left: 0;
1323
- right: 0;
1324
- bottom: 0;
1325
- position: absolute;
1326
- z-index: 1;
1327
- height: 30px;
1328
- }
1329
- .paladin-viewport-scroll-inner {
1330
- width: 40%;
1331
- margin: 5px auto auto;
1332
- }
1333
- .paladin-viewport-scroll-mpr-wrappper {
1334
- width: 100%;
1335
- position: relative;
1336
- z-index: 1;
1337
- }
1338
-
1339
- .rc-slider {
1340
- position: relative;
1341
- height: 14px;
1342
- padding: 5px 0;
1343
- width: 100%;
1344
- border-radius: 6px;
1345
- touch-action: none;
1346
- box-sizing: border-box;
1347
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1348
- }
1349
- .rc-slider * {
1350
- box-sizing: border-box;
1351
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1352
- }
1353
- .rc-slider-rail {
1354
- position: absolute;
1355
- width: 100%;
1356
- background-color: #e9e9e9;
1357
- height: 4px;
1358
- border-radius: 6px;
1359
- }
1360
- .rc-slider-track {
1361
- position: absolute;
1362
- left: 0;
1363
- height: 4px;
1364
- border-radius: 6px;
1365
- background-color: #abe2fb;
1366
- }
1367
- .rc-slider-handle {
1368
- position: absolute;
1369
- margin-left: -7px;
1370
- margin-top: -5px;
1371
- width: 14px;
1372
- height: 14px;
1373
- cursor: pointer;
1374
- cursor: -webkit-grab;
1375
- cursor: grab;
1376
- border-radius: 50%;
1377
- border: solid 2px #96dbfa;
1378
- background-color: #fff;
1379
- touch-action: pan-x;
1380
- }
1381
- .rc-slider-handle:hover {
1382
- border-color: #57c5f7;
1383
- }
1384
- .rc-slider-handle:active {
1385
- border-color: #57c5f7;
1386
- box-shadow: 0 0 5px #57c5f7;
1387
- cursor: -webkit-grabbing;
1388
- cursor: grabbing;
1389
- }
1390
- .rc-slider-handle:focus {
1391
- border-color: #57c5f7;
1392
- box-shadow: 0 0 0 5px #96dbfa;
1393
- outline: none;
1394
- }
1395
- .rc-slider-mark {
1396
- position: absolute;
1397
- top: 18px;
1398
- left: 0;
1399
- width: 100%;
1400
- font-size: 12px;
1401
- }
1402
- .rc-slider-mark-text {
1403
- position: absolute;
1404
- display: inline-block;
1405
- vertical-align: middle;
1406
- text-align: center;
1407
- cursor: pointer;
1408
- color: #999;
1409
- }
1410
- .rc-slider-mark-text-active {
1411
- color: #666;
1412
- }
1413
- .rc-slider-step {
1414
- position: absolute;
1415
- width: 100%;
1416
- height: 4px;
1417
- background: transparent;
1418
- }
1419
- .rc-slider-dot {
1420
- position: absolute;
1421
- bottom: -2px;
1422
- margin-left: -4px;
1423
- width: 8px;
1424
- height: 8px;
1425
- border: 2px solid #e9e9e9;
1426
- background-color: #fff;
1427
- cursor: pointer;
1428
- border-radius: 50%;
1429
- vertical-align: middle;
1430
- }
1431
- .rc-slider-dot-active {
1432
- border-color: #96dbfa;
1433
- }
1434
- .rc-slider-disabled {
1435
- background-color: #e9e9e9;
1436
- }
1437
- .rc-slider-disabled .rc-slider-track {
1438
- background-color: #ccc;
1439
- }
1440
- .rc-slider-disabled .rc-slider-handle,
1441
- .rc-slider-disabled .rc-slider-dot {
1442
- border-color: #ccc;
1443
- box-shadow: none;
1444
- background-color: #fff;
1445
- cursor: not-allowed;
1446
- }
1447
- .rc-slider-disabled .rc-slider-mark-text,
1448
- .rc-slider-disabled .rc-slider-dot {
1449
- cursor: not-allowed !important;
1450
- }
1451
- .rc-slider-vertical {
1452
- width: 14px;
1453
- height: 100%;
1454
- padding: 0 5px;
1455
- }
1456
- .rc-slider-vertical .rc-slider-rail {
1457
- height: 100%;
1458
- width: 4px;
1459
- }
1460
- .rc-slider-vertical .rc-slider-track {
1461
- left: 5px;
1462
- bottom: 0;
1463
- width: 4px;
1464
- }
1465
- .rc-slider-vertical .rc-slider-handle {
1466
- margin-left: -5px;
1467
- margin-bottom: -7px;
1468
- touch-action: pan-y;
1469
- }
1470
- .rc-slider-vertical .rc-slider-mark {
1471
- top: 0;
1472
- left: 18px;
1473
- height: 100%;
1474
- }
1475
- .rc-slider-vertical .rc-slider-step {
1476
- height: 100%;
1477
- width: 4px;
1478
- }
1479
- .rc-slider-vertical .rc-slider-dot {
1480
- left: 2px;
1481
- margin-bottom: -4px;
1482
- }
1483
- .rc-slider-vertical .rc-slider-dot:first-child {
1484
- margin-bottom: -4px;
1485
- }
1486
- .rc-slider-vertical .rc-slider-dot:last-child {
1487
- margin-bottom: -4px;
1488
- }
1489
- .rc-slider-tooltip-zoom-down-enter,
1490
- .rc-slider-tooltip-zoom-down-appear {
1491
- -webkit-animation-duration: .3s;
1492
- animation-duration: .3s;
1493
- -webkit-animation-fill-mode: both;
1494
- animation-fill-mode: both;
1495
- display: block !important;
1496
- -webkit-animation-play-state: paused;
1497
- animation-play-state: paused;
1498
- }
1499
- .rc-slider-tooltip-zoom-down-leave {
1500
- -webkit-animation-duration: .3s;
1501
- animation-duration: .3s;
1502
- -webkit-animation-fill-mode: both;
1503
- animation-fill-mode: both;
1504
- display: block !important;
1505
- -webkit-animation-play-state: paused;
1506
- animation-play-state: paused;
1507
- }
1508
- .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
1509
- .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
1510
- -webkit-animation-name: rcSliderTooltipZoomDownIn;
1511
- animation-name: rcSliderTooltipZoomDownIn;
1512
- -webkit-animation-play-state: running;
1513
- animation-play-state: running;
1514
- }
1515
- .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
1516
- -webkit-animation-name: rcSliderTooltipZoomDownOut;
1517
- animation-name: rcSliderTooltipZoomDownOut;
1518
- -webkit-animation-play-state: running;
1519
- animation-play-state: running;
1520
- }
1521
- .rc-slider-tooltip-zoom-down-enter,
1522
- .rc-slider-tooltip-zoom-down-appear {
1523
- transform: scale(0, 0);
1524
- -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1525
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
1526
- }
1527
- .rc-slider-tooltip-zoom-down-leave {
1528
- -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1529
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
1530
- }
1531
- @-webkit-keyframes rcSliderTooltipZoomDownIn {
1532
- 0% {
1533
- opacity: 0;
1534
- transform-origin: 50% 100%;
1535
- transform: scale(0, 0);
1536
- }
1537
- 100% {
1538
- transform-origin: 50% 100%;
1539
- transform: scale(1, 1);
1540
- }
1541
- }
1542
- @keyframes rcSliderTooltipZoomDownIn {
1543
- 0% {
1544
- opacity: 0;
1545
- transform-origin: 50% 100%;
1546
- transform: scale(0, 0);
1547
- }
1548
- 100% {
1549
- transform-origin: 50% 100%;
1550
- transform: scale(1, 1);
1551
- }
1552
- }
1553
- @-webkit-keyframes rcSliderTooltipZoomDownOut {
1554
- 0% {
1555
- transform-origin: 50% 100%;
1556
- transform: scale(1, 1);
1557
- }
1558
- 100% {
1559
- opacity: 0;
1560
- transform-origin: 50% 100%;
1561
- transform: scale(0, 0);
1562
- }
1563
- }
1564
- @keyframes rcSliderTooltipZoomDownOut {
1565
- 0% {
1566
- transform-origin: 50% 100%;
1567
- transform: scale(1, 1);
1568
- }
1569
- 100% {
1570
- opacity: 0;
1571
- transform-origin: 50% 100%;
1572
- transform: scale(0, 0);
1573
- }
1574
- }
1575
- .rc-slider-tooltip {
1576
- position: absolute;
1577
- left: -9999px;
1578
- top: -9999px;
1579
- visibility: visible;
1580
- box-sizing: border-box;
1581
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1582
- }
1583
- .rc-slider-tooltip * {
1584
- box-sizing: border-box;
1585
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1586
- }
1587
- .rc-slider-tooltip-hidden {
1588
- display: none;
1589
- }
1590
- .rc-slider-tooltip-placement-top {
1591
- padding: 4px 0 8px 0;
1592
- }
1593
- .rc-slider-tooltip-inner {
1594
- padding: 6px 2px;
1595
- min-width: 24px;
1596
- height: 24px;
1597
- font-size: 12px;
1598
- line-height: 1;
1599
- color: #fff;
1600
- text-align: center;
1601
- text-decoration: none;
1602
- background-color: #6c6c6c;
1603
- border-radius: 6px;
1604
- box-shadow: 0 0 4px #d9d9d9;
1605
- }
1606
- .rc-slider-tooltip-arrow {
1607
- position: absolute;
1608
- width: 0;
1609
- height: 0;
1610
- border-color: transparent;
1611
- border-style: solid;
1612
- }
1613
- .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
1614
- bottom: 4px;
1615
- left: 50%;
1616
- margin-left: -4px;
1617
- border-width: 4px 4px 0;
1618
- border-top-color: #6c6c6c;
1619
- }
1620
-
1621
- .paladin-thickness-container {
1622
- cursor: pointer;
1623
- display: flex;
1624
- justify-content: center;
1625
- align-items: center;
1626
- width: 90px;
1627
- height: 16px;
1628
- background-color: #505050;
1629
- color: #888;
1630
- font-size: 13px;
1631
- }
1632
- .paladin-thickness-selecter {
1633
- padding: 5px 0;
1634
- background-color: #333;
1635
- color: #c8c8c8;
1636
- font-size: 12px;
1637
- }
1638
- .paladin-thickness-selecter .paladin-thickness-select-item {
1639
- padding: 3px 20px;
1640
- cursor: pointer;
1641
- }
1642
- .paladin-thickness-selecter .paladin-thickness-select-item:hover {
1643
- background-color: #fff;
1644
- color: #000;
1645
- }
1646
- .paladin-thickness-selecter .paladin-thickness-select-mpr {
1647
- border-bottom: 1px solid #ffffff;
1648
- padding: 3px 20px 8px 20px;
1649
- }
1650
-
1651
- .paladin-dicom-scroll {
1652
- display: flex;
1653
- width: 16px;
1654
- height: 100%;
1655
- flex-shrink: 0;
1656
- background: #333333;
1657
- }
1658
-
1659
- .paladin-dicom-layout {
1660
- display: flex;
1661
- flex-wrap: wrap;
1662
- height: 100%;
1663
- flex: 1;
1664
- }
1665
- .paladin-dicom-layout-warp {
1666
- display: flex;
1667
- flex: 1;
1668
- width: 100%;
1669
- height: 100%;
1670
- position: absolute;
1671
- top: 0;
1672
- left: 0;
1673
- right: 0;
1674
- bottom: 0;
1675
- }
1676
-
1677
- .paladin-main-wrapper svg {
1678
- width: 100%;
1679
- height: 100%;
1680
- }
1681
- .paladin-main-wrapper span,
1682
- .paladin-main-wrapper div {
1683
- -webkit-user-select: none;
1684
- -moz-user-select: none;
1685
- -ms-user-select: none;
1686
- user-select: none;
1687
- }
1688
- .paladin-main-wrapper .paladin-dicomView-dicomToolWrapper {
1689
- background-color: #353535;
1690
- z-index: 2;
1691
- }
1692
- .paladin-main-wrapper .paladin-dicomView-dicomThumbnailWrapper {
1693
- background-color: #353535;
1694
- border: 1px solid #727882;
1695
- }
1696
- .paladin-main-wrapper .paladin-dicomView-pcmobileWrapper {
1697
- display: flex;
1698
- flex-direction: column;
1699
- flex: 1;
1700
- width: 0;
1701
- }
1702
- button:focus {
1703
- outline: none;
1704
- }
1705
- .paladin-flex {
1706
- display: flex;
1707
- }
1708
- .paladin-flex-row {
1709
- display: flex;
1710
- box-sizing: border-box;
1711
- flex-direction: row;
1712
- flex-wrap: wrap;
1713
- flex: 0 1 auto;
1714
- }
1715
- .paladin-flex-col {
1716
- display: flex;
1717
- flex-direction: column;
1718
- box-sizing: border-box;
1719
- flex: 0 0 auto;
1720
- }
1721
- .paladin-flex-center {
1722
- justify-content: center;
1723
- align-items: center;
1724
- }
1725
- .paladin-flex-end {
1726
- justify-content: flex-end;
1727
- }
1728
- .paladin-flex-1 {
1729
- flex: 1;
1730
- }
1731
- .paladin-full-content {
1732
- width: 100%;
1733
- height: 100%;
1734
- }
1735
- .paladin-full-height {
1736
- height: 100%;
1737
- }
1738
- .paladin-full-width {
1739
- width: 100%;
1740
- }
1741
- .paladin-text-center {
1742
- text-align: center;
1743
- }
1744
-
1745
- .image-processing-container {
1746
- position: absolute;
1747
- width: 100%;
1748
- height: 100%;
1749
- text-align: center;
1750
- background: black;
1751
- display: flex;
1752
- align-items: center;
1753
- justify-content: space-around;
1754
- flex-direction: column;
1755
- z-index: 999;
1756
- }
1757
- .image-processing-container-content {
1758
- cursor: pointer;
1759
- }
1760
- .image-processing-container-content svg {
1761
- width: 50px;
1762
- height: 50px;
1763
- display: block;
1764
- margin: 15px auto 0 auto;
1765
- color: #999;
1766
- }
1767
- .paladin-three-wrapper {
1768
- width: 100%;
1769
- height: 100%;
1770
- color: white;
1771
- display: flex;
1772
- }
1773
- .paladin-three-horizontal-left {
1774
- width: 66.6%;
1775
- height: 100%;
1776
- }
1777
- .paladin-three-horizontal-right {
1778
- width: 33.4%;
1779
- height: 100%;
1780
- display: flex;
1781
- flex-direction: column;
1782
- }
1783
- .paladin-three-vertical-top {
1784
- width: 100%;
1785
- height: 66.6%;
1786
- flex-direction: row;
1787
- }
1788
- .paladin-three-vertical-bottom {
1789
- width: 100%;
1790
- height: 33.4%;
1791
- display: flex;
1792
- flex-direction: row;
1793
- }
1794
- .paladin-three-height-50 {
1795
- width: 100%;
1796
- height: 50%;
1797
- }
1798
- .paladin-three-width-50 {
1799
- width: 50%;
1800
- height: 100%;
1801
- }
1802
- .paladin-three-height-33 {
1803
- width: 100%;
1804
- height: 33.333%;
1805
- }
1806
- .paladin-three-width-33 {
1807
- height: 100%;
1808
- width: 33.333%;
1809
- }
1810
- .paladin-three-relative {
1811
- position: relative;
1812
- }
1813
-