PluginProbe
WP Reset / 1.70
WP Reset v1.70
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 1.70, at css/wp-reset.css

763 lines 13.8 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-2019
5 */
6
7 .tools_page_wp-reset #wpcontent,
8 .tools_page_wp-reset .auto-fold #wpcontent {
9 padding-left: 0;
10 }
11
12 .tools_page_wp-reset .wrap {
13 margin: 0;
14 background: #f9fbfd;
15 min-height: calc(100vh - 100px);
16 font-size: 14px;
17 padding: 0;
18 }
19
20 #wpbody-content {
21 background: #f9fbfd;
22 }
23
24 .wpr-container {
25 margin: 0 auto;
26 max-width: 100%;
27 width: 760px;
28 }
29
30 .tools_page_wp-reset header {
31 padding: 20px 10px;
32 background: #f9fbfd;
33 }
34
35 .tools_page_wp-reset nav {
36 background: #ffffff;
37 padding: 0;
38 margin: 0 0 35px 0;
39 border-top: 1px solid #e5e5e5;
40 border-bottom: 1px solid #e5e5e5;
41 }
42
43 #wpr-content {
44 padding: 0 0 35px 0;
45 }
46
47 #wpfooter {
48 padding: 20px;
49 border-top: 1px solid #e5e5e5;
50 }
51
52 #wpfooter a {
53 text-decoration: none;
54 }
55
56 #wpfooter span {
57 color: #ffb900;
58 }
59
60 .tools_page_wp-reset #wp_reset_confirm {
61 vertical-align: top;
62 }
63
64 .tools_page_wp-reset h1 span {
65 font-size: 13px;
66 vertical-align: super;
67 font-style: italic;
68 }
69
70 .tools_page_wp-reset .textcenter {
71 text-align: center;
72 }
73
74 .tools_page_wp-reset .button.disabled {
75 pointer-events: none;
76 cursor: not-allowed;
77 }
78
79 .tools_page_wp-reset.wp-core-ui .button,
80 .tools_page_wp-reset.wp-core-ui .button-primary,
81 .tools_page_wp-reset.wp-core-ui .button-secondary {
82 border-radius: 0;
83 }
84
85 .tools_page_wp-reset .plain-list {
86 margin-top: 5px;
87 list-style-type: circle;
88 list-style-position: inside;
89 }
90
91 .tools_page_wp-reset .plain-list li {
92 text-indent: -18px;
93 padding-left: 23px;
94 line-height: 23px;
95 margin: 0;
96 }
97
98 .tools_page_wp-reset .red {
99 color: #dd3036;
100 }
101
102 .tools_page_wp-reset .green {
103 color: #1daf1d;
104 }
105
106 .tools_page_wp-reset #logo-icon {
107 max-height: 30px;
108 width: auto;
109 padding: 0;
110 margin: 0;
111 }
112
113 .tools_page_wp-reset .dismiss-notice-rate {
114 vertical-align: bottom;
115 margin-left: 10px;
116 }
117
118 .tools_page_wp-reset .button {
119 box-shadow: none;
120 text-shadow: none;
121 }
122
123 .tools_page_wp-reset .swal2-container {
124 z-index: 99999;
125 }
126
127 .tools_page_wp-reset .swal2-container .swal2-popup .swal2-actions {
128 margin: 2em auto 0;
129 }
130
131 .tools_page_wp-reset .swal2-container.swal2-shown {
132 background-color: rgba(0, 0, 0, 0.6);
133 }
134
135 .tools_page_wp-reset .swal2-popup .swal2-title {
136 line-height: 1.1;
137 font-weight: 700;
138 }
139
140 .tools_page_wp-reset code {
141 white-space: nowrap;
142 }
143
144 .tools_page_wp-reset p {
145 line-height: 1.7;
146 font-size: 14px;
147 }
148
149 .wp-core-ui .button.focus,
150 .wp-core-ui .button:focus,
151 .wp-core-ui .button-secondary:focus {
152 border-color: #999;
153 box-shadow: none;
154 }
155
156 .tools_page_wp-reset p > .button-delete {
157 margin-right: 10px;
158 }
159
160 .tools_page_wp-reset .button-delete {
161 color: #cc2f2f;
162 }
163
164 .tools_page_wp-reset .button-delete:hover,
165 .tools_page_wp-reset .button-delete:focus {
166 color: #cc2f2f;
167 border-color: #cc2f2f;
168 }
169
170 .tools_page_wp-reset .rotating {
171 -webkit-animation: spin 1.5s linear infinite;
172 -moz-animation: spin 1.5s linear infinite;
173 animation: spin 1.5s linear infinite;
174 }
175
176 .tools_page_wp-reset .notice-error {
177 border-top-color: #dd3036;
178 border-top-width: 3px;
179 }
180
181 .tools_page_wp-reset .notice-info {
182 border-top-color: #0085ba;
183 border-top-width: 3px;
184 }
185
186 .tools_page_wp-reset .card-header-right {
187 height: 100%;
188 float: right;
189 }
190
191 .tools_page_wp-reset .card-header-right .button {
192 margin: -5px 0 0 0;
193 }
194
195 .tools_page_wp-reset .toggle-card {
196 text-decoration: none;
197 color: #444;
198 }
199
200 .tools_page_wp-reset .toggle-card:hover {
201 color: #00a0d2;
202 }
203
204 .tools_page_wp-reset .card {
205 padding: 0 25px 15px 25px;
206 max-width: 100%;
207 width: 100%;
208 margin: 0 0 35px 0;
209 }
210
211 .tools_page_wp-reset .card.pro {
212 border-left: 1px solid #dd3036;
213 }
214
215 .card h4 {
216 border-bottom: 1px solid #e5e5e5;
217 margin: 0 -25px;
218 padding: 15px 25px;
219 background-color: #fcfcfc;
220 }
221
222 .tools_page_wp-reset .card.collapsed {
223 padding-bottom: 0;
224 }
225
226 .tools_page_wp-reset .card.collapsed p,
227 .tools_page_wp-reset .card.collapsed b,
228 .tools_page_wp-reset .card.collapsed ul {
229 display: none;
230 }
231
232 .tools_page_wp-reset .card.collapsed h4 {
233 border: none;
234 }
235
236 .tools_page_wp-reset .swal2-popup {
237 border-radius: 0;
238 }
239
240 .tools_page_wp-reset table {
241 width: 100%;
242 border-spacing: 0;
243 border-collapse: separate;
244 margin: 1em 0;
245 }
246
247 .tools_page_wp-reset table td {
248 text-align: left;
249 padding: 5px;
250 }
251
252 .tools_page_wp-reset table tr:nth-child(even) td {
253 background-color: #f9f9f9;
254 }
255
256 .tools_page_wp-reset table .ss-actions {
257 width: 65px;
258 }
259
260 .tools_page_wp-reset table th {
261 text-align: left;
262 border-bottom: thin solid #444444;
263 padding: 5px;
264 }
265
266 .tools_page_wp-reset table .ss-action {
267 text-decoration: none;
268 margin: 5px 10px 5px 0;
269 display: inline-block;
270 }
271
272 .tools_page_wp-reset table .delete-snapshot {
273 margin: 0;
274 }
275
276 .tools_page_wp-reset table .delete-snapshot:hover {
277 color: rgb(221, 48, 54);
278 }
279
280 .tools_page_wp-reset .no-padding-bottom {
281 padding-bottom: 0;
282 }
283
284 .wpr-table-container {
285 min-width: 960px;
286 max-width: 1200px;
287 margin: 0 auto 15px auto;
288 }
289
290 .swal2-popup.compare-snapshots {
291 min-height: 90%;
292 flex-direction: column;
293 justify-content: flex-start;
294 }
295
296 .wpr-table-container pre {
297 font-size: 14px;
298 overflow: auto;
299 max-width: 580px;
300 }
301
302 .wpr-table-container p {
303 font-size: 14px;
304 color: #545454;
305 }
306
307 .wpr-table-container table {
308 border-spacing: 0;
309 border-collapse: separate;
310 margin: 0;
311 padding: 0;
312 width: 100%;
313 position: relative;
314 }
315
316 .wpr-table-container table span.dashicons {
317 position: absolute;
318 right: 10px;
319 top: 13px;
320 }
321
322 .wpr-table-container table td {
323 width: 50%;
324 padding: 10px;
325 }
326
327 .wpr-table-container > table > tbody > tr:first-child {
328 cursor: pointer;
329 }
330
331 .wpr-table-container table tr td:nth-child(2) {
332 border-left: thin solid #00000080;
333 }
334
335 .wpr-table-container table td {
336 background-color: #f9f9f9;
337 }
338
339 .wpr-table-container .no-padding {
340 padding: 0;
341 }
342
343 .wpr-table-container .wpr-table-missing td {
344 background-color: #ff000830;
345 }
346
347 .wpr-table-container .wpr-table-difference td {
348 background-color: rgba(255, 166, 0, 0.3);
349 }
350
351 .wpr-table-container .wpr-table-match td {
352 background-color: rgba(9, 255, 0, 0.3);
353 }
354
355 .wpr-table-container table.table_diff tr td {
356 width: 45%;
357 border-left: none;
358 word-break: break-all;
359 font-size: 14px;
360 font-family: monospace;
361 vertical-align: top;
362 }
363
364 .wpr-table-container .table_diff {
365 width: 100%;
366 }
367
368 @-moz-keyframes spin {
369 100% {
370 -moz-transform: rotate(-360deg);
371 }
372 }
373 @-webkit-keyframes spin {
374 100% {
375 -webkit-transform: rotate(-360deg);
376 }
377 }
378 @keyframes spin {
379 100% {
380 -webkit-transform: rotate(-360deg);
381 transform: rotate(-360deg);
382 }
383 }
384
385 /* tabs */
386 .tools_page_wp-reset .ui-tabs {
387 max-width: 100%;
388 position: relative;
389 padding: 0px;
390 zoom: 1;
391 margin: 0;
392 }
393
394 .tools_page_wp-reset .ui-tabs .ui-tabs-nav {
395 margin: 0;
396 padding: 0;
397 }
398
399 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li {
400 list-style: none;
401 position: relative;
402 top: 1px;
403 margin: 0 0.2em 1px 0;
404 padding: 0;
405 white-space: nowrap;
406 }
407
408 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a {
409 text-decoration: none;
410 }
411
412 .tools_page_wp-reset ul.ui-tabs-nav.wpr-main-tab li.ui-state-active {
413 border-bottom: 2px solid #dd3036;
414 background: transparent;
415 _transition: all 0.4s ease-out;
416 }
417
418 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
419 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
420 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li.ui-state-processing a {
421 cursor: text;
422 }
423
424 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a,
425 .tools_page_wp-reset .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
426 cursor: pointer;
427 }
428
429 .tools_page_wp-reset .ui-tabs .ui-tabs-panel {
430 display: block;
431 border: none;
432 overflow: visible;
433 }
434
435 .tools_page_wp-reset .ui-tabs .ui-tabs-hide {
436 display: none !important;
437 }
438
439 .tools_page_wp-reset .ui-tabs .ui-tabs-nav li a {
440 font-size: 14px;
441 font-weight: 600;
442 line-height: 32px;
443 color: #616161;
444 padding: 5px 0;
445 display: block;
446 letter-spacing: 1px;
447 }
448
449 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li.ui-state-active .icon {
450 color: #666666;
451 }
452
453 .tools_page_wp-reset .ui-tabs-nav:after {
454 content: '';
455 clear: both;
456 display: block;
457 }
458
459 .tools_page_wp-reset .ui-tabs-anchor,
460 .nav-tab {
461 outline: none !important;
462 }
463
464 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li {
465 color: #aaaaaa;
466 display: inline-block;
467 font-size: 12px;
468 line-height: 16px;
469 margin: 0px 20px 0px 5px;
470 text-decoration: none;
471 text-shadow: none;
472 padding: 0;
473 text-align: center;
474 border-bottom: 2px solid transparent;
475 }
476
477 @media screen and (max-width: 880px) {
478 .tools_page_wp-reset .ui-tabs .ui-tabs-nav {
479 padding: 0 25px;
480 }
481 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li {
482 margin: 0px 10px 0px 5px;
483 }
484 }
485
486 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li .label {
487 display: block;
488 margin-top: -10px;
489 }
490
491 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li:first-child {
492 margin-left: 0;
493 }
494
495 .tools_page_wp-reset ul.ui-tabs-nav.wpr-main-tab {
496 padding-bottom: 0;
497 width: 100%;
498 box-sizing: border-box;
499 }
500
501 .tools_page_wp-reset .ui-state-hover a,
502 .tools_page_wp-reset .ui-state-active a,
503 .tools_page_wp-reset li.ui-state-hover,
504 .tools_page_wp-reset li.ui-state-hover a {
505 color: #000000 !important;
506 }
507
508 .tools_page_wp-reset .ui-tabs ul.ui-tabs-nav li.ui-state-hover {
509 background-color: #ffffff !important;
510 border-bottom: 2px solid #dd3036;
511 }
512
513 .tools_page_wp-reset .ui-tabs-nav a:focus {
514 box-shadow: none;
515 -webkit-box-shadow: none;
516 }
517 /* tabs */
518
519 /* diff */
520
521 .Differences {
522 width: 100%;
523 border-collapse: collapse;
524 border-spacing: 0;
525 empty-cells: show;
526 }
527
528 .Differences thead th {
529 text-align: left;
530 border-bottom: 1px solid #000;
531 background: #aaa;
532 color: #000;
533 padding: 4px;
534 }
535 .Differences tbody th {
536 text-align: right;
537 background: #ccc;
538 width: 4em;
539 padding: 1px 2px;
540 border-right: 1px solid #00000080;
541 border-bottom: none;
542 vertical-align: middle;
543 font-size: 13px;
544 font-weight: 400;
545 }
546
547 .Differences td {
548 padding: 5px !important;
549 font-family: Consolas, monospace;
550 font-size: 13px;
551 }
552
553 .DifferencesSideBySide .ChangeInsert td.Left {
554 background: #dfd;
555 }
556
557 .DifferencesSideBySide .ChangeInsert td.Right {
558 background: #cfc;
559 }
560
561 .DifferencesSideBySide .ChangeDelete td.Left {
562 background: #f88;
563 }
564
565 .DifferencesSideBySide .ChangeDelete td.Right {
566 background: #faa;
567 }
568
569 .DifferencesSideBySide .ChangeReplace .Left {
570 background: #fe9;
571 }
572
573 .DifferencesSideBySide .ChangeReplace .Right {
574 background: #fd8;
575 }
576
577 .Differences ins,
578 .Differences del {
579 text-decoration: none;
580 }
581
582 .DifferencesSideBySide .ChangeReplace ins,
583 .DifferencesSideBySide .ChangeReplace del {
584 background: #fc0;
585 }
586
587 .Differences .Skipped {
588 background: #f7f7f7;
589 }
590
591 .DifferencesInline .ChangeReplace .Left,
592 .DifferencesInline .ChangeDelete .Left {
593 background: #fdd;
594 }
595
596 .DifferencesInline .ChangeReplace .Right,
597 .DifferencesInline .ChangeInsert .Right {
598 background: #dfd;
599 }
600
601 .DifferencesInline .ChangeReplace ins {
602 background: #9e9;
603 }
604
605 .DifferencesInline .ChangeReplace del {
606 background: #e99;
607 }
608
609 /* diff */
610
611 /* survey */
612
613 .ui-widget-overlay {
614 opacity: 0.85;
615 }
616
617 .ui-dialog {
618 z-index: 9998 !important;
619 }
620
621 .survey-dialog .ui-dialog-titlebar {
622 text-align: center;
623 font-weight: bold;
624 }
625
626 .survey-dialog .ui-dialog-titlebar-close {
627 display: none;
628 }
629
630 .survey-dialog .ui-dialog-content {
631 padding: 20px 25px;
632 font-size: 15px;
633 }
634
635 .wpr-dialog b {
636 font-weight: bold;
637 }
638
639 .wpr-dialog .footer {
640 margin: 20px 0 0 0;
641 text-align: center;
642 }
643
644 .wpr-dialog .footer #emailme {
645 margin: 0 5px -3px 0;
646 }
647
648 .wpr-dialog .footer .button-primary {
649 font-size: 15px;
650 }
651
652 .wpr-dialog .footer .dismiss-survey {
653 display: inline-block;
654 margin-left: 10px;
655 vertical-align: bottom;
656 }
657
658 .wpr-dialog .ui-dialog-content p {
659 margin: 0 0 20px 0;
660 font-size: 15px;
661 }
662
663 .wpr-dialog .ui-dialog-titlebar {
664 text-align: center;
665 }
666
667 .wpr-dialog .subtitle {
668 text-align: center;
669 font-size: 15px;
670 margin: 0 0 16px 0;
671 }
672
673 .question-wrapper {
674 border: 1px solid rgba(0, 0, 0, 0.2);
675 padding: 15px 10px;
676 background-color: rgba(250, 250, 250, 0.55);
677 margin: 0 0 10px 5px;
678 opacity: 1;
679 width: 46%;
680 vertical-align: top;
681 display: inline-block;
682 text-align: left;
683 }
684
685 .question-wrapper:hover {
686 opacity: 1;
687 border: 1px solid rgba(0, 142, 194, 1);
688 cursor: pointer;
689 margin-bottom: 10px;
690 }
691
692 .question-wrapper:hover .dashicons {
693 opacity: 0.25;
694 }
695
696 .question-wrapper.selected {
697 opacity: 1;
698 border: 1px solid rgba(0, 142, 194, 1);
699 margin-bottom: 10px;
700 }
701
702 .question-wrapper .dashicons {
703 color: rgba(221, 47, 54, 1);
704 opacity: 0.25;
705 vertical-align: super;
706 width: 40px;
707 height: 40px;
708 }
709
710 .question-wrapper.selected .dashicons {
711 color: rgba(221, 47, 54, 1);
712 opacity: 1;
713 }
714
715 .question-wrapper .dashicons:before {
716 width: 40px;
717 height: 40px;
718 font-size: 40px;
719 }
720
721 .question-wrapper .custom-input {
722 margin: 4px 0 0 0;
723 width: 100%;
724 font-size: 12px;
725 padding: 5px;
726 }
727
728 .question-wrapper .question {
729 margin-left: -40px;
730 display: inline-block;
731 width: 100%;
732 padding-left: 50px;
733 box-sizing: border-box;
734 }
735
736 .question-wrapper i {
737 padding-top: 5px;
738 font-size: 14px;
739 display: inline-block;
740 }
741 /* survey */
742
743 .webhooks-dialog .ui-dialog-titlebar {
744 background-color: rgb(241, 88, 42);
745 color: #fefefe;
746 }
747
748 .webhooks-dialog .ui-button.ui-dialog-titlebar-close {
749 color: #ffffff;
750 }
751
752 .webhooks-footer {
753 text-align: center;
754 }
755
756 .webhooks-dialog .plain-list li {
757 text-indent: -21px;
758 }
759
760 #wpfooter {
761 background-color: #ffffff;
762 }
763