PluginProbe
SweepPress: Website Cleanup and Optimization / trunk
SweepPress: Website Cleanup and Optimization vtrunk
trunk 1.1 1.2 1.3 1.4 1.4.1 1.5 1.6 1.7 1.8 2.0 2.1 2.1.1 2.2 2.3 2.3.1 2.4 2.4.1 2.4.2 2.5 2.6 3.0 3.1 3.1.1 3.2 All 39 releases
sweeppress / css / admin.css

admin.css in SweepPress: Website Cleanup and Optimization trunk, at css/admin.css

709 lines 19.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .sweeppress-simulation-mode {
3 background-color: #813E99;
4 color: #FFF;
5 text-align: center;
6 padding: 0.75em 0.5em;
7 margin: 0 0 1em;
8 border-radius: 5px;
9 line-height: 1.4;
10 }
11 .sweeppress-simulation-mode span {
12 font-size: 1.2em;
13 font-weight: 700;
14 }
15 .sweeppress-simulation-mode em {
16 font-size: 1em;
17 }
18 .sweeppress-simulation-mode * {
19 display: block;
20 }
21
22 .d4p-with-table .sweeppress-notice-group.sweeppress-notice-backups {
23 max-width: 100%;
24 }
25
26 .sweeppress-panel-inside {
27 margin: -1em;
28 }
29 .sweeppress-panel-inside h5 {
30 background: var(--d4p-color-main-border);
31 color: #000;
32 margin: -2em -1em 1em;
33 padding: 0.5em;
34 font-size: 1em;
35 font-weight: 700;
36 }
37 .sweeppress-panel-inside p:last-child {
38 margin-bottom: 0;
39 }
40
41 .sweeppress-item-wrapper {
42 border: 1px solid #DDD;
43 border-radius: 4px;
44 margin: 0 0 1em;
45 }
46 .sweeppress-item-wrapper h5 {
47 border-radius: 4px 4px 0 0;
48 margin: 0;
49 padding: 0.5em 0.75em;
50 font-size: 1.1em;
51 line-height: 1.5;
52 background: #F4F4F4;
53 }
54 .sweeppress-item-wrapper h5 input[type=checkbox] {
55 float: right;
56 margin: 1px 0 0;
57 width: 22px;
58 height: 22px;
59 }
60 .sweeppress-item-wrapper h5 input[type=checkbox]::before {
61 margin: -2px -3px;
62 height: 24px;
63 width: 24px;
64 }
65 .sweeppress-item-wrapper .sweeppress-item-inside {
66 border-radius: 0 0 4px 4px;
67 border-top: 1px solid #DDD;
68 padding: 0.5em 1em;
69 }
70 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task {
71 line-height: 2;
72 }
73 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task .d4p-ui-warning {
74 vertical-align: baseline;
75 font-size: 0.9em;
76 color: #700;
77 }
78 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.task-is-missing span {
79 text-decoration: line-through;
80 }
81 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task input {
82 float: right;
83 margin: 6px 0 0;
84 width: 18px;
85 height: 18px;
86 }
87 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task input::before {
88 margin: -1px -2px;
89 height: 20px;
90 width: 20px;
91 }
92 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.empty-task {
93 opacity: 0.7;
94 }
95
96 .sweeppress-item-task-stats > span:not(:last-child)::after {
97 content: " · ";
98 }
99
100 .sweeppress-item-task-preview {
101 margin-left: 0.5em;
102 }
103 .sweeppress-item-task-preview i {
104 line-height: 1;
105 vertical-align: middle;
106 }
107
108 .sweeppress-results-loader {
109 font-size: 1.2em;
110 }
111
112 .sweeppress-inner-content p:first-of-type {
113 margin-top: 0;
114 }
115 .sweeppress-inner-content p:last-of-type {
116 margin-bottom: 0;
117 }
118
119 .sweeppress-dialog-hide-x .ui-dialog-titlebar button {
120 display: none;
121 }
122
123 .sweeppress-cleanup-results h5 {
124 border-bottom: 1px solid #888;
125 padding: 0 0 0.25em;
126 margin: 0 0 0.5em;
127 font-size: 1.4em;
128 }
129 .sweeppress-cleanup-results h6 {
130 border-bottom: 1px dotted #888;
131 padding: 0 0 0.25em;
132 margin: 0 0 0.5em;
133 font-size: 1.2em;
134 }
135 .sweeppress-cleanup-results .sweeppress-with-errors {
136 color: #D00;
137 }
138
139 .sweeppress-notice-group.sweeppress-notice-backups {
140 border-color: #900;
141 }
142 .sweeppress-notice-group h3 {
143 color: #900;
144 border-bottom-color: #900;
145 background: #FFF1F1;
146 }
147 .sweeppress-notice-group h3 a {
148 float: right;
149 }
150 .sweeppress-notice-group .d4p-group-footer {
151 text-align: left;
152 padding: 1em;
153 border-top: 1px solid #900;
154 }
155
156 .sweeppress-about-counters {
157 font-size: 1.4em;
158 display: flex;
159 gap: 2em;
160 align-items: center;
161 justify-content: center;
162 border-top: 1px solid var(--d4p-color-layout-accent);
163 margin: 1em 0 0;
164 padding: 1em 0 0;
165 font-weight: 100;
166 }
167 .sweeppress-about-counters i {
168 font-size: 1.4em;
169 color: var(--d4p-color-layout-accent);
170 }
171 .sweeppress-about-counters strong {
172 font-size: 1.4em;
173 font-weight: 900;
174 color: var(--d4p-color-layout-accent);
175 }
176
177 .d4p-plugin-sweeppress .sweeppress-badge {
178 border-radius: 3px;
179 color: #FFF;
180 display: inline-block;
181 padding: 0 6px 2px;
182 line-height: 1.5;
183 }
184 .d4p-plugin-sweeppress .sweeppress-badge.badge-active {
185 background: #090;
186 }
187 .d4p-plugin-sweeppress .sweeppress-badge.badge-missing, .d4p-plugin-sweeppress .sweeppress-badge.badge-inactive {
188 background: #900;
189 }
190 .d4p-plugin-sweeppress .sweeppress-badge.badge-installed {
191 background: #050;
192 }
193 .d4p-plugin-sweeppress .sweeppress-badge.badge-serialized, .d4p-plugin-sweeppress .sweeppress-badge.badge-core, .d4p-plugin-sweeppress .sweeppress-badge.badge-theme {
194 background: #813E99;
195 }
196 .d4p-plugin-sweeppress .sweeppress-badge.badge-wordpress {
197 background: #511E65;
198 }
199 .d4p-plugin-sweeppress .sweeppress-badge.badge-blue, .d4p-plugin-sweeppress .sweeppress-badge.badge-empty, .d4p-plugin-sweeppress .sweeppress-badge.badge-plugin {
200 background: #0A63A5;
201 }
202 .d4p-plugin-sweeppress .sweeppress-badge.badge-component {
203 background: #085D65;
204 }
205 .d4p-plugin-sweeppress .sweeppress-badge.badge-widget {
206 background: #A16C00;
207 }
208 .d4p-plugin-sweeppress .sweeppress-badge.badge-unknown {
209 background: #111;
210 }
211 .d4p-plugin-sweeppress .sweeppress-badge.badge-sweep {
212 background: #67AF12;
213 }
214 .d4p-plugin-sweeppress .sweeppress-badge.badge-light-blue {
215 background: #E0F1FF;
216 color: #333;
217 }
218 .d4p-plugin-sweeppress dl.sweeppress-list {
219 margin: 0;
220 display: flex;
221 flex-wrap: wrap;
222 width: 100%;
223 align-items: center;
224 }
225 .d4p-plugin-sweeppress dl.sweeppress-list dt {
226 font-weight: 700;
227 flex: 0 0 50%;
228 margin: 0;
229 text-align: left;
230 }
231 .d4p-plugin-sweeppress dl.sweeppress-list dd {
232 flex: 0 0 50%;
233 margin: 0;
234 text-align: right;
235 }
236
237 .sweeper-dashboard-overview > h3 input[type=checkbox] {
238 float: right;
239 margin: 1px 0 0;
240 width: 22px;
241 height: 22px;
242 display: none;
243 }
244 .sweeper-dashboard-overview > h3 input[type=checkbox]::before {
245 margin: -2px -3px;
246 height: 24px;
247 width: 24px;
248 }
249 .sweeper-dashboard-overview .sweeppress-quick-info {
250 background: #EEE;
251 padding: 0.5em 1em;
252 margin: 0 0 1em;
253 border-radius: 5px;
254 }
255
256 .sweeppress-sweeper-wrapper {
257 display: flex;
258 margin: 1em 0 0;
259 padding: 1em 0 0;
260 border-top: 1px solid #DDD;
261 }
262 .sweeppress-sweeper-wrapper .sweeppress-sweeper-counters {
263 flex-grow: 1;
264 }
265
266 .sweeper-dashboard-database .d4p-group-inner .sweeppress-data-block dl {
267 margin: 0;
268 line-height: 2.2;
269 }
270 .sweeper-dashboard-database .d4p-group-inner .sweeppress-data-block dl dd strong {
271 font-weight: 400;
272 }
273 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block {
274 display: flex;
275 flex-wrap: wrap;
276 gap: 2em;
277 }
278 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div {
279 flex: 0 0 calc(50% - 2em);
280 }
281 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div dl {
282 padding: 0;
283 margin: 0;
284 border-bottom: 0;
285 }
286 @media screen and (width <= 767px) {
287 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block {
288 flex-direction: column;
289 }
290 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div {
291 flex: 0 0 auto;
292 }
293 }
294
295 #sweeppress-information-auto {
296 display: flex;
297 flex-flow: row nowrap;
298 margin: 0;
299 gap: 2em;
300 }
301 #sweeppress-information-auto .sweeppress-info-block {
302 flex: 50%;
303 }
304 #sweeppress-information-auto .sweeppress-info-block p:first-child {
305 margin-top: 0;
306 }
307 #sweeppress-information-auto .sweeppress-info-block p:last-child {
308 margin-bottom: 0;
309 }
310 #sweeppress-information-auto .sweeppress-request-block {
311 flex: 50%;
312 }
313 #sweeppress-information-auto .sweeppress-request-block dl {
314 margin: 0 0 1em;
315 padding: 0 0 1em;
316 border-bottom: 1px dashed #DDD;
317 line-height: 2;
318 }
319 #sweeppress-information-auto .sweeppress-request-block dl dd strong {
320 font-weight: 400;
321 }
322 #sweeppress-information-auto .sweeppress-request-block button.button-primary {
323 width: 100%;
324 font-size: 1.4em;
325 line-height: 2.5;
326 text-transform: uppercase;
327 letter-spacing: 2px;
328 }
329 #sweeppress-information-auto .sweeppress-request-block button.button-secondary {
330 width: 100%;
331 margin: 0.5em 0 0;
332 font-size: 1.1em;
333 line-height: 2;
334 }
335 @media screen and (width <= 1080px) {
336 #sweeppress-information-auto {
337 flex-direction: column-reverse;
338 }
339 #sweeppress-information-auto .sweeppress-info-block,
340 #sweeppress-information-auto .sweeppress-request-block {
341 flex-basis: 100%;
342 }
343 }
344
345 #sweeppress-form-quick .sweeppress-quick-list-sweepers {
346 display: flex;
347 gap: 1em;
348 flex-wrap: wrap;
349 }
350 #sweeppress-form-quick .sweeppress-quick-list-sweepers .sweeppress-item-wrapper {
351 flex: 1 0 calc((100% - 1em) / 2);
352 min-width: 400px;
353 }
354 @media screen and (width <= 640px) {
355 #sweeppress-form-quick .sweeppress-quick-list-sweepers .sweeppress-item-wrapper {
356 min-width: 100%;
357 }
358 }
359
360 .sweeppress-backups-wrapper {
361 display: flex;
362 gap: 2em;
363 flex-wrap: nowrap;
364 align-items: flex-start !important;
365 }
366 .sweeppress-backups-wrapper .sweeppress-data-block {
367 flex: 0 0 40%;
368 }
369 .sweeppress-backups-wrapper .sweeppress-data-block h4 {
370 border-bottom: 1px solid #DDD;
371 }
372 .sweeppress-backups-wrapper .sweeppress-info-block {
373 flex: 1 1 60%;
374 }
375 .sweeppress-backups-wrapper .sweeppress-info-block p:first-child {
376 margin-top: 0;
377 }
378 .sweeppress-backups-wrapper .sweeppress-info-block p:last-child {
379 margin-bottom: 0;
380 }
381
382 .d4p-badge-pro {
383 padding: 1px 8px 2px !important;
384 background: #F00 !important;
385 font-weight: 700 !important;
386 }
387
388 .sweeppress-dashboard-quick-tools {
389 position: relative;
390 flex-wrap: wrap;
391 justify-content: center;
392 display: flex;
393 gap: 20px;
394 margin: 20px !important;
395 }
396 .sweeppress-dashboard-quick-tools .sweeppress-dashboard-quick-tool {
397 position: relative;
398 overflow: hidden;
399 }
400 .sweeppress-dashboard-quick-tools .sweeppress-dashboard-quick-tool ._banner {
401 position: absolute;
402 top: 0.2em;
403 right: -2.7em;
404 background: var(--d4p-color-layout-accent);
405 padding: 0.3em 2.7em;
406 transform: rotate(45deg);
407 font-size: 0.8em;
408 font-weight: 700;
409 color: #FFF;
410 letter-spacing: 2px;
411 }
412 .sweeppress-dashboard-quick-tools .sweeppress-dashboard-quick-tool a {
413 width: 180px;
414 display: flex;
415 flex-direction: column;
416 align-items: center;
417 gap: 15px;
418 text-decoration: none;
419 padding: 20px;
420 font-size: 1.1em;
421 font-weight: 600;
422 color: var(--d4p-color-layout-accent);
423 border: 1px solid var(--d4p-color-layout-accent);
424 border-radius: 5px;
425 }
426 .sweeppress-dashboard-quick-tools .sweeppress-dashboard-quick-tool a i {
427 font-size: 3.2em;
428 line-height: 1;
429 }
430 .sweeppress-dashboard-quick-tools .sweeppress-dashboard-quick-tool a:hover span {
431 text-decoration: underline;
432 }
433
434 .sweeper-category-label {
435 border-radius: 5px;
436 padding: 0.5em;
437 font-size: 1.3em;
438 background: #808080;
439 max-width: 1000px;
440 color: #FFF;
441 margin: 0 0 1em;
442 }
443 .sweeper-category-label.empty-sweeper-category {
444 display: none;
445 }
446 .sweeper-category-label.empty-sweeper-category.show-empty-sweeper-category {
447 display: block;
448 }
449
450 .d4p-sweeper-content .sweeppress-sweepers-controls {
451 margin: 0 0 1.25em;
452 padding: 1em 1.5em;
453 background: #FFF;
454 border-radius: 5px;
455 font-size: 1.1em;
456 }
457 .d4p-sweeper-content .sweeppress-sweepers-controls .toggle-empty-tasks {
458 border: 0;
459 background: none;
460 border-radius: 0;
461 padding: 0;
462 margin: 0 0 0 1em;
463 font-size: 1.2em;
464 cursor: pointer;
465 }
466 .d4p-sweeper-content .sweeppress-sweepers-controls .toggle-empty-tasks[aria-expanded=true] i {
467 color: var(--d4p-color-sidebar-icon-text);
468 }
469 .d4p-sweeper-content .sweeppress-sweepers-controls,
470 .d4p-sweeper-content .sweeppress-notice-group {
471 max-width: 1000px;
472 }
473 .d4p-sweeper-content .sweeppress-item-wrapper {
474 font-size: 1.1em;
475 max-width: 1000px;
476 }
477 .d4p-sweeper-content .sweeppress-item-wrapper.empty-sweeper {
478 display: none;
479 }
480 .d4p-sweeper-content .sweeppress-item-wrapper.show-empty-sweeper {
481 display: block;
482 }
483 .d4p-sweeper-content .sweeppress-item-wrapper h5 button {
484 border: 0;
485 border-radius: 0;
486 padding: 0;
487 margin: 0 0 0 1em;
488 cursor: pointer;
489 }
490 .d4p-sweeper-content .sweeppress-item-wrapper h5 button i {
491 font-size: 1.2em;
492 }
493 .d4p-sweeper-content .sweeppress-item-wrapper h5 button[aria-expanded=true] i {
494 color: var(--d4p-color-sidebar-icon-text);
495 }
496 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span {
497 margin: 0 0 0 1em;
498 cursor: pointer;
499 }
500 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span i {
501 font-size: 1.2em;
502 }
503 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span.flat-system i {
504 color: #A00;
505 line-height: 1;
506 }
507 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit,
508 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables,
509 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-days-notice,
510 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help {
511 background: #F8F8F8;
512 border-top: 1px solid #DDD;
513 padding: 1em;
514 line-height: 1.6;
515 }
516 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit p,
517 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables p,
518 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-days-notice p,
519 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help p {
520 margin: 0 0 1em;
521 font-size: 1em;
522 font-weight: 700;
523 }
524 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit ul,
525 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables ul,
526 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-days-notice ul,
527 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help ul {
528 margin: 0;
529 font-size: 0.95em;
530 font-weight: 400;
531 list-style: inside disc;
532 line-height: 1.7;
533 }
534 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit ul li,
535 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables ul li,
536 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-days-notice ul li,
537 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help ul li {
538 margin: 0;
539 }
540 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help .sweeppress-item-help-tables,
541 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help .sweeppress-item-last-used {
542 margin: 0.75em 0 0;
543 }
544 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit {
545 color: #D00;
546 }
547 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside {
548 background: #FFF;
549 padding: 0.5em 1em 1em;
550 line-height: 1.7;
551 }
552 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-run-loader {
553 display: none;
554 margin: 0.5em 0 0;
555 }
556 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-run {
557 margin: 0.5em 0 0;
558 padding: 0.5em 1em;
559 }
560 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task {
561 border-bottom: 1px dashed #DDD;
562 padding: 4px 0;
563 }
564 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.empty-task {
565 display: none;
566 }
567 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.task-is-missing span {
568 text-decoration: line-through;
569 }
570 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task .d4p-ui-warning {
571 vertical-align: baseline;
572 font-size: 0.9em;
573 color: #700;
574 }
575 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-total .sweeppress-affected-percentage {
576 float: right;
577 cursor: help;
578 font-size: 13px;
579 padding: 0 6px 1px;
580 border-radius: 3px;
581 background: #DDD;
582 display: inline-block;
583 line-height: 1.8;
584 }
585 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-total p {
586 margin: 1em 0 0;
587 }
588 .d4p-sweeper-content .sweeppress-item-wrapper.show-empty-tasks .sweeppress-item-inside .sweeppress-item-task.empty-task {
589 display: block;
590 }
591
592 .d4p-panel-sweep .sweeppress-sweeper-counters dl dd strong {
593 font-weight: 400;
594 }
595
596 .d4p-panel-options .sweeppress-table-options tr th.column-option_id, .d4p-panel-options .sweeppress-table-options tr th.column-option_size, .d4p-panel-options .sweeppress-table-options tr th.column-autoload {
597 width: 100px;
598 }
599 .d4p-panel-options .sweeppress-table-options tr th.column-status {
600 width: 240px;
601 }
602 .d4p-panel-options .sweeppress-table-options tr th.column-source {
603 width: 15%;
604 }
605 .d4p-panel-options .sweeppress-table-options tr td.column-status div {
606 display: flex;
607 gap: 6px;
608 flex-wrap: wrap;
609 }
610 .d4p-panel-options .sweeppress-table-options tr td.column-source ul {
611 list-style: disc outside;
612 margin: 0 0 0 1.5em;
613 }
614 .d4p-panel-options .sweeppress-table-options tr td.column-source ul li {
615 margin: 0;
616 }
617 .d4p-panel-options .sweeppress-table-options tr td.column-option_value .kint-rich {
618 margin: 0;
619 }
620
621 .d4p-panel-sweepers .tablenav.top {
622 display: none;
623 }
624 .d4p-panel-sweepers .sweeppress-table-sweepers {
625 margin: 0;
626 }
627 .d4p-panel-sweepers .sweeppress-table-sweepers .flat-system {
628 float: right;
629 color: #A00;
630 font-size: 1.1em;
631 }
632 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto,
633 .d4p-panel-sweepers .sweeppress-table-sweepers .column-backup,
634 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick,
635 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor,
636 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron {
637 width: 11%;
638 }
639 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon,
640 .d4p-panel-sweepers .sweeppress-table-sweepers .column-backup .d4p-icon,
641 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon,
642 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon,
643 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon {
644 font-size: 1.2em;
645 }
646 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon.d4p-ui-box,
647 .d4p-panel-sweepers .sweeppress-table-sweepers .column-backup .d4p-icon.d4p-ui-box,
648 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon.d4p-ui-box,
649 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon.d4p-ui-box,
650 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon.d4p-ui-box {
651 color: #F00;
652 }
653 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon.d4p-ui-check-square,
654 .d4p-panel-sweepers .sweeppress-table-sweepers .column-backup .d4p-icon.d4p-ui-check-square,
655 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon.d4p-ui-check-square,
656 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon.d4p-ui-check-square,
657 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon.d4p-ui-check-square {
658 color: #008000;
659 }
660 .d4p-panel-sweepers .sweeppress-table-sweepers .column-category,
661 .d4p-panel-sweepers .sweeppress-table-sweepers .column-backup,
662 .d4p-panel-sweepers .sweeppress-table-sweepers .column-scope {
663 width: 8%;
664 }
665 .d4p-panel-sweepers .sweeppress-table-sweepers tbody .column-id {
666 font-family: monospace;
667 }
668 .d4p-panel-sweepers .sweeppress-table-sweepers tbody .column-sweeper {
669 font-weight: 700;
670 }
671
672 .sweeppress-statistics-sweeper {
673 display: flex;
674 gap: 1.5em;
675 flex-wrap: wrap;
676 }
677 .sweeppress-statistics-sweeper .sweeppress-statistics-box {
678 flex: 0 0 calc(50% - 0.75em);
679 }
680 .sweeppress-statistics-sweeper .sweeppress-statistics-box h5 {
681 margin: 0 0 0.5em;
682 padding: 0.25em 0.75em;
683 font-size: 1.1em;
684 border-radius: 4px;
685 background: #EEE;
686 }
687 .sweeppress-statistics-sweeper .sweeppress-statistics-box img {
688 width: 100%;
689 height: auto;
690 display: block;
691 margin: 1em 0 0;
692 border: 1px solid var(--d4p-color-main-border);
693 }
694 .sweeppress-statistics-sweeper .sweeppress-statistics-box dl {
695 margin: 0 0 1em !important;
696 padding: 0 0 0 1em;
697 }
698 .sweeppress-statistics-sweeper .sweeppress-statistics-box dl:last-child {
699 margin: 0 !important;
700 }
701 .sweeppress-statistics-sweeper .sweeppress-statistics-box dl dt {
702 font-weight: 500;
703 }
704 @media screen and (width <= 767px) {
705 .sweeppress-statistics-sweeper .sweeppress-statistics-box {
706 flex: 100%;
707 }
708 }
709