PluginProbe
Packeta / trunk
Packeta vtrunk
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 trunk, at public/css/admin.css

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