PluginProbe
Packeta / 2.1
Packeta v2.1
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 / css / admin.css

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

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