PluginProbe
WP Reset / 2.06
WP Reset v2.06
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 2.06, at css/wp-reset.css

1,314 lines 25.4 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-2023
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 #wpfssl-ad {
1103 border: 3px solid #42982e;
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 }
1132
1133 #wpfssl-ad a.button {
1134 padding: 11px 20px;
1135 color: white;
1136 background: #42982e;
1137 font-weight: 600;
1138 border: none;
1139 line-height: 1.5;
1140 height: auto;
1141 margin-bottom: 10px;
1142 white-space: normal;
1143 max-width: 90%;
1144 }
1145
1146 #wpfssl-ad a.button:hover,
1147 #wpfssl-ad a.button:active,
1148 #wpfssl-ad a.button:focus {
1149 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1150 background: #42982e;
1151 color: white;
1152 border: none;
1153 }
1154
1155 #wpr-ad {
1156 border: 3px solid #dd3036;
1157 min-width: 280px;
1158 max-width: 400px;
1159 padding: 10px 20px;
1160 background: white;
1161 margin-bottom: 30px;
1162 }
1163
1164 #wpr-ad a.button {
1165 padding: 11px 20px;
1166 color: white;
1167 background: #dd3036;
1168 font-weight: 600;
1169 border: none;
1170 line-height: 1.5;
1171 height: auto;
1172 margin-bottom: 10px;
1173 white-space: normal;
1174 max-width: 90%;
1175 }
1176
1177 #wpr-ad a.button:hover,
1178 #wpr-ad a.button:active,
1179 #wpr-ad a.button:focus {
1180 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1181 background: #dd3036;
1182 color: white;
1183 border: none;
1184 }
1185
1186 .wpr-main-tab li.tab-pro a {
1187 color: #dd3036 !important;
1188 }
1189
1190 .wpreset-pro-dialog .ui-dialog-titlebar {
1191 display: none;
1192 }
1193
1194 .wpreset-pro-dialog .logo img {
1195 max-height: 55px;
1196 }
1197
1198 .wpreset-pro-dialog .logo {
1199 text-align: center;
1200 background: #f8f8f8;
1201 margin: -16px -16px 0 -16px;
1202 padding: 15px;
1203 }
1204
1205 .wpreset-pro-dialog .footer {
1206 text-align: center;
1207 background: #f8f8f8;
1208 margin: 0 -16px -16px -16px;
1209 padding: 20px;
1210 }
1211
1212 .wpreset-pro-dialog .logo span {
1213 display: block;
1214 font-size: 18px;
1215 margin: 10px;
1216 }
1217
1218 .wpreset-pro-dialog .logo span b {
1219 border-bottom: 3px solid #dd3036;
1220 }
1221
1222 #wpreset-pro-table {
1223 width: 100%;
1224 margin: 10px auto 0 auto;
1225 border-collapse: collapse;
1226 }
1227
1228 #wpreset-pro-table td {
1229 padding: 4px 10px 4px 34px;
1230 border: none;
1231 font-size: 14px;
1232 }
1233
1234 #wpreset-pro-table tr:last-child td {
1235 text-align: center;
1236 }
1237
1238 #wpreset-pro-table .dashicons-yes {
1239 color: #dd3036;
1240 }
1241
1242 #wpreset-pro-table .dashicons {
1243 padding-right: 8px;
1244 margin-left: -27px;
1245 }
1246
1247 #wpreset-pro-table .center {
1248 text-align: center;
1249 }
1250
1251 .prices del {
1252 color: #00000099;
1253 }
1254
1255 .prices span {
1256 font-weight: 600;
1257 font-size: 40px;
1258 color: #dd3036;
1259 line-height: 1;
1260 display: inline-block;
1261 padding-bottom: 15px;
1262 }
1263
1264 #wpreset-pro-table tr:first-child td {
1265 color: #000;
1266 font-size: 18px;
1267 font-weight: 800 !important;
1268 padding: 10px 0;
1269 text-align: center;
1270 }
1271
1272 #wpreset-pro-table tr:last-child td {
1273 padding: 20px 0 20px 0;
1274 vertical-align: top;
1275 }
1276
1277 #wpreset-pro-table tr:last-child td {
1278 text-align: center;
1279 }
1280
1281
1282 #wpreset-pro-table a.button.button-buy {
1283 padding: 11px 40px;
1284 color: white;
1285 background: #dd3036;
1286 font-weight: 600;
1287 border: none;
1288 line-height: 1.5;
1289 height: auto;
1290 margin-bottom: 10px;
1291 }
1292
1293 #wpreset-pro-table a.button.button-buy:hover,
1294 #wpreset-pro-table a.button.button-buy:active,
1295 #wpreset-pro-table a.button.button-buy:focus {
1296 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
1297 background: #dd3036;
1298 color: white;
1299 border: none;
1300 }
1301
1302 .wp-dialog.ui-widget-content {
1303 background: #fff !important;
1304 }
1305
1306 #wpreset-pro-dialog {
1307 overflow: hidden;
1308 }
1309
1310 div.ui-dialog {
1311 position: fixed;
1312 }
1313
1314