vg-print 1.0.13 → 1.0.15

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,997 +0,0 @@
1
- .hiprint-printPaper.design.grid {
2
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(0, 0, 0, 0.1) 3%, rgba(0, 0, 0, 0) 3%);
3
- background-size: 5mm 5mm;
4
- background-position: left top;
5
- }
6
-
7
- .horLine {
8
- position: absolute;
9
- border: 0;
10
- border-top: 1px solid rgb(241, 110, 110);
11
- }
12
- .verLine {
13
- position: absolute;
14
- border: 0;
15
- border-left: 1px solid rgb(241, 110, 110);
16
- }
17
-
18
- /* 拖拽时元素辅助线 */
19
- .toplineOfPosition, .bottomlineOfPosition {
20
- border: 0;
21
- border-top: 1px dashed rgb(169, 169, 169);
22
- }
23
- .leftlineOfPosition, .rightlineOfPosition {
24
- border: 0;
25
- border-left: 1px dashed rgb(169, 169, 169);
26
- }
27
-
28
- /* 拖拽时的坐标位置 */
29
- .topPosition {
30
- background: red;
31
- color: white;
32
- border-radius: 20rem;
33
- min-width: 10px;
34
- padding: 0 2px;
35
- font-size: 12px;
36
- line-height: normal;
37
- z-index: 9;
38
- }
39
- .topPosition-lineMode {
40
- color: red;
41
- background: unset;
42
- line-height: normal;
43
- z-index: 9;
44
- }
45
- .leftPosition {
46
- background: red;
47
- color: white;
48
- border-radius: 20rem;
49
- min-width: 10px;
50
- padding: 0 2px;
51
- font-size: 12px;
52
- line-height: normal;
53
- z-index: 9;
54
- }
55
- .leftPosition-lineMode {
56
- color: red;
57
- background: unset;
58
- line-height: normal;
59
- z-index: 9;
60
- }
61
-
62
- /* 元素始终隐藏 */
63
- .alwaysHide {
64
- background-color: gray !important;
65
- }
66
-
67
- /* 元素宽高 */
68
- .resize-panel .size-box {
69
- border: 1px solid;
70
- min-height: 19px;
71
- padding: 0px 4px;
72
- background: red;
73
- color: white;
74
- font-size: 12px;
75
- border-radius: 6px 6px 0 0;
76
- white-space: nowrap;
77
- line-height: normal;
78
- font-family: unset;
79
- letter-spacing: normal;
80
- z-index: 9;
81
- }
82
- .hiprint-printElement:not(.editing):hover .resize-panel {
83
- display: block !important;
84
- /* hover 强制背景色 可重写 */
85
- background-color: rgba(0, 0, 0, 0.5) !important;
86
- }
87
- .hiprint-printElement:hover .resize-panel .resizebtn {
88
- display: none;
89
- }
90
- .hiprint-printElement:hover .resize-panel.selected .resizebtn {
91
- display: block;
92
- }
93
- .hiprint-printElement.design .del-btn {
94
- position: absolute;
95
- visibility: hidden;
96
- z-index: 10;
97
- width: 16px;
98
- height: 16px;
99
- line-height: 12px;
100
- top: -8px;
101
- right: -8px;
102
- border-radius: 50%;
103
- padding: 2px;
104
- background: red;
105
- color: white;
106
- font-size: 12px;
107
- box-sizing: border-box;
108
- cursor: pointer;
109
- text-align: center;
110
- }
111
- .hiprint-printElement.design:hover .del-btn {
112
- visibility: visible;
113
- }
114
- .resize-panel .size-box .hide {
115
- display: none;
116
- }
117
-
118
- /* 参数tab */
119
- .prop-tabs {
120
- background-color: #FFF;
121
- border-style: none;
122
- box-shadow: none;
123
- border-color: #e6e6e6;
124
- }
125
- .prop-tabs .prop-tab-items {
126
- height: 31px;
127
- line-height: 31px;
128
- padding: 2px 0 1px 2px;
129
- list-style: none;
130
- outline: 0;
131
- border: 0;
132
- text-decoration: none;
133
- font-size: 100%;
134
- margin: 0;
135
- border-bottom: 1px solid #ddd;
136
- /*box-shadow: 0 1px 3px rgba(26, 26, 26, .1);*/
137
- box-sizing: content-box;
138
- }
139
- .prop-tabs .prop-tab-items .prop-tab-item {
140
- background-color: #FFF;
141
- border-radius: 0;
142
- padding: 0;
143
- margin: 0 -1px 0 0;
144
- display: inline-block;
145
- cursor: pointer;
146
- list-style-type: none;
147
- }
148
-
149
- .prop-tabs .prop-tab-items .prop-tab-item .tab-title {
150
- height: 30px;
151
- line-height: 30px;
152
- padding: 0 10px;
153
- font-weight: bold;
154
- font-size: 14px;
155
- }
156
-
157
- .prop-tabs .prop-tab-items li.active {
158
- border: none;
159
- border-bottom: 2px solid #2196f3;
160
- color: #2196f3;
161
- height: 31px;
162
- line-height: 30px;
163
- }
164
-
165
- .prop-tabs .hiprint-option-items.active {
166
- display: flex;
167
- }
168
-
169
- .prop-tabs .hiprint-option-items {
170
- display: none;
171
- margin-top: 1px;
172
- border: none;
173
- background-color: #FFF;
174
- overflow: auto;
175
- /*height: calc(100vh - 150px);*/
176
- padding: 0;
177
- }
178
- /* 元素双击编辑 */
179
- .design .editing {
180
- border: 1px solid red !important;
181
- }
182
-
183
- /* hiprint-pagination */
184
- .hiprint-pagination {
185
- display: inline-block;
186
- padding-left: 0;
187
- }
188
- .hiprint-pagination > li {
189
- border: 1px solid #bdc3c7;
190
- -moz-border-radius: 2px;
191
- -webkit-border-radius: 2px;
192
- display: block;
193
- float: left;
194
- padding: 5px;
195
- text-decoration: none;
196
- margin-right: 5px;
197
- margin-bottom: 5px;
198
- font-family: helvetica;
199
- font-size: 13px;
200
- cursor: pointer
201
- }
202
-
203
- .hiprint-pagination > li > span {
204
- padding: 0 10px 0 10px;
205
- }
206
-
207
- .hiprint-pagination > li > a {
208
- color: #bdc3c7;
209
- font-weight: bold;
210
- text-decoration: none;
211
- font-size: 11px;
212
- padding: 3px;
213
- }
214
-
215
- .hiprint-pagination > li > a:hover {
216
- color: red;
217
- }
218
-
219
- .hiprint-pagination .selected {
220
- border: #2196f3 1px solid;
221
- }
222
-
223
-
224
- .hiprint-pagination-sm > li > a {
225
- padding: 5px 10px;
226
- font-size: 12px;
227
- line-height: 1.5;
228
- }
229
- /*rect-printElement-type hiprint-printElement-type */
230
- .rect-printElement-types .hiprint-printElement-type {
231
- display: block;
232
- }
233
-
234
- .rect-printElement-types .hiprint-printElement-type {
235
- padding: 0 0 0 0;
236
- list-style: none;
237
- }
238
-
239
- .rect-printElement-types .hiprint-printElement-type > li > .title {
240
- display: block;
241
- padding: 4px 0px;
242
- clear: both;
243
- }
244
-
245
- .rect-printElement-types .hiprint-printElement-type > li > ul {
246
- padding: 0 0 0 0;
247
- display: block;
248
- list-style: none;
249
- }
250
-
251
- .rect-printElement-types .hiprint-printElement-type > li > ul > li {
252
- display: block;
253
- width: 50%;
254
- float: left;
255
- max-width: 100px;
256
- }
257
-
258
- .rect-printElement-types .hiprint-printElement-type > li > ul > li > a {
259
- height: 92px;
260
- padding: 12px 6px;
261
- margin-left: -1px;
262
- line-height: 1.42857143;
263
- color: #337ab7;
264
- text-decoration: none;
265
- background-color: #fff;
266
- border: 1px solid #ddd;
267
- margin-right: 5px;
268
- width: 95%;
269
- max-width: 100px;
270
- display: inline-block;
271
- text-align: center;
272
- margin-bottom: 7px;
273
- box-sizing: border-box;
274
- color: #b9a5a6;
275
- border: 1px solid rgba(0,0,0,0.2);
276
- border-radius: 3px;
277
- box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
278
- }
279
-
280
-
281
- /*small-printElement-type hiprint-printElement-type */
282
- .small-printElement-types .hiprint-printElement-type {
283
- display: block;
284
- }
285
-
286
- .small-printElement-types .hiprint-printElement-type {
287
- padding: 0 0 0 0;
288
- list-style: none;
289
- }
290
-
291
- .small-printElement-types .hiprint-printElement-type > li > .title {
292
- display: block;
293
- padding: 4px 0px;
294
- clear: both;
295
- }
296
-
297
- .small-printElement-types .hiprint-printElement-type > li > ul {
298
- padding: 0 0 0 0;
299
- display: block;
300
- list-style: none;
301
- width: 100%;
302
- }
303
-
304
- .small-printElement-types .hiprint-printElement-type > li > ul > li {
305
- display: block;
306
- width: 50%;
307
- float: left;
308
- padding: 0 4px;
309
- }
310
-
311
- .small-printElement-types .hiprint-printElement-type > li > ul > li > a {
312
- height: 22px;
313
- /* padding: 12px 6px; */
314
- /* margin-left: -1px; */
315
- line-height: 20px;
316
- color: #337ab7;
317
- text-decoration: none;
318
- background-color: #fff;
319
- border: 1px solid #ddd;
320
- margin-right: 5px;
321
- width: 100%;
322
- display: block;
323
- text-align: center;
324
- margin-bottom: 7px;
325
- box-sizing: border-box;
326
- color: #b9a5a6;
327
- border: 1px solid rgba(0,0,0,0.2);
328
- border-radius: 3px;
329
- box-shadow: 0 1px 0 0 rgba(0,0,0,0.15);
330
- }
331
-
332
-
333
- /* hiprint-toolbar*/
334
-
335
- .hiprint-toolbar {
336
- }
337
-
338
- .hiprint-toolbar > ul {
339
- padding: 0px;
340
- margin-bottom: 5px;
341
- }
342
-
343
- .hiprint-toolbar > ul > li {
344
- display: inline-block;
345
- }
346
-
347
- .hiprint-toolbar > ul > li > a {
348
- position: relative;
349
- float: left;
350
- padding: 3px 10px;
351
- margin-left: -1px;
352
- line-height: 1.42857143;
353
- color: #337ab7;
354
- text-decoration: none;
355
- background-color: #fff;
356
- border: 1px solid #ddd;
357
- margin-right: 4px;
358
- cursor: pointer;
359
- }
360
-
361
-
362
- .hiprint-printElement-type .glyphicon-class {
363
- display: block;
364
- text-align: center;
365
- word-wrap: break-word;
366
- /*font-size: 0.65rem;
367
- font-weight: normal;*/
368
- font-family: Helvetica, sans-serif;
369
- }
370
-
371
- .hiprint-printElement-type .glyphicon {
372
- margin-top: 5px;
373
- margin-bottom: 10px;
374
- font-size: 37px;
375
- }
376
-
377
-
378
- /*
379
-
380
-
381
- */
382
-
383
- /*option css*/
384
- /*option css*/
385
- .hiprint-option-items {
386
- padding: 10px 5px;
387
- display: flex;
388
- flex-wrap: wrap;
389
- align-items: flex-end;
390
- box-sizing: border-box;
391
- width: 100%;
392
- }
393
-
394
- .hiprint-option-items .hiprint-option-item {
395
- box-sizing: border-box;
396
- float: left;
397
- width: 50%;
398
- margin-bottom: 5px;
399
- padding: 0 5px;
400
- }
401
-
402
- .hiprint-option-items .hiprint-option-item-row {
403
- width: 100%;
404
- }
405
-
406
- .hiprint-option-item-label {
407
- margin: 5px 5px 3px 0;
408
- }
409
-
410
- .hiprint-option-items .hiprint-option-item-field input, .hiprint-option-items .hiprint-option-item-field select, .hiprint-option-items .hiprint-option-item-field textarea {
411
- color: inherit;
412
- background-color: transparent;
413
- box-sizing: border-box;
414
- width: 100%;
415
- position: relative;
416
- padding: 3px;
417
- z-index: 1;
418
- border: 1px solid rgb(169, 169, 169);
419
- height: 19pt;
420
- }
421
-
422
- .hiprint-option-item-settingBtn {
423
- height: 19pt;
424
- line-height: 19pt;
425
- font-size: 12px;
426
- padding: 0 24px;
427
- background: #00c1de;
428
- border-color: transparent;
429
- color: #fff;
430
- display: inline-block;
431
- margin: 5px;
432
- font-weight: 400;
433
- border: 1px solid transparent;
434
- font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, "sans-serif";
435
- vertical-align: middle;
436
- transition: .3s cubic-bezier(.4, 0, .2, 1);
437
- transform: translateZ(0);
438
- }
439
-
440
- .hiprint-option-item-deleteBtn {
441
- background: red;
442
- }
443
-
444
- .hiprint-option-items .minicolors {
445
- position: relative;
446
- }
447
-
448
- .hiprint-option-items .minicolors-sprite {
449
- background-image: url(./image/jquery.minicolors.png);
450
- }
451
-
452
- .hiprint-option-items .minicolors-swatch {
453
- position: absolute;
454
- vertical-align: middle;
455
- background-position: -80px 0;
456
- cursor: text;
457
- padding: 0;
458
- margin: 0;
459
- display: inline-block;
460
- }
461
-
462
- .hiprint-option-items .minicolors-swatch-color {
463
- position: absolute;
464
- top: 0;
465
- left: 0;
466
- right: 0;
467
- bottom: 0;
468
- }
469
-
470
- .hiprint-option-items .minicolors input[type=hidden] + .minicolors-swatch {
471
- width: 28px;
472
- position: static;
473
- cursor: pointer;
474
- }
475
-
476
- .hiprint-option-items .minicolors input[type=hidden][disabled] + .minicolors-swatch {
477
- cursor: default;
478
- }
479
-
480
- /* Panel */
481
- .hiprint-option-items .minicolors-panel {
482
- position: absolute;
483
- width: 173px;
484
- background: white;
485
- border: solid 1px #CCC;
486
- box-shadow: 0 0 20px rgba(0, 0, 0, .2);
487
- z-index: 99999;
488
- box-sizing: content-box;
489
- display: none;
490
- }
491
-
492
- .hiprint-option-items .minicolors-panel.minicolors-visible {
493
- display: block;
494
- }
495
-
496
- /* Panel positioning */
497
- .hiprint-option-items .minicolors-position-top .minicolors-panel {
498
- top: -154px;
499
- }
500
-
501
- .hiprint-option-items .minicolors-position-right .minicolors-panel {
502
- right: 0;
503
- }
504
-
505
- .hiprint-option-items .minicolors-position-bottom .minicolors-panel {
506
- top: auto;
507
- }
508
-
509
- .hiprint-option-items .minicolors-position-left .minicolors-panel {
510
- left: 0;
511
- }
512
-
513
- .hiprint-option-items .minicolors-with-opacity .minicolors-panel {
514
- width: 194px;
515
- }
516
-
517
- .hiprint-option-items .minicolors .minicolors-grid {
518
- position: relative;
519
- top: 1px;
520
- left: 1px; /* LTR */
521
- width: 150px;
522
- height: 150px;
523
- margin-bottom: 2px;
524
- background-position: -120px 0;
525
- cursor: crosshair;
526
- }
527
-
528
- .hiprint-option-items .minicolors .minicolors-grid-inner {
529
- position: absolute;
530
- top: 0;
531
- left: 0;
532
- width: 150px;
533
- height: 150px;
534
- }
535
-
536
- .hiprint-option-items .minicolors-slider-saturation .minicolors-grid {
537
- background-position: -420px 0;
538
- }
539
-
540
- .hiprint-option-items .minicolors-slider-saturation .minicolors-grid-inner {
541
- background-position: -270px 0;
542
- background-image: inherit;
543
- }
544
-
545
- .hiprint-option-items .minicolors-slider-brightness .minicolors-grid {
546
- background-position: -570px 0;
547
- }
548
-
549
- .hiprint-option-items .minicolors-slider-brightness .minicolors-grid-inner {
550
- background-color: black;
551
- }
552
-
553
- .hiprint-option-items .minicolors-slider-wheel .minicolors-grid {
554
- background-position: -720px 0;
555
- }
556
-
557
- .hiprint-option-items .minicolors-slider,
558
- .hiprint-option-items .minicolors-opacity-slider {
559
- position: absolute;
560
- top: 1px;
561
- left: 152px; /* LTR */
562
- width: 20px;
563
- height: 150px;
564
- background-color: white;
565
- background-position: 0 0;
566
- cursor: row-resize;
567
- }
568
-
569
- .hiprint-option-items .minicolors-slider-saturation .minicolors-slider {
570
- background-position: -60px 0;
571
- }
572
-
573
- .hiprint-option-items .minicolors-slider-brightness .minicolors-slider {
574
- background-position: -20px 0;
575
- }
576
-
577
- .hiprint-option-items .minicolors-slider-wheel .minicolors-slider {
578
- background-position: -20px 0;
579
- }
580
-
581
- .hiprint-option-items .minicolors-opacity-slider {
582
- left: 173px; /* LTR */
583
- background-position: -40px 0;
584
- display: none;
585
- }
586
-
587
-
588
- .hiprint-option-items .minicolors-with-opacity .minicolors-opacity-slider {
589
- display: block;
590
- }
591
-
592
- /* Pickers */
593
- .hiprint-option-items .minicolors-grid .minicolors-picker {
594
- position: absolute;
595
- top: 70px;
596
- left: 70px;
597
- width: 12px;
598
- height: 12px;
599
- border: solid 1px black;
600
- border-radius: 10px;
601
- margin-top: -6px;
602
- margin-left: -6px;
603
- background: none;
604
- }
605
-
606
- .hiprint-option-items .minicolors-grid .minicolors-picker > div {
607
- position: absolute;
608
- top: 0;
609
- left: 0;
610
- width: 8px;
611
- height: 8px;
612
- border-radius: 8px;
613
- border: solid 2px white;
614
- box-sizing: content-box;
615
- }
616
-
617
- .hiprint-option-items .minicolors-picker {
618
- position: absolute;
619
- top: 0;
620
- left: 0;
621
- width: 18px;
622
- height: 2px;
623
- background: white;
624
- border: solid 1px black;
625
- margin-top: -2px;
626
- box-sizing: content-box;
627
- }
628
-
629
- /* Swatches */
630
- .hiprint-option-items .minicolors-swatches,
631
- .hiprint-option-items .minicolors-swatches li {
632
- margin: 5px 0 3px 5px; /* LTR */
633
- padding: 0;
634
- list-style: none;
635
- overflow: hidden;
636
- }
637
-
638
- .hiprint-option-items .minicolors-swatches .minicolors-swatch {
639
- position: relative;
640
- float: left; /* LTR */
641
- cursor: pointer;
642
- margin: 0 4px 0 0; /* LTR */
643
- }
644
-
645
-
646
- .hiprint-option-items .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
647
- margin-right: 7px; /* LTR */
648
- }
649
-
650
-
651
- .hiprint-option-items .minicolors-swatch.selected {
652
- border-color: #000;
653
- }
654
-
655
- /* Inline controls */
656
- .hiprint-option-items .minicolors-inline {
657
- display: inline-block;
658
- }
659
-
660
- .hiprint-option-items .minicolors-inline .minicolors-input {
661
- display: none !important;
662
- }
663
-
664
- .hiprint-option-items .minicolors-inline .minicolors-panel {
665
- position: relative;
666
- top: auto;
667
- left: auto; /* LTR */
668
- box-shadow: none;
669
- z-index: auto;
670
- display: inline-block;
671
- }
672
-
673
-
674
-
675
- /* Bootstrap theme */
676
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch {
677
- z-index: 2;
678
- top: 3px;
679
- left: 3px;
680
- width: 17px;
681
- height: 17px;
682
- }
683
-
684
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
685
- margin-bottom: 2px;
686
- top: 0;
687
- left: 0; /* LTR */
688
- width: 20px;
689
- height: 20px;
690
- }
691
-
692
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-swatch-color {
693
- border-radius: inherit;
694
- }
695
-
696
- .hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
697
- left: auto; /* LTR */
698
- right: 3px; /* LTR */
699
- }
700
-
701
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-input {
702
- float: none;
703
- padding-left: 23px; /* LTR */
704
- }
705
-
706
- .hiprint-option-items .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
707
- padding-right: 44px; /* LTR */
708
- padding-left: 12px; /* LTR */
709
- }
710
-
711
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
712
- top: 4px;
713
- left: 4px; /* LTR */
714
- width: 37px;
715
- height: 37px;
716
- border-radius: 5px;
717
- }
718
-
719
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
720
- width: 24px;
721
- height: 24px;
722
- }
723
-
724
- .hiprint-option-items .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
725
- width: 18px;
726
- height: 18px;
727
- }
728
-
729
- .hiprint-option-items .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
730
- border-top-left-radius: 0; /* LTR */
731
- border-bottom-left-radius: 0; /* LTR */
732
- }
733
-
734
-
735
-
736
- /*hitable reizer*/
737
- .hitable {
738
- }
739
-
740
-
741
-
742
- .hitable .selected {
743
- background: #3e66ad;
744
- }
745
-
746
-
747
- /*resizer*/
748
- .hitable tr.resizerRow,
749
- .hitable .resizerRow td {
750
- border: 0pt dashed;
751
- height: 0pt;
752
- background: #fff;
753
- }
754
-
755
- .hitable tr.resizerRow + tr,
756
- .hitable tr.resizerRow + tr td {
757
- border-top: 0px !important;
758
- }
759
-
760
- .hitable td.resizerColumn {
761
- border: 0pt dashed;
762
- width: 0.000001px !important;
763
- background: #fff;
764
- }
765
-
766
-
767
- .hitable td.resizerColumn + td {
768
- border-left: 0px !important;
769
- }
770
-
771
-
772
- /*GRIP*/
773
-
774
- .columngrips {
775
- height: 0px;
776
- position: absolute;
777
- }
778
-
779
- .columngrip {
780
- margin-left: -5px;
781
- position: absolute;
782
- z-index: 5;
783
- width: 10px;
784
- }
785
-
786
- .columngrip .gripResizer {
787
- position: absolute;
788
- filter: alpha(opacity=1);
789
- opacity: 0;
790
- width: 10px;
791
- height: 100%;
792
- cursor: col-resize;
793
- top: 0px;
794
- }
795
-
796
- .columngripDraging {
797
- border-left: 1px dotted black;
798
- }
799
-
800
- .rowgrips {
801
- height: 0px;
802
- width: 0px;
803
- position: absolute;
804
- }
805
-
806
- .rowgrip {
807
- margin-top: -5px;
808
- position: absolute;
809
- z-index: 5;
810
- height: 10px;
811
- }
812
-
813
- .rowgrip .gripResizer {
814
- position: absolute;
815
- filter: alpha(opacity=1);
816
- opacity: 0;
817
- height: 10px;
818
- width: 100%;
819
- cursor: row-resize;
820
- left: 0px;
821
- }
822
-
823
- .rowgripDraging {
824
- border-top: 1px dotted black;
825
- }
826
-
827
- .hitable .hitable-editor-text {
828
- border: 1px solid;
829
- width: 95%;
830
- height: 80%;
831
- }
832
-
833
-
834
-
835
-
836
- .hipanel-disable {
837
- height: 0px;
838
- display: block !important;
839
- top: 8500px;
840
- width: 0px;
841
- overflow: hidden;
842
- position: absolute;
843
- }
844
-
845
- .hiprint_rul_wrapper {
846
- position: absolute;
847
- height: 100%;
848
- width: 100%;
849
- overflow: hidden;
850
- pointer-events: none;
851
- border: 0;
852
- border-top: 1px solid rgb(201, 190, 190);
853
- border-left: 1px solid rgb(201, 190, 190);
854
- padding-left: 15px;
855
- padding-top:15px;
856
- margin: -16px;
857
- box-sizing: content-box!important;
858
- }
859
-
860
- .hiprint_rul_wrapper .h_img {
861
- position: absolute;
862
- top: 0px;
863
- left: 15px;
864
- width: 400mm;
865
- height: 15px;
866
- max-width: none;
867
- }
868
-
869
- .hiprint_rul_wrapper .v_img {
870
- width: 400mm;
871
- max-width: none;
872
- transform: rotate(90deg);
873
- transform-origin: 0 100%;
874
- height: 15px;
875
- position: absolute;
876
- top: -2px;
877
- left: 0px;
878
- }
879
-
880
- /*hiprint-option-table*/
881
-
882
- .hiprint-option-table-selected-columns {
883
- color: inherit;
884
- background-color: transparent;
885
- box-sizing: border-box;
886
- width: 100%;
887
- position: relative;
888
- padding: 0px;
889
- list-style: none;
890
- }
891
-
892
- .hiprint-option-table-selected-columns .hiprint-option-table-selected-item {
893
- color: inherit;
894
- background-color: transparent;
895
- box-sizing: border-box;
896
- width: 100%;
897
- padding: 0 3px;
898
- border: 1px solid rgb(169, 169, 169);
899
- line-height: 19pt;
900
- margin: 3px 0;
901
- }
902
- .hiprint-option-table-selected-columns .hiprint-option-table-selected-item .column-title {
903
- display: inline-block;
904
- min-width: calc(100% - 3rem);
905
- }
906
- /*hi-pretty */
907
- .hi-pretty * {
908
- box-sizing: border-box;
909
- }
910
-
911
- .hi-pretty input:not([type='checkbox']):not([type='radio']) {
912
- display: none;
913
- }
914
-
915
- .hi-pretty {
916
- position: relative;
917
- display: inline-block;
918
- margin-right: 1em;
919
- white-space: nowrap;
920
- line-height: 1;
921
- }
922
-
923
- .hi-pretty input {
924
- position: absolute;
925
- left: 0;
926
- top: 0;
927
- min-width: 1em;
928
- width: 100%;
929
- height: 100%;
930
- z-index: 2;
931
- opacity: 0;
932
- margin: 0;
933
- padding: 0;
934
- cursor: pointer;
935
- }
936
-
937
- .hi-pretty .state label {
938
- position: initial;
939
- display: inline-block;
940
- font-weight: normal;
941
- margin: 0;
942
- text-indent: 1.5em;
943
- min-width: calc(1em + 2px);
944
- }
945
-
946
- .hi-pretty .state label:before,
947
- .hi-pretty .state label:after {
948
- content: '';
949
- width: calc(1em + 2px);
950
- height: calc(1em + 2px);
951
- display: block;
952
- box-sizing: border-box;
953
- border-radius: 0;
954
- border: 1px solid transparent;
955
- z-index: 0;
956
- position: absolute;
957
- left: 0;
958
- top: 0;
959
- background-color: transparent;
960
- }
961
-
962
- .hi-pretty .state label:before {
963
- border-color: #bdc3c7;
964
- }
965
-
966
- .hi-pretty .state.p-is-hover,
967
- .hi-pretty .state.p-is-indeterminate {
968
- display: none;
969
- }
970
-
971
-
972
- .hi-pretty.p-default.p-fill .state label:after {
973
- -webkit-transform: scale(1);
974
- -ms-transform: scale(1);
975
- transform: scale(1);
976
- }
977
-
978
- .hi-pretty.p-default .state label:after {
979
- -webkit-transform: scale(0.6);
980
- -ms-transform: scale(0.6);
981
- transform: scale(0.6);
982
- }
983
-
984
- .hi-pretty.p-default input:checked ~ .state label:after {
985
- background-color: #bdc3c7 !important;
986
- }
987
-
988
- .hi-pretty.p-default.p-thick .state label:before,
989
- .hi-pretty.p-default.p-thick .state label:after {
990
- border-width: calc(1em / 7);
991
- }
992
-
993
- .hi-pretty.p-default.p-thick .state label:after {
994
- -webkit-transform: scale(0.4) !important;
995
- -ms-transform: scale(0.4) !important;
996
- transform: scale(0.4) !important;
997
- }