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

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