PluginProbe
Packeta / 1.5.2
Packeta v1.5.2
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.5.2, at public/admin.css

743 lines 15.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('../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 .form-table th.replication-section-label-container {
88 padding-top: 22px;
89 vertical-align: top;
90 }
91
92 .packetery-carrier-options-page .form-table * {
93 border-spacing: 0;
94 }
95
96 .packetery-order-metabox-label-cell {
97 text-align: left;
98 }
99
100 .packetery-order-metabox-input {
101 width: 100%;
102 margin-left: 0;
103 margin-right: 0;
104 }
105
106 .packetery-table {
107 display: table;
108 table-layout: fixed;
109 width: 100%;
110 }
111
112 .packetery-table-row {
113 display: table-row;
114 }
115
116 .packetery-table-cell {
117 display: table-cell;
118 box-sizing: border-box;
119 text-align: left;
120 overflow: hidden;
121 }
122
123 .packetery-table-cell .date-picker {
124 display: block;
125 width: calc(100% - 1px);
126 }
127
128 .log-error {
129 font-weight: bold;
130 }
131
132 #packetery-options-page {
133 padding-right: 1em;
134 }
135
136 #packetery-options-page input[type=text], #packetery-options-page input[type=number], #packetery-options-page select {
137 width: 500px;
138 max-width: none;
139 }
140
141 #packetery-options-page .fieldset {
142 border: 1px solid #ddd;
143 padding: 10px;
144 margin-top: 30px;
145 }
146
147 #packetery-options-page .fieldset legend {
148 font-weight: 600;
149 color: #1d2327;
150 font-size: 1.3em;
151 padding: 0 0.5em;
152 }
153
154 #packetery-options-page .notice {
155 margin: 0;
156 margin-top: 10px;
157 margin-bottom: 10px;
158 }
159
160 .packetery-help-block {
161 font-style: italic;
162 color: #959595;
163 display: block;
164 }
165
166 .packetery-offset-wrapper {
167 max-width: 700px;
168 margin: 40px auto;
169 }
170
171 .packetery-offset-wrapper, .packetery-offset {
172 background: #fff;
173 overflow: hidden;
174 box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
175 }
176
177 .packetery-offset th {
178 vertical-align: middle;
179 }
180
181 .packetery-offset th label, .packetery-offset-wrapper h1 {
182 color: #555;
183 }
184
185 .packetery-offset-wrapper h1 {
186 font-weight: 400;
187 }
188
189 .packetery-offset th label {
190 font-weight: 400;
191 display: block;
192 cursor: pointer;
193 }
194
195 .packetery-offset-wrapper section {
196 padding: 16px 24px;
197 }
198
199 .packetery-offset select {
200 width: 100%;
201 color: #646970;
202 height: 54px;
203 }
204
205 .packetery-actions {
206 overflow: hidden;
207 border-top: 1px solid #eee;
208 padding: 23px 24px 24px;
209 }
210
211 .wp-core-ui .packetery-button {
212 font-size: 1.25em;
213 line-height: 1.5em !important;
214 background-color: #bb77ae;
215 border-color: #a36597;
216 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 0 #a36597;
217 text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
218 float: right;
219 padding: .5em 1em !important;
220 }
221
222 tbody .packetery-log-column-note {
223 word-break: break-word;
224 }
225
226 .packetery-log-table {
227 border-collapse: collapse;
228 width: 100%;
229 }
230
231 .packetery-log-table tr:nth-child(odd) {
232 background-color: white;
233 }
234
235 .packetery-log-table tr:nth-child(even), .packetery-log-table th {
236 background-color: #f6f7f7;
237 }
238
239 .packetery-log-table td, .packetery-log-table th {
240 padding: 0.5em 1em;
241 }
242
243 .packetery-log-table tr:hover td {
244 background-color: #dedddd;
245 }
246
247 #packetery-widget-button-wrapper {
248 margin-top: 6px;
249 }
250
251 #packetery-widget-button-wrapper .packetery-widget-button-row {
252 display: flex;
253 }
254
255 #packetery-widget-button-wrapper .packetery-widget-button-row img {
256 width: 45px;
257 margin-right: 6px;
258 border-radius: 3px;
259 }
260
261 .packetery-hidden {
262 display: none;
263 }
264
265 .js-weight-rules .packetery-input-validation-message {
266 max-width: 260px;
267 }
268
269 .js-weight-rules .packetery-input-with-unit {
270 width: 260px;
271 }
272
273 .js-weight-rules .packetery-input-with-unit input {
274 width: 240px;
275 }
276
277 .packetery .button.dashicons {
278 width: 35px;
279 }
280
281 .packetery-label {
282 padding-right: 5px;
283 }
284
285 .packetery-rule :nth-child(3) {
286 text-align: right;
287 }
288
289 .js-surcharge-rules .packetery-label {
290 width: 180px;
291 }
292
293 .js-surcharge-rules :nth-child(3) {
294 width: 80px;
295 }
296
297 .js-surcharge-rules .packetery-input-with-unit {
298 width: 220px;
299 }
300
301 .js-surcharge-rules .packetery-input-validation-message {
302 max-width: 220px;
303 }
304
305 .js-surcharge-rules .packetery-input-with-unit input {
306 width: 200px;
307 }
308
309 .button.dashicons.packetery-dashicons-button-fix {
310 font-size: 13px;
311 height: auto;
312 width: auto;
313 }
314
315 .button.dashicons.packetery-dashicons-button-fix .packetery-dashicons-button-fix-text {
316 font-family: 'Muli', sans-serif;
317 }
318
319 #packetery-tab .packetery-shipping-rate label {
320 width: auto;
321 float: none;
322 margin: auto;
323 }
324
325 #packetery-tab .packetery-shipping-rate td {
326 vertical-align: top;
327 padding: 9px;
328 padding-top: 0;
329 }
330
331 .packetery-survey {
332 display: flex;
333 }
334
335 .packetery-survey div > p {
336 margin-top: 0;
337 }
338
339 .packetery-survey img {
340 width: 167px;
341 }
342
343 .packetery-product-category-carrier-item td {
344 padding: 0 9px 9px 9px;
345 }
346
347 .packeta_header {
348 display: flex;
349 align-items: center;
350 margin-bottom: 32px;
351 background: #ffffff;
352 filter: drop-shadow(7px 5px 35px rgba(0, 0, 0, .05));
353 max-height: 65px;
354 }
355
356 .packeta_header h1 {
357 color: #ba1b02;
358 font-family: Ubuntu, Helvetica, Arial, sans-serif;
359 font-weight: 500;
360 }
361
362 .packeta_logo {
363 -webkit-box-pack: center;
364 -ms-flex-pack: center;
365 justify-content: center;
366 background-color: #ba1b02;
367 padding: 24px 24px 16px 24px;
368 width: 148px;
369 -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
370 clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
371 margin-right: 32px;
372 }
373
374 .packeta_logo.packeta_logo-cs {
375 width: 130px;
376 height: 36px;
377 padding: 30px 24px 16px 24px;
378 }
379
380 .packetery_page a {
381 color: #ba1b02;
382 }
383
384 .packetery_page .form-table {
385 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
386 }
387
388 .wp-core-ui .packeta_page .button {
389 font-weight: 500;
390 line-height: 1.125;
391 padding: 15px 24px;
392 font-size: 1rem;
393 border-radius: 0;
394 color: #ba1b02;
395 background-color: #ffffff;
396 border-color: #ba1b02;
397 position: relative;
398 transition-duration: 0.3s;
399 }
400
401 .wp-core-ui .packeta_page .button:focus {
402 box-shadow: none;
403 }
404
405 .wp-core-ui .packeta_page .button:hover {
406 background-color: #a71802;
407 border-color: #a71802;
408 color: #ffffff;
409 }
410
411 .wp-core-ui .packeta_page .button-primary:hover {
412 background-color: #821301;
413 border-color: #821301;
414 }
415
416 .wp-core-ui .packeta_page .button-small {
417 padding: 8px 16px;
418 }
419
420 .wp-core-ui .packeta_page .button:before {
421 content: "";
422 position: absolute;
423 top: -2px;
424 left: -2px;
425 width: 7px;
426 height: 7px;
427 background-image: url("../public/images/corner-red.svg");
428 }
429
430 .wp-core-ui .packeta_page .button:after {
431 content: "";
432 position: absolute;
433 bottom: -2px;
434 right: -2px;
435 width: 7px;
436 height: 7px;
437 background-image: url("../public/images/corner-red.svg");
438 transform: rotate(180deg);
439 }
440
441 .wp-core-ui .packeta_page .button-primary {
442 color: #fff;
443 background-color: #ba1b02;
444 border-color: #ba1b02;
445 }
446
447 .wp-core-ui .packeta_page .button-primary:before {
448 content: "";
449 position: absolute;
450 top: -2px;
451 left: -2px;
452 width: 7px;
453 height: 7px;
454 background-image: url("../public/images/corner-red.svg");
455 }
456
457 .wp-core-ui .packeta_page .button-primary:after {
458 content: "";
459 position: absolute;
460 bottom: -2px;
461 right: -2px;
462 width: 7px;
463 height: 7px;
464 background-image: url("../public/images/corner-red.svg");
465 transform: rotate(180deg);
466 }
467
468 .packeta_page input[type="checkbox"] {
469
470 height: 20px;
471 width: 20px;
472 background-color: #fff;
473 border: 1.5px solid #8c8c8c;
474 border-radius: 0;
475 box-shadow: none;
476 margin: 4px 8px 4px 0;
477 }
478
479 .packeta_page input[type="checkbox"]:hover {
480 background-color: #f4f4f4;
481 }
482
483 .packeta_page input[type="checkbox"]:checked {
484 background-color: #ba1b02;
485 border: 1.5px solid #ba1b02;
486 }
487
488 .packeta_page input[type="checkbox"]:checked:before {
489 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");
490 margin: 0 0 0 -2px;
491 width: 20px;
492 height: 20px;
493 }
494
495 .packeta_page input[type="text"],
496 .packeta_page input[type="number"],
497 .packeta_page select,
498 .packeta_page textarea {
499 border-radius: 0;
500 font-weight: 500;
501 font-size: 1rem;
502 line-height: 18px;
503 padding: 12px 16px;
504 border: 1px solid #e8e8e8;
505 background-color: #ffffff;
506 }
507
508 .packeta_page input[type="text"]:focus,
509 .packeta_page input[type="number"]:focus,
510 .packeta_page select:focus,
511 .packeta_page textarea:focus {
512 box-shadow: 0 0 15px rgb(0 0 0 / 10%);
513 position: relative;
514 border: 1px solid #d0d0d0;
515 }
516
517 .packeta_page select:hover {
518 color: #ba1b02;
519 }
520
521 .packeta_page .nav-tab {
522 font-family: Ubuntu, Helvetica, Arial, sans-serif;
523 font-size: 18px;
524 font-weight: 500;
525 }
526
527 .packeta_page .card,
528 .packeta_country_list,
529 .packeta_log {
530 position: relative;
531 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
532 border: 1px solid #e8e8e8;
533 background-color: #ffffff;
534 }
535
536 .packeta_page .card:before,
537 .packeta_country_list:before,
538 .packeta_log:before {
539 content: "";
540 position: absolute;
541 top: -4px;
542 left: -4px;
543 width: 14px;
544 height: 14px;
545 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
546 }
547
548 .packeta_page .card:after,
549 .packeta_country_list:after {
550 content: "";
551 position: absolute;
552 bottom: -4px;
553 right: -4px;
554 width: 14px;
555 height: 14px;
556 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
557 transform: rotate(190deg);
558 }
559
560 .packeta_page .form-table tr th label {
561 font-family: Ubuntu, Helvetica, Arial, sans-serif;
562 font-weight: 500;
563 width: auto;
564 font-size: 16px;
565 margin-right: 10px;
566 }
567
568 .packeta_page a {
569 color: #ba1b02;
570 }
571
572 .packeta_page a:hover {
573 text-decoration: none;
574 }
575
576 .packeta_page .nav-tab-wrapper {
577 border: none;
578 padding-top: 0;
579 }
580
581 .packeta_page .nav-tab-wrapper .nav-tab {
582 background-color: transparent;
583 padding: 16px 24px;
584 border: 1px solid transparent;
585 color: #8c8c8c;
586 }
587
588 .packeta_page .nav-tab-wrapper .nav-tab:hover {
589 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
590 color: #202020;
591 }
592
593 .packeta_page .nav-tab-wrapper .nav-tab:focus {
594 outline: none;
595 appearance: none;
596 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
597 border: 1px solid transparent;
598 }
599
600 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active {
601 background-color: #ffffff;
602 border-left: 1px solid #e8e8e8;
603 border-right: 1px solid #e8e8e8;
604 border-top: 1px solid #e8e8e8;
605 color: #202020;
606 }
607
608 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active {
609 position: relative;
610 }
611
612 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active:before {
613 content: "";
614 position: absolute;
615 top: -4px;
616 left: -4px;
617 width: 14px;
618 height: 14px;
619 background: url("../public/images/corner-lightgrey-border.svg") top no-repeat;
620 }
621
622 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active:hover {
623 box-shadow: none;
624 }
625
626 .packeta_page .nav-tab-wrapper .nav-tab:first-child {
627 margin-left: 0;
628 }
629
630 .packeta_active_carriers_column {
631 max-width: 480px;
632 }
633
634 .packeta_country_list {
635 padding: 16px;
636 }
637
638 .packeta_country_list_item td {
639 border-bottom: 1px solid #e8e8e8;
640 padding: 8px;
641 }
642
643 .packeta_tab_content {
644 background-color: #fff;
645 padding: 24px 16px;
646 border-left: 1px solid #e8e8e8;
647 border-right: 1px solid #e8e8e8;
648 border-bottom: 1px solid #e8e8e8;
649 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
650 }
651
652 .packeta_page .notice {
653 margin: 16px 0;
654 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
655 border-right: 1px solid #e8e8e8;
656 border-top: 1px solid #e8e8e8;
657 border-bottom: 1px solid #e8e8e8;
658 border-left-width: 12px;
659 }
660
661 .packeta_page .notice p {
662 font-size: 15px;
663 font-weight: 500;
664 }
665
666 .packeta_log .log-success td:first-child {
667 color: #00a32a;
668 font-weight: 700;
669 }
670
671 .packeta_log .log-error td:first-child {
672 color: #ba1b02;
673 font-weight: 700;
674 }
675
676 .packeta_log .packetery-log-table tr td:nth-child(2) {
677 white-space: nowrap;
678 font-weight: 400;
679 }
680
681 .packeta_log {
682 max-width: 100%;
683 width: calc(100% - 16px);
684 }
685
686 .packeta_carrier_list {
687 width: 100%;
688 display: flex;
689 flex-wrap: wrap;
690 }
691
692 .packeta_carrier_detail_wrapper {
693 max-width: 100%;
694 width: calc(100% - 16px);
695 }
696
697 .packeta_carrier_detail {
698 width: 100%;
699 max-width: 100%;
700 padding: 24px 16px;
701 box-shadow: 0 0 40px rgb(0 0 0 / 10%) !important;
702 margin-top: 0;
703 margin-bottom: 16px;
704 }
705
706 .packeta_carrier_detail .form-table .packetery-rule input[type="text"] {
707 min-width: 60px;
708 padding: 12px 4px;
709 text-align: right;
710 }
711
712 .packeta_carrier_title {
713 background-color: #fceff0;
714 color: #ba1b02;
715 font-size: 24px;
716 line-height: 1.5;
717 padding: 0 32px;
718 margin-left: -16px;
719 display: inline-block;
720 position: relative;
721 font-family: Ubuntu, Helvetica, Arial, sans-serif;
722 font-weight: 500;
723 }
724
725 .packeta_carrier_title:after {
726 content: "";
727 position: absolute;
728 bottom: -2px;
729 right: -2px;
730 width: 12px;
731 height: 12px;
732 background: url("../public/images/corner-lightred.svg") bottom no-repeat;
733 }
734
735 .packetery-no-side-margin {
736 margin-left: 0;
737 margin-right: 0;
738 }
739
740 .packeta-metabox-notice {
741 font-weight: bold;
742 }
743