PluginProbe
UpdraftPlus: WP Backup & Migration Plugin / 1.16.5
UpdraftPlus: WP Backup & Migration Plugin v1.16.5
1.26.7 1.26.6 1.26.5 1.26.4 1.26.3 1.9.19 1.9.25 1.9.26 1.9.30 1.9.31 1.9.32 1.9.4 1.9.40 1.9.41 1.9.42 1.9.43 1.9.44 1.9.45 1.9.46 1.9.5 1.9.50 1.9.51 1.9.60 1.9.62 1.9.63 All 371 releases
updraftplus / css / updraftplus-admin.css

updraftplus-admin.css in UpdraftPlus: WP Backup & Migration Plugin 1.16.5, at css/updraftplus-admin.css

3,267 lines 55.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @keyframes udp_blink {
2
3 from {
4 opacity: 1;
5 transform: scale(1);
6 }
7
8 to {
9 opacity: 0.4;
10 transform: scale(0.85);
11 }
12
13 }
14
15 /* Widths and sizing */
16 .max-width-600 {
17 max-width: 600px;
18 }
19
20 .width-900 {
21 max-width: 900px;
22 }
23
24 .width-80 {
25 width: 80%;
26 }
27
28 /* End widths and sizing */
29
30 /* Font styling */
31 .no-decoration {
32 text-decoration: none;
33 }
34
35 .bold {
36 font-weight: bold;
37 }
38
39 /* End font styling */
40 /* Alignment */
41 .center-align-td {
42 text-align: center;
43 }
44
45 /* End of Alignment */
46 /* Padding */
47 .remove-padding {
48 padding: 0 !important;
49 }
50
51 /* End of padding */
52
53 .updraft-text-center {
54 text-align: center;
55 }
56
57 .autobackup {
58 padding: 6px;
59 margin: 8px 0px;
60 }
61
62 ul .disc {
63 list-style: disc inside;
64 }
65
66 .dashicons-log-fix {
67 display: inherit;
68 }
69
70 .udpdraft__lifted {
71 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
72 }
73
74 #updraft-wrap a .dashicons {
75 text-decoration: none;
76 }
77
78 .updraft-field-description,
79 table.form-table td p.updraft-field-description {
80 font-size: 90%;
81 line-height: 1.2;
82 font-style: italic;
83 margin-bottom: 5px;
84 }
85
86 /* Input boxes */
87 label.updraft_checkbox {
88 display: block;
89 margin-bottom: 4px;
90 margin-left: 26px;
91 }
92
93 label.updraft_checkbox > input[type=checkbox] {
94 margin-left: -25px;
95 }
96
97 div[id*="updraft_include_"] {
98 margin-bottom: 9px;
99 }
100
101 /* Input boxes */
102 .settings_page_updraftplus input[type="file"] {
103 border: none;
104 }
105
106 .settings_page_updraftplus .wipe_settings {
107 padding-bottom: 10px;
108 }
109
110 .settings_page_updraftplus input[type="text"] {
111 font-size: 14px;
112 }
113
114 .settings_page_updraftplus select {
115 border-radius: 4px;
116 max-width: 100%;
117 }
118
119 input.updraft_input--wide,
120 textarea.updraft_input--wide {
121 max-width: 442px;
122 width: 100%;
123 }
124
125 #updraft-wrap .button-large {
126 font-size: 1.3em;
127 }
128
129 /* End input boxes */
130
131 /* Main Buttons */
132 .main-dashboard-buttons {
133 border-width: 4px;
134 border-radius: 12px;
135 letter-spacing: 0px;
136 font-size: 17px;
137 font-weight: bold;
138 padding-left: 0.7em;
139 padding-right: 2em;
140 padding: 0.3em 1em;
141 line-height: 1.7em;
142 background: transparent;
143 position: relative;
144 border: 2px solid;
145 transition: all 0.2s;
146 vertical-align: baseline;
147 box-sizing: border-box;
148 text-align: center;
149 line-height: 1.3em;
150 margin-left: .3em;
151 text-transform: none;
152 line-height: 1;
153 text-decoration: none;
154 }
155
156 .button-restore {
157 border-color: rgb(98, 158, 192);
158 color: rgb(98, 158, 192);
159 }
160
161 .dashboard-main-sizing {
162 border-width: 4px;
163 width: 190px;
164 line-height: 1.7em;
165 }
166
167 p.updraftplus-option {
168 margin-top: 0;
169 margin-bottom: 5px;
170 }
171
172 p.updraftplus-option-inline {
173 display: inline-block;
174 padding-right: 20px;
175 }
176
177 span.updraftplus-option-label {
178 display: block;
179 }
180
181 /*
182 * MIGRATE - CLONE
183 */
184
185 #updraft-navtab-migrate-content .postbox {
186 padding: 18px;
187 }
188
189 /* Clone Rows */
190
191 .updraftclone-main-row {
192 display: -ms-flexbox;
193 display: flex;
194 }
195
196 .updraftclone-tokens {
197 background: #F5F5F5;
198 padding: 20px;
199 border-radius: 10px;
200 margin-right: 20px;
201 max-width: 300px;
202 }
203
204 .updraftclone-tokens p {
205 margin: 0;
206 }
207
208 .updraftclone_action_box {
209 background: #F5F5F5;
210 padding: 20px;
211 border-radius: 10px;
212 -ms-flex: 1;
213 flex: 1;
214 }
215
216 .updraftclone_action_box p:first-child {
217 margin-top: 0;
218 }
219
220 .updraftclone_action_box p:last-child {
221 margin-bottom: 0;
222 }
223
224 span.tokens-number {
225 font-size: 46px;
226 display: block;
227 }
228
229 /* Clone header button */
230 .button.updraft_migrate_widget_temporary_clone_show_stage0 {
231 display: none;
232 position: absolute;
233 right: 0;
234 top: 0;
235 height: 100%;
236 border-left: 1px solid #CCC;
237 padding-left: 10px;
238 padding-right: 10px;
239 }
240
241 .updraft_migrate_widget_temporary_clone_stage0_container {
242 display: -ms-flexbox;
243 display: flex;
244 -ms-flex-direction: column;
245 flex-direction: column;
246 }
247
248 .updraft_migrate_widget_temporary_clone_stage0_box {
249 margin-right: 20px;
250 width: 100%;
251 -ms-flex-preferred-size: 100%;
252 flex-basis: 100%;
253 }
254
255 .updraft_migrate_widget_temporary_clone_stage0_box iframe,
256 .updraft_migrate_widget_temporary_clone_stage0_box a.udp-replace-with-iframe--js {
257 float: none;
258 }
259
260 @media (min-width: 1024px) {
261
262 .updraft_migrate_widget_temporary_clone_stage0_container {
263 -ms-flex-direction: row;
264 flex-direction: row;
265 -ms-flex-wrap: wrap;
266 flex-wrap: wrap;
267 }
268
269 .updraft_migrate_widget_temporary_clone_stage0_box {
270 -ms-flex-preferred-size: 45%;
271 flex-basis: 45%;
272 }
273
274 .updraft_migrate_widget_temporary_clone_stage0_box iframe,
275 .updraft_migrate_widget_temporary_clone_stage0_box a.udp-replace-with-iframe--js {
276 float: right;
277 }
278
279 }
280
281 .updraft_migrate_widget_temporary_clone_show_stage0 .dashicons {
282 text-decoration: none;
283 font-size: 20px;
284 }
285
286 .opened .button.updraft_migrate_widget_temporary_clone_show_stage0 {
287 display: inline-block;
288 }
289
290 .opened .updraft_migrate_widget_temporary_clone_stage0 {
291 background: #F5F5F5;
292 padding: 20px;
293 border-radius: 8px;
294 margin-bottom: 21px;
295 }
296
297 /* Clone list table */
298 .clone-list {
299 clear: both;
300 width: 100%;
301 margin-top: 40px;
302 }
303
304 .clone-list table {
305 width: 100%;
306 text-align: left;
307 }
308
309 .clone-list table tr th {
310 background: #E4E4E4;
311 }
312
313 .clone-list table tr td {
314 background: #F5F5F5;
315 word-break: break-word;
316 }
317
318 .clone-list table tr:nth-child(odd) td {
319 background: #FAFAFA;
320 }
321
322 .clone-list table td,
323 .clone-list table th {
324 padding: 6px;
325 }
326
327 /* Clone Progress */
328 .updraftplus-clone .updraft_row {
329 padding-left: 0;
330 padding-right: 0;
331 }
332
333 button#updraft_migrate_createclone + .updraftplus_spinner {
334 margin-top: 13px;
335 }
336
337 /* Clone - Show step 1 info button */
338 .button.button-hero.updraftclone_show_step_1 {
339 white-space: normal;
340 height: auto;
341 line-height: 14px;
342 padding-top: 10px;
343 padding-bottom: 10px;
344 }
345
346 .button.button-hero.updraftclone_show_step_1 span.dashicons {
347 height: auto;
348 }
349
350 .updraftplus_clone_status {
351 color: red;
352 }
353
354 /* MIGRATE */
355
356 a.updraft_migrate_add_site--trigger span.dashicons {
357 text-decoration: none;
358 }
359
360 .button-restore:hover, .button-migrate:hover, .button-backup:hover,
361 .button-view-log:hover, .button-mass-selectors:hover,
362 .button-delete:hover, .button-entity-backup:hover, .udp-button-primary:hover {
363 border-color: #DF6926;
364 color: #DF6926;
365 }
366
367 .button-migrate {
368 color: rgb(238, 169, 32);
369 border-color: rgb(238, 169, 32);
370 }
371
372 #updraft_migrate_tab_main {
373 padding: 8px;
374 }
375
376 .updraft_migrate_widget_module_content {
377 background: #FFF;
378 border-radius: 0;
379 position: relative;
380 }
381
382 body.js #updraft_migrate .updraft_migrate_widget_module_content {
383 display: none;
384 }
385
386 .updraft_migrate_widget_module_content > h3,
387 div[class*="updraft_migrate_widget_temporary_clone_stage"] > h3 {
388 margin-top: 0;
389 }
390
391 /* Migrate / Clone headers */
392 .updraft_migrate_widget_module_content header {
393 position: relative;
394 display: -ms-flexbox;
395 display: flex;
396 -ms-flex-line-pack: center;
397 align-content: center;
398 -ms-grid-column-align: center;
399 justify-items: center;
400 margin-top: -18px;
401 margin-left: -18px;
402 margin-right: -18px;
403 margin-bottom: 15px;
404 border-bottom: 1px solid #CCC;
405 }
406
407 .updraft_migrate_widget_module_content header h3,
408 .updraft_migrate_widget_module_content header button.button.close {
409 padding: 10px;
410 line-height: 20px;
411 height: auto;
412 margin: 0;
413 }
414
415 .updraft_migrate_widget_module_content button.button.close {
416 text-decoration: none;
417 padding-left: 5px;
418 border-right: 1px solid #CCC;
419 }
420
421 .updraft_migrate_widget_module_content button.button.close .dashicons {
422 margin-top: 1px;
423 }
424
425 .updraft_migrate_widget_module_content header h3 {
426 margin: 0;
427 }
428
429 .updraft_migrate_intro button.button.button-primary.button-hero {
430 max-width: 235px;
431 word-wrap: normal;
432 white-space: normal;
433 line-height: 1;
434 height: auto;
435 padding-top: 13px;
436 padding-bottom: 13px;
437 text-align: left;
438 position: relative;
439 margin-right: 10px;
440 margin-bottom: 10px;
441 }
442
443 .updraft_migrate_intro button.button.button-primary.button-hero .dashicons {
444 position: absolute;
445 left: 10px;
446 top: calc(50% - 8px);
447 }
448
449 /*
450 jquery UI Accordion module
451 */
452 #updraft_migrate .ui-widget-content a {
453 color: #1C94C4;
454 }
455
456 #updraft-wrap .ui-accordion .ui-accordion-header {
457 background: #F6F6F6;
458 margin: 0;
459 border-radius: 0;
460 padding-left: 0.5em;
461 padding-right: 0.7em;
462 }
463
464 #updraft-wrap .ui-widget {
465 font-family: inherit;
466 }
467
468 .ui-accordion-header .ui-accordion-header-icon.ui-icon-caret-1-w {
469 background-position: -96px 0px;
470 }
471
472 .ui-accordion-header .ui-accordion-header-icon.ui-icon-caret-1-s {
473 background-position: -64px 0;
474 }
475
476 #updraft-wrap .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
477 left: auto;
478 right: 5px;
479 }
480
481 #updraft-wrap .ui-accordion .ui-accordion-header:focus {
482 outline: none;
483 box-shadow: 0 0 0 1px rgba(91, 157, 217, 0.22), 0 0 2px 1px rgba(30, 140, 190, 0.3);
484 background: #FFF;
485 }
486
487 #updraft-wrap .ui-accordion .ui-accordion-header:focus .dashicons {
488 color: #0572AA;
489 opacity: 1;
490 }
491
492 #updraft-wrap .ui-accordion .ui-accordion-header.ui-state-active {
493 background: #F6F6F6;
494 border-bottom: 2px solid #0572AA;
495 box-shadow: 1px 6px 12px -5px rgba(0, 0, 0, 0.3);
496 }
497
498 #updraft-wrap .ui-accordion .ui-accordion-header.ui-state-active:focus {
499 box-shadow: 1px 6px 12px -5px rgba(0, 0, 0, 0.3), 0 0 0 1px #5B9DD9, 0 0 2px 1px rgba(30, 140, 190, .8);
500 }
501
502 #updraft-wrap .ui-accordion .ui-accordion-header:not(:first-child) {
503 border-top: none;
504 }
505
506 #updraft-wrap .ui-accordion .ui-accordion-header .dashicons {
507 opacity: 0.4;
508 margin-right: 10px;
509 }
510
511 #updraft-wrap .ui-accordion .ui-accordion-header:focus {
512 outline: none;
513 box-shadow: 0 0 0 1px #5B9DD9, 0 0 2px 1px rgba(30, 140, 190, .8);
514 z-index: 1;
515 }
516
517 .updraft_next_scheduled_backups_wrapper {
518 display: -ms-flexbox;
519 display: flex;
520 background: #FFF;
521 -ms-grid-column-align: center;
522 justify-items: center;
523 -ms-flex-wrap: wrap;
524 flex-wrap: wrap;
525 }
526
527 .updraft_next_scheduled_backups_wrapper > div {
528 width: 50%;
529 background: #FFF;
530 height: auto;
531 /* padding: 18px 33px; */
532 padding: 33px;
533 box-sizing: border-box;
534 }
535
536 .updraft_backup_btn_wrapper {
537 text-align: center;
538 border-left: 1px solid #F1F1F1;
539 -ms-flex-pack: center;
540 justify-content: center;
541 -ms-flex-align: center;
542 align-items: center;
543 }
544
545 .incremental-backups-only {
546 display: none;
547 }
548
549 .incremental-free-only {
550 display: none;
551 }
552
553 .incremental-free-only p {
554 padding: 5px;
555 background: rgba(255, 0, 0, 0.06);
556 border: 1px solid #BFBFBF;
557 }
558
559 #updraft-delete-waitwarning span.spinner {
560 visibility: visible;
561 float: none;
562 margin: 0;
563 margin-right: 10px;
564 }
565
566 button#updraft-backupnow-button .spinner,
567 button#updraft-backupnow-button .dashicons-yes {
568 display: none;
569 }
570
571 button#updraft-backupnow-button.loading .spinner {
572 display: inline-block;
573 visibility: visible;
574 margin-top: 13px;
575 margin-right: 0;
576 }
577
578 button#updraft-backupnow-button.loading {
579 background-color: #EFEFEF;
580 border-color: #CCC;
581 text-shadow: 0 -1px 1px #BBC3C7, 1px 0 1px #BBC3C7, 0 1px 1px #BBC3C7, -1px 0 1px #BBC3C7;
582 box-shadow: none;
583 }
584
585 button#updraft-backupnow-button.finished .dashicons-yes {
586 display: inline-block;
587 visibility: visible;
588 font-size: 42px;
589 margin-right: 0;
590 margin-top: 2px;
591 }
592
593 .updraft_next_scheduled_entity {
594 width: 50%;
595 display: inline-block;
596 float: left;
597 /*
598 padding: 20px 20px 10px 20px;
599 */
600 }
601
602 .updraft_next_scheduled_entity .dashicons {
603 color: #CCC;
604 font-size: 20px;
605 }
606
607 .updraft_next_scheduled_entity strong {
608 font-size: 20px;
609 }
610
611 .updraft_next_scheduled_heading {
612 margin-bottom: 10px;
613 }
614
615 .updraft_next_scheduled_date_time {
616 color: #46A84B;
617 }
618
619 .updraft_time_now_wrapper {
620 margin-top: 68px;
621 width: 100%;
622 }
623
624 .updraft_time_now_label, .updraft_time_now {
625 display: inline-block;
626 padding: 7px;
627 }
628
629 .updraft_time_now_label {
630 background: #B7B7B7;
631 border-top-left-radius: 4px;
632 border-bottom-left-radius: 4px;
633 color: #FFF;
634 margin-right: 0;
635 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
636 }
637
638 .updraft_time_now {
639 background: #F1F1F1;
640 border-top-right-radius: 4px;
641 border-bottom-right-radius: 4px;
642 margin-left: -3px;
643 }
644
645 #updraft_lastlogmessagerow {
646 margin: 6px 0;
647 }
648
649 #updraft_lastlogmessagerow {
650 clear: both;
651 padding: 0.25px 0;
652 }
653
654 #updraft_lastlogmessagerow .updraft-log-link {
655 float: right;
656 margin-top: -2.5em;
657 margin-right: 2px;
658 }
659
660 #updraft_lastlogmessagerow > div {
661 clear: both;
662 background: #FFF;
663 padding: 18px;
664 }
665
666 #updraft_activejobs_table {
667 overflow: hidden;
668 width: 100%;
669 background: #FAFAFA;
670 padding: 0;
671 }
672
673 .updraft_requeststart {
674 padding: 15px 33px;
675 text-align: center;
676 }
677
678 .updraft_requeststart .spinner {
679 visibility: visible;
680 float: none;
681 vertical-align: middle;
682 margin-top: -2px;
683 }
684
685 a.updraft_jobinfo_delete.disabled {
686 opacity: 0.4;
687 color: inherit;
688 text-decoration: none;
689 }
690
691 .updraft_row {
692 clear: both;
693 transition: 0.3s all;
694 padding: 15px 33px;
695 }
696
697 .updraft_row.deleting {
698 opacity: 0.4;
699 }
700
701 .updraft_progress_container {
702 /* width: 83%; */
703 }
704
705 .updraft_existing_backups_count {
706 padding: 2px 8px;
707 font-size: 12px;
708 background: #CA4A1E;
709 color: #FFF;
710 font-weight: bold;
711 border-radius: 10px;
712 }
713
714 .form-table .existing-backups-table input[type="checkbox"] {
715 border-radius: 0;
716 }
717
718 .form-table .existing-backups-table .check-column {
719 width: 40px;
720 padding: 0;
721 padding-top: 8px;
722 }
723
724 .existing-backups-buttons {
725 font-size: 11px;
726 line-height: 1.4em;
727 border-width: 3px;
728 }
729
730 .existing-backups-restore-buttons {
731 font-size: 11px;
732 line-height: 1.4em;
733 border-width: 3px;
734 }
735
736 .button-delete {
737 color: #E23900;
738 border-color: #E23900;
739 font-size: 14px;
740 line-height: 1.4em;
741 border-width: 2px;
742 margin-right: 10px;
743 }
744
745 .button-view-log, .button-mass-selectors {
746 color: darkgrey;
747 border-color: darkgrey;
748 font-size: 14px;
749 line-height: 1.4em;
750 border-width: 2px;
751 margin-top: -1px;
752 }
753
754 .button-view-log {
755 width: 120px;
756 }
757
758 .button-existing-restore {
759 font-size: 14px;
760 line-height: 1.4em;
761 border-width: 2px;
762 width: 110px;
763 }
764
765 .main-restore {
766 margin-right: 3%;
767 margin-left: 3%;
768 }
769
770 .button-entity-backup {
771 color: #555;
772 border-color: #555;
773 font-size: 11px;
774 line-height: 1.4em;
775 border-width: 2px;
776 margin-right: 5px;
777 }
778
779 .button-select-all {
780 width: 122px;
781 }
782
783 .button-deselect {
784 width: 92px;
785 }
786
787 #ud_massactions > .display-flex > .mass-selectors-margins, #updraft-delete-waitwarning > .display-flex > .mass-selectors-margins {
788 margin-right: -4px;
789 }
790
791 .udp-button-primary {
792 border-width: 4px;
793 color: #0073AA;
794 border-color: #0073AA;
795 font-size: 14px;
796 height: 40px;
797 }
798
799 #ud_massactions .button-delete {
800 margin-right: 0px;
801 }
802
803 .stored_local {
804 border-radius: 5px;
805 background-color: #007FE7;
806 padding: 3px 5px 5px 5px;
807 color: #FFF;
808 font-size: 75%;
809 }
810
811 span#updraft_lastlogcontainer {
812 word-break: break-all;
813 }
814
815 .stored_icon {
816 height: 1.3em;
817 position: relative;
818 top: 0.2em;
819 }
820
821 .backup_date_label > * {
822 vertical-align: middle;
823 }
824
825 .backup_date_label .dashicons {
826 font-size: 18px;
827 }
828
829 .backup_date_label .clear-right {
830 clear: right;
831 }
832
833 .existing-backups-table .backup_date_label > div, .existing-backups-table .backup_date_label span > div {
834 font-weight: bold;
835 }
836
837 /* End Main Buttons */
838
839 /* End of common elements */
840
841 .udp-logo-70 {
842 width: 70px;
843 height: 70px;
844 float: left;
845 padding-right: 25px;
846 }
847
848 h3 .thank-you {
849 margin-top: 0px;
850 }
851
852 .ws_advert {
853 max-width: 800px;
854 font-size: 140%;
855 line-height: 140%;
856 padding: 14px;
857 clear: left;
858 }
859
860 .dismiss-dash-notice {
861 float: right;
862 position: relative;
863 top: -20px;
864 }
865
866 .updraft_exclude_container,
867 .updraft_include_container {
868 margin-left: 24px;
869 margin-top: 5px;
870 margin-bottom: 10px;
871 padding: 15px;
872 border: 1px solid #DDD;
873 }
874
875 label.updraft-exclude-label {
876 font-weight: 500;
877 margin-bottom: 5px;
878 display: block;
879 }
880
881 .updraft_add_exclude_item,
882 #updraft_include_more_paths_another {
883 display: inline-block;
884 margin-top: 10px;
885 }
886
887 input.updraft_exclude_entity_field,
888 .form-table td input.updraft_exclude_entity_field,
889 .updraftplus-morefiles-row input[type=text] {
890 width: calc(100% - 70px);
891 max-width: 400px;
892 }
893
894 @media screen and (max-width: 782px) {
895
896 .form-table td input.updraft_exclude_entity_field,
897 .form-table td .updraftplus-morefiles-row input[type=text] {
898 display: inline-block;
899 }
900
901 }
902
903 .updraft_exclude_entity_delete.dashicons, .updraft_exclude_entity_edit.dashicons, .updraft_exclude_entity_update.dashicons, .updraftplus-morefiles-row a.dashicons {
904 margin-top: 2px;
905 font-size: 20px;
906 box-shadow: none;
907 line-height: 1;
908 padding: 3px;
909 margin-right: 4px;
910 }
911
912 .updraft_exclude_entity_delete,
913 .updraft_exclude_entity_delete:hover,
914 .updraftplus-morefiles-row-delete {
915 color: #FF6347;
916 }
917
918 .updraft_exclude_entity_update.dashicons, .updraft_exclude_entity_update.dashicons:hover {
919 color: #008000;
920 font-weight: bold;
921 font-size: 22px;
922 margin-left: 4px;
923 }
924
925 .updraft_exclude_entity_edit {
926 margin-left: 4px;
927 }
928
929 .updraft_exclude_entity_update.is-active ~ .updraft_exclude_entity_delete {
930 display: none;
931 }
932
933 .updraft-exclude-panel-heading {
934 margin-bottom: 8px;
935 }
936
937 .updraft-exclude-panel-heading h3 {
938 margin: 0.5em 0 0.5em 0;
939 }
940
941 .updraft-exclude-submit.button-primary {
942 margin-top: 5px;
943 }
944
945 .updraft_exclude_actions_list {
946 font-weight: bold;
947 }
948
949 .updraft-exclude-link {
950 cursor: pointer;
951 }
952
953 #updraft_include_more_options {
954 padding-left: 25px;
955 }
956
957 #updraft_report_cell .updraft_reportbox,
958 .updraft_small_box {
959 padding: 12px;
960 margin: 8px 0;
961 border: 1px solid #CCC;
962 position: relative;
963 }
964
965 #updraft_report_cell button.updraft_reportbox_delete,
966 .updraft_box_delete_button,
967 .updraft_small_box .updraft_box_delete_button {
968 padding: 4px;
969 padding-top: 6px;
970 border: none;
971 background: transparent;
972 position: absolute;
973 top: 4px;
974 right: 4px;
975 cursor: pointer;
976 }
977
978 #updraft_report_cell button.updraft_reportbox_delete:hover {
979 color: #DE3C3C;
980 }
981
982 a.updraft_report_another .dashicons {
983 text-decoration: none;
984 margin-top: 2px;
985 }
986
987 .updraft_report_dbbackup.updraft_report_disabled {
988 color: #CCC;
989 }
990
991 #updraft-navtab-settings-content .updraft-test-button {
992 font-size: 18px !important;
993 }
994
995 #updraft_report_cell .updraft_report_email {
996 display: block;
997 width: calc(100% - 50px);
998 margin-bottom: 9px;
999 }
1000
1001 #updraft_report_cell .updraft_report_another_p {
1002 clear: left;
1003 }
1004
1005 /* Taken straight from admin.php */
1006
1007 #updraft-navtab-settings-content table.form-table p {
1008 max-width: 700px;
1009 }
1010
1011 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row.backuprowselected,
1012 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row.backuprowselected td {
1013 background-color: #EFEFEF;
1014 }
1015
1016 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row.backuprowselected:nth-child(even) td {
1017 background-color: #E8E8E8;
1018 }
1019
1020 .updraft_settings_sectionheading {
1021 display: none;
1022 }
1023
1024 .updraft-backupentitybutton-disabled {
1025 background-color: transparent;
1026 border: none;
1027 color: #0074A2;
1028 text-decoration: underline;
1029 cursor: pointer;
1030 clear: none;
1031 float: left;
1032 }
1033
1034 .updraft-backupentitybutton {
1035 margin-left: 8px;
1036 }
1037
1038 .updraft-bigbutton {
1039 padding: 2px 0px !important;
1040 margin-right: 14px !important;
1041 font-size: 22px !important;
1042 min-height: 32px;
1043 min-width: 180px;
1044 }
1045
1046 tr[class*="_updraft_remote_storage_border"] {
1047 border-top: 1px solid #CCC;
1048 }
1049
1050 .updraft_multi_storage_options {
1051 float: right;
1052 clear: right;
1053 margin-bottom: 5px !important;
1054 }
1055
1056 .updraft_toggle_instance_label {
1057 vertical-align: top !important;
1058 }
1059
1060 .updraft_debugrow th {
1061 float: right;
1062 text-align: right;
1063 font-weight: bold;
1064 padding-right: 8px;
1065 min-width: 140px;
1066 }
1067
1068 .updraft_debugrow td {
1069 min-width: 300px;
1070 vertical-align: bottom;
1071 }
1072
1073 #updraft_webdav_host_error, .onedrive_folder_error {
1074 color: red;
1075 }
1076
1077 /* jstree styles */
1078
1079 /* these styles hide the dots from the parent but keep the arrows */
1080 .updraft_jstree .jstree-container-ul > .jstree-node,
1081 #updraft_more_files_jstree .jstree-container-ul > .jstree-node {
1082 background: transparent;
1083 }
1084
1085 .updraft_jstree .jstree-container-ul > .jstree-open > .jstree-ocl,
1086 #updraft_more_files_jstree .jstree-container-ul > .jstree-open > .jstree-ocl {
1087 background-position: -36px -4px;
1088 }
1089
1090 .updraft_jstree .jstree-container-ul > .jstree-closed> .jstree-ocl,
1091 #updraft_more_files_jstree .jstree-container-ul > .jstree-closed> .jstree-ocl {
1092 background-position: -4px -4px;
1093 }
1094
1095 .updraft_jstree .jstree-container-ul > .jstree-leaf> .jstree-ocl,
1096 #updraft_more_files_jstree .jstree-container-ul > .jstree-leaf> .jstree-ocl {
1097 background: transparent;
1098 }
1099
1100 /* zip browser jstree styles */
1101 #updraft_zip_files_container {
1102 position: relative;
1103 height: 450px;
1104 overflow: none;
1105 }
1106
1107 .updraft_jstree_info_container {
1108 position: relative;
1109 height: auto;
1110 width: 100%;
1111 border: 1px dotted;
1112 margin-bottom: 5px;
1113 }
1114
1115 .updraft_jstree_info_container p {
1116 margin: 1px;
1117 padding-left: 10px;
1118 font-size: 14px;
1119 }
1120
1121 #updraft_zip_download_item {
1122 display: none;
1123 color: #0073AA;
1124 padding-left: 10px;
1125 }
1126
1127 #updraft_zip_download_notice {
1128 padding-left: 10px;
1129 }
1130
1131 #updraft_exclude_files_folders_jstree {
1132 max-height: 200px;
1133 overflow-y: scroll;
1134 }
1135
1136 .updraft_jstree {
1137 position: relative;
1138 border: 1px dotted;
1139 height: 80%;
1140 width: 100%;
1141 overflow: auto;
1142 }
1143
1144 /* More files jstree styles */
1145 #updraft_more_files_container {
1146 position: relative;
1147 display: none;
1148 width: 100%;
1149 border: 1px solid #CCC;
1150 background: #FAFAFA;
1151 margin-bottom: 5px;
1152 margin-top: 4px;
1153 box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
1154 }
1155
1156 div#updraft_more_files_container::before {
1157 content: ' ';
1158 width: 11px;
1159 height: 11px;
1160 display: block;
1161 background: #FAFAFA;
1162 position: absolute;
1163 top: 0;
1164 left: 20px;
1165 border-top: 1px solid #CCC;
1166 border-left: 1px solid #CCC;
1167 transform: translatey(-7px) rotate(45deg);
1168 }
1169
1170 input.updraft_more_path_editing {
1171 border-color: #0285BA;
1172 }
1173
1174 input.updraft_more_path_editing ~ a.dashicons {
1175 display: none;
1176 }
1177
1178 #updraft_jstree_buttons {
1179 padding: 10px;
1180 background: #E6E6E6;
1181 }
1182
1183 #updraft_jstree_container {
1184 height: 300px;
1185 width: 100%;
1186 overflow: auto;
1187 }
1188
1189 #updraft_more_files_container button {
1190 line-height: 20px;
1191 }
1192
1193 #updraft_parent_directory {
1194 margin: 10px 10px 4px 10px;
1195 padding-left: 3px;
1196 }
1197
1198 #updraft_jstree_confirm, #updraft_jstree_cancel {
1199 display: none;
1200 }
1201
1202 .updraftplus-morefiles-row-delete,
1203 .updraftplus-morefiles-row-edit {
1204 cursor: pointer;
1205 }
1206
1207 #updraft-wrap .form-table th {
1208 width: 230px;
1209 }
1210
1211 #updraft-wrap .form-table .existing-backups-table th {
1212 width: auto;
1213 }
1214
1215 .updraft-viewlogdiv form {
1216 margin: 0;
1217 padding: 0;
1218 }
1219
1220 .updraft-viewlogdiv {
1221 display: inline-block;
1222 }
1223
1224 .updraft-viewlogdiv input, .updraft-viewlogdiv a {
1225 border: none;
1226 background-color: transparent;
1227 color: #000;
1228 margin: 0px;
1229 padding: 3px 4px;
1230 font-size: 16px;
1231 line-height: 26px;
1232 }
1233
1234 .updraft-viewlogdiv input:hover, .updraft-viewlogdiv a:hover {
1235 color: #FFF;
1236 cursor: pointer;
1237 }
1238
1239 .button.button-remove {
1240 color: white;
1241 background-color: #DE3C3C;
1242 border-color: #C00000;
1243 box-shadow: 0 1px 0 #C10100;
1244 }
1245
1246 .button.button-remove:hover,
1247 .button.button-remove:focus {
1248 border-color: #C00;
1249 color: #FFF;
1250 background: #C00;
1251 }
1252
1253 /* button-remove colors for midnight admin theme */
1254 body.admin-color-midnight .button.button-remove {
1255 color: #DE3C3C;
1256 background-color: #F7F7F7;
1257 border-color: #CCC;
1258 box-shadow: 0 1px 0 #CCC;
1259 }
1260
1261 body.admin-color-midnight .button.button-remove:hover, body.admin-color-midnight .button.button-remove:focus {
1262 border-color: #BA281F;
1263 }
1264
1265 body.admin-color-midnight .button.button-remove:focus {
1266 box-shadow: inherit;
1267 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
1268 }
1269
1270 .drag-drop #drag-drop-area2 {
1271 border: 4px dashed #DDD;
1272 height: 200px;
1273 }
1274
1275 #drag-drop-area2 .drag-drop-inside {
1276 margin: 36px auto 0;
1277 width: 350px;
1278 }
1279
1280 #filelist, #filelist2 {
1281 width: 100%;
1282 }
1283
1284 #filelist .file, #filelist2 .file, .ud_downloadstatus .file, #ud_downloadstatus2 .file {
1285 padding: 1px;
1286 background: #ECECEC;
1287 border: solid 1px #CCC;
1288 margin: 4px 0;
1289 }
1290
1291 .updraft_premium section {
1292 margin-bottom: 20px;
1293 }
1294
1295 /*
1296 Call to action Premium
1297 */
1298 .updraft_premium_cta {
1299 background: #FFF;
1300 margin-top: 30px;
1301 padding: 0;
1302 border-left: 4px solid #DB6A03;
1303 }
1304
1305 .updraft_premium_cta a {
1306 font-weight: normal;
1307 }
1308
1309 .updraft_premium_cta a.button.button-primary.button-hero {
1310 font-size: 1.3em;
1311 letter-spacing: 0.03rem;
1312 text-transform: uppercase;
1313 }
1314
1315 .updraft_premium_cta__top {
1316 display: -ms-flexbox;
1317 display: flex;
1318 -ms-flex-align: center;
1319 align-items: center;
1320 -ms-flex-pack: justify;
1321 justify-content: space-between;
1322 padding: 18px 30px;
1323 }
1324
1325 .updraft_premium_cta__bottom {
1326 background: #F9F9F9;
1327 padding: 5px 30px;
1328 }
1329
1330 .updraft_premium_cta__summary {
1331 margin-right: 60px;
1332 }
1333
1334 .updraft_premium_cta h2 {
1335 font-size: 28px;
1336 font-weight: 200;
1337 line-height: 1;
1338 margin: 0;
1339 margin-bottom: 5px;
1340 letter-spacing: 0.05rem;
1341 color: #DB6A03;
1342 }
1343
1344 .updraft_premium_cta ul li::after {
1345 color: #CCC;
1346 }
1347
1348 @media only screen and (max-width: 768px) {
1349
1350 .updraft_premium_cta__top {
1351 -ms-flex-direction: column;
1352 flex-direction: column;
1353 text-align: center;
1354 -ms-flex-align: center;
1355 align-items: center;
1356 }
1357
1358 .updraft_premium_cta__summary {
1359 margin-right: 0;
1360 margin-bottom: 30px;
1361 }
1362
1363 }
1364
1365 /*
1366 Box
1367 */
1368 .udp-box {
1369 background: #FFF;
1370 padding: 20px;
1371 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
1372 text-align: center;
1373 }
1374
1375 .udp-box h3 {
1376 margin: 0;
1377 }
1378
1379 .udp-box__heading {
1380 -ms-flex-item-align: center;
1381 -ms-grid-row-align: center;
1382 align-self: center;
1383 background: none;
1384 box-shadow: none;
1385 }
1386
1387 /*
1388 Other Plugins
1389 */
1390 .updraft-more-plugins {
1391 display: -ms-flexbox;
1392 display: flex;
1393 -ms-flex-direction: row;
1394 flex-direction: row;
1395 -ms-flex-wrap: wrap;
1396 flex-wrap: wrap;
1397 -ms-flex-pack: justify;
1398 justify-content: space-between;
1399 flex-wrap: wrap;
1400 }
1401
1402 .updraft-more-plugins img {
1403 max-width: 200px;
1404 width: 100%;
1405 display: inline-block;
1406 }
1407
1408 .updraft-more-plugins .udp-box {
1409 box-sizing: border-box;
1410 width: 24%;
1411 }
1412
1413 .updraft-more-plugins .udp-box p:last-child {
1414 margin-bottom: 0;
1415 padding-bottom: 0;
1416 }
1417
1418 /*
1419 links list
1420 */
1421 .updraft_premium_description_list {
1422 text-align: left;
1423 margin: 0;
1424 font-size: 12px;
1425 }
1426
1427 ul.updraft_premium_description_list, ul#updraft_restore_warnings {
1428 list-style: disc inside;
1429 }
1430
1431 ul.updraft_premium_description_list li {
1432 display: inline;
1433 }
1434
1435 ul.updraft_premium_description_list li::after {
1436 content: " | ";
1437 }
1438
1439 ul.updraft_premium_description_list li:last-child::after {
1440 content: "";
1441 }
1442
1443 .updraft_feature_cell {
1444 background-color: #F7D9C9 !important;
1445 padding: 5px 10px;
1446 }
1447
1448 .updraftplus_com_login_status, .updraftplus_com_key_status {
1449 display: none;
1450 border-left-color: #DC3232 !important;
1451 background: #FFF;
1452 border-left: 4px solid #FFF;
1453 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
1454 margin: 5px 0 15px 0;
1455 padding: 5px 12px;
1456 }
1457
1458 .updraft_feat_table {
1459 border: none;
1460 border-collapse: collapse;
1461 font-size: 120%;
1462 background-color: white;
1463 text-align: center;
1464 }
1465
1466 .updraft_feat_th, .updraft_feat_table td {
1467 border: 1px solid #F1F1F1;
1468 border-collapse: collapse;
1469 font-size: 120%;
1470 background-color: white;
1471 text-align: center;
1472 padding: 15px;
1473 }
1474
1475 .updraft_feat_table td {
1476 border-bottom-width: 4px;
1477 }
1478
1479 .updraft_feat_table td:first-child {
1480 border-left: none;
1481 }
1482
1483 .updraft_feat_table td:last-child {
1484 border-right: none;
1485 }
1486
1487 .updraft_feat_table tr:last-child td {
1488 border-bottom: none;
1489 }
1490
1491 .updraft_feat_table td:nth-child(2),
1492 .updraft_feat_table td:nth-child(3) {
1493 background-color: rgba(241, 241, 241, 0.38);
1494 width: 190px;
1495 }
1496
1497 .updraft_feat_table__header td img {
1498 display: block;
1499 margin: 0 auto;
1500 }
1501
1502 .updraft_feat_table__header td {
1503 text-align: center;
1504 }
1505
1506 .updraft_feat_table .installed {
1507 font-size: 14px;
1508 }
1509
1510 .updraft_feat_table p {
1511 padding: 0px 10px;
1512 margin: 5px 0px;
1513 font-size: 13px;
1514 }
1515
1516 .updraft_feat_table h4 {
1517 margin: 5px 0px;
1518 }
1519
1520 .updraft_feat_table .dashicons {
1521 width: 25px;
1522 height: 25px;
1523 font-size: 25px;
1524 line-height: 1;
1525 }
1526
1527 .updraft_feat_table .dashicons-yes, .updraft_feat_table .updraft-yes {
1528 color: green;
1529 }
1530
1531 .updraft_feat_table .dashicons-no-alt, .updraft_feat_table .updraft-no {
1532 color: red;
1533 }
1534
1535 .updraft_tick_cell {
1536 text-align: center;
1537 }
1538
1539 .updraft_tick_cell img {
1540 margin: 4px 0;
1541 height: 24px;
1542 }
1543
1544 .ud_downloadstatus__close {
1545 border: none;
1546 background: transparent;
1547 width: auto;
1548 font-size: 20px;
1549 padding: 0;
1550 cursor: pointer;
1551 }
1552
1553 #filelist .fileprogress, #filelist2 .fileprogress, .ud_downloadstatus .dlfileprogress, #ud_downloadstatus2 .dlfileprogress {
1554 width: 0%;
1555 background: #0572AA;
1556 height: 8px;
1557 }
1558
1559 .ud_downloadstatus .raw, #ud_downloadstatus2 .raw {
1560 margin-top: 8px;
1561 clear: left;
1562 }
1563
1564 .ud_downloadstatus .file, #ud_downloadstatus2 .file {
1565 margin-top: 8px;
1566 }
1567
1568 div[class^="updraftplus_downloader_container_"] {
1569 padding: 10px;
1570 }
1571
1572 tr.updraftplusmethod h3 {
1573 margin: 0px;
1574 }
1575
1576 tr.updraftplusmethod img {
1577 max-width: 100%;
1578 }
1579
1580 #updraft_retain_db_rules .updraft_retain_rules_delete, #updraft_retain_files_rules .updraft_retain_rules_delete {
1581 cursor: pointer;
1582 color: red;
1583 font-size: 120%;
1584 font-weight: bold;
1585 border: 0px;
1586 border-radius: 3px;
1587 padding: 2px;
1588 margin: 0 6px;
1589 text-decoration: none;
1590 display: inline-block;
1591 }
1592
1593 #updraft_retain_db_rules .updraft_retain_rules_delete:hover, #updraft_retain_files_rules .updraft_retain_rules_delete:hover {
1594 cursor: pointer;
1595 color: white;
1596 background: red;
1597 }
1598
1599 #updraft_backup_started {
1600 max-width: 800px;
1601 font-size: 140%;
1602 line-height: 140%;
1603 padding: 14px;
1604 clear: left;
1605 }
1606
1607 /* backup finished */
1608 .blockUI.blockOverlay.ui-widget-overlay {
1609 background: #000;
1610 }
1611
1612 .updraft_success_popup {
1613 text-align: center;
1614 padding-bottom: 30px;
1615 }
1616
1617 .updraft_success_popup > .dashicons {
1618 font-size: 100px;
1619 width: 100px;
1620 height: 100px;
1621 line-height: 100px;
1622 padding: 0px;
1623 border-radius: 50%;
1624 margin-top: 30px;
1625 display: block;
1626 margin-left: auto;
1627 margin-right: auto;
1628 background: #E2E6E5;
1629 }
1630
1631 .updraft_success_popup > .dashicons.dashicons-yes {
1632 text-indent: -5px;
1633 }
1634
1635 .updraft_success_popup.success > .dashicons {
1636 color: green;
1637 }
1638
1639 .updraft_success_popup.warning > .dashicons {
1640 color: #888;
1641 }
1642
1643 .updraft_success_popup--message {
1644 padding: 20px;
1645 }
1646
1647 .button.updraft-close-overlay .dashicons {
1648 text-decoration: none;
1649 font-size: 20px;
1650 margin-left: -5px;
1651 padding: 0;
1652 }
1653
1654 .updraft_saving_popup img {
1655 animation-name: udp_blink;
1656 animation-duration: 610ms;
1657 animation-iteration-count: infinite;
1658 animation-direction: alternate;
1659 animation-timing-function: ease-out;
1660 }
1661
1662 .udp-premium-image {
1663 display: none;
1664 }
1665
1666 @media screen and (min-width: 720px) {
1667
1668 .udp-premium-image {
1669 display: block;
1670 float: left;
1671 padding-right: 5px;
1672 }
1673
1674 }
1675
1676 /* End stuff already in admin.php */
1677 #plupload-upload-ui2 {
1678 width: 80%;
1679 }
1680
1681 .backup-restored {
1682 padding: 8px;
1683 }
1684
1685 .backup-restored span {
1686 font-size: 120%;
1687 }
1688
1689 .memory-limit {
1690 padding: 8px;
1691 }
1692
1693 .updraft_list_errors {
1694 padding: 8px;
1695 }
1696
1697 /*.nav-tab {
1698 border-radius: 20px 20px 0 0;
1699 border-color: grey;
1700 border-width: 2px;
1701 margin-top: 34px;
1702 }
1703
1704 .nav-tab:hover {
1705 border-bottom: 0;
1706 }
1707
1708 .nav-tab-active, .nav-tab-active:active {
1709 color: #df6926;
1710 border-color: #D3D3D3;
1711 border-width: 1px;
1712 border-bottom: 0;
1713 }
1714
1715 .nav-tab-active:focus {
1716 color: #df6926;
1717 }*/
1718
1719 .nav-tab-wrapper {
1720 margin: 14px 0px;
1721 }
1722
1723 #updraft-poplog-content {
1724 white-space: pre-wrap;
1725 }
1726
1727 .next-backup {
1728 border: 0px;
1729 padding: 0px;
1730 margin: 0 10px 0 0;
1731 }
1732
1733 .not-scheduled {
1734 vertical-align: top !important;
1735 margin: 0px !important;
1736 padding: 0px !important;
1737 }
1738
1739 .next-backup .updraft_scheduled {
1740 /* width: 124px;*/
1741 margin: 0px;
1742 padding: 2px 4px 2px 0px;
1743 }
1744
1745 #next-backup-table-inner td {
1746 vertical-align: top;
1747 }
1748
1749 .updraft_all-files {
1750 color: blue;
1751 }
1752
1753 .multisite-advert-width {
1754 width: 800px;
1755 }
1756
1757 .updraft_settings_sectionheading {
1758 margin-top: 6px;
1759 }
1760
1761 .premium-upgrade-prompt {
1762 /* font-size: 115%; */
1763 }
1764
1765 .show_admin_restore_in_progress_notice {
1766 padding: 8px;
1767 }
1768
1769 .show_admin_restore_in_progress_notice .unfinished-restoration {
1770 font-size: 120%;
1771 }
1772
1773 #backupnow_includefiles_moreoptions, #backupnow_database_moreoptions {
1774 margin: 4px 16px 6px 16px;
1775 border: 1px dotted;
1776 padding: 6px 10px;
1777 }
1778
1779 #backupnow_database_moreoptions {
1780 max-height: 250px;
1781 overflow: auto;
1782 }
1783
1784 .form-table #updraft_activejobsrow .minimum-height {
1785 min-height: 100px;
1786 }
1787
1788 #updraft_activejobsrow th {
1789 max-width: 112px;
1790 margin: 0;
1791 padding: 13px 0 0 0;
1792 }
1793
1794 #updraft_lastlogmessagerow .last-message {
1795 padding-top: 20px;
1796 display: block;
1797 }
1798
1799 .updraft_simplepie {
1800 vertical-align: top;
1801 }
1802
1803 .download-backups {
1804 margin-top: 8px;
1805 }
1806
1807 .download-backups .updraft_download_button {
1808 margin-right: 6px;
1809 }
1810
1811 .download-backups .ud-whitespace-warning, .download-backups .ud-bom-warning {
1812 background-color: pink;
1813 padding: 8px;
1814 margin: 4px;
1815 border: 1px dotted;
1816 }
1817
1818 .download-backups .ul {
1819 list-style: none inside;
1820 max-width: 800px;
1821 margin-top: 6px;
1822 margin-bottom: 12px;
1823 }
1824
1825 #updraft-plupload-modal {
1826 margin: 16px 0;
1827 }
1828
1829 .download-backups .upload {
1830 max-width: 610px;
1831 }
1832
1833 .download-backups #plupload-upload-ui {
1834 width: 100%;
1835 }
1836
1837 .ud_downloadstatus {
1838 padding: 10px 0;
1839 }
1840
1841 #ud_massactions, #updraft-delete-waitwarning {
1842 padding: 14px;
1843 background: rgb(241, 241, 241);
1844 position: absolute;
1845 left: 0;
1846 top: 100%;
1847 }
1848
1849 #ud_massactions > *, #updraft-delete-waitwarning > * {
1850 vertical-align: middle;
1851 }
1852
1853 #ud_massactions .updraftplus-remove {
1854 display: inline-block;
1855 margin-right: 0;
1856 }
1857
1858 #ud_massactions .updraftplus-remove a {
1859 text-decoration: none;
1860 }
1861
1862 #ud_massactions .updraft-viewlogdiv a {
1863 text-decoration: none;
1864 position: relative;
1865 }
1866
1867 small.ud_massactions-tip {
1868 display: inline-block;
1869 opacity: 0.5;
1870 font-style: italic;
1871 margin-left: 20px;
1872 }
1873
1874 #updraft-navtab-backups-content .updraft_existing_backups {
1875 margin-bottom: 35px;
1876 position: relative;
1877 }
1878
1879 #updraft-message-modal-innards {
1880 padding: 4px;
1881 }
1882
1883 #updraft-authenticate-modal {
1884 text-align: center;
1885 font-size: 16px !important;
1886 }
1887
1888 #updraft-authenticate-modal p {
1889 font-size: 16px;
1890 }
1891
1892 #updraft_delete_form p {
1893 margin-top: 3px;
1894 padding-top: 0;
1895 }
1896
1897 #updraft_restore_form .cannot-restore {
1898 margin: 8px 0;
1899 }
1900
1901 #updraft_restorer_dboptions {
1902 padding: 12px;
1903 margin: 8px 0 4px 0;
1904 border: dashed 1px;
1905 }
1906
1907 #updraft_restorer_dboptions h4 {
1908 margin: 0px 0px 6px 0px;
1909 padding: 0px;
1910 }
1911
1912 .updraft_debugrow th {
1913 vertical-align: top;
1914 padding-top: 6px;
1915 max-width: 140px;
1916 }
1917
1918 .expertmode p {
1919 font-size: 125%;
1920 }
1921
1922 .expertmode .call-wp-action {
1923 width: 300px;
1924 height: 22px;
1925 }
1926
1927 .updraftplus-lock-advert {
1928 clear: left;
1929 max-width: 600px;
1930 }
1931
1932 .uncompressed-data {
1933 clear: left;
1934 max-width: 600px;
1935 }
1936
1937 .delete-old-directories {
1938 padding: 8px;
1939 padding-bottom: 12px;
1940 }
1941
1942 .active-jobs {
1943 width: 100%;
1944 text-align: center;
1945 padding: 33px;
1946 }
1947
1948 .job-id {
1949 margin-top: 0;
1950 margin-bottom: 8px;
1951 }
1952
1953 .next-resumption {
1954 font-weight: bold;
1955 }
1956
1957 .updraft_percentage {
1958 z-index: -1;
1959 position: absolute;
1960 left: 0px;
1961 top: 0px;
1962 text-align: center;
1963 background-color: #1D8EC2;
1964 transition: width 0.3s;
1965 }
1966
1967 .curstage {
1968 z-index: 1;
1969 border-radius: 2px;
1970 margin-top: 8px;
1971 width: 100%;
1972 height: 26px;
1973 line-height: 26px;
1974 position: relative;
1975 text-align: center;
1976 font-style: italic;
1977 color: #FFF;
1978 background-color: #B7B7B7;
1979 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
1980 }
1981
1982 .curstage-info {
1983 display: inline-block;
1984 z-index: 2;
1985 }
1986
1987 .retain-files {
1988 width: 48px;
1989 }
1990
1991 .backup-interval-description tr td div {
1992 max-width: 670px;
1993 }
1994
1995 #updraft-manualdecrypt-modal {
1996 width: 85%;
1997 margin: 6px;
1998 margin-left: 100px;
1999 }
2000
2001 .directory-permissions {
2002 font-size: 110%;
2003 font-weight: bold;
2004 }
2005
2006 .double-warning {
2007 border: 1px solid;
2008 padding: 6px;
2009 }
2010
2011 .raw-backup-info {
2012 font-style: italic;
2013 font-weight: bold;
2014 font-size: 120%;
2015 }
2016
2017 .updraft_existingbackup_date {
2018 width: 22%;
2019 max-width: 140px;
2020 }
2021
2022 .updraft_existing_backups_wrapper {
2023 margin-top: 20px;
2024 border-top: 1px solid #DDD;
2025 }
2026
2027 .updraft-no-backups-msg {
2028 text-align: center;
2029 }
2030
2031 .tr-bottom-4 {
2032 margin-bottom: 4px;
2033 }
2034
2035 .existing-backups-table th {
2036 padding: 8px 10px;
2037 }
2038
2039 .form-table .backup-date {
2040 width: 172px;
2041 }
2042
2043 .form-table .backup-data {
2044 width: 426px;
2045 }
2046
2047 .form-table .updraft_backup_actions {
2048 width: 272px;
2049 }
2050
2051 .existing-date {
2052 box-sizing: border-box;
2053 max-width: 140px;
2054 width: 25%;
2055 }
2056
2057 .line-break-tr {
2058 height: 2px;
2059 padding: 1px;
2060 margin: 0px;
2061 }
2062
2063 .line-break-td {
2064 margin: 0;
2065 padding: 0;
2066 }
2067
2068 .td-line-color {
2069 height: 2px;
2070 background-color: #888;
2071 }
2072
2073 .raw-backup {
2074 max-width: 140px;
2075 }
2076
2077 .existing-backups-actions {
2078 padding: 1px;
2079 margin: 0px;
2080 }
2081
2082 .existing-backups-border {
2083 height: 2px;
2084 padding: 1px;
2085 margin: 0px;
2086 }
2087
2088 .existing-backups-border > td {
2089 margin: 0;
2090 padding: 0;
2091 }
2092
2093 .existing-backups-border > div {
2094 height: 2px;
2095 background-color: #AAA;
2096 }
2097
2098 .updraft_existing_backup_date {
2099 max-width: 140px;
2100 }
2101
2102 .updraftplus-upload {
2103 margin-right: 6px;
2104 float: left;
2105 clear: none;
2106 }
2107
2108 .before-restore-button {
2109 padding: 1px;
2110 margin: 0px;
2111 }
2112
2113 .before-restore-button div {
2114 float: none;
2115 display: inline-block;
2116 }
2117
2118 .table-separator-tr {
2119 height: 2px;
2120 padding: 1px;
2121 margin: 0px;
2122 }
2123
2124 .table-separator-td {
2125 margin: 0px;
2126 padding: 0px;
2127 }
2128
2129 .end-of-table-div {
2130 height: 2px;
2131 background-color: #AAA;
2132 }
2133
2134 .last-backup-job {
2135 padding-top: 3% !important;
2136 }
2137
2138 .line-height-03 {
2139 line-height: 0.3 !important;
2140 }
2141
2142 .line-height-13 {
2143 line-height: 1.3 !important;
2144 }
2145
2146 .line-height-23 {
2147 line-height: 2.3 !important;
2148 }
2149
2150 #updraft_diskspaceused {
2151 color: #DF6926;
2152 }
2153
2154 #updraft_delete_old_dirs_pagediv {
2155 padding-bottom: 10px;
2156 }
2157
2158 /*#updraft_lastlogmessagerow > td, #updraft_last_backup > td {
2159 padding: 0;
2160 }*/
2161
2162 /* Time + scheduling add-on*/
2163 .fix-time {
2164 width: 70px;
2165 }
2166
2167 .retain-files {
2168 width: 70px;
2169 }
2170
2171 .number-input {
2172 min-width: 50px;
2173 max-width: 70px;
2174 }
2175
2176 .additional-rule-width {
2177 min-width: 60px;
2178 max-width: 70px;
2179 }
2180
2181 /* Add-ons */
2182 /* Want to fix the WordPress icons so that they fit inline with the text, and don't push everything out of place. */
2183
2184 #updraft-wrap .dashicons.dashicons-adapt-size {
2185 line-height: inherit;
2186 font-size: inherit;
2187 }
2188
2189 #updraft-wrap .button span.dashicons:not(.dashicons-adapt-size) {
2190 vertical-align: middle;
2191 margin-top: -3px;
2192 }
2193
2194 .addon-logo-150 {
2195 margin-left: 30px;
2196 margin-top: 33px;
2197 height: 125px;
2198 width: 150px;
2199 }
2200
2201 .margin-bottom-50 {
2202 margin-bottom: 50px;
2203 }
2204
2205 .premium-container {
2206 width: 80%;
2207 }
2208
2209 /* Main Header */
2210
2211 .main-header {
2212 background-color: #DF6926;
2213 height: 200px;
2214 width: 100%;
2215 }
2216
2217 .button-add-to-cart {
2218 color: white;
2219 border-color: white;
2220 float: none;
2221 margin-right: 17px;
2222 }
2223
2224 .button-add-to-cart:hover, .button-add-to-cart:focus, .button-add-to-cart:active {
2225 border-color: #A0A5AA;
2226 color: #A0A5AA;
2227 }
2228
2229 .addon-title {
2230 margin-top: 25px;
2231 }
2232
2233 .addon-text {
2234 margin-top: 75px;
2235 }
2236
2237 .image-main-div {
2238 width: 25%;
2239 float: left;
2240 }
2241
2242 .text-main-div {
2243 width: 60%;
2244 float: left;
2245 text-align: center;
2246 color: white;
2247 margin-top: 16px;
2248 }
2249
2250 .text-main-div-title {
2251 font-weight: bold !important;
2252 color: white;
2253 text-align: center;
2254 }
2255
2256 .text-main-div-paragraph {
2257 color: white;
2258 }
2259
2260 /* End main header */
2261
2262 /* Vault icons */
2263
2264 .updraftplus-vault-cta {
2265 width: 100%;
2266 text-align: center;
2267 margin-bottom: 50px;
2268 }
2269
2270 .updraftplus-vault-cta h1 {
2271 font-weight: bold;
2272 }
2273
2274 .updraftvault-buy {
2275 width: 225px;
2276 height: 225px;
2277 border: 2px solid #777;
2278 display: inline-table;
2279 margin: 0 auto;
2280 margin-right: 50px;
2281 position: relative;
2282 }
2283
2284 .updraftplus-vault-cta > .vault-options > .center-vault {
2285 width: 275px;
2286 height: 275px;
2287 }
2288
2289 .updraftplus-vault-cta > .vault-options > .center-vault > a {
2290 right: 21%;
2291 font-size: 16px;
2292 border-width: 4px !important;
2293 }
2294
2295 .updraftplus-vault-cta > .vault-options > .center-vault > p {
2296 font-size: 16px;
2297 }
2298
2299 .updraftvault-buy .button-purchase {
2300 right: 24%;
2301 margin-left: 0;
2302 line-height: 1.7em;
2303 }
2304
2305 .updraftvault-buy hr {
2306 height: 2px;
2307 background-color: #777;
2308 margin-top: 18px;
2309 }
2310
2311 .right {
2312 margin-right: 0px;
2313 }
2314
2315 .updraftvault-buy .addon-logo-100 {
2316 height: 100px;
2317 width: 125px;
2318 margin-top: 7px;
2319 }
2320
2321 .updraftvault-buy .addon-logo-large {
2322 margin-top: 7px;
2323 }
2324
2325 .updraftvault-buy .button-buy-vault {
2326 font-size: 12px;
2327 color: #DF6926;
2328 border-color: #DF6926;
2329 border-width: 2px !important;
2330 position: absolute;
2331 right: 29%;
2332 bottom: 2%;
2333 }
2334
2335 .premium-addon-div .button-purchase {
2336 line-height: 1.7em;
2337 }
2338
2339 .updraftvault-buy .button-buy-vault:hover {
2340 border-color: darkgrey;
2341 color: darkgrey;
2342 }
2343
2344 /* End Vault icons */
2345
2346 /* Premium addons */
2347
2348 .premium-addons {
2349 margin-top: 80px;
2350 width: 100%;
2351 margin: 0 auto;
2352 display: table;
2353 }
2354
2355 .addon-list {
2356 /* margin-left: 32px; */
2357 display: table;
2358 text-align: center;
2359 }
2360
2361 .premium-addons h1 {
2362 text-align: center;
2363 font-weight: bold;
2364 }
2365
2366 .premium-addons p {
2367 text-align: center;
2368 }
2369
2370 .premium-addons .premium-addon-div {
2371 width: 200px;
2372 height: 250px;
2373 border: 2px solid #777;
2374 display: inline-table;
2375 margin: 0 auto;
2376 margin-right: 25px;
2377 margin-top: 25px;
2378 text-align: center;
2379 position: relative;
2380 }
2381
2382 .premium-addons .premium-addon-div p {
2383 margin-left: 2px;
2384 margin-right: 2px;
2385 }
2386
2387 .premium-addons .premium-addon-div img {
2388 width: auto;
2389 height: 50px;
2390 margin-top: 7px;
2391 }
2392
2393 .premium-addons .premium-addon-div .hr-alignment {
2394 margin-top: 44px;
2395 }
2396
2397 .premium-addons .premium-addon-div .dropbox-logo {
2398 height: 39px;
2399 width: 150px;
2400 }
2401
2402 .premium-addons .premium-addon-div .azure-logo, .premium-addons .premium-addon-div .onedrive-logo {
2403 width: 75%;
2404 height: 24px;
2405 }
2406
2407 .button-purchase {
2408 font-size: 12px;
2409 color: #DF6926;
2410 border-color: #DF6926;
2411 border-width: 2px !important;
2412 position: absolute;
2413 right: 25%;
2414 bottom: 2%;
2415 }
2416
2417 .button-purchase:hover {
2418 color: darkgrey;
2419 border-color: darkgrey;
2420 }
2421
2422 .premium-addons .premium-addon-div hr {
2423 height: 2px;
2424 background-color: #777;
2425 margin-top: 18px;
2426 }
2427
2428 .premium-addon-div p {
2429 font-style: italic;
2430 }
2431
2432 .addon-list > .premium-addon-div > .onedrive-fix,
2433 .addon-list > .premium-addon-div > .azure-logo {
2434 margin-top: 33px;
2435 }
2436
2437 .addon-list > .premium-addon-div > .dropbox-fix {
2438 margin-top: 18px;
2439 }
2440
2441 /* End premium addons */
2442
2443
2444 /* Forgotton something (that is the name of the div rather than a mental note!) */
2445
2446 .premium-forgotton-something {
2447 margin-top: 5%;
2448 }
2449
2450 .premium-forgotton-something h1 {
2451 text-align: center;
2452 font-weight: bold;
2453 }
2454
2455 .premium-forgotton-something p {
2456 text-align: center;
2457 font-weight: normal;
2458 }
2459
2460 .premium-forgotton-something .button-faq {
2461 color: #DF6926;
2462 border-color: #DF6926;
2463 margin: 0 auto;
2464 display: table;
2465 }
2466
2467 .premium-forgotton-something .button-faq:hover {
2468 color: #777;
2469 border-color: #777;
2470 }
2471
2472 /* End of forgotton something */
2473
2474 .updraftplusmethod.updraftvault #vaultlogo {
2475 padding-left: 40px;
2476 }
2477
2478 .updraftplusmethod.updraftvault .vault_primary_option {
2479 float: left;
2480 width: 50%;
2481 text-align: center;
2482 padding-bottom: 20px;
2483 }
2484
2485 .updraftplusmethod.updraftvault .vault_primary_option div {
2486 clear: right;
2487 padding-top: 20px;
2488 }
2489
2490 .updraftplusmethod.updraftvault .clear-left {
2491 clear: left;
2492 }
2493
2494 .updraftplusmethod.updraftvault .padding-top-20px {
2495 padding-top: 20px;
2496 }
2497
2498 .updraftplusmethod.updraftvault .padding-top-14px {
2499 padding-top: 14px;
2500 }
2501
2502 .updraftplusmethod.updraftvault #updraftvault_settings_default .button-primary, .updraftplusmethod.updraftvault #updraftvault_settings_showoptions .button-primary {
2503 font-size: 18px !important;
2504 padding-bottom: 20px;
2505 }
2506
2507 .updraftplusmethod.updraftvault #updraftvault_showoptions, .updraftplusmethod.updraftvault #updraftvault_connect {
2508 margin-top: 8px;
2509 }
2510
2511 .updraftplusmethod.updraftvault #updraftvault_settings_connect input {
2512 margin-right: 10px;
2513 }
2514
2515 .updraftplusmethod.updraftvault #updraftvault_email {
2516 width: 280px;
2517 }
2518
2519 .updraftplusmethod.updraftvault #updraftvault_pass {
2520 width: 200px;
2521 }
2522
2523 .updraftplusmethod.updraftvault #vault-is-connected {
2524 margin: 0;
2525 padding: 0;
2526 }
2527
2528 .updraftplusmethod.updraftvault #updraftvault_settings_default p {
2529 clear: left;
2530 }
2531
2532 .updraftplusmethod.updraftvault .vault-purchase-option {
2533 float: left;
2534 width: 33%;
2535 text-align: center;
2536 padding-top: 20px;
2537 }
2538
2539 .updraftplusmethod.updraftvault .vault-purchase-option-size {
2540 font-size: 200%;
2541 font-weight: bold;
2542 }
2543
2544 .updraftplusmethod.updraftvault .vault-purchase-option-link {
2545 clear: both;
2546 font-size: 150%;
2547 }
2548
2549 .updraftplusmethod.updraftvault .vault-purchase-option-or {
2550 clear: both;
2551 font-size: 115%;
2552 font-style: italic;
2553 }
2554
2555 /* Automation Backup Advert by B */
2556 .autobackup-image {
2557 /* display: inline-block; */
2558 /* min-width: 10%;
2559 max-width:25%;*/
2560 /* float: left;*/
2561 clear: left;
2562 float: left;
2563 width: 110px;
2564 height: 110px;
2565 }
2566
2567 .autobackup-description {
2568 width: 100%;
2569 }
2570
2571 .advert-description {
2572 float: left;
2573 clear: right;
2574 padding: 4px 10px 8px 10px;
2575 width: 70%;
2576 clear: right;
2577 vertical-align: top;
2578 }
2579
2580 .advert-btn {
2581 display: inline-block;
2582 min-width: 10%;
2583 vertical-align: top;
2584 margin-bottom: 8px;
2585 }
2586
2587 .advert-btn:first-of-type {
2588 margin-top: 25px;
2589 }
2590
2591 .advert-btn a {
2592 display: block;
2593 cursor: pointer;
2594 }
2595
2596 a.btn-get-started {
2597 background: #FFF;
2598 border: 2px solid #DF6926;
2599 border-radius: 4px;
2600 color: #DF6926;
2601 display: inline-block;
2602 margin-left: 10px !important;
2603 margin-bottom: 7px !important;
2604 font-size: 18px !important;
2605 line-height: 20px;
2606 min-height: 28px;
2607 padding: 11px 10px 5px 10px;
2608 text-transform: uppercase;
2609 text-decoration: none;
2610 }
2611
2612 .circle-dblarrow {
2613 border: 1px solid #DF6926;
2614 border-radius: 100%;
2615 display: inline-block;
2616 font-size: 17px;
2617 line-height: 17px;
2618 margin-left: 5px;
2619 width: 20px;
2620 height: 20px;
2621 text-align: center;
2622 }
2623
2624 /* End Automation Backup Advert by B */
2625 /* New Responsive Pretty Advanced Settings */
2626 .expertmode .advanced_settings_container {
2627 height: auto;
2628 overflow: hidden;
2629 }
2630
2631 .expertmode .advanced_settings_container .advanced_settings_menu {
2632 float: none;
2633 border-bottom: 1px solid rgb(204, 204, 204);
2634 }
2635
2636 .expertmode .advanced_settings_container .advanced_settings_content {
2637 padding-top: 5px;
2638 float: none;
2639 width: auto;
2640 overflow: auto;
2641 }
2642
2643 .expertmode .advanced_settings_container .advanced_settings_content h3:first-child {
2644 margin-top: 5px !important;
2645 }
2646
2647 .expertmode .advanced_settings_container .advanced_settings_content .advanced_tools {
2648 display: none;
2649 }
2650
2651 .expertmode .advanced_settings_container .advanced_settings_content .site_info {
2652 display: block;
2653 }
2654
2655 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button {
2656 display: inline-block;
2657 cursor: pointer;
2658 padding: 5px;
2659 color: #000;
2660 }
2661
2662 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_text {
2663 font-size: 16px;
2664 }
2665
2666 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button:hover {
2667 background-color: #EAEAEA;
2668 }
2669
2670 .expertmode .advanced_settings_container .advanced_settings_menu .active {
2671 background-color: #3498DB;
2672 color: #FFF;
2673 }
2674
2675 .expertmode .advanced_settings_container .advanced_settings_menu .active:hover {
2676 background-color: #72C5FD;
2677 color: #FFF;
2678 }
2679
2680 .expertmode .advanced_settings_container .advanced_settings_content input#import_settings {
2681 height: auto !important;
2682 }
2683
2684 div#updraft-wrap a {
2685 cursor: pointer !important;
2686 }
2687
2688 .updraftcentral_wizard_option {
2689 width: 45%;
2690 float: left;
2691 text-align: center;
2692 }
2693
2694 .updraftcentral_wizard_option label {
2695 margin-bottom: 8px;
2696 }
2697
2698 #updraftcentral_keys_table {
2699 display: none;
2700 }
2701
2702 .create_key_container {
2703 border: 1px solid;
2704 border-radius: 4px;
2705 padding: 0 0 6px 6px;
2706 margin-bottom: 8px;
2707 }
2708
2709 .updraftcentral_cloud_connect {
2710 border-radius: 4px;
2711 border: 1px solid #000;
2712 padding: 0 20px;
2713 margin-top: 30px;
2714 background-color: #FFF;
2715 }
2716
2717 .updraftcentral_cloud_error {
2718 border: 1px solid #000;
2719 padding: 3px 10px;
2720 border-left: 3px solid #F00;
2721 background-color: #FFF;
2722 margin-bottom: 10px;
2723 }
2724
2725 .updraftcentral_cloud_info {
2726 border: 1px solid #000;
2727 padding: 3px 10px;
2728 border-left: 3px solid #EF8F31;
2729 background-color: #FFF;
2730 margin-bottom: 10px;
2731 }
2732
2733 .updraftplus_spinner.spinner {
2734 padding-left: 25px;
2735 float: none;
2736 }
2737
2738 .updraftplus_spinner.spinner.visible {
2739 visibility: visible;
2740 }
2741
2742 .updraftcentral_cloud_notices .updraftplus_spinner {
2743 margin-top: -5px;
2744 }
2745
2746 .updraftcentral-subheading {
2747 font-size: 14px;
2748 margin-top: -10px;
2749 margin-bottom: 20px;
2750 }
2751
2752 #updraftcentral_cloud_form input#email,
2753 #updraftcentral_cloud_form input#password {
2754 min-width: 250px;
2755 }
2756
2757 .updraftcentral-data-consent {
2758 font-size: 13px;
2759 margin-bottom: 10px;
2760 }
2761
2762 .updraftcentral_cloud_wizard_image {
2763 float: left;
2764 min-width: 100px;
2765 margin-right: 25px;
2766 }
2767
2768 .updraftcentral_cloud_wizard {
2769 float: left;
2770 }
2771
2772 .updraftcentral_cloud_clear {
2773 clear: both;
2774 }
2775
2776 .updraftplus-settings-footer {
2777 margin-top: 30px;
2778 }
2779
2780 .updraftplus-top-menu {
2781 padding: 0.5em;
2782 }
2783
2784 #updraft_inpage_backup #updraft_activejobs_table {
2785 background: transparent;
2786 }
2787
2788 #updraft_inpage_backup #updraft_lastlogmessagerow .updraft-log-link {
2789 float: none;
2790 }
2791
2792 #updraft_inpage_backup #updraft_activejobsrow .updraft_row {
2793 -ms-flex-direction: column;
2794 flex-direction: column;
2795 padding-left: 20px;
2796 padding-right: 20px;
2797 }
2798
2799 #updraft_inpage_backup #updraft_activejobsrow .updraft_progress_container {
2800 width: 100%;
2801 }
2802
2803 #updraft_inpage_backup #updraft_activejobs_table {
2804 overflow: inherit;
2805 }
2806
2807 #updraft_inpage_backup span#updraft_lastlogcontainer {
2808 padding: 18px;
2809 background: #FAFAFA;
2810 display: block;
2811 font-size: 90%;
2812 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2813 }
2814
2815 #updraft_inpage_backup div#updraft_activejobsrow {
2816 background: #FAFAFA;
2817 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2818 }
2819
2820 #updraft_inpage_backup #updraft_lastlogmessagerow > div {
2821 background: transparent;
2822 padding: 0;
2823 }
2824
2825 #updraft_inpage_backup .last-message > strong {
2826 display: block;
2827 margin-top: 13px;
2828 }
2829
2830 @media only screen and (min-width: 1024px) {
2831
2832 #updraft_activejobsrow .updraft_row {
2833 display: -ms-flexbox;
2834 display: flex;
2835 -ms-flex-align: baseline;
2836 align-items: baseline;
2837 }
2838
2839 #updraft_activejobsrow .updraft_row .updraft_col {
2840 -ms-flex: auto;
2841 flex: auto;
2842 }
2843
2844 #updraft_activejobsrow .updraft_progress_container {
2845 width: calc(100% - 230px);
2846 }
2847
2848 }
2849
2850 @media only screen and (min-width: 782px) {
2851
2852 .settings_page_updraftplus input[type=text],
2853 .settings_page_updraftplus input[type=password],
2854 .settings_page_updraftplus input[type=number] {
2855 /* border-radius: 4px; */
2856 line-height: 1.42;
2857 /* border: 1px solid #CCC; */
2858 height: 27px;
2859 padding: 2px 6px;
2860 color: #555;
2861 }
2862
2863 .settings_page_updraftplus input[type="number"] {
2864 height: 31px;
2865 }
2866
2867 #ud_massactions.active, #updraft-delete-waitwarning.active {
2868 position: fixed;
2869 bottom: 0;
2870 left: 160px;
2871 right: 0;
2872 top: auto;
2873 background: #FFF;
2874 z-index: 3;
2875 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
2876 }
2877
2878 body.folded #ud_massactions.active, body.folded #updraft-delete-waitwarning.active {
2879 left: 36px;
2880 }
2881
2882 .updraft-after-form-table {
2883 margin-left: 250px;
2884 }
2885
2886 }
2887
2888 @media only screen and (min-width: 782px) and (max-width: 960px) {
2889
2890 body.auto-fold #ud_massactions.active, body.auto-fold #updraft-delete-waitwarning.active {
2891 left: 36px;
2892 }
2893
2894 }
2895
2896 @media only screen and (max-width: 782px) {
2897
2898 #updraft-wrap {
2899 margin-right: 0;
2900 }
2901
2902 #updraft-wrap .form-table td {
2903 padding-right: 0;
2904 }
2905
2906 label.updraft_checkbox {
2907 margin-bottom: 8px;
2908 margin-top: 8px;
2909 margin-left: 36px;
2910 }
2911
2912 .updraft_retain_rules {
2913 position: relative;
2914 margin-right: 0;
2915 border: 1px solid #CCC;
2916 padding: 5px;
2917 margin-bottom: -1px;
2918 }
2919
2920 .updraft_retain_rules_delete {
2921 position: absolute;
2922 right: 0;
2923 top: 5px;
2924 }
2925
2926 a[id*=updraft_retain_] {
2927 display: block;
2928 padding: 15px 15px 15px 0;
2929 }
2930
2931 label.updraft_checkbox > input[type=checkbox] {
2932 margin-left: -33px;
2933 }
2934
2935 #updraft-backupnow-button {
2936 margin: 0;
2937 display: block;
2938 width: 100%;
2939 }
2940
2941 .updraft_next_scheduled_backups_wrapper > .updraft_backup_btn_wrapper {
2942 padding-top: 0;
2943 }
2944
2945 #ud_massactions, #updraft-delete-waitwarning {
2946 width: 100%;
2947 box-sizing: border-box;
2948 text-align: center;
2949 }
2950
2951 #ud_massactions.active {
2952 position: fixed;
2953 top: auto;
2954 bottom: 0;
2955 width: 100%;
2956 box-sizing: border-box;
2957 text-align: center;
2958 box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.08);
2959 background: #FFF;
2960 z-index: 3;
2961 }
2962
2963 #ud_massactions strong {
2964 display: block;
2965 margin-bottom: 5px;
2966 }
2967
2968 small.ud_massactions-tip {
2969 display: block;
2970 }
2971
2972 /* .advert-description {
2973 min-width: 75%;
2974 margin-bottom: 5px;
2975 }
2976
2977 .advert-btn {
2978 margin-top: 15px;
2979 margin-left:86px;
2980 min-width: 100%;
2981 }*/
2982
2983 .existing-backups-table .backup_date_label > div, .existing-backups-table .backup_date_label span > div {
2984 font-weight: normal;
2985 }
2986
2987 .existing-backups-table .backup_date_label .clear-right {
2988 display: inline-block;
2989 }
2990
2991 table.widefat.existing-backups-table {
2992 border: 0;
2993 box-shadow: none;
2994 background: transparent;
2995 }
2996
2997 .existing-backups-table thead {
2998 border: none;
2999 clip: rect(0 0 0 0);
3000 height: 1px;
3001 margin: -1px;
3002 overflow: hidden;
3003 padding: 0;
3004 position: absolute;
3005 width: 1px;
3006 padding: 0;
3007 margin: 0;
3008 }
3009
3010 .existing-backups-table tr {
3011 display: block;
3012 margin-bottom: .625em;
3013 padding-bottom: 16.625px;
3014 width: 100%;
3015 padding: 0;
3016 margin: 0;
3017 margin-bottom: 10px;
3018 background: #FFF;
3019 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
3020 }
3021
3022 .existing-backups-table td {
3023 border-bottom: 1px solid #DDD;
3024 display: block;
3025 font-size: .9em;
3026 text-align: left;
3027 width: 100%;
3028 padding: 10px;
3029 margin: 0;
3030 }
3031
3032 .wp-list-table.existing-backups-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
3033 /*
3034 * aria-label has no advantage, it won't be read inside a table
3035 content: attr(aria-label);
3036 */
3037 content: attr(data-label);
3038 font-weight: bold;
3039 display: block;
3040 position: relative;
3041 left: auto;
3042 padding-bottom: 10px;
3043 width: auto;
3044 text-align: left;
3045 }
3046
3047 .existing-backups-table td:last-child {
3048 border-bottom: 0;
3049 }
3050
3051 .form-table td.updraft_existingbackup_date {
3052 width: inherit;
3053 max-width: 100%;
3054 }
3055
3056 .existing-backups-table td.before-restore-button {
3057 min-height: 36px;
3058 }
3059
3060 .updraft_next_scheduled_backups_wrapper {
3061 -ms-flex-direction: column;
3062 flex-direction: column;
3063 }
3064
3065 .updraft_next_scheduled_backups_wrapper > div {
3066 width: 100%;
3067 }
3068
3069 .updraft_progress_container {
3070 /* width: 77%; */
3071 }
3072
3073 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row {
3074 position: relative;
3075 }
3076
3077 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row.backuprowselected {
3078 background-color: #FFF;
3079 border-left: 4px solid #0572AA;
3080 }
3081
3082 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row td:not(.backup-select) {
3083 margin-left: 50px;
3084 }
3085
3086 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row td.backup-select {
3087 width: 50px !important;
3088 position: absolute;
3089 left: 0;
3090 top: 0;
3091 box-sizing: border-box;
3092 height: 100%;
3093 z-index: 1;
3094 border: none;
3095 border-right: 1px solid rgba(0, 0, 0, 0.05);
3096 }
3097
3098 #updraft-navtab-backups-content .updraft_existing_backups input[type="checkbox"] {
3099 height: 25px;
3100 }
3101
3102 .updraft_migrate_intro button.button.button-primary.button-hero {
3103 display: block;
3104 margin-right: 0;
3105 width: 100%;
3106 max-width: 100%;
3107 }
3108
3109 .updraftclone-main-row {
3110 -ms-flex-direction: column;
3111 flex-direction: column;
3112 }
3113
3114 .updraftclone-main-row > div {
3115 width: auto;
3116 max-width: none;
3117 margin-right: 0;
3118 margin-bottom: 10px;
3119 }
3120
3121 .form-table th {
3122 padding-bottom: 10px;
3123 }
3124
3125 }
3126
3127 @media screen and (max-width: 600px) {
3128
3129 .updraft_next_scheduled_backups_wrapper > div {
3130 }
3131
3132 .updraft_next_scheduled_entity {
3133 float: none;
3134 width: 100%;
3135 margin-bottom: 2em;
3136 }
3137
3138 .updraft_time_now_wrapper {
3139 margin-top: 0;
3140 }
3141
3142 #updraft_lastlogmessagerow h3 {
3143 margin-bottom: 5px;
3144 }
3145
3146 #updraft_lastlogmessagerow .updraft-log-link {
3147 display: block;
3148 float: none;
3149 margin: 0;
3150 margin-bottom: 10px;
3151 }
3152
3153 }
3154
3155 @media screen and (max-width: 520px) {
3156 }
3157
3158 @media only screen and (min-width: 768px) {
3159
3160 .addon-activation-notice {
3161 left: 20em;
3162 }
3163
3164 .existing-backups-table tbody tr:hover {
3165 background: #F1F1F1;
3166 }
3167
3168 .existing-backups-table tbody tr td.before-restore-button {
3169 position: relative;
3170 }
3171
3172 .form-table .existing-backups-table thead th.check-column {
3173 padding-left: 6px;
3174 }
3175
3176 .existing-backups-table tr td:first-child {
3177 border-left: 4px solid transparent;
3178 }
3179
3180 .existing-backups-table tr.backuprowselected td:first-child {
3181 border-left-color: #0572AA;
3182 }
3183
3184 }
3185
3186 @media screen and (min-width: 670px) {
3187
3188 .expertmode .advanced_settings_container .advanced_settings_menu {
3189 float: left;
3190 width: 215px;
3191 border-right: 1px solid rgb(204, 204, 204);
3192 border-bottom: none;
3193 }
3194
3195 .expertmode .advanced_settings_container .advanced_settings_content {
3196 padding-left: 10px;
3197 padding-top: 0px;
3198 }
3199
3200 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button {
3201 display: block;
3202 }
3203
3204 }
3205
3206 @media only screen and (max-width: 1068px) {
3207
3208 .updraft-more-plugins .udp-box {
3209 width: calc(50% - 10px);
3210 margin-bottom: 20px;
3211 }
3212
3213 .updraft_feat_table td:nth-child(2), .updraft_feat_table td:nth-child(3) {
3214 width: 100px;
3215 }
3216
3217 }
3218
3219 @media only screen and (max-width: 600px) {
3220
3221 .updraft-more-plugins .udp-box {
3222 width: 100%;
3223 margin-bottom: 20px;
3224 }
3225
3226 .updraft_feat_table td:nth-child(2), .updraft_feat_table td:nth-child(3) {
3227 width: auto;
3228 }
3229
3230 table.updraft_feat_table {
3231 display: block;
3232 }
3233
3234 table.updraft_feat_table tr {
3235 display: -ms-flexbox;
3236 display: flex;
3237 -ms-flex-wrap: wrap;
3238 flex-wrap: wrap;
3239 }
3240
3241 table.updraft_feat_table td {
3242 display: block;
3243 }
3244
3245 table.updraft_feat_table td:first-child {
3246 width: 100%;
3247 border-bottom: none;
3248 }
3249
3250 table.updraft_feat_table td:not(:first-child) {
3251 width: 50%;
3252 box-sizing: border-box;
3253 }
3254
3255 table.updraft_feat_table td:first-child:empty {
3256 display: none;
3257 }
3258
3259 td[data-colname]::before {
3260 content: attr(data-colname);
3261 font-size: 0.8rem;
3262 color: #CCC;
3263 line-height: 1;
3264 }
3265
3266 }
3267