PluginProbe
WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance / 3.7.0
WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance v3.7.0
4.7.0 4.6.1 4.6.0 4.5.5 4.5.4 4.5.3 4.5.2 3.2.20 3.2.21 3.2.22 3.2.3 3.2.5 3.2.6 3.2.7 3.2.9 3.3.0 3.3.1 3.3.2 3.4.0 3.4.1 3.4.2 3.5.0 3.6.0 3.7.0 3.7.1 All 111 releases
wp-optimize / css / admin.css

admin.css in WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance 3.7.0, at css/admin.css

683 lines 11.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @keyframes wpo_blink {
2 from {
3 opacity: 1;
4 transform: scale(1);
5 }
6 to {
7 opacity: 0.6;
8 transform: scale(0.85);
9 }
10 }
11 .wpo_hidden {
12 display: none !important;
13 }
14
15 .wpo_info {
16 background: #FFF;
17 color: #444;
18 font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
19 margin: 2em auto;
20 padding: 1em 2em;
21 max-width: 700px;
22 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
23 }
24
25 #wp-optimize-wrap .widefat thead th, #wp-optimize-wrap .widefat thead td {
26 border-bottom: 1px solid #E1E1E1;
27 }
28
29 #wp-optimize-wrap .widefat td, #wp-optimize-wrap .widefat th {
30 padding: 8px 10px;
31 }
32
33 /* big button */
34 .wpo_primary_big {
35 padding: 4px 6px !important;
36 font-size: 22px !important;
37 min-height: 34px;
38 min-width: 200px;
39 }
40
41 /* SECTIONS */
42 .wpo_section {
43 clear: both;
44 padding: 0;
45 margin: 0;
46 }
47
48 .wp-optimize-settings {
49 margin-bottom: 16px;
50 }
51
52 .wp-optimize-settings td > label {
53 font-weight: bold;
54 display: block;
55 margin-bottom: 8px;
56 }
57
58 /* COLUMN SETUP */
59 .wpo_col {
60 display: block;
61 float: left;
62 margin: 1% 0 1% 1%;
63 }
64
65 .wpo_col:first-child {
66 margin-left: 0;
67 }
68
69 /* GROUPING */
70 .wpo_group:before,
71 .wpo_group:after {
72 content: "";
73 display: table;
74 }
75
76 .wpo_group:after {
77 clear: both;
78 }
79
80 .wpo_half_width {
81 width: 48%;
82 }
83
84 /* GRID OF THREE */
85 .wpo_span_3_of_3 {
86 width: 100%;
87 }
88
89 .wpo_span_2_of_3 {
90 width: 65.3%;
91 }
92
93 .wpo_span_1_of_3 {
94 width: 32.1%;
95 }
96
97 #wp-optimize-wrap .nav-tab-wrapper {
98 margin: 0;
99 }
100
101 @media screen and (min-width: 549px) {
102 .show_on_default_sizes {
103 display: block !important;
104 }
105 .show_on_mobile_sizes {
106 display: none !important;
107 }
108 }
109 @media screen and (max-width: 548px) {
110 .show_on_default_sizes {
111 display: none !important;
112 }
113 .show_on_mobile_sizes {
114 display: block !important;
115 }
116 }
117 @media screen and (max-width: 768px) {
118 .wpo_col {
119 margin: 1% 0;
120 }
121 .wpo_span_3_of_3 {
122 width: 100%;
123 }
124 .wpo_span_2_of_3 {
125 width: 100%;
126 }
127 .wpo_span_1_of_3 {
128 width: 100%;
129 }
130 .wpo_half_width {
131 width: 100%;
132 }
133 }
134 /* .wp-optimize-settings-clean-transient label, .wp-optimize-settings-clean-pingbacks label, .wp-optimize-settings-clean-trackbacks label, .wp-optimize-settings-clean-postmeta label, .wp-optimize-settings-clean-orphandata label, .wp-optimize-settings-clean-commentmeta label */
135 /* Optimizations tab */
136 .wp-optimize-setting-is-sensitive td > label::before {
137 content: "\f534";
138 font-family: "dashicons";
139 display: inline-block;
140 margin-right: 6px;
141 font-style: normal;
142 line-height: 1;
143 vertical-align: middle;
144 width: 20px;
145 font-size: 18px;
146 height: 20px;
147 text-align: center;
148 color: #72777C;
149 }
150
151 .wpo-run-optimizations__container {
152 margin-bottom: 15px;
153 }
154
155 .wp-optimize-optimizations-table-placeholder {
156 min-height: 80px;
157 }
158
159 td.wp-optimize-settings-optimization-checkbox {
160 width: 18px;
161 padding-left: 4px;
162 padding-right: 0px;
163 }
164
165 .wp-optimize-settings-optimization-checkbox input {
166 margin: 0px;
167 padding: 0px;
168 }
169
170 #retention-period, #revisions-count, #revisions-retention-count {
171 width: 60px;
172 }
173
174 .wp-optimize-settings-optimization-info {
175 font-size: 80%;
176 font-style: italic;
177 }
178
179 .wp-optimize-settings input[type=checkbox] {
180 /* width: 18px; */
181 }
182
183 /* Added for the Image on Addons tab*/
184 img.addons {
185 display: block;
186 margin-left: auto;
187 margin-right: auto;
188 margin-bottom: 20px;
189 max-height: 44px;
190 height: auto;
191 max-width: 100%;
192 }
193
194 .wpo_spinner {
195 width: 18px;
196 height: 18px;
197 padding-left: 10px;
198 display: none;
199 position: relative;
200 top: 4px;
201 }
202
203 .optimization_spinner {
204 width: 20px;
205 height: 20px;
206 }
207
208 #wp-optimize-auto-options {
209 margin: 20px 0 0 28px;
210 }
211
212 .display-none {
213 display: none;
214 }
215
216 .visibility-hidden {
217 visibility: hidden;
218 }
219
220 .margin-one-percent {
221 margin: 1%;
222 }
223
224 #save_done, .save-done {
225 color: #D94F00;
226 font-size: 220% !important;
227 }
228
229 .wp-optimize-settings-optimization-info a {
230 text-decoration: underline;
231 }
232
233 .wp-optimize-settings-optimization-run-spinner {
234 position: relative;
235 top: 2px;
236 }
237
238 @media screen and (min-width: 782px) {
239 td.wp-optimize-settings-optimization-run {
240 width: 180px;
241 padding-top: 16px;
242 }
243 }
244 #wpoptimize_table_list .tablesorter-filter-row {
245 display: none !important;
246 }
247
248 #wpoptimize_table_list .optimization_spinner {
249 position: relative;
250 top: 2px;
251 left: 5px;
252 }
253
254 #wpoptimize_table_list .optimization_spinner.visibility-hidden {
255 display: none;
256 }
257
258 #wpoptimize_table_list_filter {
259 width: 100%;
260 margin-bottom: 15px;
261 }
262
263 #wpoptimize_table_list_tables_not_found {
264 display: none;
265 margin: 20px 0;
266 }
267
268 div#wpoptimize_table_list_tables_not_found + h3 {
269 margin-top: 30px;
270 }
271
272 /* Hide First column */
273 #wpoptimize_table_list tr th:first-child,
274 #wpoptimize_table_list tr td:first-child {
275 display: none;
276 }
277
278 #wpoptimize_table_list tr td.no-table {
279 display: table-cell !important;
280 background: #FB8787;
281 font-weight: bold;
282 }
283
284 #optimize_form .select2-container,
285 #wp-optimize-auto-options .select2-container {
286 width: 50% !important;
287 top: -5px;
288 height: 40px;
289 margin-left: 10px;
290 }
291
292 #wpoptimize_table_list .optimization_done_icon {
293 color: #009B24;
294 font-size: 200%;
295 display: inline-block;
296 position: relative;
297 }
298
299 #wpo_sitelist_show_moreoptions_cron {
300 font-size: 13px;
301 line-height: 1.5;
302 letter-spacing: 1px;
303 }
304
305 #wp-optimize-nav-tab-contents-images .wpo_span_2_of_3 h3 {
306 display: inline-block;
307 }
308
309 .wpo_remove_selected_sizes_btn__container {
310 margin-top: 20px;
311 }
312
313 .unused-image-sizes__label {
314 display: block;
315 line-height: 1.6;
316 }
317
318 @media (max-width: 782px) {
319 .unused-image-sizes__label {
320 margin-left: 30px;
321 margin-bottom: 15px;
322 line-height: 1;
323 word-break: break-word;
324 }
325 .unused-image-sizes__label input[type=checkbox] {
326 margin-left: -30px;
327 }
328 body.rtl .unused-image-sizes__label {
329 margin-right: 30px;
330 margin-left: 0;
331 }
332 body.rtl .unused-image-sizes__label input[type=checkbox] {
333 margin-left: 4px;
334 margin-right: -30px;
335 }
336 }
337 #wp-optimize-nav-tab-contents-tables a {
338 vertical-align: middle;
339 }
340
341 #wpo_sitelist_moreoptions,
342 #wpo_sitelist_moreoptions_cron {
343 margin: 4px 16px 6px 0;
344 border: 1px dotted;
345 padding: 6px 10px;
346 max-height: 300px;
347 overflow-y: scroll;
348 overflow-x: hidden;
349 }
350
351 #wpo_sitelist_moreoptions {
352 max-height: 150px;
353 margin-right: 0;
354 }
355
356 #wpo_settings_sites_list li,
357 #wpo_settings_sites_list li a {
358 font-size: 13px;
359 line-height: 1.5;
360 }
361
362 #wpo_sitelist_moreoptions_cron li {
363 padding-left: 20px;
364 }
365
366 #wpo_import_error_message {
367 display: none;
368 color: #9B0000;
369 }
370
371 #wpo_import_success_message {
372 display: none;
373 color: #46B450;
374 }
375
376 #wp-optimize-logging-options {
377 margin-top: 10px;
378 background-color: #FFF;
379 border: 1px solid #CCC;
380 }
381
382 /* Logger settings*/
383 .wpo_logging_header {
384 font-weight: bold;
385 border-bottom: 1px solid #CCC;
386 padding: 12px 6px;
387 margin: 0;
388 }
389
390 .wpo_logging_row {
391 padding: 5px 0;
392 }
393
394 .wpo_logging_row:nth-child(even) {
395 background-color: #F9F9F9;
396 padding: 12px 0px;
397 }
398
399 .wpo_logging_logger_title,
400 .wpo_logging_options_title,
401 .wpo_logging_status_title,
402 .wpo_logging_actions_title,
403 .wpo_logging_logger_row,
404 .wpo_logging_options_row,
405 .wpo_logging_status_row,
406 .wpo_logging_actions_row {
407 display: inline-block;
408 vertical-align: middle;
409 }
410
411 .wpo_logging_logger_title,
412 .wpo_logging_logger_row {
413 width: 38%;
414 }
415
416 .wpo_logging_options_title,
417 .wpo_logging_options_row {
418 width: 44%;
419 }
420
421 .wpo_logging_status_title,
422 .wpo_logging_status_row {
423 width: 8%;
424 }
425
426 .wpo_logging_status_row.active {
427 color: #29AF29;
428 }
429
430 .wpo_logging_status_row.inactive {
431 color: #CDCFD3;
432 }
433
434 .wpo_logging_actions_title,
435 .wpo_logging_actions_row {
436 width: 7%;
437 }
438
439 .wpo_logging_actions_row {
440 text-align: left;
441 }
442
443 .wpo_logging_edit_row {
444 padding: 0px 6px;
445 display: none;
446 float: right;
447 }
448
449 .wpo_logging_edit_row .wpo_delete_logger {
450 margin-right: 5px;
451 }
452
453 .wpo_logging_options_row {
454 word-wrap: break-word;
455 }
456
457 .wpo_logging_actions_row .wpo_edit_logger {
458 color: #0085BA;
459 cursor: pointer;
460 text-decoration: underline;
461 }
462
463 .wpo_logging_actions_row .wpo_delete_logger {
464 color: #F00;
465 cursor: pointer;
466 text-decoration: underline;
467 }
468
469 .wpo_logging_row .wpo_additional_logger_options {
470 padding: 12px 6px;
471 }
472
473 .wpo_logging_row .wpo_additional_logger_options input.wpo_logger_addition_option {
474 margin-bottom: 10px;
475 }
476
477 .wpo_logging_actions_row .dashicons-no-alt,
478 .wpo_add_logger_form .dashicons-no-alt {
479 background-color: #F06666;
480 color: #FFF;
481 width: 20px;
482 height: 20px;
483 border-radius: 20px;
484 display: inline-block;
485 cursor: pointer;
486 margin-left: 5px;
487 }
488
489 .wpo_add_logger_form .dashicons-no-alt {
490 margin-top: 12px;
491 margin-right: 10px;
492 float: right;
493 }
494
495 .wpo_logger_type {
496 width: 90%;
497 margin-top: 10px;
498 }
499
500 .wpo_logger_addition_option {
501 width: 100%;
502 margin-top: 5px;
503 }
504
505 .wpo_alert_notice {
506 background-color: #F06666;
507 color: #FFF;
508 padding: 1em;
509 display: block;
510 margin-bottom: 10px;
511 border-radius: 5px;
512 }
513
514 .wpo_error_field {
515 border-color: #F06666 !important;
516 }
517
518 .save_settings_reminder {
519 display: none;
520 color: #333;
521 padding: 15px 20px;
522 background-color: #F0A5A4;
523 border-radius: 3px;
524 margin: 15px 0;
525 }
526
527 #wpo_remove_selected_sizes {
528 margin-top: 20px;
529 }
530
531 .wpo_unused_images_buttons_wrap {
532 float: right;
533 margin-right: 20px;
534 }
535
536 .wpo_unused_images_container h3 {
537 min-width: 150px;
538 }
539
540 #wpo_unused_images, #wpo_smush_images_grid {
541 max-height: 500px;
542 overflow-y: auto;
543 }
544
545 #wpo_unused_images a {
546 outline: none;
547 }
548
549 #wp-optimize-nav-tab-wpo_database-tables-contents .wpo-take-a-backup {
550 margin-left: 1%;
551 }
552
553 .run-single-table-delete {
554 margin-top: 3px;
555 }
556
557 .wpo-confirm h4 span.table-name {
558 font-style: italic;
559 display: inline-block;
560 background: #EFEFEF;
561 padding: 3px 7px;
562 border-radius: 4px;
563 }
564
565 #wpo_browser_cache_output,
566 #wpo_gzip_compression_output,
567 #wpo_advanced_cache_output {
568 background: #F0F0F0;
569 padding: 10px;
570 border: 1px solid #CCC;
571 white-space: pre-wrap;
572 }
573
574 #wpo_gzip_compression_error_message,
575 .wpo-error {
576 color: #9B0000;
577 }
578
579 .notice.wpo-error__enabling-cache {
580 white-space: pre-wrap;
581 margin-bottom: 15px;
582 }
583
584 .notice.wpo-warnings__enabling-cache {
585 margin-bottom: 15px;
586 }
587
588 .notice.wpo-warnings__enabling-cache ul, .notice.wpo-warnings__enabling-cache ul li {
589 list-style: inside disc;
590 }
591
592 a.loading.wpo-refresh-gzip-status {
593 color: rgba(68, 68, 68, 0.5);
594 text-decoration: none;
595 }
596
597 a.loading.wpo-refresh-gzip-status img.wpo_spinner.display-none {
598 display: inline-block;
599 }
600
601 #wpo_browser_cache_expire_days,
602 #wpo_browser_cache_expire_hours {
603 width: 50px;
604 }
605
606 .wpo-enabled .wpo-disabled {
607 display: none;
608 }
609
610 .wpo-disabled .wpo-enabled {
611 display: none;
612 }
613
614 .wpo-button-wrap {
615 margin-top: 10px;
616 }
617
618 #wpo-save-options-response {
619 margin-top: 10px;
620 color: #009B24;
621 }
622
623 #wpo-table-analysis-reload {
624 float: right;
625 }
626
627 #wpo-table-analysis-reload span {
628 vertical-align: middle;
629 }
630
631 #wpo-wipe-table-usage-data {
632 margin-top: 15px;
633 }
634
635 #wp-optimize-database-table-analysis {
636 font-size: 13px;
637 }
638
639 #wpo-db-analysis-table-search {
640 position: relative;
641 top: 1px;
642 height: 27px;
643 }
644
645 #wp-optimize-database-table-analysis table th {
646 font-weight: bold;
647 }
648
649 hr.wpo-thin-bar {
650 height: 1px;
651 }
652
653 .wpo-disabled-section {
654 pointer-events: none;
655 opacity: 0.4;
656 }
657
658 .wp_optimize_blink_animation {
659 margin: 8px;
660 font-size: 120%;
661 }
662
663 .wp_optimize_blink_animation img {
664 animation-name: wpo_blink;
665 animation-duration: 1000ms;
666 animation-iteration-count: infinite;
667 animation-direction: alternate;
668 animation-timing-function: ease-out;
669 padding-bottom: 10px;
670 }
671
672 .wp_optimize_blink_animation-message_text--small {
673 font-size: 100%;
674 }
675
676 .wp_optimize_blink_animation-message_text--medium {
677 font-size: 120%;
678 line-height: normal;
679 }
680
681 .wp_optimize_blink_animation-message_text--large {
682 font-size: 140%;
683 }