PluginProbe
UpdraftPlus: WP Backup & Migration Plugin / 1.13.9
UpdraftPlus: WP Backup & Migration Plugin v1.13.9
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 / admin.css

admin.css in UpdraftPlus: WP Backup & Migration Plugin 1.13.9, at css/admin.css

1,747 lines 29.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Widths and sizing */
2 .max-width-600 {
3 max-width: 600px;
4 }
5
6 .width-900 {
7 width: 900px;
8 }
9
10 .width-80 {
11 width: 80%;
12 }
13
14 /* End widths and sizing */
15
16 /* Font styling */
17 .no-decoration {
18 text-decoration: none;
19 }
20
21 .bold {
22 font-weight: bold;
23 }
24
25 /* End font styling */
26 /* Alignment */
27 .center-align-td {
28 text-align: center;
29 }
30
31 /* End of Alignment */
32 /* Padding */
33 .remove-padding {
34 padding: 0 !important;
35 }
36
37 /* End of padding */
38
39 .updraft-text-center {
40 text-align: center;
41 }
42
43 .autobackup {
44 padding: 6px;
45 margin: 8px 0px;
46 }
47
48 ul .disc {
49 list-style: disc inside;
50 }
51
52 .dashicons-log-fix {
53 display: inherit;
54 }
55
56 /* Input boxes */
57
58 input {
59 border-radius: 4px;
60 line-height: 1.42;
61 border: 1px solid #CCC;
62 height: 27px;
63 padding: 2px 6px;
64 color: #555;
65 }
66
67 input[type="text"] {
68 font-size: 14px;
69 }
70
71 input[type="number"] {
72 height: 31px;
73 }
74
75 select {
76 border-radius: 4px;
77 }
78
79 /* End input boxes */
80
81 /* Main Buttons */
82 .main-dashboard-buttons {
83 border-width: 4px;
84 border-radius: 12px;
85 letter-spacing: 0px;
86 font-size: 17px;
87 font-weight: bold;
88 padding-left: 0.7em;
89 padding-right: 2em;
90 padding: 0.3em 1em;
91 line-height: 1.7em;
92 background: transparent;
93 position: relative;
94 border: 2px solid;
95 transition: all 0.2s;
96 vertical-align: baseline;
97 box-sizing: border-box;
98 text-align: center;
99 line-height: 1.3em;
100 margin-left: .3em;
101 text-transform: none;
102 line-height: 1;
103 text-decoration: none;
104 }
105
106 .button-restore {
107 border-color: rgb(98, 158, 192);
108 color: rgb(98, 158, 192);
109 }
110
111 .dashboard-main-sizing {
112 border-width: 4px;
113 width: 190px;
114 line-height: 1.7em;
115 }
116
117 .button-restore:hover, .button-migrate:hover, .button-backup:hover,
118 .button-view-log:hover, .button-mass-selectors:hover,
119 .button-delete:hover, .button-entity-backup:hover, .udp-button-primary:hover {
120 border-color: #DF6926;
121 color: #DF6926;
122 }
123
124 .button-migrate {
125 color: rgb(238, 169, 32);
126 border-color: rgb(238, 169, 32);
127 }
128
129 .button-backup {
130 border-color: #84CA1B;
131 color: #84CA1B;
132 }
133
134 .existing-backups-buttons {
135 font-size: 11px;
136 line-height: 1.4em;
137 border-width: 3px;
138 }
139
140 .existing-backups-restore-buttons {
141 font-size: 11px;
142 line-height: 1.4em;
143 border-width: 3px;
144 }
145
146 .button-delete {
147 color: #E23900;
148 border-color: #E23900;
149 font-size: 14px;
150 line-height: 1.4em;
151 border-width: 2px;
152 margin-right: 10px;
153 }
154
155 .button-view-log, .button-mass-selectors {
156 color: darkgrey;
157 border-color: darkgrey;
158 font-size: 14px;
159 line-height: 1.4em;
160 border-width: 2px;
161 margin-top: -1px;
162 }
163
164 .button-view-log {
165 width: 120px;
166 }
167
168 .button-existing-restore {
169 font-size: 14px;
170 line-height: 1.4em;
171 border-width: 2px;
172 width: 110px;
173 }
174
175 .main-restore {
176 margin-right: 3%;
177 margin-left: 3%;
178 }
179
180 .button-entity-backup {
181 color: #555;
182 border-color: #555;
183 font-size: 11px;
184 line-height: 1.4em;
185 border-width: 2px;
186 margin-right: 5px;
187 }
188
189 .button-select-all {
190 width: 122px;
191 }
192
193 .button-deselect {
194 width: 92px;
195 }
196
197 #ud_massactions > .display-flex > .mass-selectors-margins {
198 margin-right: -4px;
199 }
200
201 .udp-button-primary {
202 border-width: 4px;
203 color: #0073AA;
204 border-color: #0073AA;
205 font-size: 14px;
206 height: 40px;
207 }
208
209 #ud_massactions .button-delete {
210 margin-right: 0px;
211 }
212
213 .stored_local {
214 border-radius: 5px;
215 background-color: #007FE7;
216 padding: 3px 5px 5px 5px;
217 color: #FFF;
218 font-size: 75%;
219 }
220
221 .form-table td.updraft_existingbackup_date {
222 padding-bottom: 5px;
223 }
224
225 span#updraft_lastlogcontainer {
226 word-break: break-all;
227 }
228
229 .stored_icon {
230 height: 1.3em;
231 position: relative;
232 top: 0.2em;
233 }
234
235 .backup_date_label .clear-right {
236 clear: right;
237 }
238
239 /* End Main Buttons */
240
241 /* End of common elements */
242
243 .udp-logo-70 {
244 width: 70px;
245 height: 70px;
246 float: left;
247 padding-right: 25px;
248 }
249
250 h3 .thank-you {
251 margin-top: 0px;
252 }
253
254 .ws_advert {
255 max-width: 800px;
256 font-size: 140%;
257 line-height: 140%;
258 padding: 14px;
259 clear: left;
260 }
261
262 .dismiss-dash-notice {
263 float: right;
264 position: relative;
265 top: -20px;
266 }
267
268 #updraft_report_cell .updraft_reportbox {
269 padding: 8px;
270 margin: 8px 0;
271 border: 1px dotted;
272 clear: left;
273 float: left;
274 }
275
276 #updraft_report_cell button.updraft_reportbox_delete {
277 font-size: 50%;
278 float: right;
279 padding: 0 3px;
280 position: relative;
281 top: -4px;
282 left: 4px;
283 }
284
285 #updraft-navtab-settings-content .updraft-test-button {
286 font-size: 18px !important;
287 }
288
289 #updraft_report_cell .updraft_report_checkbox {
290 margin-top: 4px;
291 }
292
293 #updraft_report_cell .updraft_report_email {
294 width: 300px;
295 }
296
297 #updraft_report_cell .updraft_report_another_p {
298 clear: left;
299 }
300
301 /* Taken straight from admin.php */
302
303 #updraft-navtab-settings-content table.form-table p {
304 max-width: 700px;
305 }
306
307 #updraft-navtab-backups-content .updraft_existing_backups .updraft_existing_backups_row.backuprowselected {
308 background-color: #CCC;
309 }
310
311 .updraft_settings_sectionheading {
312 display: none;
313 }
314
315 .updraft-backupentitybutton-disabled {
316 background-color: transparent;
317 border: none;
318 color: #0074A2;
319 text-decoration: underline;
320 cursor: pointer;
321 clear: none;
322 float: left;
323 }
324
325 .updraft-backupentitybutton {
326 margin-left: 8px;
327 }
328
329 .updraft-bigbutton {
330 padding: 2px 0px !important;
331 margin-right: 14px !important;
332 font-size: 22px !important;
333 min-height: 32px;
334 min-width: 180px;
335 }
336
337 .updraft_debugrow th {
338 float: right;
339 text-align: right;
340 font-weight: bold;
341 padding-right: 8px;
342 min-width: 140px;
343 }
344
345 .updraft_debugrow td {
346 min-width: 300px;
347 vertical-align: bottom;
348 }
349
350 #updraft_webdav_host_error {
351 color: red;
352 }
353
354 /* jstree styles */
355
356 /* these styles hide the dots from the parent but keep the arrows */
357 #updraft_zip_files_jstree .jstree-container-ul > .jstree-node,
358 #updraft_more_files_jstree .jstree-container-ul > .jstree-node {
359 background: transparent;
360 }
361
362 #updraft_zip_files_jstree .jstree-container-ul > .jstree-open > .jstree-ocl,
363 #updraft_more_files_jstree .jstree-container-ul > .jstree-open > .jstree-ocl {
364 background-position: -36px -4px;
365 }
366
367 #updraft_zip_files_jstree .jstree-container-ul > .jstree-closed> .jstree-ocl,
368 #updraft_more_files_jstree .jstree-container-ul > .jstree-closed> .jstree-ocl {
369 background-position: -4px -4px;
370 }
371
372 #updraft_zip_files_jstree .jstree-container-ul > .jstree-leaf> .jstree-ocl,
373 #updraft_more_files_jstree .jstree-container-ul > .jstree-leaf> .jstree-ocl {
374 background: transparent;
375 }
376
377 /* zip browser jstree styles */
378 #updraft_zip_files_container {
379 position: relative;
380 height: 450px;
381 overflow: none;
382 }
383
384 #updraft_zip_info_container {
385 position: relative;
386 height: auto;
387 width: 100%;
388 border: 1px dotted;
389 margin-bottom: 5px;
390 }
391
392 #updraft_zip_info_container p {
393 margin: 1px;
394 padding-left: 10px;
395 font-size: 14px;
396 }
397
398 #updraft_zip_download_item {
399 display: none;
400 color: #0073AA;
401 padding-left: 10px;
402 }
403
404 #updraft_zip_download_notice {
405 padding-left: 10px;
406 }
407
408 #updraft_zip_files_jstree_container {
409 position: relative;
410 border: 1px dotted;
411 height: 80%;
412 width: 100%;
413 overflow: auto;
414 }
415
416 /* More files jstree styles */
417 #updraft_more_files_container {
418 position: relative;
419 display: none;
420 height: 300px;
421 width: 100%;
422 border: 1px dotted;
423 margin-bottom: 5px;
424 }
425
426 #updraft_jstree_buttons {
427 position: absolute;
428 top: 0;
429 right: 0;
430 }
431
432 #updraft_jstree_container {
433 height: 100%;
434 width: 100%;
435 overflow: auto;
436 }
437
438 #updraft_more_files_container button {
439 height: 22px;
440 line-height: 20px;
441 }
442
443 #updraft_jstree_confirm, #updraft_jstree_cancel {
444 display: none;
445 }
446
447 .updraftplus-morefiles-row-delete {
448 cursor: pointer;
449 color: red;
450 font-size: 23px !important;
451 }
452
453 .updraftplus-morefiles-row-edit {
454 cursor: pointer;
455 font-size: 24px !important;
456 }
457
458 #updraft-wrap .form-table th {
459 width: 230px;
460 }
461
462 .updraftplus-remove {
463 background-color: #C00000;
464 border: 1px solid #C00000;
465 height: 22px;
466 padding: 4px 3px 0 3px;
467 margin-right: 6px;
468 }
469
470 .updraft-viewlogdiv form {
471 margin: 0;
472 padding: 0;
473 }
474
475 .updraft-viewlogdiv {
476 background-color: #FFF;
477 color: #000;
478 border: 1px solid #000;
479 height: 26px;
480 padding: 0px;
481 margin: 0 4px 0 0;
482 border-radius: 3px;
483 float: left;
484 }
485
486 .updraft-viewlogdiv input, .updraft-viewlogdiv a {
487 border: none;
488 background-color: transparent;
489 color: #000;
490 margin: 0px;
491 padding: 3px 4px;
492 font-size: 16px;
493 line-height: 26px;
494 }
495
496 .updraft-viewlogdiv:hover {
497 background-color: #000;
498 color: #FFF;
499 border: 1px solid #FFF;
500 cursor: pointer;
501 }
502
503 .updraft-viewlogdiv input:hover, .updraft-viewlogdiv a:hover {
504 color: #FFF;
505 cursor: pointer;
506 }
507
508 .updraftplus-remove a {
509 color: white;
510 padding: 4px 4px 0px 4px;
511 }
512
513 .updraftplus-remove:hover {
514 background-color: white;
515 border: 1px solid #C00000;
516 }
517
518 .updraftplus-remove a:hover {
519 color: #C00000;
520 }
521
522 .drag-drop #drag-drop-area2 {
523 border: 4px dashed #DDD;
524 height: 200px;
525 }
526
527 #drag-drop-area2 .drag-drop-inside {
528 margin: 36px auto 0;
529 width: 350px;
530 }
531
532 #filelist, #filelist2 {
533 width: 100%;
534 }
535
536 #filelist .file, #filelist2 .file, .ud_downloadstatus .file, #ud_downloadstatus2 .file {
537 padding: 5px;
538 background: #ECECEC;
539 border: solid 1px #CCC;
540 margin: 4px 0;
541 }
542
543 ul.updraft_premium_description_list {
544 list-style: disc inside;
545 }
546
547 ul.updraft_premium_description_list li {
548 display: inline;
549 }
550
551 ul.updraft_premium_description_list li::after {
552 content: " | ";
553 }
554
555 ul.updraft_premium_description_list li.last::after {
556 content: "";
557 }
558
559 .updraft_feature_cell {
560 background-color: #F7D9C9 !important;
561 padding: 5px 10px;
562 }
563
564 .updraft_feat_table, .updraft_feat_th, .updraft_feat_table td {
565 border: 1px solid black;
566 border-collapse: collapse;
567 font-size: 120%;
568 background-color: white;
569 text-align: center;
570 }
571
572 .updraft_feat_table p {
573 padding: 0px 10px;
574 margin: 5px 0px;
575 font-size: 16px;
576 }
577
578 .updraft_feat_table h4 {
579 margin: 5px 0px;
580 }
581
582 .updraft_feat_table .dashicons {
583 width: 25px;
584 height: 25px;
585 font-size: 25px;
586 line-height: 1;
587 }
588
589 .updraft_feat_table .dashicons-yes, .updraft_feat_table .updraft-yes {
590 color: green;
591 }
592
593 .updraft_feat_table .dashicons-no-alt, .updraft_feat_table .updraft-no {
594 color: red;
595 }
596
597 .updraft_tick_cell {
598 text-align: center;
599 }
600
601 .updraft_tick_cell img {
602 margin: 4px 0;
603 height: 24px;
604 }
605
606 #filelist .fileprogress, #filelist2 .fileprogress, .ud_downloadstatus .dlfileprogress, #ud_downloadstatus2 .dlfileprogress {
607 width: 0%;
608 background: #F6A828;
609 height: 5px;
610 }
611
612 .ud_downloadstatus .raw, #ud_downloadstatus2 .raw {
613 margin-top: 8px;
614 clear: left;
615 }
616
617 .ud_downloadstatus .file, #ud_downloadstatus2 .file {
618 margin-top: 8px;
619 }
620
621 tr.updraftplusmethod h3 {
622 margin: 0px;
623 }
624
625 #updraft_retain_db_rules .updraft_retain_rules_delete, #updraft_retain_files_rules .updraft_retain_rules_delete {
626 cursor: pointer;
627 color: red;
628 font-size: 120%;
629 font-weight: bold;
630 border: 0px;
631 border-radius: 3px;
632 padding: 2px;
633 margin: 0 6px;
634 }
635
636 #updraft_retain_db_rules .updraft_retain_rules_delete:hover, #updraft_retain_files_rules .updraft_retain_rules_delete:hover {
637 cursor: pointer;
638 color: white;
639 background: red;
640 }
641
642 #updraft_backup_started {
643 max-width: 800px;
644 font-size: 140%;
645 line-height: 140%;
646 padding: 14px;
647 clear: left;
648 }
649
650 .udp-premium-image {
651 display: none;
652 }
653
654 @media screen and (min-width: 720px) {
655
656 .udp-premium-image {
657 display: block;
658 float: left;
659 padding-right: 5px;
660 }
661
662 }
663
664 /* End stuff already in admin.php */
665 #plupload-upload-ui2 {
666 width: 80%;
667 }
668
669 .backup-restored {
670 padding: 8px;
671 }
672
673 .backup-restored span {
674 font-size: 120%;
675 }
676
677 .memory-limit {
678 padding: 8px;
679 }
680
681 .updraft_list_errors {
682 padding: 8px;
683 }
684
685 /*.nav-tab {
686 border-radius: 20px 20px 0 0;
687 border-color: grey;
688 border-width: 2px;
689 margin-top: 34px;
690 }
691
692 .nav-tab:hover {
693 border-bottom: 0;
694 }
695
696 .nav-tab-active, .nav-tab-active:active {
697 color: #df6926;
698 border-color: #D3D3D3;
699 border-width: 1px;
700 border-bottom: 0;
701 }
702
703 .nav-tab-active:focus {
704 color: #df6926;
705 }*/
706
707 .nav-tab-wrapper {
708 margin: 14px 0px;
709 }
710
711 #updraft-poplog-content {
712 white-space: pre-wrap;
713 }
714
715 .next-backup {
716 border: 0px;
717 padding: 0px;
718 margin: 0 10px 0 0;
719 }
720
721 .not-scheduled {
722 vertical-align: top !important;
723 margin: 0px !important;
724 padding: 0px !important;
725 }
726
727 .next-backup .updraft_scheduled {
728 /* width: 124px;*/
729 margin: 0px;
730 padding: 2px 4px 2px 0px;
731 }
732
733 #next-backup-table-inner td {
734 vertical-align: top;
735 }
736
737 .next-backup .updraft_all-files {
738 color: blue;
739 margin: 0px;
740 padding: 2px 0px 0px 0px;
741 }
742
743 .multisite-advert-width {
744 width: 800px;
745 }
746
747 .updraft_settings_sectionheading {
748 margin-top: 6px;
749 }
750
751 .premium-upgrade-prompt {
752 font-size: 115%;
753 }
754
755 .updraft_feat_table {
756 margin-top: 30px;
757 }
758
759 .show_admin_restore_in_progress_notice {
760 padding: 8px;
761 }
762
763 .show_admin_restore_in_progress_notice .unfinished-restoration {
764 font-size: 120%;
765 }
766
767 #backupnow_includefiles_moreoptions, #backupnow_database_moreoptions {
768 margin: 4px 16px 6px 16px;
769 border: 1px dotted;
770 padding: 6px 10px;
771 }
772
773 #backupnow_database_moreoptions {
774 max-height: 250px;
775 overflow: auto;
776 }
777
778 .form-table #updraft_activejobsrow .minimum-height {
779 min-height: 100px;
780 }
781
782 #updraft_lastlogmessagerow .last-message {
783 padding-top: 20px;
784 display: block;
785 }
786
787 .updraft_simplepie {
788 vertical-align: top;
789 }
790
791 .download-backups {
792 margin-top: 8px;
793 }
794
795 .download-backups .updraft_download_button {
796 margin-right: 6px;
797 margin-top: 4px;
798 }
799
800 .download-backups .choose-components-button {
801 font-size: 16px;
802 }
803
804 .download-backups .ud-whitespace-warning {
805 background-color: pink;
806 padding: 8px;
807 margin: 4px;
808 border: 1px dotted;
809 }
810
811 .download-backups .ul {
812 list-style: none inside;
813 max-width: 800px;
814 margin-top: 6px;
815 margin-bottom: 12px;
816 }
817
818 #updraft-plupload-modal {
819 width: 75%;
820 margin: 16px;
821 margin-left: 100px;
822 }
823
824 .download-backups .upload {
825 max-width: 610px;
826 }
827
828 .download-backups #plupload-upload-ui {
829 width: 70%;
830 }
831
832 .ud_downloadstatus {
833 padding: 10px;
834 background: #F1F1F1;
835 }
836
837 #ud_massactions {
838 padding: 14px;
839 position: fixed;
840 right: 25%;
841 top: 25%;
842 border: 2px solid;
843 border-radius: 4px;
844 background: rgb(241, 241, 241);
845 float: right;
846 }
847
848 #ud_massactions .updraftplus-remove {
849 clear: left;
850 font-size: 16px;
851 text-align: center;
852 border-radius: 4px;
853 margin-top: 4px;
854 }
855
856 #ud_massactions .updraftplus-remove a {
857 text-decoration: none;
858 }
859
860 #ud_massactions .updraft-viewlogdiv {
861 font-size: 16px;
862 text-align: center;
863 border-radius: 4px;
864 margin-top: 4px;
865 }
866
867 #ud_massactions .updraft-viewlogdiv a {
868 text-decoration: none;
869 position: relative;
870 top: 3px;
871 }
872
873 #ud_massactions .updraft-viewlogdiv a {
874 text-decoration: none;
875 position: relative;
876 top: 3px;
877 }
878
879 #updraft-navtab-backups-content .updraft_existing_backups {
880 margin-bottom: 12px;
881 }
882
883 #updraft-message-modal-innards {
884 padding: 4px;
885 }
886
887 #updraft-authenticate-modal {
888 text-align: center;
889 font-size: 16px !important;
890 }
891
892 #updraft-authenticate-modal p {
893 font-size: 16px;
894 }
895
896 #updraft_delete_form p {
897 margin-top: 3px;
898 padding-top: 0;
899 }
900
901 #updraft_restore_form .cannot-restore {
902 margin: 8px 0;
903 }
904
905 #updraft_restorer_dboptions {
906 padding: 12px;
907 margin: 8px 0 4px 0;
908 border: dashed 1px;
909 }
910
911 #updraft_restorer_dboptions h4 {
912 margin: 0px 0px 6px 0px;
913 padding: 0px;
914 }
915
916 .updraft_debugrow th {
917 vertical-align: top;
918 padding-top: 6px;
919 }
920
921 .expertmode p {
922 font-size: 125%;
923 }
924
925 .expertmode .call-wp-action {
926 width: 300px;
927 height: 22px;
928 }
929
930 .updraftplus-lock-advert {
931 clear: left;
932 max-width: 600px;
933 }
934
935 .uncompressed-data {
936 clear: left;
937 max-width: 600px;
938 }
939
940 .delete-old-directories {
941 padding: 8px;
942 padding-bottom: 12px;
943 }
944
945 .active-jobs {
946 min-width: 480px;
947 min-height: 48px;
948 text-align: center;
949 margin-top: 4px;
950 padding: 8px;
951 border: 1px solid;
952 float: left;
953 clear: left;
954 }
955
956 .job-id {
957 min-width: 480px;
958 margin-top: 4px;
959 padding: 8px;
960 border: 1px solid;
961 clear: left;
962 float: left;
963 }
964
965 .next-resumption {
966 font-weight: bold;
967 }
968
969 .updraft_percentage {
970 z-index: -1;
971 position: absolute;
972 left: 0px;
973 top: 0px;
974 text-align: center;
975 background-color: #F6A828;
976 }
977
978 .curstage {
979 border-radius: 4px;
980 margin-top: 8px;
981 padding-top: 4px;
982 border: 1px solid #AAA;
983 width: 100%;
984 height: 22px;
985 position: relative;
986 text-align: center;
987 font-style: italic;
988 }
989
990 .retain-files {
991 width: 48px;
992 }
993
994 .backup-interval-description tr td div {
995 max-width: 670px;
996 }
997
998 #updraft-manualdecrypt-modal {
999 width: 85%;
1000 margin: 6px;
1001 margin-left: 100px;
1002 }
1003
1004 .directory-permissions {
1005 font-size: 110%;
1006 font-weight: bold;
1007 }
1008
1009 .double-warning {
1010 border: 1px solid;
1011 padding: 6px;
1012 }
1013
1014 .raw-backup-info {
1015 font-style: italic;
1016 font-weight: bold;
1017 font-size: 120%;
1018 }
1019
1020 .updraft_existingbackup_date {
1021 width: 22%;
1022 max-width: 140px;
1023 }
1024
1025 .existing-backups-table {
1026 margin-top: 20px;
1027 margin-left: 20px;
1028 width: 80%;
1029 }
1030
1031 .tr-bottom-4 {
1032 margin-bottom: 4px;
1033 }
1034
1035 .form-table .backup-date {
1036 width: 172px;
1037 padding: 0;
1038 padding-left: 15px;
1039 }
1040
1041 .form-table .backup-data {
1042 width: 426px;
1043 padding: 0;
1044 padding-left: 15px;
1045 }
1046
1047 .form-table .updraft_backup_actions {
1048 width: 272px;
1049 padding: 0 0 10px 15px;
1050 }
1051
1052 .existing-date {
1053 -webkit-box-sizing: border-box;
1054 -moz-box-sizing: border-box;
1055 box-sizing: border-box;
1056 max-width: 140px;
1057 width: 25%;
1058 }
1059
1060 .line-break-tr {
1061 height: 2px;
1062 padding: 1px;
1063 margin: 0px;
1064 }
1065
1066 .line-break-td {
1067 margin: 0;
1068 padding: 0;
1069 }
1070
1071 .td-line-color {
1072 height: 2px;
1073 background-color: #888;
1074 }
1075
1076 .raw-backup {
1077 max-width: 140px;
1078 }
1079
1080 .existing-backups-actions {
1081 padding: 1px;
1082 margin: 0px;
1083 }
1084
1085 .existing-backups-border {
1086 height: 2px;
1087 padding: 1px;
1088 margin: 0px;
1089 }
1090
1091 .existing-backups-border > td {
1092 margin: 0;
1093 padding: 0;
1094 }
1095
1096 .existing-backups-border > div {
1097 height: 2px;
1098 background-color: #AAA;
1099 }
1100
1101 .updraft_existing_backup_date {
1102 max-width: 140px;
1103 }
1104
1105 .restore-button {
1106 margin-right: 6px;
1107 float: left;
1108 clear: none;
1109 }
1110
1111 .updraftplus-remove {
1112 font-size: 16px;
1113 text-align: center;
1114 border-radius: 4px;
1115 }
1116
1117 .before-restore-button {
1118 padding: 1px;
1119 margin: 0px;
1120 }
1121
1122 .table-separator-tr {
1123 height: 2px;
1124 padding: 1px;
1125 margin: 0px;
1126 }
1127
1128 .table-separator-td {
1129 margin: 0px;
1130 padding: 0px;
1131 }
1132
1133 .end-of-table-div {
1134 height: 2px;
1135 background-color: #AAA;
1136 }
1137
1138 .last-backup-job {
1139 padding-top: 3% !important;
1140 }
1141
1142 .line-height-03 {
1143 line-height: 0.3 !important;
1144 }
1145
1146 .line-height-13 {
1147 line-height: 1.3 !important;
1148 }
1149
1150 .line-height-23 {
1151 line-height: 2.3 !important;
1152 }
1153
1154 #updraft_diskspaceused {
1155 color: #DF6926;
1156 }
1157
1158 .updraft_premium_description_list {
1159 text-align: left;
1160 }
1161
1162 #updraft_delete_old_dirs_pagediv {
1163 padding-bottom: 10px;
1164 }
1165
1166 /*#updraft_lastlogmessagerow > td, #updraft_last_backup > td {
1167 padding: 0;
1168 }*/
1169
1170 .job-id {
1171 margin: 0 auto;
1172 width: 20%;
1173 }
1174
1175 .updraft_all-files {
1176 color: #DF6926;
1177 }
1178
1179 /* Time + scheduling add-on*/
1180 .fix-time {
1181 width: 70px;
1182 }
1183
1184 .retain-files {
1185 width: 70px;
1186 }
1187
1188 .number-input {
1189 min-width: 50px;
1190 max-width: 70px;
1191 }
1192
1193 .additional-rule-width {
1194 min-width: 60px;
1195 max-width: 70px;
1196 }
1197
1198 /* Add-ons */
1199 /* Want to fix the WordPress icons so that they fit inline with the text, and don't push everything out of place. */
1200
1201 .dashicons {
1202 line-height: inherit;
1203 font-size: inherit;
1204 }
1205
1206 .addon-logo-150 {
1207 margin-left: 30px;
1208 margin-top: 33px;
1209 height: 125px;
1210 width: 150px;
1211 }
1212
1213 .margin-bottom-50 {
1214 margin-bottom: 50px;
1215 }
1216
1217 .premium-container {
1218 width: 80%;
1219 }
1220
1221 /* Main Header */
1222
1223 .main-header {
1224 background-color: #DF6926;
1225 height: 200px;
1226 width: 100%;
1227 }
1228
1229 .button-add-to-cart {
1230 color: white;
1231 border-color: white;
1232 float: none;
1233 margin-right: 17px;
1234 }
1235
1236 .button-add-to-cart:hover, .button-add-to-cart:focus, .button-add-to-cart:active {
1237 border-color: #A0A5AA;
1238 color: #A0A5AA;
1239 }
1240
1241 .addon-title {
1242 margin-top: 25px;
1243 }
1244
1245 .addon-text {
1246 margin-top: 75px;
1247 }
1248
1249 .image-main-div {
1250 width: 25%;
1251 float: left;
1252 }
1253
1254 .text-main-div {
1255 width: 60%;
1256 float: left;
1257 text-align: center;
1258 color: white;
1259 margin-top: 16px;
1260 }
1261
1262 .text-main-div-title {
1263 font-weight: bold !important;
1264 color: white;
1265 text-align: center;
1266 }
1267
1268 .text-main-div-paragraph {
1269 color: white;
1270 }
1271
1272 /* End main header */
1273
1274 /* Vault icons */
1275
1276 .updraftplus-vault-cta {
1277 width: 100%;
1278 text-align: center;
1279 margin-bottom: 50px;
1280 }
1281
1282 .updraftplus-vault-cta h1 {
1283 font-weight: bold;
1284 }
1285
1286 .updraftvault-buy {
1287 width: 225px;
1288 height: 225px;
1289 border: 2px solid #777;
1290 display: inline-table;
1291 margin: 0 auto;
1292 margin-right: 50px;
1293 position: relative;
1294 }
1295
1296 .updraftplus-vault-cta > .vault-options > .center-vault {
1297 width: 275px;
1298 height: 275px;
1299 }
1300
1301 .updraftplus-vault-cta > .vault-options > .center-vault > a {
1302 right: 21%;
1303 font-size: 16px;
1304 border-width: 4px !important;
1305 }
1306
1307 .updraftplus-vault-cta > .vault-options > .center-vault > p {
1308 font-size: 16px;
1309 }
1310
1311 .updraftvault-buy .button-purchase {
1312 right: 24%;
1313 margin-left: 0;
1314 line-height: 1.7em;
1315 }
1316
1317 .updraftvault-buy hr {
1318 height: 2px;
1319 background-color: #777;
1320 margin-top: 18px;
1321 }
1322
1323 .right {
1324 margin-right: 0px;
1325 }
1326
1327 .updraftvault-buy .addon-logo-100 {
1328 height: 100px;
1329 width: 125px;
1330 margin-top: 7px;
1331 }
1332
1333 .updraftvault-buy .addon-logo-large {
1334 margin-top: 7px;
1335 }
1336
1337 .updraftvault-buy .button-buy-vault {
1338 font-size: 12px;
1339 color: #DF6926;
1340 border-color: #DF6926;
1341 border-width: 2px !important;
1342 position: absolute;
1343 right: 29%;
1344 bottom: 2%;
1345 }
1346
1347 .premium-addon-div .button-purchase {
1348 line-height: 1.7em;
1349 }
1350
1351 .updraftvault-buy .button-buy-vault:hover {
1352 border-color: darkgrey;
1353 color: darkgrey;
1354 }
1355
1356 /* End Vault icons */
1357
1358 /* Premium addons */
1359
1360 .premium-addons {
1361 margin-top: 80px;
1362 width: 100%;
1363 margin: 0 auto;
1364 display: table;
1365 }
1366
1367 .addon-list {
1368 /* margin-left: 32px; */
1369 display: table;
1370 text-align: center;
1371 }
1372
1373 .premium-addons h1 {
1374 text-align: center;
1375 font-weight: bold;
1376 }
1377
1378 .premium-addons p {
1379 text-align: center;
1380 }
1381
1382 .premium-addons .premium-addon-div {
1383 width: 200px;
1384 height: 250px;
1385 border: 2px solid #777;
1386 display: inline-table;
1387 margin: 0 auto;
1388 margin-right: 25px;
1389 margin-top: 25px;
1390 text-align: center;
1391 position: relative;
1392 }
1393
1394 .premium-addons .premium-addon-div p {
1395 margin-left: 2px;
1396 margin-right: 2px;
1397 }
1398
1399 .premium-addons .premium-addon-div img {
1400 width: auto;
1401 height: 50px;
1402 margin-top: 7px;
1403 }
1404
1405 .premium-addons .premium-addon-div .hr-alignment {
1406 margin-top: 44px;
1407 }
1408
1409 .premium-addons .premium-addon-div .dropbox-logo {
1410 height: 39px;
1411 width: 150px;
1412 }
1413
1414 .premium-addons .premium-addon-div .azure-logo, .premium-addons .premium-addon-div .onedrive-logo {
1415 width: 75%;
1416 height: 24px;
1417 }
1418
1419 .button-purchase {
1420 font-size: 12px;
1421 color: #DF6926;
1422 border-color: #DF6926;
1423 border-width: 2px !important;
1424 position: absolute;
1425 right: 25%;
1426 bottom: 2%;
1427 }
1428
1429 .button-purchase:hover {
1430 color: darkgrey;
1431 border-color: darkgrey;
1432 }
1433
1434 .premium-addons .premium-addon-div hr {
1435 height: 2px;
1436 background-color: #777;
1437 margin-top: 18px;
1438 }
1439
1440 .premium-addon-div p {
1441 font-style: italic;
1442 }
1443
1444 .addon-list > .premium-addon-div > .onedrive-fix,
1445 .addon-list > .premium-addon-div > .azure-logo {
1446 margin-top: 33px;
1447 }
1448
1449 .addon-list > .premium-addon-div > .dropbox-fix {
1450 margin-top: 18px;
1451 }
1452
1453 /* End premium addons */
1454
1455
1456 /* Forgotton something (that is the name of the div rather than a mental note!) */
1457
1458 .premium-forgotton-something {
1459 margin-top: 5%;
1460 }
1461
1462 .premium-forgotton-something h1 {
1463 text-align: center;
1464 font-weight: bold;
1465 }
1466
1467 .premium-forgotton-something p {
1468 text-align: center;
1469 font-weight: normal;
1470 }
1471
1472 .premium-forgotton-something .button-faq {
1473 color: #DF6926;
1474 border-color: #DF6926;
1475 margin: 0 auto;
1476 display: table;
1477 }
1478
1479 .premium-forgotton-something .button-faq:hover {
1480 color: #777;
1481 border-color: #777;
1482 }
1483
1484 /* End of forgotton something */
1485
1486 .updraftplusmethod.updraftvault #vaultlogo {
1487 padding-left: 40px;
1488 }
1489
1490 .updraftplusmethod.updraftvault .vault_primary_option {
1491 float: left;
1492 width: 50%;
1493 text-align: center;
1494 padding-bottom: 20px;
1495 }
1496
1497 .updraftplusmethod.updraftvault .vault_primary_option div {
1498 clear: right;
1499 padding-top: 20px;
1500 }
1501
1502 .updraftplusmethod.updraftvault .clear-left {
1503 clear: left;
1504 }
1505
1506 .updraftplusmethod.updraftvault .padding-top-20px {
1507 padding-top: 20px;
1508 }
1509
1510 .updraftplusmethod.updraftvault .padding-top-14px {
1511 padding-top: 14px;
1512 }
1513
1514 .updraftplusmethod.updraftvault #updraftvault_settings_default .button-primary, .updraftplusmethod.updraftvault #updraftvault_settings_showoptions .button-primary {
1515 font-size: 18px !important;
1516 padding-bottom: 20px;
1517 }
1518
1519 .updraftplusmethod.updraftvault #updraftvault_showoptions, .updraftplusmethod.updraftvault #updraftvault_connect {
1520 margin-top: 8px;
1521 }
1522
1523 .updraftplusmethod.updraftvault #updraftvault_settings_connect input {
1524 margin-right: 10px;
1525 }
1526
1527 .updraftplusmethod.updraftvault #updraftvault_email {
1528 width: 280px;
1529 }
1530
1531 .updraftplusmethod.updraftvault #updraftvault_pass {
1532 width: 200px;
1533 }
1534
1535 .updraftplusmethod.updraftvault #vault-is-connected {
1536 margin: 0;
1537 padding: 0;
1538 }
1539
1540 .updraftplusmethod.updraftvault #updraftvault_settings_default p {
1541 clear: left;
1542 }
1543
1544 .updraftplusmethod.updraftvault .vault-purchase-option {
1545 float: left;
1546 width: 33%;
1547 text-align: center;
1548 padding-top: 20px;
1549 }
1550
1551 .updraftplusmethod.updraftvault .vault-purchase-option-size {
1552 font-size: 200%;
1553 font-weight: bold;
1554 }
1555
1556 .updraftplusmethod.updraftvault .vault-purchase-option-link {
1557 clear: both;
1558 font-size: 150%;
1559 }
1560
1561 .updraftplusmethod.updraftvault .vault-purchase-option-or {
1562 clear: both;
1563 font-size: 115%;
1564 font-style: italic;
1565 }
1566
1567 /* Automation Backup Advert by B */
1568 .autobackup-image {
1569 /* display: inline-block; */
1570 /* min-width: 10%;
1571 max-width:25%;*/
1572 /* float: left;*/
1573 clear: left;
1574 float: left;
1575 width: 110px;
1576 height: 110px;
1577 }
1578
1579 .autobackup-description {
1580 width: 100%;
1581 }
1582
1583 .advert-description {
1584 float: left;
1585 clear: right;
1586 padding: 4px 10px 8px 10px;
1587 width: 70%;
1588 clear: right;
1589 vertical-align: top;
1590 }
1591
1592 .advert-btn {
1593 display: inline-block;
1594 min-width: 10%;
1595 vertical-align: top;
1596 margin-bottom: 8px;
1597 }
1598
1599 .advert-btn:first-of-type {
1600 margin-top: 25px;
1601 }
1602
1603 .advert-btn a {
1604 display: block;
1605 cursor: pointer;
1606 }
1607
1608 a.btn-get-started {
1609 background: #FFF;
1610 border: 2px solid #DF6926;
1611 border-radius: 4px;
1612 color: #DF6926;
1613 display: inline-block;
1614 margin-left: 10px !important;
1615 margin-bottom: 7px !important;
1616 font-size: 18px !important;
1617 line-height: 20px;
1618 min-height: 28px;
1619 padding: 11px 10px 5px 10px;
1620 text-transform: uppercase;
1621 text-decoration: none;
1622 }
1623
1624 .circle-dblarrow {
1625 border: 1px solid #DF6926;
1626 border-radius: 100%;
1627 display: inline-block;
1628 font-size: 17px;
1629 line-height: 17px;
1630 margin-left: 5px;
1631 width: 20px;
1632 height: 20px;
1633 text-align: center;
1634 }
1635
1636 @media screen and (max-width: 782px) {
1637 /* .advert-description {
1638 min-width: 75%;
1639 margin-bottom: 5px;
1640 }
1641
1642 .advert-btn {
1643 margin-top: 15px;
1644 margin-left:86px;
1645 min-width: 100%;
1646 }*/
1647 }
1648
1649 /* End Automation Backup Advert by B */
1650 /* New Responsive Pretty Advanced Settings */
1651 .expertmode .advanced_settings_container {
1652 height: auto;
1653 overflow: hidden;
1654 }
1655
1656 .expertmode .advanced_settings_container .advanced_settings_menu {
1657 float: none;
1658 border-bottom: 1px solid rgb(204, 204, 204);
1659 }
1660
1661 .expertmode .advanced_settings_container .advanced_settings_content {
1662 padding-top: 5px;
1663 float: none;
1664 width: auto;
1665 overflow: auto;
1666 }
1667
1668 .expertmode .advanced_settings_container .advanced_settings_content h3 {
1669 margin-top: 5px !important;
1670 }
1671
1672 .expertmode .advanced_settings_container .advanced_settings_content .advanced_tools {
1673 display: none;
1674 }
1675
1676 .expertmode .advanced_settings_container .advanced_settings_content .site_info {
1677 display: block;
1678 }
1679
1680 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button {
1681 display: inline-block;
1682 cursor: pointer;
1683 padding: 5px;
1684 color: #000;
1685 }
1686
1687 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_text {
1688 font-size: 16px;
1689 }
1690
1691 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button:hover {
1692 background-color: #EAEAEA;
1693 }
1694
1695 .expertmode .advanced_settings_container .advanced_settings_menu .active {
1696 background-color: #3498DB;
1697 color: #FFF;
1698 }
1699
1700 .expertmode .advanced_settings_container .advanced_settings_menu .active:hover {
1701 background-color: #72C5FD;
1702 color: #FFF;
1703 }
1704
1705 .expertmode .advanced_settings_container .advanced_settings_content input#import_settings {
1706 height: auto !important;
1707 }
1708
1709 div#updraft-wrap a {
1710 cursor: pointer !important;
1711 }
1712
1713 #updraftcentral_keys_table {
1714 display: none;
1715 }
1716
1717 .create_key_container {
1718 border: 1px solid;
1719 border-radius: 4px;
1720 padding: 0 0 6px 6px;
1721 margin-bottom: 8px;
1722 }
1723
1724 #updraftcentral_keycreate_mothership {
1725 margin-left: 24px;
1726 }
1727
1728 @media screen and (min-width: 670px) {
1729
1730 .expertmode .advanced_settings_container .advanced_settings_menu {
1731 float: left;
1732 width: 215px;
1733 border-right: 1px solid rgb(204, 204, 204);
1734 border-bottom: none;
1735 }
1736
1737 .expertmode .advanced_settings_container .advanced_settings_content {
1738 padding-left: 10px;
1739 padding-top: 0px;
1740 }
1741
1742 .expertmode .advanced_settings_container .advanced_settings_menu .advanced_tools_button {
1743 display: block;
1744 }
1745
1746 }
1747