PluginProbe
Packeta / 1.6.3
Packeta v1.6.3
2.3.2 2.3.1 trunk 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.3.0 1.3.1 1.3.2 1.4 1.4.1 1.4.2 1.4.3 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.6.0 1.6.1 1.6.2 1.6.3 1.6.4 All 56 releases
packeta / public / admin.css

admin.css in Packeta 1.6.3, at public/admin.css

870 lines 17.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @font-face {
2 font-family: Ubuntu;
3 src: local("Ubuntu Regular"), local("UbuntuRegular"), local("Ubuntu-Regular"), url('../public/fonts/UbuntuRegular.woff2') format("woff2"), url('../public/fonts/UbuntuRegular.otf') format("otf");
4 font-weight: 400;
5 font-style: normal;
6 font-display: swap;
7 }
8
9 @font-face {
10 font-family: Ubuntu;
11 src: local("Ubuntu Medium"), local("UbuntuMedium"), local("Ubuntu-Medium"), url('../public/fonts/UbuntuMedium.woff2') format("woff2"), url('../public/fonts/UbuntuMedium.otf') format("otf");
12 font-weight: 500;
13 font-style: normal;
14 font-display: swap;
15 }
16
17 .packetery-carrier-options-page .packetery-carrier-name, .packetery-rule {
18 width: 700px;
19 }
20
21 .packetery-rule {
22 display: table;
23 float: left;
24 margin-right: 1em;
25 }
26
27 .packetery-rule > * {
28 display: table-cell;
29 box-sizing: border-box;
30 overflow: hidden;
31 }
32
33 .packetery-rule > :nth-child(3) {
34 padding-left: 1em;
35 }
36
37 .packetery-rule input {
38 width: 100%;
39 margin: 0;
40 }
41
42 .packetery-input-validation-message {
43 color: red;
44 font-weight: bold;
45 }
46
47 .packetery-carrier-options-page input, .packetery-carrier-options-page select {
48 margin: 0;
49 }
50
51 .packetery-carrier-options-page .js-delete.button {
52 position: relative;
53 top: 2px;
54 }
55
56 .packetery-carrier-options-page .packetery-label {
57 font-weight: bold;
58 text-align: left;
59 }
60
61 .packetery-carrier-options-page .form-table td {
62 padding-left: 0;
63 padding-top: 15px;
64 padding-bottom: 15px;
65 vertical-align: middle;
66 }
67
68 .packetery-carrier-options-page .form-table [data-replication-item-container] td {
69 padding-left: 0;
70 padding-top: 0;
71 padding-bottom: 15px;
72 vertical-align: middle;
73 }
74
75 .packetery-carrier-options-page .form-table th {
76 padding-top: 20px;
77 padding-bottom: 15px;
78 vertical-align: top;
79 min-width: 200px;
80 }
81
82 .packetery-carrier-options-page .form-table input[type="text"] {
83 width: 100%;
84 max-width: calc(100% - 200px);
85 }
86
87 .packetery-carrier-options-page .select2-container {
88 width: 100% !important;
89 max-width: calc(100% - 200px);
90 }
91
92 .packetery-carrier-options-page .form-table th.replication-section-label-container {
93 padding-top: 22px;
94 vertical-align: top;
95 }
96
97 .packetery-carrier-options-page .form-table * {
98 border-spacing: 0;
99 }
100
101 .packetery-order-metabox-label-cell {
102 text-align: left;
103 }
104
105 .packetery-order-metabox-input {
106 width: 100%;
107 margin-left: 0;
108 margin-right: 0;
109 }
110
111 .packetery-table {
112 display: table;
113 table-layout: fixed;
114 width: 100%;
115 }
116
117 .packetery-table-row {
118 display: table-row;
119 }
120
121 .packetery-table-cell {
122 display: table-cell;
123 box-sizing: border-box;
124 text-align: left;
125 overflow: hidden;
126 }
127
128 .packetery-table-cell .date-picker {
129 display: block;
130 width: calc(100% - 1px);
131 }
132
133 .log-error {
134 font-weight: bold;
135 }
136
137 #packetery-options-page {
138 padding-right: 1em;
139 }
140
141 #packetery-options-page input[type=text], #packetery-options-page input[type=number], #packetery-options-page select {
142 width: 500px;
143 max-width: none;
144 }
145
146 #packetery-options-page .fieldset {
147 border: 1px solid #ddd;
148 padding: 10px;
149 margin-top: 30px;
150 }
151
152 #packetery-options-page .fieldset legend {
153 font-weight: 600;
154 color: #1d2327;
155 font-size: 1.3em;
156 padding: 0 0.5em;
157 }
158
159 #packetery-options-page .notice {
160 margin: 0;
161 margin-top: 10px;
162 margin-bottom: 10px;
163 }
164
165 .packetery-help-block {
166 font-style: italic;
167 color: #959595;
168 display: block;
169 }
170
171 .packetery-offset-wrapper {
172 max-width: 700px;
173 margin: 40px auto;
174 }
175
176 .packetery-offset-wrapper, .packetery-offset {
177 background: #fff;
178 overflow: hidden;
179 box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
180 }
181
182 .packetery-offset th {
183 vertical-align: middle;
184 }
185
186 .packetery-offset th label, .packetery-offset-wrapper h1 {
187 color: #555;
188 }
189
190 .packetery-offset-wrapper h1 {
191 font-weight: 400;
192 }
193
194 .packetery-offset th label {
195 font-weight: 400;
196 display: block;
197 cursor: pointer;
198 }
199
200 .packetery-offset-wrapper section {
201 padding: 16px 24px;
202 }
203
204 .packetery-offset select {
205 width: 100%;
206 color: #646970;
207 height: 54px;
208 }
209
210 .packetery-actions {
211 overflow: hidden;
212 border-top: 1px solid #eee;
213 padding: 23px 24px 24px;
214 }
215
216 .wp-core-ui .packetery-button {
217 font-size: 1.25em;
218 line-height: 1.5em !important;
219 background-color: #bb77ae;
220 border-color: #a36597;
221 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 #a36597;
222 text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
223 float: right;
224 padding: .5em 1em !important;
225 }
226
227 tbody .packetery-log-column-note {
228 word-break: break-word;
229 }
230
231 .packetery-log-table {
232 border-collapse: collapse;
233 width: 100%;
234 }
235
236 .packetery-log-table tr:nth-child(odd) {
237 background-color: white;
238 }
239
240 .packetery-log-table tr:nth-child(even), .packetery-log-table th {
241 background-color: #f6f7f7;
242 }
243
244 .packetery-log-table td, .packetery-log-table th {
245 padding: 0.5em 1em;
246 }
247
248 .packetery-log-table tr:hover td {
249 background-color: #dedddd;
250 }
251
252 #packetery-widget-button-wrapper {
253 margin-top: 6px;
254 }
255
256 #packetery-widget-button-wrapper .packetery-widget-button-row {
257 display: flex;
258 }
259
260 #packetery-widget-button-wrapper .packetery-widget-button-row img {
261 width: 45px;
262 margin-right: 6px;
263 border-radius: 3px;
264 }
265
266 .packetery-hidden {
267 display: none;
268 }
269
270 .js-weight-rules .packetery-input-validation-message {
271 max-width: 260px;
272 }
273
274 .js-weight-rules .packetery-input-with-unit {
275 width: 260px;
276 }
277
278 .js-weight-rules .packetery-input-with-unit input {
279 width: 240px;
280 }
281
282 .packetery .button.dashicons {
283 width: 35px;
284 }
285
286 .packetery-label {
287 padding-right: 5px;
288 }
289
290 .packetery-rule :nth-child(3) {
291 text-align: right;
292 }
293
294 .js-surcharge-rules .packetery-label {
295 width: 180px;
296 }
297
298 .js-surcharge-rules :nth-child(3) {
299 width: 80px;
300 }
301
302 .js-surcharge-rules .packetery-input-with-unit {
303 width: 220px;
304 }
305
306 .js-surcharge-rules .packetery-input-validation-message {
307 max-width: 220px;
308 }
309
310 .js-surcharge-rules .packetery-input-with-unit input {
311 width: 200px;
312 }
313
314 .button.dashicons.packetery-dashicons-button-fix {
315 font-size: 13px;
316 height: auto;
317 width: auto;
318 }
319
320 .button.dashicons.packetery-dashicons-button-fix .packetery-dashicons-button-fix-text {
321 font-family: 'Muli', sans-serif;
322 }
323
324 #packetery-tab .packetery-shipping-rate label {
325 width: auto;
326 float: none;
327 margin: auto;
328 }
329
330 #packetery-tab .packetery-shipping-rate td {
331 vertical-align: top;
332 padding: 9px;
333 padding-top: 0;
334 }
335
336 .packetery-survey {
337 display: flex;
338 }
339
340 .packetery-survey div > p {
341 margin-top: 0;
342 }
343
344 .packetery-survey img {
345 width: 167px;
346 }
347
348 .packetery-product-category-carrier-item td {
349 padding: 0 9px 9px 9px;
350 }
351
352 .packeta_header {
353 display: flex;
354 align-items: center;
355 margin-top: 32px;
356 margin-bottom: 32px;
357 background: #ffffff;
358 filter: drop-shadow(7px 5px 35px rgba(0, 0, 0, .05));
359 max-height: 65px;
360 }
361
362 .packeta_header h1 {
363 color: #ba1b02;
364 font-family: Ubuntu, Helvetica, Arial, sans-serif;
365 font-weight: 500;
366 }
367
368 .packeta_logo {
369 -webkit-box-pack: center;
370 -ms-flex-pack: center;
371 justify-content: center;
372 background-color: #ba1b02;
373 padding: 24px 24px 16px 24px;
374 width: 148px;
375 -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
376 clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
377 margin-right: 32px;
378 }
379
380 .packeta_logo.packeta_logo-cs {
381 width: 130px;
382 height: 36px;
383 padding: 30px 24px 16px 24px;
384 }
385
386 .packetery_page a {
387 color: #ba1b02;
388 }
389
390 .packetery_page .form-table {
391 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
392 }
393
394 .wp-core-ui .packeta_page .button {
395 font-weight: 500;
396 line-height: 1.125;
397 padding: 15px 24px;
398 font-size: 1rem;
399 border-radius: 0;
400 color: #ba1b02;
401 background-color: #ffffff;
402 border-color: #ba1b02;
403 position: relative;
404 transition-duration: 0.3s;
405 }
406
407 .wp-core-ui .packeta_page .button:focus {
408 box-shadow: none;
409 }
410
411 .wp-core-ui .packeta_page .button:hover {
412 background-color: #a71802;
413 border-color: #a71802;
414 color: #ffffff;
415 }
416
417 .wp-core-ui .packeta_page .button-primary:hover {
418 background-color: #821301;
419 border-color: #821301;
420 }
421
422 .wp-core-ui .packeta_page .button-small {
423 padding: 8px 16px;
424 }
425
426 .wp-core-ui .packeta_page .button:before {
427 content: "";
428 position: absolute;
429 top: -2px;
430 left: -2px;
431 width: 7px;
432 height: 7px;
433 background-image: url("../public/images/corner-red.svg");
434 }
435
436 .wp-core-ui .packeta_page .button:after {
437 content: "";
438 position: absolute;
439 bottom: -2px;
440 right: -2px;
441 width: 7px;
442 height: 7px;
443 background-image: url("../public/images/corner-red.svg");
444 transform: rotate(180deg);
445 }
446
447 .wp-core-ui .packeta_page .button-primary {
448 color: #fff;
449 background-color: #ba1b02;
450 border-color: #ba1b02;
451 }
452
453 .wp-core-ui .packeta_page .button-primary:before {
454 content: "";
455 position: absolute;
456 top: -2px;
457 left: -2px;
458 width: 7px;
459 height: 7px;
460 background-image: url("../public/images/corner-red.svg");
461 }
462
463 .wp-core-ui .packeta_page .button-primary:after {
464 content: "";
465 position: absolute;
466 bottom: -2px;
467 right: -2px;
468 width: 7px;
469 height: 7px;
470 background-image: url("../public/images/corner-red.svg");
471 transform: rotate(180deg);
472 }
473
474 .packeta_page input[type="checkbox"] {
475
476 height: 20px;
477 width: 20px;
478 background-color: #fff;
479 border: 1.5px solid #8c8c8c;
480 border-radius: 0;
481 box-shadow: none;
482 margin: 4px 8px 4px 0;
483 }
484
485 .packeta_page input[type="checkbox"]:hover {
486 background-color: #f4f4f4;
487 }
488
489 .packeta_page input[type="checkbox"]:checked {
490 background-color: #ba1b02;
491 border: 1.5px solid #ba1b02;
492 }
493
494 .packeta_page input[type="checkbox"]:checked:before {
495 content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23ffffff%27%2F%3E%3C%2Fsvg%3E");
496 margin: 0 0 0 -2px;
497 width: 20px;
498 height: 20px;
499 }
500
501 .packeta_page .select2 .select2-selection,
502 .packeta_page input[type="text"],
503 .packeta_page input[type="number"],
504 .packeta_page select,
505 .packeta_page textarea {
506 border-radius: 0;
507 font-weight: 500;
508 font-size: 1rem;
509 line-height: 18px;
510 padding: 12px 16px;
511 border: 1px solid #e8e8e8;
512 background-color: #ffffff;
513 }
514
515 .packeta_page input[type="text"]:focus,
516 .packeta_page input[type="number"]:focus,
517 .packeta_page select:focus,
518 .packeta_page textarea:focus {
519 box-shadow: 0 0 15px rgb(0 0 0 / 10%);
520 position: relative;
521 border: 1px solid #d0d0d0;
522 }
523
524 .packeta_page input[type="text"].select2-input:focus {
525 box-shadow: none;
526 border: 0;
527 }
528
529 .packeta_page select:hover {
530 color: #ba1b02;
531 }
532
533 .packeta_page .nav-tab {
534 font-family: Ubuntu, Helvetica, Arial, sans-serif;
535 font-size: 18px;
536 font-weight: 500;
537 }
538
539 .packeta_page .card,
540 .packeta_country_list,
541 .packeta_log {
542 position: relative;
543 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
544 border: 1px solid #e8e8e8;
545 background-color: #ffffff;
546 }
547
548 .packeta_page .card:before,
549 .packeta_country_list:before,
550 .packeta_log:before {
551 content: "";
552 position: absolute;
553 top: -4px;
554 left: -4px;
555 width: 14px;
556 height: 14px;
557 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
558 }
559
560 .packeta_page .card:after,
561 .packeta_country_list:after {
562 content: "";
563 position: absolute;
564 bottom: -4px;
565 right: -4px;
566 width: 14px;
567 height: 14px;
568 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
569 transform: rotate(190deg);
570 }
571
572 .packeta_page .form-table tr th label {
573 font-family: Ubuntu, Helvetica, Arial, sans-serif;
574 font-weight: 500;
575 width: auto;
576 font-size: 16px;
577 margin-right: 10px;
578 }
579
580 .packeta_page a {
581 color: #ba1b02;
582 }
583
584 .packeta_page a:hover {
585 text-decoration: none;
586 }
587
588 .packeta_page .nav-tab-wrapper {
589 border: none;
590 padding-top: 0;
591 }
592
593 .packeta_page .nav-tab-wrapper .nav-tab {
594 background-color: transparent;
595 padding: 16px 24px;
596 border: 1px solid transparent;
597 color: #8c8c8c;
598 }
599
600 .packeta_page .nav-tab-wrapper .nav-tab:hover {
601 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
602 color: #202020;
603 }
604
605 .packeta_page .nav-tab-wrapper .nav-tab:focus {
606 outline: none;
607 appearance: none;
608 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
609 border: 1px solid transparent;
610 }
611
612 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active {
613 background-color: #ffffff;
614 border-left: 1px solid #e8e8e8;
615 border-right: 1px solid #e8e8e8;
616 border-top: 1px solid #e8e8e8;
617 color: #202020;
618 }
619
620 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active {
621 position: relative;
622 }
623
624 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active:before {
625 content: "";
626 position: absolute;
627 top: -4px;
628 left: -4px;
629 width: 14px;
630 height: 14px;
631 background: url("../public/images/corner-lightgrey-border.svg") top no-repeat;
632 }
633
634 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active:hover {
635 box-shadow: none;
636 }
637
638 .packeta_page .nav-tab-wrapper .nav-tab:first-child {
639 margin-left: 0;
640 }
641
642 .packeta_active_carriers_column {
643 max-width: 480px;
644 }
645
646 .packeta_country_list {
647 padding: 16px;
648 }
649
650 .packeta_country_list_item td {
651 border-bottom: 1px solid #e8e8e8;
652 padding: 8px;
653 }
654
655 .packeta_tab_content {
656 background-color: #fff;
657 padding: 24px 16px;
658 border-left: 1px solid #e8e8e8;
659 border-right: 1px solid #e8e8e8;
660 border-bottom: 1px solid #e8e8e8;
661 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
662 }
663
664 .packeta_page .notice {
665 margin: 16px 0;
666 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
667 border-right: 1px solid #e8e8e8;
668 border-top: 1px solid #e8e8e8;
669 border-bottom: 1px solid #e8e8e8;
670 border-left-width: 12px;
671 }
672
673 .packeta_page .notice p {
674 font-size: 15px;
675 font-weight: 500;
676 }
677
678 .packeta_log .log-success td:first-child {
679 color: #00a32a;
680 font-weight: 700;
681 }
682
683 .packeta_log .log-error td:first-child {
684 color: #ba1b02;
685 font-weight: 700;
686 }
687
688 .packeta_log .packetery-log-table tr td:nth-child(2) {
689 white-space: nowrap;
690 font-weight: 400;
691 }
692
693 .packeta_log {
694 max-width: 100%;
695 width: calc(100% - 16px);
696 }
697
698 .packeta_carrier_list {
699 width: 100%;
700 display: flex;
701 flex-wrap: wrap;
702 }
703
704 .packeta_carrier_detail_wrapper {
705 max-width: 100%;
706 width: calc(100% - 16px);
707 }
708
709 .packeta_carrier_detail {
710 width: 100%;
711 max-width: 100%;
712 padding: 24px 16px;
713 box-shadow: 0 0 40px rgb(0 0 0 / 10%) !important;
714 margin-top: 0;
715 margin-bottom: 16px;
716 }
717
718 .packeta_carrier_detail .form-table .packetery-rule input[type="text"] {
719 min-width: 60px;
720 padding: 12px 4px;
721 text-align: right;
722 }
723
724 .packeta_carrier_title {
725 background-color: #fceff0;
726 color: #ba1b02;
727 font-size: 24px;
728 line-height: 1.5;
729 padding: 0 32px;
730 margin-left: -16px;
731 display: inline-block;
732 position: relative;
733 font-family: Ubuntu, Helvetica, Arial, sans-serif;
734 font-weight: 500;
735 }
736
737 .packeta_carrier_title:after {
738 content: "";
739 position: absolute;
740 bottom: -2px;
741 right: -2px;
742 width: 12px;
743 height: 12px;
744 background: url("../public/images/corner-lightred.svg") bottom no-repeat;
745 }
746
747 .packetery-no-side-margin {
748 margin-left: 0;
749 margin-right: 0;
750 }
751
752 .packeta-metabox-notice {
753 font-weight: bold;
754 }
755
756 .packetery-metabox-overview-buttons {
757 display: flex;
758 flex-flow: row wrap;
759 padding: 0;
760 gap: 10px;
761 }
762
763 [data-packetery-order-metabox] .packetery-metabox-overview-info {
764 margin-top: 10px;
765 }
766
767 .packetery-metabox-overview-info {
768 container-type: inline-size;
769 margin-top: 0;
770 margin-bottom: 5px;
771 }
772
773 @container (max-width: 499px) {
774 .packetery-claim-password-short {
775 display: none;
776 }
777 }
778
779 @container (min-width: 500px) {
780 .packetery-claim-password-container {
781 display: none;
782 }
783 }
784
785 /* customs declaration */
786
787 .packetery-flex-container {
788 display: flex;
789 flex-flow: row wrap;
790 padding: 0;
791 margin-left: -5px;
792 margin-right: -5px;
793 container-type: inline-size;
794 }
795
796 .packetery-flex-container-no-margin {
797 margin: 0;
798 }
799
800 .packetery-flex-break-row {
801 flex-basis: 100%;
802 height: 0;
803 margin: 0;
804 padding: 0;
805 border: 0;
806 }
807
808 .packetery-customs-declaration-fields label {
809 display: block;
810 }
811
812 .packetery-customs-declaration-fields input + p {
813 margin: 0;
814 }
815
816 .packetery-customs-declaration-fields select + p {
817 margin: 0;
818 }
819
820 .packetery-customs-declaration-fields input {
821 width: 100%;
822 }
823
824 .packetery-customs-declaration-fields input[type=checkbox] {
825 width: auto;
826 }
827
828 .packetery-customs-declaration-fields select {
829 width: 100%;
830 }
831
832 .packetery-customs-declaration-flex-item {
833 width: 50%;
834 margin-top: 5px;
835 margin-bottom: 5px;
836 text-align: left;
837 }
838
839 .packetery-customs-declaration-fields .packetery-customs-declaration-flex-item .packetery-customs-declaration-flex-item-content {
840 padding-left: 5px;
841 padding-right: 5px;
842 }
843
844 @container (max-width: 500px) {
845 .packetery-customs-declaration-flex-item {
846 width: 100%;
847 }
848 }
849
850 .packetery-customs-declaration-fields [data-replication-add] {
851 margin-top: 10px;
852 }
853
854 .packetery-customs-declaration-fields [data-packetery-customs-declaration-item] .packetery-flex-container:nth-child(odd) {
855 border: 1px solid #ddd;
856 border-radius: 4px;
857 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
858 box-shadow: 0 1px 1px rgba(0,0,0,.05);
859 padding: 10px;
860 margin-top: 10px;
861 }
862
863 .packetery-customs-declaration-fields .packetery-customs-declaration-flex-item:has([data-replication-delete]) {
864 margin: 0;
865 }
866
867 .packetery-customs-declaration-fields [data-replication-delete] {
868 margin-top: 10px;
869 }
870