PluginProbe
SweepPress: Website Cleanup and Optimization / 2.4
SweepPress: Website Cleanup and Optimization v2.4
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 2.4, at css/admin.css

478 lines 12.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 .sweeppress-item-wrapper {
3 border: 1px solid #DDD;
4 border-radius: 4px;
5 margin: 0 0 1em;
6 }
7 .sweeppress-item-wrapper h5 {
8 border-radius: 4px 4px 0 0;
9 margin: 0;
10 padding: 0.5em 0.75em;
11 font-size: 1.1em;
12 line-height: 1.5;
13 background: #F4F4F4;
14 }
15 .sweeppress-item-wrapper h5 input[type=checkbox] {
16 float: right;
17 margin: 1px 0 0 0;
18 width: 22px;
19 height: 22px;
20 }
21 .sweeppress-item-wrapper h5 input[type=checkbox]:before {
22 margin: -2px -3px;
23 height: 24px;
24 width: 24px;
25 }
26 .sweeppress-item-wrapper .sweeppress-item-inside {
27 border-radius: 0 0 4px 4px;
28 border-top: 1px solid #DDD;
29 padding: 0.5em 1em;
30 }
31 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task {
32 line-height: 2;
33 }
34 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task .d4p-ui-warning {
35 vertical-align: baseline;
36 font-size: 0.9em;
37 color: #700;
38 }
39 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.task-is-missing span {
40 text-decoration: line-through;
41 }
42 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task input {
43 float: right;
44 margin: 6px 0 0;
45 width: 18px;
46 height: 18px;
47 }
48 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task input:before {
49 margin: -1px -2px;
50 height: 20px;
51 width: 20px;
52 }
53 .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.empty-task {
54 opacity: 0.7;
55 }
56
57 .sweeppress-item-task-stats > span:not(:last-child):after {
58 content: " · ";
59 }
60
61 .sweeppress-results-loader {
62 font-size: 1.2em;
63 }
64
65 .sweeppress-inner-content p:first-of-type {
66 margin-top: 0;
67 }
68 .sweeppress-inner-content p:last-of-type {
69 margin-bottom: 0;
70 }
71
72 .sweeppress-dialog-hide-x .ui-dialog-titlebar button {
73 display: none;
74 }
75
76 .sweeppress-cleanup-results h5 {
77 border-bottom: 1px solid #888;
78 padding: 0 0 0.25em 0;
79 margin: 0 0 0.5em 0;
80 font-size: 1.4em;
81 }
82 .sweeppress-cleanup-results h6 {
83 border-bottom: 1px dotted #888;
84 padding: 0 0 0.25em 0;
85 margin: 0 0 0.5em 0;
86 font-size: 1.2em;
87 }
88 .sweeppress-cleanup-results .sweeppress-with-errors {
89 color: #D00;
90 }
91
92 .sweeppress-notice-group.sweeppress-notice-backups {
93 border-color: #900;
94 }
95 .sweeppress-notice-group h3 {
96 color: #900;
97 border-bottom-color: #900;
98 background: #FFF1F1;
99 }
100 .sweeppress-notice-group h3 a {
101 float: right;
102 }
103
104 .sweeppress-about-counters {
105 font-size: 1.4em;
106 display: flex;
107 gap: 2em;
108 align-items: center;
109 justify-content: center;
110 border-top: 1px solid var(--d4p-color-layout-accent);
111 margin: 1em 0 0;
112 padding: 1em 0 0;
113 font-weight: 100;
114 }
115 .sweeppress-about-counters i {
116 font-size: 1.4em;
117 color: var(--d4p-color-layout-accent);
118 }
119 .sweeppress-about-counters strong {
120 font-size: 1.4em;
121 font-weight: 900;
122 color: var(--d4p-color-layout-accent);
123 }
124
125 .d4p-plugin-sweeppress dl {
126 margin: 0;
127 display: flex;
128 flex-wrap: wrap;
129 width: 100%;
130 line-height: 1.8;
131 }
132 .d4p-plugin-sweeppress dl dt {
133 font-weight: bold;
134 flex: 0 0 50%;
135 margin: 0;
136 text-align: left;
137 }
138 .d4p-plugin-sweeppress dl dd {
139 flex: 0 0 50%;
140 margin: 0;
141 text-align: right;
142 }
143
144 .sweeper-dashboard-overview > h3 input[type=checkbox] {
145 float: right;
146 margin: 1px 0 0 0;
147 width: 22px;
148 height: 22px;
149 display: none;
150 }
151 .sweeper-dashboard-overview > h3 input[type=checkbox]:before {
152 margin: -2px -3px;
153 height: 24px;
154 width: 24px;
155 }
156 .sweeper-dashboard-overview .sweeppress-quick-info {
157 background: #EEE;
158 padding: 0.5em 1em;
159 margin: 0 0 1em;
160 border-radius: 5px;
161 }
162
163 .sweeppress-sweeper-wrapper {
164 display: flex;
165 margin: 1em 0 0;
166 }
167 .sweeppress-sweeper-wrapper .sweeppress-sweeper-counters {
168 flex-grow: 1;
169 }
170
171 .sweeper-dashboard-database .d4p-group-inner .sweeppress-data-block dl {
172 margin: 0 0 2em;
173 line-height: 2;
174 }
175 .sweeper-dashboard-database .d4p-group-inner .sweeppress-data-block dl dd strong {
176 font-weight: normal;
177 }
178 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block {
179 display: flex;
180 flex-wrap: wrap;
181 gap: 2em;
182 }
183 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div {
184 flex: 0 0 calc(50% - 2em);
185 }
186 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div dl {
187 padding: 0;
188 margin: 0;
189 border-bottom: 0;
190 }
191 @media screen and (max-width: 767px) {
192 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block {
193 flex-direction: column;
194 }
195 .sweeper-dashboard-database.d4p-card-double .d4p-group-inner .sweeppress-data-block > div {
196 flex: 0 0 auto;
197 }
198 }
199
200 #sweeppress-information-auto {
201 display: flex;
202 flex-direction: column-reverse;
203 margin: 0 -1em;
204 }
205 #sweeppress-information-auto .sweeppress-info-block {
206 flex-grow: 1;
207 padding: 1em;
208 }
209 #sweeppress-information-auto .sweeppress-info-block p:first-child {
210 margin-top: 0;
211 }
212 #sweeppress-information-auto .sweeppress-info-block p:last-child {
213 margin-bottom: 0;
214 }
215 #sweeppress-information-auto .sweeppress-request-block {
216 flex-grow: 1;
217 padding: 0 1em;
218 }
219 #sweeppress-information-auto .sweeppress-request-block dl {
220 margin: 0 0 1em;
221 padding: 0 0 1em;
222 border-bottom: 1px dashed #DDD;
223 line-height: 2;
224 }
225 #sweeppress-information-auto .sweeppress-request-block dl dd strong {
226 font-weight: normal;
227 }
228 #sweeppress-information-auto .sweeppress-request-block button.button-primary {
229 width: 100%;
230 font-size: 1.4em;
231 line-height: 2.5;
232 text-transform: uppercase;
233 letter-spacing: 2px;
234 }
235 #sweeppress-information-auto .sweeppress-request-block button.button-secondary {
236 width: 100%;
237 margin: 0.5em 0 0;
238 font-size: 1.1em;
239 line-height: 2;
240 }
241 @media screen and (max-width: 1080px) {
242 #sweeppress-information-auto {
243 flex-direction: column;
244 gap: 2em;
245 }
246 #sweeppress-information-auto .sweeppress-info-block,
247 #sweeppress-information-auto .sweeppress-request-block {
248 flex-basis: 100%;
249 }
250 }
251
252 .sweeper-category-label {
253 border-radius: 5px;
254 padding: 0.5em;
255 font-size: 1.3em;
256 background: gray;
257 max-width: 1000px;
258 color: #FFF;
259 margin: 0 0 1em;
260 }
261 .sweeper-category-label.empty-sweeper-category {
262 display: none;
263 }
264 .sweeper-category-label.empty-sweeper-category.show-empty-sweeper-category {
265 display: block;
266 }
267
268 .d4p-sweeper-content .sweeppress-sweepers-controls {
269 margin: 0 0 1.25em;
270 padding: 1em 1.5em;
271 background: #FFF;
272 border-radius: 5px;
273 font-size: 1.1em;
274 }
275 .d4p-sweeper-content .sweeppress-sweepers-controls .toggle-empty-tasks {
276 border: 0;
277 background: none;
278 border-radius: 0;
279 padding: 0;
280 margin: 0 0 0 1em;
281 font-size: 1.2em;
282 cursor: pointer;
283 }
284 .d4p-sweeper-content .sweeppress-sweepers-controls .toggle-empty-tasks[aria-expanded=true] i {
285 color: var(--d4p-color-sidebar-icon-text);
286 }
287 .d4p-sweeper-content .sweeppress-sweepers-controls,
288 .d4p-sweeper-content .sweeppress-notice-group {
289 max-width: 1000px;
290 }
291 .d4p-sweeper-content .sweeppress-item-wrapper {
292 font-size: 1.1em;
293 max-width: 1000px;
294 }
295 .d4p-sweeper-content .sweeppress-item-wrapper.empty-sweeper {
296 display: none;
297 }
298 .d4p-sweeper-content .sweeppress-item-wrapper.show-empty-sweeper {
299 display: block;
300 }
301 .d4p-sweeper-content .sweeppress-item-wrapper h5 button {
302 border: 0;
303 border-radius: 0;
304 padding: 0;
305 margin: 0 0 0 1em;
306 cursor: pointer;
307 }
308 .d4p-sweeper-content .sweeppress-item-wrapper h5 button i {
309 font-size: 1.2em;
310 }
311 .d4p-sweeper-content .sweeppress-item-wrapper h5 button[aria-expanded=true] i {
312 color: var(--d4p-color-sidebar-icon-text);
313 }
314 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span {
315 margin: 0 0 0 1em;
316 cursor: pointer;
317 }
318 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span i {
319 font-size: 1.2em;
320 }
321 .d4p-sweeper-content .sweeppress-item-wrapper h5 > span.flat-system i {
322 color: #A00;
323 }
324 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit,
325 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables,
326 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help {
327 background: #F8F8F8;
328 border-top: 1px solid #DDD;
329 padding: 1em;
330 }
331 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit p,
332 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables p,
333 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help p {
334 margin: 0 0 1em;
335 font-size: 1em;
336 font-weight: bold;
337 }
338 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit ul,
339 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables ul,
340 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help ul {
341 margin: 0;
342 font-size: 0.95em;
343 font-weight: normal;
344 list-style: inside disc;
345 line-height: 1.7;
346 }
347 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit ul li,
348 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-tables ul li,
349 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help ul li {
350 margin: 0;
351 }
352 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help .sweeppress-item-help-tables,
353 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-help .sweeppress-item-last-used {
354 margin: 0.75em 0 0;
355 }
356 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-limit {
357 color: #D00;
358 }
359 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside {
360 background: #FFF;
361 padding: 0.5em 1em 1em;
362 line-height: 1.7em;
363 }
364 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-run-loader {
365 display: none;
366 margin: 0.5em 0 0;
367 }
368 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-run {
369 margin: 0.5em 0 0;
370 padding: 0.5em 1em;
371 }
372 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task {
373 border-bottom: 1px dashed #DDD;
374 padding: 4px 0;
375 }
376 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.empty-task {
377 display: none;
378 }
379 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task.task-is-missing span {
380 text-decoration: line-through;
381 }
382 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-task .d4p-ui-warning {
383 vertical-align: baseline;
384 font-size: 0.9em;
385 color: #700;
386 }
387 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-total .sweeppress-affected-percentage {
388 float: right;
389 cursor: help;
390 font-size: 13px;
391 padding: 0 6px 1px;
392 border-radius: 3px;
393 background: #DDD;
394 display: inline-block;
395 line-height: 1.8;
396 }
397 .d4p-sweeper-content .sweeppress-item-wrapper .sweeppress-item-inside .sweeppress-item-total p {
398 margin: 1em 0 0;
399 }
400 .d4p-sweeper-content .sweeppress-item-wrapper.show-empty-tasks .sweeppress-item-inside .sweeppress-item-task.empty-task {
401 display: block;
402 }
403
404 .d4p-panel-sweep .sweeppress-sweeper-counters {
405 margin: -1em;
406 }
407 .d4p-panel-sweep .sweeppress-sweeper-counters h5 {
408 background: var(--d4p-color-main-border);
409 color: #000;
410 margin: -2em -1em 1em;
411 padding: 0.5em;
412 font-size: 1em;
413 font-weight: bold;
414 }
415 .d4p-panel-sweep .sweeppress-sweeper-counters dl dd strong {
416 font-weight: normal;
417 }
418
419 .sweeppress-statistics-sweeper h5 {
420 margin: 0 0 0.5em;
421 padding: 0.25em 0.5em;
422 font-size: 1.3em;
423 border-radius: 4px;
424 background: #EEE;
425 }
426 .sweeppress-statistics-sweeper dl {
427 margin: 0 0 1em;
428 }
429 .sweeppress-statistics-sweeper dl:last-child {
430 margin: 0;
431 }
432
433 .d4p-panel-sweepers .tablenav.top {
434 display: none;
435 }
436 .d4p-panel-sweepers .sweeppress-table-sweepers {
437 margin: 0;
438 }
439 .d4p-panel-sweepers .sweeppress-table-sweepers .flat-system {
440 float: right;
441 color: #A00;
442 font-size: 1.1em;
443 }
444 .d4p-panel-sweepers .sweeppress-table-sweepers .column-category,
445 .d4p-panel-sweepers .sweeppress-table-sweepers .column-scope {
446 width: 8%;
447 }
448 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto,
449 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick,
450 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor,
451 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron {
452 width: 13%;
453 }
454 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon,
455 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon,
456 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon,
457 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon {
458 font-size: 1.2em;
459 }
460 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon.d4p-ui-box,
461 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon.d4p-ui-box,
462 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon.d4p-ui-box,
463 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon.d4p-ui-box {
464 color: red;
465 }
466 .d4p-panel-sweepers .sweeppress-table-sweepers .column-auto .d4p-icon.d4p-ui-check-square,
467 .d4p-panel-sweepers .sweeppress-table-sweepers .column-quick .d4p-icon.d4p-ui-check-square,
468 .d4p-panel-sweepers .sweeppress-table-sweepers .column-monitor .d4p-icon.d4p-ui-check-square,
469 .d4p-panel-sweepers .sweeppress-table-sweepers .column-cron .d4p-icon.d4p-ui-check-square {
470 color: green;
471 }
472 .d4p-panel-sweepers .sweeppress-table-sweepers tbody .column-id {
473 font-family: monospace;
474 }
475 .d4p-panel-sweepers .sweeppress-table-sweepers tbody .column-sweeper {
476 font-weight: bold;
477 }
478