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

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