PluginProbe
WP Reset / trunk
WP Reset vtrunk
trunk 1.0 1.1 1.11 1.20 1.25 1.30 1.35 1.40 1.45 1.50 1.55 1.60 1.65 1.70 1.75 1.77 1.80 1.81 1.82 1.83 1.84 1.85 1.86 1.90 All 42 releases
wp-reset / css / wp-reset.css

wp-reset.css in WP Reset trunk, at css/wp-reset.css

1,340 lines 26.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * WP Reset
3 * https://wpreset.com/
4 * (c) WebFactory Ltd, 2017-2026
5 */
6
7 body.tools_page_wp-reset {
8 overflow-y: scroll;
9 }
10
11 .tools_page_wp-reset #wpcontent,
12 .tools_page_wp-reset .auto-fold #wpcontent {
13 padding-left: 0;
14 }
15
16 .tools_page_wp-reset .wrap {
17 margin: 0;
18 background: #f9fbfd;
19 min-height: calc(100vh - 100px);
20 font-size: 14px;
21 padding: 0;
22 }
23
24 .tools_page_wp-reset button.loading,
25 .tools_page_wp-reset a.loading {
26 pointer-events: none;
27 cursor: wait !important;
28 opacity: 0.6;
29 }
30
31 .tools_page_wp-reset #loading-tabs {
32 padding: 80px 0 0 450px;
33 }
34
35 .tools_page_wp-reset #loading-tabs img {
36 width: 100px;
37 height: auto;
38 opacity: 0.4;
39 }
40
41 .tools_page_wp-reset .mb0 {
42 margin-bottom: 0;
43 }
44
45 #wpbody-content {
46 background: #f9fbfd;
47 }
48
49 .wpr-container {
50 margin: 0 20px;
51 max-width: 100%;
52 width: 910px;
53 }
54
55 .tools_page_wp-reset header {
56 padding: 20px 10px;
57 background: #f9fbfd;
58 }
59
60 .tools_page_wp-reset nav {
61 background: #ffffff;
62 padding: 0 20px;
63 margin: 0 20px;
64 border: none;
65 max-width: 100%;
66 width: 910px;
67 box-sizing: border-box;
68 }
69
70 #wpr-content {
71 padding: 20px;
72 background: white;
73 }
74
75 #wpfooter {
76 padding: 20px;
77 border-top: 1px solid #e5e5e5;
78 background-color: #ffffff;
79 }
80
81 #wpfooter a {
82 text-decoration: none;
83 }
84
85 #wpfooter span {
86 color: #ffb900;
87 }
88
89 .tooltipster-sidetip.tooltipster-punk.tooltipster-wpr .tooltipster-box {
90 border-radius: 5px;
91 border: none;
92 border-bottom: 3px solid #5d5d5d;
93 background: #5d5d5d;
94 }
95
96 .tooltipster-sidetip.tooltipster-punk.tooltipster-wpr.tooltipster-top .tooltipster-arrow-border {
97 border-top-color: #5d5d5d;
98 }
99
100 .tools_page_wp-reset .dropdown {
101 position: relative;
102 display: inline-block;
103 margin-right: 10px;
104 }
105
106 .tools_page_wp-reset .button.dropdown-toggle::after {
107 content: '\f140';
108 font-family: dashicons;
109 display: inline-block;
110 line-height: 1;
111 font-weight: 400;
112 font-style: normal;
113 text-decoration: inherit;
114 text-transform: none;
115 text-rendering: auto;
116 -webkit-font-smoothing: antialiased;
117 -moz-osx-font-smoothing: grayscale;
118 width: 20px;
119 height: 20px;
120 font-size: 20px;
121 vertical-align: text-top;
122 text-align: center;
123 }
124
125 .tools_page_wp-reset .dropdown.dropdown-right .dropdown-menu {
126 left: 0;
127 right: auto;
128 }
129
130 .tools_page_wp-reset .dropdown .dropdown-menu {
131 position: absolute;
132 top: 100%;
133 right: 0;
134 z-index: 1000;
135 display: none;
136 float: left;
137 min-width: 10rem;
138 padding: 0.5rem 0;
139 margin: 0;
140 color: #212529;
141 text-align: left;
142 list-style: none;
143 background-color: #fff;
144 background-clip: padding-box;
145 border: 1px solid rgba(0, 0, 0, 0.15);
146 }
147
148 .tools_page_wp-reset .dropdown .dropdown-menu.show {
149 display: block;
150 }
151
152 .tools_page_wp-reset .dropdown-menu .dropdown-item {
153 display: block;
154 width: 100%;
155 padding: 0.25rem 1.5rem;
156 clear: both;
157 color: #212529;
158 text-align: inherit;
159 white-space: nowrap;
160 background-color: transparent;
161 border: 0;
162 text-decoration: none;
163 box-sizing: border-box;
164 }
165
166 .tools_page_wp-reset .dropdown-menu .dropdown-item:focus,
167 .tools_page_wp-reset .dropdown-item:hover {
168 color: #16181b;
169 text-decoration: none;
170 background-color: #f8f9fa;
171 }
172
173 .tools_page_wp-reset #wp_reset_confirm,
174 .tools_page_wp-reset #nuclear_reset_confirm {
175 vertical-align: top;
176 }
177
178 .tools_page_wp-reset h1 span {
179 font-size: 13px;
180 vertical-align: super;
181 font-style: italic;
182 }
183
184 .tools_page_wp-reset .textcenter {
185 text-align: center;
186 }
187
188 .tools_page_wp-reset .half {
189 width: 50%;
190 display: inline-block;
191 vertical-align: top;
192 }
193
194 .tools_page_wp-reset .third {
195 width: 32.9%;
196 display: inline-block;
197 vertical-align: top;
198 }
199
200 .tools_page_wp-reset .thirdx2 {
201 width: 65.8%;
202 display: inline-block;
203 vertical-align: top;
204 }
205
206 .tools_page_wp-reset .button.disabled {
207 pointer-events: none;
208 cursor: not-allowed;
209 }
210
211 .tools_page_wp-reset.wp-core-ui .button,
212 .tools_page_wp-reset.wp-core-ui .button-primary,
213 .tools_page_wp-reset.wp-core-ui .button-secondary {
214 border-radius: 0;
215 }
216
217 .tools_page_wp-reset .button-secondary:focus,
218 .tools_page_wp-reset .button-secondary:hover,
219 .tools_page_wp-reset .button.focus,
220 .tools_page_wp-reset .button.hover,
221 .tools_page_wp-reset .button:focus,
222 .tools_page_wp-reset .button:hover {
223 background: #fafafa;
224 border-color: #999;
225 color: #23282d;
226 }
227
228 .tools_page_wp-reset .button:not(.button-primary):hover {
229 background: #f1f1f1;
230 }
231 .tools_page_wp-reset .button:not(.button-primary) {
232 background: #ffffff;
233 }
234
235 .tools_page_wp-reset input {
236 border-radius: 0;
237 }
238
239 .tools_page_wp-reset .plain-list {
240 margin-top: 10px;
241 list-style-type: circle;
242 list-style-position: inside;
243 }
244
245 .tools_page_wp-reset .plain-list li {
246 text-indent: -20px;
247 padding-left: 23px;
248 line-height: 23px;
249 margin: 0;
250 }
251
252 .tools_page_wp-reset .red {
253 color: #dd3036;
254 }
255
256 .tools_page_wp-reset .green {
257 color: #1daf1d;
258 }
259
260 .tools_page_wp-reset #logo-icon {
261 max-height: 30px;
262 width: auto;
263 padding: 0;
264 margin: 0;
265 }
266
267 .tools_page_wp-reset .dismiss-notice-rate {
268 vertical-align: bottom;
269 margin-left: 10px;
270 }
271
272 .tools_page_wp-reset .button {
273 box-shadow: none;
274 text-shadow: none;
275 }
276
277 .tools_page_wp-reset .swal2-container {
278 z-index: 99999;
279 }
280
281 .tools_page_wp-reset .swal2-timer-progress-bar {
282 height: 0.2em;
283 background: #dd3036;
284 }
285
286 .tools_page_wp-reset .swal2-container .swal2-popup .swal2-actions {
287 margin: 2em auto 0;
288 }
289
290 .tools_page_wp-reset .swal2-container.swal2-shown {
291 background-color: rgba(0, 0, 0, 0.6);
292 }
293
294 .tools_page_wp-reset .swal2-popup .swal2-title {
295 line-height: 1.1;
296 font-weight: 700;
297 display: block !important;
298 }
299
300 .tools_page_wp-reset code {
301 white-space: nowrap;
302 }
303
304 .tools_page_wp-reset p {
305 line-height: 1.7;
306 font-size: 14px;
307 }
308
309 .wp-core-ui .button.focus,
310 .wp-core-ui .button:focus,
311 .wp-core-ui .button-secondary:focus {
312 border-color: #999;
313 box-shadow: none;
314 }
315
316 .tools_page_wp-reset p > .button-delete {
317 margin-right: 10px;
318 }
319
320 .tools_page_wp-reset .button-delete {
321 color: #cc2f2f;
322 border-color: #cc2f2f;
323 background-color: #ffffff;
324 }
325
326 .tools_page_wp-reset .button-delete:hover,
327 .tools_page_wp-reset .button-delete:focus {
328 color: #cc2f2f;
329 border-color: #cc2f2f;
330 }
331
332 .tools_page_wp-reset .rotating {
333 -webkit-animation: spin 1.5s linear infinite;
334 -moz-animation: spin 1.5s linear infinite;
335 animation: spin 1.5s linear infinite;
336 }
337
338 .notice-wrapper {
339 margin-top: 35px;
340 }
341
342 .tools_page_wp-reset .notice-error {
343 border-top-color: #dd3036;
344 border-top-width: 3px;
345 }
346
347 .tools_page_wp-reset .notice-info {
348 border-top-color: #0085ba;
349 border-top-width: 3px;
350 }
351
352 .tools_page_wp-reset .card-header-right {
353 height: 100%;
354 float: right;
355 }
356
357 .tools_page_wp-reset .card-header-right .button {
358 margin: -5px 0 0 0;
359 }
360
361 .tools_page_wp-reset .card-header-right a:not(.button) {
362 text-decoration: none;
363 color: #444;
364 margin-left: 5px;
365 }
366
367 .tools_page_wp-reset .card-header-right a:hover:not(.button) {
368 color: #00a0d2;
369 }
370
371 .tools_page_wp-reset .card {
372 padding: 0 25px 20px 25px;
373 max-width: 100%;
374 width: 100%;
375 margin: 0 0 35px 0;
376 }
377
378 .tools_page_wp-reset .card.pro {
379 border-left: 1px solid #dd3036;
380 }
381
382 .card h4 {
383 border-bottom: 1px solid #e5e5e5;
384 margin: 0 -25px;
385 padding: 15px 25px;
386 background-color: #fcfcfc;
387 }
388
389 .tools_page_wp-reset .card.collapsed {
390 padding-bottom: 0;
391 }
392
393 .tools_page_wp-reset .card.collapsed h4 {
394 border: none;
395 }
396
397 .tools_page_wp-reset .swal2-popup {
398 border-radius: 0;
399 }
400
401 .tools_page_wp-reset table {
402 width: 100%;
403 border-spacing: 0;
404 border-collapse: separate;
405 margin: 1em 0;
406 }
407
408 .tools_page_wp-reset #reset-details td,
409 .tools_page_wp-reset #reset-details th {
410 padding: 10px 10px;
411 text-align: center;
412 }
413
414 .tools_page_wp-reset #reset-details td:first-child {
415 text-align: left;
416 }
417
418 .tools_page_wp-reset table td {
419 text-align: left;
420 padding: 20px 10px;
421 border-bottom: thin solid #999;
422 }
423
424 .tools_page_wp-reset table tr:hover td {
425 background-color: #f9f9f9;
426 }
427
428 .tools_page_wp-reset table .ss-actions,
429 .tools_page_wp-reset table .ss-size {
430 text-align: center;
431 white-space: nowrap;
432 width: 70px;
433 }
434
435 .tools_page_wp-reset table th {
436 text-align: left;
437 border-bottom: thin solid #444444;
438 padding: 5px;
439 }
440
441 .tools_page_wp-reset #reset-details tfoot th {
442 border-top: thin solid #444444;
443 border-bottom: none;
444 }
445
446 .tools_page_wp-reset #reset-details tbody tr:last-child td {
447 border-bottom: none;
448 }
449
450 .tools_page_wp-reset #reset-details th {
451 vertical-align: top;
452 }
453
454 .tools_page_wp-reset table .ss-action {
455 text-decoration: none;
456 margin: 5px 10px 5px 0;
457 display: inline-block;
458 }
459
460 .tools_page_wp-reset table .delete-snapshot {
461 margin: 0;
462 }
463
464 .tools_page_wp-reset table .delete-snapshot:hover {
465 color: rgb(221, 48, 54);
466 }
467
468 .tools_page_wp-reset .no-padding-bottom {
469 padding-bottom: 0;
470 }
471
472 .wpr-table-container {
473 min-width: 960px;
474 max-width: 1200px;
475 margin: 0 auto 15px auto;
476 }
477
478 .swal2-popup.compare-snapshots {
479 min-height: 90%;
480 flex-direction: column;
481 justify-content: flex-start;
482 }
483
484 .wpr-table-container pre {
485 font-size: 14px;
486 overflow: auto;
487 max-width: 580px;
488 }
489
490 .wpr-table-container p {
491 font-size: 14px;
492 color: #545454;
493 }
494
495 .wpr-table-container table {
496 border-spacing: 0;
497 border-collapse: separate;
498 margin: 0;
499 padding: 0;
500 width: 100%;
501 position: relative;
502 }
503
504 .wpr-table-container table span.dashicons {
505 position: absolute;
506 right: 10px;
507 top: 13px;
508 }
509
510 .wpr-table-container table td {
511 width: 50%;
512 padding: 10px;
513 }
514
515 .wpr-table-container > table > tbody > tr:first-child {
516 cursor: pointer;
517 }
518
519 .wpr-table-container table tr td:nth-child(2) {
520 border-left: thin solid #00000080;
521 }
522
523 .wpr-table-container table td {
524 background-color: #f9f9f9;
525 }
526
527 .wpr-table-container .no-padding {
528 padding: 0;
529 }
530
531 .wpr-table-container .wpr-table-missing td {
532 background-color: #ff000830;
533 }
534
535 .wpr-table-container .wpr-table-difference td {
536 background-color: rgba(255, 166, 0, 0.3);
537 }
538
539 .wpr-table-container .wpr-table-match td {
540 background-color: rgba(9, 255, 0, 0.3);
541 }
542
543 .wpr-table-container table.table_diff tr td {
544 width: 45%;
545 border-left: none;
546 word-break: break-all;
547 font-size: 14px;
548 font-family: monospace;
549 vertical-align: top;
550 }
551
552 .wpr-table-container .table_diff {
553 width: 100%;
554 }
555
556 @-moz-keyframes spin {
557 100% {
558 -moz-transform: rotate(-360deg);
559 }
560 }
561 @-webkit-keyframes spin {
562 100% {
563 -webkit-transform: rotate(-360deg);
564 }
565 }
566 @keyframes spin {
567 100% {
568 -webkit-transform: rotate(-360deg);
569 transform: rotate(-360deg);
570 }
571 }
572
573 /* tabs */
574 .tools_page_wp-reset .ui-tabs {
575 max-width: 100%;
576 position: relative;
577 padding: 0px;
578 zoom: 1;
579 margin: 0;
580 }
581
582 .tools_page_wp-reset .ui-tabs .ui-tabs-nav {
583 margin: 0;
584 padding: 0;
585 }
586
587 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li {
588 list-style: none;
589 position: relative;
590 top: 1px;
591 margin: 0 0.2em 1px 0;
592 padding: 0;
593 white-space: nowrap;
594 }
595
596 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a {
597 text-decoration: none;
598 }
599
600 .tools_page_wp-reset ul.ui-tabs-nav.wpr-main-tab li.ui-state-active {
601 border-bottom: 2px solid #dd3036;
602 background: transparent;
603 _transition: all 0.4s ease-out;
604 }
605
606 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
607 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
608 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-state-processing a {
609 cursor: text;
610 }
611
612 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a,
613 .tools_page_wp-reset .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
614 cursor: pointer;
615 }
616
617 .tools_page_wp-reset .ui-tabs .ui-tabs-panel {
618 display: block;
619 border: none;
620 overflow: visible;
621 }
622
623 .tools_page_wp-reset .ui-tabs .ui-tabs-hide {
624 display: none !important;
625 }
626
627 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a {
628 font-size: 14px;
629 font-weight: 600;
630 line-height: 32px;
631 color: #616161;
632 padding: 5px 0;
633 display: block;
634 letter-spacing: 1px;
635 }
636
637 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li.ui-state-active .icon {
638 color: #666666;
639 }
640
641 .tools_page_wp-reset .ui-tabs-nav:after {
642 content: '';
643 clear: both;
644 display: block;
645 }
646
647 .tools_page_wp-reset .ui-tabs-anchor,
648 .nav-tab {
649 outline: none !important;
650 }
651
652 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li {
653 color: #aaaaaa;
654 display: inline-block;
655 font-size: 12px;
656 line-height: 16px;
657 margin: 0px 20px 0px 5px;
658 text-decoration: none;
659 text-shadow: none;
660 padding: 0;
661 text-align: center;
662 border-bottom: 2px solid transparent;
663 }
664
665 @media screen and (max-width: 880px) {
666 .tools_page_wp-reset .ui-tabs .ui-tabs-nav {
667 padding: 0 25px;
668 }
669 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li {
670 margin: 0px 10px 0px 5px;
671 }
672 }
673
674 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li .label {
675 display: block;
676 margin-top: -10px;
677 }
678
679 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li:first-child {
680 margin-left: 0;
681 }
682
683 .tools_page_wp-reset ul.ui-tabs-nav.wpr-main-tab {
684 padding-bottom: 0;
685 width: 100%;
686 box-sizing: border-box;
687 margin-left: -20px;
688 }
689
690 .tools_page_wp-reset .ui-state-hover a,
691 .tools_page_wp-reset .ui-state-active a,
692 .tools_page_wp-reset li.ui-state-hover,
693 .tools_page_wp-reset li.ui-state-hover a {
694 color: #000000 !important;
695 }
696
697 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li.ui-state-hover {
698 background-color: #ffffff !important;
699 border-bottom: 2px solid #dd3036;
700 }
701
702 .tools_page_wp-reset .ui-tabs-nav a:focus {
703 box-shadow: none;
704 -webkit-box-shadow: none;
705 }
706 /* tabs */
707
708 /* diff */
709
710 .Differences {
711 width: 100%;
712 border-collapse: collapse;
713 border-spacing: 0;
714 empty-cells: show;
715 }
716
717 .Differences thead th {
718 text-align: left;
719 border-bottom: 1px solid #000;
720 background: #aaa;
721 color: #000;
722 padding: 4px;
723 }
724 .Differences tbody th {
725 text-align: right;
726 background: #ccc;
727 width: 4em;
728 padding: 1px 2px;
729 border-right: 1px solid #00000080;
730 border-bottom: none;
731 vertical-align: middle;
732 font-size: 13px;
733 font-weight: 400;
734 }
735
736 .Differences td {
737 padding: 5px !important;
738 font-family: Consolas, monospace;
739 font-size: 13px;
740 }
741
742 .DifferencesSideBySide .ChangeInsert td.Left {
743 background: #dfd;
744 }
745
746 .DifferencesSideBySide .ChangeInsert td.Right {
747 background: #cfc;
748 }
749
750 .DifferencesSideBySide .ChangeDelete td.Left {
751 background: #f88;
752 }
753
754 .DifferencesSideBySide .ChangeDelete td.Right {
755 background: #faa;
756 }
757
758 .DifferencesSideBySide .ChangeReplace .Left {
759 background: #fe9;
760 }
761
762 .DifferencesSideBySide .ChangeReplace .Right {
763 background: #fd8;
764 }
765
766 .Differences ins,
767 .Differences del {
768 text-decoration: none;
769 }
770
771 .DifferencesSideBySide .ChangeReplace ins,
772 .DifferencesSideBySide .ChangeReplace del {
773 background: #fc0;
774 }
775
776 .Differences .Skipped {
777 background: #f7f7f7;
778 }
779
780 .DifferencesInline .ChangeReplace .Left,
781 .DifferencesInline .ChangeDelete .Left {
782 background: #fdd;
783 }
784
785 .DifferencesInline .ChangeReplace .Right,
786 .DifferencesInline .ChangeInsert .Right {
787 background: #dfd;
788 }
789
790 .DifferencesInline .ChangeReplace ins {
791 background: #9e9;
792 }
793
794 .DifferencesInline .ChangeReplace del {
795 background: #e99;
796 }
797
798 /* diff */
799
800 .pro-feature {
801 font-weight: normal;
802 font-variant: small-caps;
803 font-style: italic;
804 color: inherit;
805 text-decoration: none;
806 }
807
808 .pro-feature.pro-feature-text {
809 font-weight: 700;
810 font-style: normal;
811 }
812
813 .pro-feature:hover {
814 text-decoration: underline;
815 cursor: pointer;
816 color: inherit;
817 }
818
819 .dropdown-item .pro-feature:hover {
820 text-decoration: none;
821 }
822
823 a.button .pro-feature:hover {
824 text-decoration: inherit;
825 cursor: inherit;
826 color: inherit;
827 }
828
829 th .pro-feature {
830 display: inline-block;
831 }
832
833 li .pro-feature {
834 white-space: nowrap;
835 }
836
837 .pro-feature .pro,
838 .pro-feature.pro-feature-text span {
839 font-weight: 700;
840 color: #dd3036;
841 }
842
843 #pricing-table tr.pricing td {
844 padding: 20px 10px;
845 line-height: 1.5;
846 }
847
848 #pricing-table tr td:nth-child(3),
849 #pricing-table tr th:nth-child(3) {
850 background-color: #f9f9f9;
851 }
852
853 #pricing-table tr.pricing td del {
854 text-decoration-color: #dd3036;
855 }
856
857 #pricing-table tr.pricing td b {
858 font-weight: 900;
859 }
860
861 #tab-pro label {
862 vertical-align: inherit;
863 font-weight: 500;
864 min-width: 95px;
865 display: inline-block;
866 padding: 2px 0;
867 }
868
869 #wpr-license-key {
870 margin-left: 0;
871 }
872
873 .tools_page_wp-reset #pricing-table td,
874 .tools_page_wp-reset #pricing-table th {
875 padding: 10px 10px;
876 text-align: center;
877 }
878
879 .tools_page_wp-reset #pricing-table td:first-child {
880 text-align: left;
881 }
882
883 .tools_page_wp-reset #pricing-table tfoot th {
884 border-top: thin solid #444444;
885 border-bottom: none;
886 }
887
888 .tools_page_wp-reset #pricing-table tbody tr:last-child td {
889 border-bottom: none;
890 }
891
892 .tools_page_wp-reset #pricing-table th {
893 vertical-align: top;
894 font-weight: normal;
895 }
896
897 .tools_page_wp-reset #pricing-table th span {
898 color: #dd3036;
899 font-weight: 700;
900 }
901
902 /* collections */
903 .tools_page_wp-reset .collection-table tr td:first-child .dashicons {
904 margin-right: 8px;
905 }
906
907 .tools_page_wp-reset .collection-table tr td:first-child {
908 width: 85px;
909 }
910
911 .tools_page_wp-reset table tr td:first-child {
912 padding-left: 5px;
913 }
914
915 .tools_page_wp-reset .collection-table td {
916 padding: 10px 10px;
917 }
918
919 .tools_page_wp-reset table tr td:last-child {
920 padding-right: 5px;
921 }
922
923 .tools_page_wp-reset .collection-table .actions {
924 text-align: center;
925 white-space: nowrap;
926 width: 100px;
927 }
928
929 .collection-item-details span {
930 display: block;
931 font-weight: 500;
932 }
933 /* collections */
934
935 /* Fontello */
936 @font-face {
937 font-family: 'fontello';
938 src: url('./font/fontello.eot?91671913');
939 src: url('./font/fontello.eot?91671913#iefix') format('embedded-opentype'),
940 url('./font/fontello.woff2?91671913') format('woff2'), url('./font/fontello.woff?91671913') format('woff'),
941 url('./font/fontello.ttf?91671913') format('truetype'), url('./font/fontello.svg?91671913#fontello') format('svg');
942 font-weight: normal;
943 font-style: normal;
944 }
945 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
946 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
947 /*
948 @media screen and (-webkit-min-device-pixel-ratio:0) {
949 @font-face {
950 font-family: 'fontello';
951 src: url('./font/fontello.svg?91671913#fontello') format('svg');
952 }
953 }
954 */
955
956 [class^='icon-']:before,
957 [class*=' icon-']:before {
958 font-family: 'fontello';
959 font-style: normal;
960 font-weight: normal;
961 display: inline-block;
962 text-decoration: inherit;
963 width: 1em;
964 margin-right: 0.2em;
965 text-align: center;
966 /* opacity: .8; */
967
968 /* For safety - reset parent styles, that can break glyph codes*/
969 font-variant: normal;
970 text-transform: none;
971
972 /* fix buttons height, for twitter bootstrap */
973 line-height: 1em;
974
975 /* Animation center compensation - margins should be symmetric */
976 /* remove if not needed */
977 margin-left: 0.2em;
978
979 /* you can be more comfortable with increased icons size */
980 /* font-size: 120%; */
981
982 /* Font smoothing. That was taken from TWBS */
983 -webkit-font-smoothing: antialiased;
984 -moz-osx-font-smoothing: grayscale;
985
986 /* Uncomment for 3D effect */
987 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
988 }
989
990 .icon-doc-text-inv:before {
991 content: '\f15c';
992 } /* '�
993 �' */
994 .icon-database:before {
995 content: '\f1c0';
996 } /* '' */
997
998 .wpr-collections-installer {
999 height: 100px;
1000 display: block;
1001 overflow-y: hidden;
1002 overflow-x: hidden;
1003 position: relative;
1004 padding: 68px 40px;
1005 -webkit-mask-image: -webkit-linear-gradient(
1006 top,
1007 rgba(255, 255, 255, 0) 0%,
1008 rgba(255, 255, 255, 1) 38%,
1009 rgba(255, 255, 255, 1) 63%,
1010 rgba(255, 255, 255, 0) 100%
1011 );
1012 }
1013
1014 .wpr-collections-installer-errors {
1015 overflow-y: auto;
1016 overflow-x: hidden;
1017 position: relative;
1018 padding: 0px 40px;
1019 max-height: 200px;
1020 }
1021
1022 .wpr-collections-installer::-webkit-scrollbar,
1023 .wpr-collections-installer-errors::-webkit-scrollbar {
1024 height: 12px;
1025 width: 6px;
1026 background: #ccc;
1027 }
1028
1029 .wpr-collections-installer::-webkit-scrollbar-thumb,
1030 .wpr-collections-installer-errors::-webkit-scrollbar-thumb {
1031 background: #dd3036;
1032 -webkit-border-radius: 1ex;
1033 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
1034 }
1035
1036 .wpr-collections-installer::-webkit-scrollbar-corner,
1037 .wpr-collections-installer-errors::-webkit-scrollbar-corner {
1038 background: #ccc;
1039 }
1040
1041 .wpr-collections-installer-message {
1042 text-align: left;
1043 position: relative;
1044 margin: 20px 0;
1045 }
1046
1047 .wpr-collections-error {
1048 position: absolute;
1049 color: #f00;
1050 font-size: 12px;
1051 left: 24px;
1052 bottom: -14px;
1053 }
1054
1055 .wpr-collections-installer-message .dashicons {
1056 vertical-align: text-top;
1057 line-height: 24px;
1058 height: 24px;
1059 }
1060
1061 .wpr-collections-installer-loading .dashicons:before {
1062 content: '\f463';
1063 }
1064
1065 .wpr-collections-installer-loading .dashicons {
1066 -webkit-animation: wpr_rspin 1.5s linear infinite;
1067 -moz-animation: wpr_rspin 1.5s linear infinite;
1068 animation: wpr_rspin 1.5s linear infinite;
1069 }
1070
1071 .wpr-collections-installer-done {
1072 opacity: 1;
1073 }
1074
1075 .wpr-collections-installer-success .dashicons:before {
1076 content: '\f12a';
1077 color: #1e232a;
1078 }
1079
1080 .wpr-collections-installer-error .dashicons:before {
1081 content: '\f153';
1082 color: #dd3036;
1083 }
1084
1085 @-moz-keyframes wpr_rspin {
1086 100% {
1087 -moz-transform: rotate(360deg);
1088 }
1089 }
1090 @-webkit-keyframes wpr_rspin {
1091 100% {
1092 -webkit-transform: rotate(360deg);
1093 }
1094 }
1095 @keyframes wpr_rspin {
1096 100% {
1097 -webkit-transform: rotate(360deg);
1098 transform: rotate(360deg);
1099 }
1100 }
1101
1102 #wpcaptcha-ad {
1103 border: 3px solid #253bac;
1104 min-width: 280px;
1105 max-width: 400px;
1106 padding: 10px 20px;
1107 background: white;
1108 }
1109
1110 @media screen and (max-width: 1520px) {
1111 .wpr-container,
1112 .tools_page_wp-reset nav{
1113 width:700px;
1114 }
1115
1116 }
1117
1118 @media screen and (max-width: 1300px) {
1119 #wpr-sidebar-ads {
1120 display: none !important;
1121 }
1122
1123 .wpr-container,
1124 .tools_page_wp-reset nav{
1125 width:910px;
1126 }
1127 }
1128
1129 #wpr-sidebar-ads {
1130 position: fixed;
1131 display: none;
1132 }
1133
1134 #wpcaptcha-ad a.button {
1135 padding: 11px 20px;
1136 color: white;
1137 background: #253bac;
1138 font-weight: 600;
1139 border: none;
1140 line-height: 1.5;
1141 height: auto;
1142 margin-bottom: 10px;
1143 white-space: normal;
1144 max-width: 90%;
1145 }
1146
1147 #wpcaptcha-ad a.button:hover,
1148 #wpcaptcha-ad a.button:active,
1149 #wpcaptcha-ad a.button:focus {
1150 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1151 background: #253bac;
1152 color: white;
1153 border: none;
1154 }
1155
1156 #wpr-ad {
1157 border: 3px solid #dd3036;
1158 min-width: 280px;
1159 max-width: 400px;
1160 padding: 10px 20px;
1161 background: white;
1162 margin-bottom: 30px;
1163 }
1164
1165 #wpr-ad a.button {
1166 padding: 11px 20px;
1167 color: white;
1168 background: #dd3036;
1169 font-weight: 600;
1170 border: none;
1171 line-height: 1.5;
1172 height: auto;
1173 margin-bottom: 10px;
1174 white-space: normal;
1175 max-width: 90%;
1176 }
1177
1178 #wpr-ad a.button:hover,
1179 #wpr-ad a.button:active,
1180 #wpr-ad a.button:focus {
1181 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1182 background: #dd3036;
1183 color: white;
1184 border: none;
1185 }
1186
1187 .wpr-main-tab li.tab-pro a {
1188 color: #dd3036 !important;
1189 font-weight: 700 !important;
1190 }
1191
1192 .wpreset-pro-dialog .ui-dialog-titlebar {
1193 display: none;
1194 }
1195
1196 .wpreset-pro-dialog .logo img {
1197 max-height: 55px;
1198 }
1199
1200 .wpreset-pro-dialog .logo {
1201 text-align: center;
1202 background: #f8f8f8;
1203 margin: -16px -16px 0 -16px;
1204 padding: 15px 15px;
1205 }
1206
1207 .wpreset-pro-dialog .footer {
1208 text-align: center;
1209 background: #f8f8f8;
1210 margin: 0 -16px -16px -16px;
1211 padding: 20px;
1212 }
1213
1214 .wpreset-pro-dialog .upsell-footer-2 {
1215 padding: 10px;
1216 text-align: center;
1217 background-color: #dd3036;
1218 color: white;
1219 margin: 0 -16px 0 -16px;
1220 }
1221
1222 .wpreset-pro-dialog .upsell-footer-2 a {
1223 color: white;
1224 }
1225
1226 .wpreset-pro-dialog .logo span {
1227 display: block;
1228 font-size: 18px;
1229 margin: 0 0 10px 0;
1230 }
1231
1232 .wpreset-pro-dialog .logo span b {
1233 border-bottom: 3px solid #dd3036;
1234 }
1235
1236 #wpreset-pro-table {
1237 width: 100%;
1238 margin: 10px auto 0 auto;
1239 border-collapse: collapse;
1240 }
1241
1242 #wpreset-pro-table td {
1243 padding: 4px 10px 4px 34px;
1244 border: none;
1245 font-size: 14px;
1246 }
1247
1248 #wpreset-pro-table tr:last-child td {
1249 text-align: center;
1250 }
1251
1252 #wpreset-pro-table .dashicons-yes {
1253 color: #dd3036;
1254 }
1255
1256 #wpreset-pro-table .dashicons {
1257 padding-right: 8px;
1258 margin-left: -27px;
1259 }
1260
1261 #wpreset-pro-table .center {
1262 text-align: center;
1263 }
1264
1265 .prices del {
1266 color: #00000099;
1267 }
1268
1269 .prices span {
1270 font-weight: 600;
1271 font-size: 40px;
1272 color: #dd3036;
1273 line-height: 1;
1274 display: inline-block;
1275 padding-bottom: 15px;
1276 }
1277
1278 #wpreset-pro-table tr:first-child td {
1279 color: #000;
1280 font-size: 18px;
1281 font-weight: 800 !important;
1282 padding: 10px 0 0 0;
1283 text-align: center;
1284 }
1285
1286 #wpreset-pro-table tr:last-child td {
1287 padding: 10px 0 10px 0;
1288 vertical-align: top;
1289 }
1290
1291 #wpreset-pro-table tr:last-child td {
1292 text-align: center;
1293 }
1294
1295
1296 #wpreset-pro-table a.button.button-buy {
1297 padding: 11px 40px;
1298 color: white;
1299 background: #dd3036;
1300 font-weight: 600;
1301 border: none;
1302 line-height: 1.5;
1303 height: auto;
1304 margin-bottom: 10px;
1305 }
1306
1307 #wpreset-pro-table a.button.button-buy:hover,
1308 #wpreset-pro-table a.button.button-buy:active,
1309 #wpreset-pro-table a.button.button-buy:focus {
1310 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1311 background: #dd3036;
1312 color: white;
1313 border: none;
1314 }
1315
1316 .wp-dialog.ui-widget-content {
1317 background: #fff !important;
1318 }
1319
1320 #wpreset-pro-dialog {
1321 overflow: hidden;
1322 }
1323
1324 div.ui-dialog {
1325 position: fixed;
1326 }
1327 /* Constrain the outer dialog box container to the screen height */
1328 .ui-dialog {
1329 max-height: 90vh; /* Adjust percentage as needed */
1330 display: flex;
1331 flex-direction: column;
1332 }
1333
1334 /* Force the internal content area to scroll when it overflows */
1335 .ui-dialog .ui-dialog-content {
1336 overflow-y: auto !important;
1337 flex-grow: 1;
1338 }
1339
1340