PluginProbe
Packeta / 1.5.3
Packeta v1.5.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.5.3, at public/admin.css

744 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-top: 32px;
351 margin-bottom: 32px;
352 background: #ffffff;
353 filter: drop-shadow(7px 5px 35px rgba(0, 0, 0, .05));
354 max-height: 65px;
355 }
356
357 .packeta_header h1 {
358 color: #ba1b02;
359 font-family: Ubuntu, Helvetica, Arial, sans-serif;
360 font-weight: 500;
361 }
362
363 .packeta_logo {
364 -webkit-box-pack: center;
365 -ms-flex-pack: center;
366 justify-content: center;
367 background-color: #ba1b02;
368 padding: 24px 24px 16px 24px;
369 width: 148px;
370 -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
371 clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
372 margin-right: 32px;
373 }
374
375 .packeta_logo.packeta_logo-cs {
376 width: 130px;
377 height: 36px;
378 padding: 30px 24px 16px 24px;
379 }
380
381 .packetery_page a {
382 color: #ba1b02;
383 }
384
385 .packetery_page .form-table {
386 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
387 }
388
389 .wp-core-ui .packeta_page .button {
390 font-weight: 500;
391 line-height: 1.125;
392 padding: 15px 24px;
393 font-size: 1rem;
394 border-radius: 0;
395 color: #ba1b02;
396 background-color: #ffffff;
397 border-color: #ba1b02;
398 position: relative;
399 transition-duration: 0.3s;
400 }
401
402 .wp-core-ui .packeta_page .button:focus {
403 box-shadow: none;
404 }
405
406 .wp-core-ui .packeta_page .button:hover {
407 background-color: #a71802;
408 border-color: #a71802;
409 color: #ffffff;
410 }
411
412 .wp-core-ui .packeta_page .button-primary:hover {
413 background-color: #821301;
414 border-color: #821301;
415 }
416
417 .wp-core-ui .packeta_page .button-small {
418 padding: 8px 16px;
419 }
420
421 .wp-core-ui .packeta_page .button:before {
422 content: "";
423 position: absolute;
424 top: -2px;
425 left: -2px;
426 width: 7px;
427 height: 7px;
428 background-image: url("../public/images/corner-red.svg");
429 }
430
431 .wp-core-ui .packeta_page .button:after {
432 content: "";
433 position: absolute;
434 bottom: -2px;
435 right: -2px;
436 width: 7px;
437 height: 7px;
438 background-image: url("../public/images/corner-red.svg");
439 transform: rotate(180deg);
440 }
441
442 .wp-core-ui .packeta_page .button-primary {
443 color: #fff;
444 background-color: #ba1b02;
445 border-color: #ba1b02;
446 }
447
448 .wp-core-ui .packeta_page .button-primary:before {
449 content: "";
450 position: absolute;
451 top: -2px;
452 left: -2px;
453 width: 7px;
454 height: 7px;
455 background-image: url("../public/images/corner-red.svg");
456 }
457
458 .wp-core-ui .packeta_page .button-primary:after {
459 content: "";
460 position: absolute;
461 bottom: -2px;
462 right: -2px;
463 width: 7px;
464 height: 7px;
465 background-image: url("../public/images/corner-red.svg");
466 transform: rotate(180deg);
467 }
468
469 .packeta_page input[type="checkbox"] {
470
471 height: 20px;
472 width: 20px;
473 background-color: #fff;
474 border: 1.5px solid #8c8c8c;
475 border-radius: 0;
476 box-shadow: none;
477 margin: 4px 8px 4px 0;
478 }
479
480 .packeta_page input[type="checkbox"]:hover {
481 background-color: #f4f4f4;
482 }
483
484 .packeta_page input[type="checkbox"]:checked {
485 background-color: #ba1b02;
486 border: 1.5px solid #ba1b02;
487 }
488
489 .packeta_page input[type="checkbox"]:checked:before {
490 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");
491 margin: 0 0 0 -2px;
492 width: 20px;
493 height: 20px;
494 }
495
496 .packeta_page input[type="text"],
497 .packeta_page input[type="number"],
498 .packeta_page select,
499 .packeta_page textarea {
500 border-radius: 0;
501 font-weight: 500;
502 font-size: 1rem;
503 line-height: 18px;
504 padding: 12px 16px;
505 border: 1px solid #e8e8e8;
506 background-color: #ffffff;
507 }
508
509 .packeta_page input[type="text"]:focus,
510 .packeta_page input[type="number"]:focus,
511 .packeta_page select:focus,
512 .packeta_page textarea:focus {
513 box-shadow: 0 0 15px rgb(0 0 0 / 10%);
514 position: relative;
515 border: 1px solid #d0d0d0;
516 }
517
518 .packeta_page select:hover {
519 color: #ba1b02;
520 }
521
522 .packeta_page .nav-tab {
523 font-family: Ubuntu, Helvetica, Arial, sans-serif;
524 font-size: 18px;
525 font-weight: 500;
526 }
527
528 .packeta_page .card,
529 .packeta_country_list,
530 .packeta_log {
531 position: relative;
532 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
533 border: 1px solid #e8e8e8;
534 background-color: #ffffff;
535 }
536
537 .packeta_page .card:before,
538 .packeta_country_list:before,
539 .packeta_log:before {
540 content: "";
541 position: absolute;
542 top: -4px;
543 left: -4px;
544 width: 14px;
545 height: 14px;
546 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
547 }
548
549 .packeta_page .card:after,
550 .packeta_country_list:after {
551 content: "";
552 position: absolute;
553 bottom: -4px;
554 right: -4px;
555 width: 14px;
556 height: 14px;
557 background: url("../public/images/corner-grey-on-grey.svg") top no-repeat;
558 transform: rotate(190deg);
559 }
560
561 .packeta_page .form-table tr th label {
562 font-family: Ubuntu, Helvetica, Arial, sans-serif;
563 font-weight: 500;
564 width: auto;
565 font-size: 16px;
566 margin-right: 10px;
567 }
568
569 .packeta_page a {
570 color: #ba1b02;
571 }
572
573 .packeta_page a:hover {
574 text-decoration: none;
575 }
576
577 .packeta_page .nav-tab-wrapper {
578 border: none;
579 padding-top: 0;
580 }
581
582 .packeta_page .nav-tab-wrapper .nav-tab {
583 background-color: transparent;
584 padding: 16px 24px;
585 border: 1px solid transparent;
586 color: #8c8c8c;
587 }
588
589 .packeta_page .nav-tab-wrapper .nav-tab:hover {
590 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
591 color: #202020;
592 }
593
594 .packeta_page .nav-tab-wrapper .nav-tab:focus {
595 outline: none;
596 appearance: none;
597 box-shadow: 0 0 15px rgba(0, 0, 0, .1);
598 border: 1px solid transparent;
599 }
600
601 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active {
602 background-color: #ffffff;
603 border-left: 1px solid #e8e8e8;
604 border-right: 1px solid #e8e8e8;
605 border-top: 1px solid #e8e8e8;
606 color: #202020;
607 }
608
609 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active {
610 position: relative;
611 }
612
613 .packeta_page .nav-tab-wrapper .nav-tab:first-child.nav-tab-active:before {
614 content: "";
615 position: absolute;
616 top: -4px;
617 left: -4px;
618 width: 14px;
619 height: 14px;
620 background: url("../public/images/corner-lightgrey-border.svg") top no-repeat;
621 }
622
623 .packeta_page .nav-tab-wrapper .nav-tab.nav-tab-active:hover {
624 box-shadow: none;
625 }
626
627 .packeta_page .nav-tab-wrapper .nav-tab:first-child {
628 margin-left: 0;
629 }
630
631 .packeta_active_carriers_column {
632 max-width: 480px;
633 }
634
635 .packeta_country_list {
636 padding: 16px;
637 }
638
639 .packeta_country_list_item td {
640 border-bottom: 1px solid #e8e8e8;
641 padding: 8px;
642 }
643
644 .packeta_tab_content {
645 background-color: #fff;
646 padding: 24px 16px;
647 border-left: 1px solid #e8e8e8;
648 border-right: 1px solid #e8e8e8;
649 border-bottom: 1px solid #e8e8e8;
650 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
651 }
652
653 .packeta_page .notice {
654 margin: 16px 0;
655 box-shadow: 0 0 40px rgba(0, 0, 0, .1);
656 border-right: 1px solid #e8e8e8;
657 border-top: 1px solid #e8e8e8;
658 border-bottom: 1px solid #e8e8e8;
659 border-left-width: 12px;
660 }
661
662 .packeta_page .notice p {
663 font-size: 15px;
664 font-weight: 500;
665 }
666
667 .packeta_log .log-success td:first-child {
668 color: #00a32a;
669 font-weight: 700;
670 }
671
672 .packeta_log .log-error td:first-child {
673 color: #ba1b02;
674 font-weight: 700;
675 }
676
677 .packeta_log .packetery-log-table tr td:nth-child(2) {
678 white-space: nowrap;
679 font-weight: 400;
680 }
681
682 .packeta_log {
683 max-width: 100%;
684 width: calc(100% - 16px);
685 }
686
687 .packeta_carrier_list {
688 width: 100%;
689 display: flex;
690 flex-wrap: wrap;
691 }
692
693 .packeta_carrier_detail_wrapper {
694 max-width: 100%;
695 width: calc(100% - 16px);
696 }
697
698 .packeta_carrier_detail {
699 width: 100%;
700 max-width: 100%;
701 padding: 24px 16px;
702 box-shadow: 0 0 40px rgb(0 0 0 / 10%) !important;
703 margin-top: 0;
704 margin-bottom: 16px;
705 }
706
707 .packeta_carrier_detail .form-table .packetery-rule input[type="text"] {
708 min-width: 60px;
709 padding: 12px 4px;
710 text-align: right;
711 }
712
713 .packeta_carrier_title {
714 background-color: #fceff0;
715 color: #ba1b02;
716 font-size: 24px;
717 line-height: 1.5;
718 padding: 0 32px;
719 margin-left: -16px;
720 display: inline-block;
721 position: relative;
722 font-family: Ubuntu, Helvetica, Arial, sans-serif;
723 font-weight: 500;
724 }
725
726 .packeta_carrier_title:after {
727 content: "";
728 position: absolute;
729 bottom: -2px;
730 right: -2px;
731 width: 12px;
732 height: 12px;
733 background: url("../public/images/corner-lightred.svg") bottom no-repeat;
734 }
735
736 .packetery-no-side-margin {
737 margin-left: 0;
738 margin-right: 0;
739 }
740
741 .packeta-metabox-notice {
742 font-weight: bold;
743 }
744