PluginProbe
UpdraftCentral Dashboard / 0.3.4
UpdraftCentral Dashboard v0.3.4
0.8.33 0.7.2 0.7.3 0.7.4 0.8.0 0.8.1 0.8.10 0.8.11 0.8.12 0.8.13 0.8.14 0.8.15 0.8.16 0.8.17 0.8.18 0.8.19 0.8.2 0.8.20 0.8.21 0.8.22 0.8.23 0.8.24 0.8.25 0.8.26 0.8.27 All 51 releases
updraftcentral / css / dashboard.css

dashboard.css in UpdraftCentral Dashboard 0.3.4, at css/dashboard.css

2,070 lines 45.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 * Sections: you can search for these for quicker navigation through this CSS file
3 *
4 * 1. Dashboard notices
5 * 2. Managing sites
6 * 3. General page layout + typography
7 * 4. Universal state elements (e.g. spinners)
8 * 5. Backup related
9 * 6. Dropdown menu
10 * 7. UpdraftPlus settings
11 *
12 * Spinner images, to be incorporated: wp-includes/images/spinner.gif wp-includes/images/spinner-2x.gif
13 *
14 */
15
16 /* 1. Dashboard notices */
17
18 h1, h2, h3, h4, h5, h6 {
19 color: #df6926;
20 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
21 font-weight: normal;
22 }
23
24 #updraftcentral_dashboard_loading {
25 margin-top: 12px;
26 }
27
28 #updraftcentral_notice_container .updraftcentral_notice {
29 border-left: 5px solid;
30 background-color: #f7f7f7;
31 padding: 12px 6px 12px 12px;
32 margin: 12px 0;
33 clear: both;
34 }
35
36 #updraftcentral_notice_container .updraftcentral_notice_dismiss::before {
37 background: none;
38 color: #b4b9be;
39 content: "\f153";
40 display: block;
41 font: normal 16px/20px dashicons;
42 speak: none;
43 height: 20px;
44 text-align: center;
45 width: 20px;
46 -webkit-font-smoothing: antialiased;
47 -moz-osx-font-smoothing: grayscale;
48 }
49
50 #updraftcentral_notice_container .updraftcentral_notice_contents {
51 width: 95%;
52 }
53
54 #updraftcentral_notice_container .updraftcentral_notice_dismiss {
55 float: right;
56 position: relative;
57 top: -4px;
58 border: medium none;
59 margin: 0px;
60 padding: 9px;
61 background: transparent none repeat scroll 0% 0%;
62 color: #B4B9BE;
63 cursor: pointer;
64 }
65
66 #updraftcentral_notice_container .updraftcentral_notice_dismiss:hover::before, #updraftcentral_notice_container .updraftcentral_notice_dismiss:active::before, #updraftcentral_notice_container .updraftcentral_notice_dismiss:focus::before {
67 color: #c00;
68 }
69
70 #updraftcentral_notice_container .updraftcentral_notice_dismiss:focus {
71 outline: none;
72 -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
73 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
74 }
75
76 #updraftcentral_notice_container .ie8 .updraftcentral_notice_dismiss:focus {
77 outline: 1px solid #5b9dd9;
78 }
79
80
81 #updraftcentral_notice_container .updraftcentral_notice.updraftcentral_notice_new {
82 display:none;
83 }
84
85 #updraftcentral_notice_container .updraftcentral_notice_level_error {
86 border-left: 4px solid red;
87 }
88
89 #updraftcentral_notice_container .updraftcentral_notice_level_notice, #updraftcentral_notice_container .updraftcentral_notice_level_info {
90 border-left: 4px solid #46B450;
91 }
92
93 #updraftcentral_addsite_help, #updraftcentral_editsite_expertoptions {
94 font-size: 65%;
95 /*font-style: italic;*/
96 }
97
98 #updraftcentral_addsite_key, #updraftcentral_addsite_description {
99 width: 100%;
100 margin-bottom: 14px;
101 }
102
103 #updraftcentral_editsite_expertoptions {
104 clear: left;
105 padding-top: 6px;
106 }
107
108 #updraftcentral_editsite_expertoptions label {
109 width: 170px;
110 }
111
112 #updraftcentral_addsite_help {
113 color: #0275d8;
114 }
115
116 #updraftcentral_editsite_expertoptions h3, #updraftcentral_editsite_expertoptions h4 {
117 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
118 font-weight: normal;
119 margin-bottom:0;
120 padding-bottom: 0;
121 }
122
123 #updraftcentral_editsite_expertoptions h4 {
124 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
125 font-weight: normal;
126 margin-top:20px;
127 font-size: 22px;
128 letter-spacing: 0;
129 margin-bottom: 0;
130 }
131
132 /* 2. Managing sites */
133
134 #updraftcentral_debug_level {
135 width: 40px;
136 }
137
138 /* It doesn't show, until Modernizr has verified that the browser is compatible */
139 #updraftcentral_dashboard_existingsites_container {
140 display: none;
141 }
142
143 #updraftcentral_panel_thefuture {
144 margin-left: 1.2em;
145 margin-right: 1.2em;
146 width: 100%;
147 margin: 0 auto;
148 margin-top: 2%;
149 background-color: #EAEAEA;
150 padding: 20px;
151 border-radius: 6px;
152 }
153
154 #updraftcentral_panel_thefuture p {
155 max-width: 800px;
156 }
157
158 #updraftcentral_panel_thefuture h3 {
159 margin-top: 0px;
160 }
161
162 .updraftcentral .updraftcentral_dashboard_newsite {
163 float: right;
164 min-width: 100px;
165 min-height: 40px;
166 font-size: 140%;
167 }
168
169 div.updraftcentral_row_sitelabel br.updraft-full-hidden {
170 display: none;
171 }
172
173 div.updraft-cancel-new-site {
174 width: 30%;
175 display: inline-block;
176 }
177
178 div.add-new-site {
179 width: 70%;
180 float: left;
181 }
182
183 div.updraftcentral_row_site_buttons a.updraftcentral_button_link {
184 color: #fff;
185 }
186
187 div.updraftcentral_row_site_buttons a.updraftcentral_button_link:hover {
188 color: #fff;
189 text-decoration: none;
190 }
191
192 div.updraftcentral_row_sitelabel input.updraftcentral_site_description {
193 height: 18px;
194 width: 100px;
195 }
196
197 div.updraftcentral_site_row .updraftcentral_site_url_after_description {
198 font-size: 75%;
199 }
200
201 div.updraft_site_actions {
202 display: inline-block;
203 }
204
205 div.updraft_site_actions .btn {
206 text-transform: capitalize;
207 }
208
209 div.updraftcentral_site_row.row {
210 margin-left: 0;
211 margin-right: 0;
212 }
213
214 div.updraft_site_title {
215 display: inline-block;
216 min-width: 330px;
217 max-width: 500px;
218 font-weight: bold;
219 }
220 div.updraft_site_title a {
221 line-height: 30px;
222 }
223
224 div .updraft_no_sites {
225 border-bottom: 1px solid #ccc;
226 margin-bottom: 2%;
227 }
228
229 span.dashicon-fix {
230 line-height: 1.3;
231 }
232
233 button.updraftcentral_site_dashboard {
234 min-width: 155px;
235 }
236
237 span.dashicon-fix {
238 line-height: 1.3;
239 }
240
241 div.updraftcentral_site_row,
242 div.updraftcentral_site_row:hover {
243 background-color: #fff;
244 border-radius: 6px;
245 }
246
247 hr {
248 margin: 0;
249 }
250
251 .updraftcentral_site_row {
252 padding: 8px 0;
253 background-color: #F7F7F7;
254 border-radius: 6px;
255 }
256
257 .updraftrc_site_row {
258 padding: 16px 0;
259 }
260
261 .updraftcentral_row_container {
262 text-align: right;
263 margin-right: 20px;
264 }
265
266 /* 3. General page layout + typography */
267
268 .width-100-percent {
269 width: 100%;
270 }
271
272 /* Reduce the z-index for the Divi header, so that it doesn't cover the modal */
273 body.et_full_width_page #main-header {
274 z-index:999;
275 }
276
277 /* Remove the page header */
278 h1.main_title { display: none; }
279
280 .top-buffer {
281 margin-top: 2%;
282 }
283
284 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft-hidden, #updraftcentral_modal .updraft-hidden, #updraftcentral_dashboard_existingsites .updraft_existing_backups_output .updraft-hidden, h1.pagetitle, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .hidden, .updraft-mobile-menu {
285 display: none;
286 }
287 /* Below is all for the navigation menu */
288 .updraft_central_logo {
289 width: 100px;
290 height: 100px;
291 background-color: #fff;
292 border: 1px solid black;
293 display: inline-block;
294 }
295
296 #updraft-central-navigation {
297 background-color: #df6926;
298 width: 100%;
299 height: auto;
300 border-radius: 10px 10px;
301 margin: 0 auto;
302 }
303
304 .updraft_central_center {
305 display: block;
306 text-align: center;
307 }
308
309 .updraft_central_center p {
310 display: inline-block;
311 }
312
313 .updraft-menu-item, .updraft-menu {
314 display: inline-block;
315 color: #fff;
316 }
317
318 .updraft-menu-item-links {
319 min-width: 115px;
320 max-width: 160px;
321 height: 80px;
322 position: relative;
323 padding: 26px 0 0 0;
324 }
325
326 .updraft-menu-item-links:nth-child(2) {
327 border-left: 1px solid #fff;
328 }
329
330 .updraft-menu-item-links {
331 border-right: 1px solid #fff;
332 font-weight: bold;
333 margin-left: -4px;
334 }
335
336 .updraft-menu-item-links:hover {
337 background-color: #BF5519;
338 cursor: pointer;
339 }
340
341 .updraft-menu-item-links-active {
342 background-color: #BF5519;
343 }
344
345 .updraft-central-logo {
346 float: left;
347 font-weight: bold;
348 font-size: 1.7em;
349 padding: 0;
350 color: #fff;
351 }
352
353 .updraft-central-logo img {
354 height: 70px;
355 margin: 5px 0 0 25px;
356 padding: 4px 0;
357 }
358
359 /*
360 .updraft-full-screen:hover {
361 color: #000;
362 cursor: pointer;
363 }
364 */
365 /*#updraft-central-navigation .updraft_central_center span.dashicons.dashicons-editor-help {
366 color: #fff;
367 width: 30px;
368 font-size: 30px;
369 margin: 8px 5px;
370 }
371
372 #updraft-central-navigation .updraft_central_center span.dashicons.dashicons-editor-help:hover {
373 color: #000;
374 cursor: pointer;
375 }*/
376
377 #updraft-central-navigation .updraft_central_center a:hover {
378 text-decoration: none;
379 }
380
381 /* End navigation menu CSS */
382
383 #updraftcentral_dashboard_existingsites {
384 display: block;
385 margin-left: 1.2em;
386 margin-right: 1.2em;
387 width: 100%;
388 margin: 0 auto;
389 margin-top: 2%;
390 background-color: #EAEAEA;
391 padding: 10px;
392 border-radius: 6px;
393 }
394
395 .updraftcentral_dashboard.container-fluid {
396 padding-left: 0;
397 padding-right: 0;
398 }
399
400 .updraftcentral_site_row .updraft_site_actions.has-site-info {
401 min-width: 0px;
402 }
403
404 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output th {
405 max-width: 150px;
406 }
407
408 /* 4. Universal state elements (e.g. spinners) */
409
410 #updraftcentral_dashboard.updraft-fullscreen {
411 background-color: #fff;
412 }
413
414 .updraftcentral_loading_spinner {
415 position: relative;
416 }
417
418 div.updraftcentral_site_row .dashicons-menu::before {
419 font-size: 180%;
420 }
421
422 .updraftcentral_spinner {
423 font-size: 10px;
424 left: 50%;
425 top: 50%;
426 position: fixed;
427 z-index: 999;
428 float: left;
429 clear: none;
430 margin: 0;
431 padding: 0;
432 background-image: url("../images/updraft-central-orange-md.png");
433 height: 25px;
434 width: 25px;
435 -webkit-animation: udp 2s infinite ease;
436 -moz-animation: udp 2s infinite ease;
437 -ms-animation: udp 2s infinite ease;
438 -o-animation: udp 2s infinite ease;
439 animation: udp 2s infinite ease;
440 }
441
442 @-webkit-keyframes udp {
443 0% {
444 -webkit-transform: rotate(0deg);
445 }
446
447 100% {
448 -webkit-transform: rotate(360deg);
449 }
450 }
451
452 @-moz-keyframes udp {
453 0% {
454 -moz-transform: rotate(0deg);
455 }
456
457 100% {
458 -moz-transform: rotate(360deg);
459 }
460 }
461
462 @-ms-keyframes udp {
463 0% {
464 -ms-transform: rotate(0deg);
465 }
466
467 100% {
468 -ms-transform: rotate(360deg);
469 }
470 }
471
472 @-o-keyframes udp {
473 0% {
474 -o-transform: rotate(0deg);
475 }
476
477 100% {
478 -o-transform: rotate(360deg);
479 }
480 }
481
482 @keyframes udp {
483 0% {
484 transform: rotate(0deg);
485 }
486
487 100% {
488 transform: rotate(360deg);
489 }
490 }
491
492 .dashicon-image-rotating {
493 animation: refresh 2s infinite ease;
494 }
495
496 @-webkit-keyframes refresh {
497 0% {
498 -webkit-transform: rotate(0deg);
499 }
500
501 100% {
502 -webkit-transform: rotate(360deg);
503 }
504 }
505
506 @-moz-keyframes refresh {
507 0% {
508 -moz-transform: rotate(0deg);
509 }
510
511 100% {
512 -moz-transform: rotate(360deg);
513 }
514 }
515
516 @-ms-keyframes refresh {
517 0% {
518 -ms-transform: rotate(0deg);
519 }
520
521 100% {
522 -ms-transform: rotate(360deg);
523 }
524 }
525
526 @-o-keyframes refresh {
527 0% {
528 -o-transform: rotate(0deg);
529 }
530
531 100% {
532 -o-transform: rotate(360deg);
533 }
534 }
535
536 @keyframes refresh {
537 0% {
538 transform: rotate(0deg);
539 }
540
541 100% {
542 transform: rotate(360deg);
543 }
544 }
545
546 span.c-indicator {
547 background-color: #d1d1d1;
548 }
549
550 button.btn-default {
551 color: #333;
552 background-color: #fff;
553 border-color: #ccc;
554 }
555
556 button.btn-default:hover, button.btn-default:hover {
557 background-color: #e6e6e6;
558 border-color: #adadad;
559 color: #333;
560 }
561
562 button.btn-updraftplus {
563 color: #fff;
564 background-color: #df6926;
565 border-color: #df6926;
566 }
567
568 button.btn-updraftplus:hover {
569 background-color: #BF5519;
570 border-color: #BF5519;
571 }
572
573 button.btn-black-outline {
574 color: #636363;
575 background-color: transparent;
576 background-image: none;
577 border-color: #636363;
578 }
579
580 button.btn-black-outline:hover {
581 color: #fff;
582 background-color: #636363;
583 border-color: #636363;
584 }
585
586 button.btn-updraftplus-outline {
587 color: #df6926;
588 border-color: #df6926;
589 background-color: transparent;
590 background-image: none;
591 }
592
593 button.btn-updraftplus-outline:hover {
594 color: #fff;
595 border-color: #df6926;
596 background-color: #df6926;
597 }
598
599 button.btn-settings-outline {
600 color: #686868;
601 border-color: #686868;
602 background-color: transparent;
603 background-image: none;
604 }
605
606 button.btn-settings-outline:hover, button.btn-settings-outline:focus {
607 color: #fff;
608 border-color: #686868;
609 background-color: #686868;
610 }
611
612 .updraftcentral_action_box {
613 display: block;
614 margin-top: 10px;
615 text-align: center;
616 padding: 5px 5px;
617 width: 85%;
618 margin: 10px auto 0px auto;
619 min-height: 40px;
620 }
621
622 .updraftcentral_action_box .btn {
623 margin: 0px 3%;
624 min-width: 120px;
625 }
626
627
628 /* For Divi theme and other possible table CSS conflict */
629 table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
630 max-width: 100% !important;
631 }
632
633 .updraftcentral-hide-in-other-tabs, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft-directory-not-writable-blurb, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_cloudfiles_newapiuser {
634 display: none;
635 }
636
637 #updraftcentral_notice_container .updraftcentral_notice .updraftmessage.fade {
638 display: block;
639 opacity: inherit;
640 }
641
642 #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader .updraftplus_downloader_closebutton {
643 float: right;
644 margin-bottom: 8px;
645 }
646
647
648 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
649 /*border-color: #df6926 !important;*/
650 }
651
652 .phpinfo {
653 font-style: italic;
654 }
655
656 .phpinfo:hover {
657 cursor: pointer;
658 }
659
660 #updraftcentral_modal .modal-dialog {
661 margin-top: 5%;
662 }
663
664 #updraftcentral_modal p {
665 padding-bottom: 4px;
666 margin-bottom: 0px;
667 }
668
669 #updraftcentral_modal .initially-hidden {
670 display: none;
671 }
672
673 #updraftcentral_modal .modal-header .close {
674 margin-top: 5px;
675 position: absolute;
676 right: 15px;
677 }
678
679 #updraft-central-navigation .updraft_central_center span.right-icons:first-of-type {
680 margin-right: 16px;
681 }
682
683 #updraft-central-navigation .updraft_central_center span.right-icons {
684 float: right;
685 color: white;
686 font-size: 30px;
687 margin: 8px 8px;
688 }
689
690 #updraft-central-navigation .updraft_central_center span.right-icons:hover {
691 color: black;
692 cursor: pointer;
693 }
694
695 #updraft-central-navigation .updraft_central_center #updraftcentral_licence_info {
696 line-height: 20px;
697 font-size: 20px;
698 color: white;
699 padding-top: 4px;
700 }
701
702 .updraft_site_unlicensed {
703 color: red;
704 font-style: italic;
705 }
706
707 #updraftcentral_licence_info {
708 /* The default is to not display licence information. Customisers can over-ride this. */
709 display: none;
710 }
711
712 #updraftcentral_licence_info:hover {
713 opacity: 50%;
714 }
715
716 #updraftcentral_licence_info a {
717 color: white;
718 }
719
720 #updraftcentral_licence_info a:hover {
721 color: black;
722 }
723
724 #updraftcentral_modal .modal-content {
725 border-radius: 0.4rem;
726 }
727
728 #updraftcentral_modal .modal-dialog.backup-now {
729 font-size: 13px;
730 }
731
732 #updraftcentral_modal .modal-header {
733 border-bottom: none;
734 border-radius: 0.3rem 0.3rem 0 0;
735 padding: 15px 15px 0;
736 background-color: #df6926;
737 color: #fff;
738 }
739
740 #updraftcentral_modal pre {
741 width: 580px;
742 height: 330px;
743 overflow-y: auto;
744 max-width: 550px;
745 max-height: 300px;
746 }
747
748 #updraftcentral_modal .modal-content .modal-body ul {
749 list-style-type: none;
750 margin: 0 10px;
751 }
752
753 #updraftcentral_modal .modal-header h4 {
754 color: #fff;
755 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
756 font-size: 2rem;
757 font-weight: 500;
758 line-height: 1.1;
759 letter-spacing: normal;
760 margin-top: 0;
761 margin-bottom: 0;
762 }
763
764 #updraftcentral_modal .modal-body h3 {
765 margin-top: 0;
766 margin-bottom: 0;
767 }
768
769
770 #updraftcentral_modal .modal-footer .btn-warning {
771 color: #f0ad4e;
772 background-color: transparent;
773 background-image: none;
774 border-color: #f0ad4e;
775 }
776
777 #updraftcentral_modal .modal-footer .btn-primary, .modal-footer .btn-primary {
778 color: #0275d8;
779 background-color: transparent;
780 background-image: none;
781 border-color: #0275d8;
782 }
783
784 #updraftcentral_modal .modal-footer .btn-primary:hover, .modal-footer .btn-primary:hover {
785 color: #fff;
786 background-color: #0275d8;
787 border-color: #0275d8;
788 }
789
790 .modal-footer .btn-default {
791 color: #686868;
792 border-color: #686868;
793 background-color: transparent;
794 background-image: none;
795 }
796
797 .modal-footer .btn-default:hover, .modal-footer .btn-default:focus {
798 color: #fff;
799 border-color: #686868;
800 background-color: #686868;
801 }
802 }
803
804 #updraftcentral_modal .modal-footer .btn-primary:hover, #updraftcentral_modal .modal-footer .btn-warning:focus {
805 color: #fff;
806 background-color: #0275d8;
807 border-color: #0275d8;
808 }
809
810 #updraftcentral_modal .modal-footer .btn-warning:hover, #updraftcentral_modal .modal-footer .btn-warning:focus {
811 color: #fff;
812 background-color: #f0ad4e;
813 border-color: #f0ad4e;
814 }
815
816 .updraft_existing_backups_output > .dashicons-image-rotate, .updraft_site_settings_output > .dashicons-image-rotate {
817 float: right;
818 position: relative;
819 top: 6px;
820 left: -12px;
821 }
822
823 .updraft_existing_backups_output > .dashicons-image-rotate:hover, .updraft_site_settings_output > .dashicons-image-rotate:hover {
824 cursor: pointer;
825 }
826
827 button.btn {
828 text-transform: capitalize;
829 }
830
831 .bootbox-body h2 {
832 color: #df6926;
833 }
834
835
836 /* 5. Backup related */
837
838 #backupnow_includefiles_showmoreoptions, .dashicons-menu {
839 cursor: pointer;
840 font-size: 25px;
841 bottom: 0.4em;
842 color: #686868;
843 }
844
845 .dashicons-menu {
846 position: relative;
847 }
848
849 label.backupnow_includecloud {
850 /*cursor:pointer;*/
851 }
852
853 /* Below is adapted from: http://www.hongkiat.com/blog/css3-checkbox-radio/ */
854 .modal-body label {
855 display: inline-block;
856 cursor: pointer;
857 position: relative;
858 /*padding-left: 25px;
859 margin-right: 15px;*/
860 font-size: 13px;
861 margin-top: 20px;
862 margin-bottom: 0;
863 }
864
865 /*
866 .modal-body label::before {
867 content: "";
868 display: inline-block;
869 width: 16px;
870 height: 16px;
871 margin-right: 10px;
872 position: absolute;
873 left: 0;
874 bottom: 1px;
875 background-color: #EAEAEA;
876 border-radius: 4px;
877 }
878 */
879
880 label.backupnow_includedb::before {
881 content: "";
882 display: inline-block;
883 width: 16px;
884 height: 16px;
885 margin-right: 10px;
886 position: absolute;
887 left: 0;
888 bottom: 1px;
889 background-color: #EAEAEA;
890 border-radius: 4px;
891 }
892
893 /*.modal-body input[type=checkbox] {
894 display: none;
895 }
896
897 .modal-body input[type=checkbox]#updraft_delete_remote {
898 display: none !important;
899 }
900
901 .modal-body input[type=checkbox] label::before {
902 border-radius: 3px;
903 }
904
905 .modal-body input[type=checkbox]:checked + label::before {
906 background-color: #EAEAEA;
907 content: "\2713";
908 font-size: 14px;
909 color: #0275d8;
910 text-align: center;
911 line-height: 15px;
912 font-weight: bold;
913 border-radius: 4px;
914 padding:0 2px;
915 margin-right: 6px;
916 }*/
917
918
919 .updraft_existing_backups .rescanning {
920 font-style: italic;
921 padding-bottom: 10px;
922 }
923
924 label[for=backupnow_label]::before {
925 display: none;
926 }
927
928 label[for=backupnow_label] {
929 padding-left: 0;
930 }
931
932 #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader .dlfileprogress {
933 width: 0;
934 }
935
936 /* Existing backup related CSS */
937 .updraft_diskspaceused_update, .updraft_rescan_local, .updraft_rescan_remote {
938 cursor: pointer;
939 text-decoration: underline;
940 }
941
942 input:disabled + label::before {
943 cursor: not-allowed;
944 background-color: rgba(173, 173, 173, 1);
945 }
946
947 .updraft_existing_backups_output h2, #updraftcentral_modal #updraftcentral_phpinfo_results img,
948 #updraftcentral_dashboard_existingsites .updraft_existing_backups_output .ud-whitespace-warning {
949 display: none;
950 }
951
952 .download-backups {
953 padding: 10px;
954 margin: 10px 10px 0 10px;
955 background-color: #fff;
956 border-radius: 6px;
957 }
958
959 .ud-whitespace-warning a {
960 text-decoration: underline;
961 }
962
963 #updraftcentral_modal #updraftcentral_phpinfo_results {
964 height: 300px;
965 max-height: 300px;
966 overflow: auto;
967 }
968
969 .updraft_download_button {
970 background-color: transparent;
971 border: 1px solid #df6926;
972 color: #df6926;
973 border-radius: 4px;
974 line-height: 0.7em;
975 width: 95px;
976 margin: 5px 5px 0 5px;
977 text-align: center;
978 padding: 8px;
979 word-wrap: normal;
980 }
981
982 .updraft_download_button:hover, .restore-button button:hover,
983 .updraft_download_button:focus, .restore-button button:focus {
984 background-color: #df6926;
985 color: #fff;
986 }
987
988 .existing-backups-table thead tr th.backup-date, .existing-backups-table thead tr th.backup-data,
989 .existing-backups-table thead tr th.updraft_backup_actions {
990 padding: 10px;
991 }
992
993 .updraft_backup_actions, tb.before-restore-button, .updraft_existingbackup_date {
994 width: 200px;
995 }
996
997 .restore-button button {
998 background-color: transparent;
999 border: 1px solid #df6926;
1000 color: #df6926;
1001 border-radius: 4px;
1002 line-height: 0.7em;
1003 margin: 5px 5px 0 5px;
1004 text-align: center;
1005 padding: 8px;
1006 }
1007
1008 button.updraft_download_button:last-child {
1009 margin-bottom: 5px;
1010 }
1011
1012 .updraft-delete-link {
1013 cursor: pointer;
1014 background-color: transparent;
1015 border: 1px solid #D01D1D;
1016 color: #D01D1D;
1017 border-radius: 4px;
1018 line-height: 0.7em;
1019 margin: 5px 5px 0 5px;
1020 text-align: center;
1021 padding: 5px;
1022 }
1023
1024 .updraft-delete-link:hover, .updraft-delete-link:focus {
1025 background-color: #D01D1D;
1026 color: #fff;
1027 text-decoration: none;
1028 }
1029
1030 .updraft-log-link {
1031 cursor: pointer;
1032 background-color: transparent;
1033 border: 1px solid #686868;
1034 color: #686868;
1035 border-radius: 4px;
1036 line-height: 0.7em;
1037 margin: 5px 5px 0 5px;
1038 text-align: center;
1039 padding: 5px;
1040 }
1041
1042 .updraft-log-link:hover, .updraft-log-link:focus {
1043 background-color: #999;
1044 color: #fff;
1045 text-decoration: none;
1046 }
1047
1048 .restore-button, .updraftplus-remove, .updraft-viewlogdiv {
1049 display: inline-block;
1050 margin-bottom: 10px;
1051 }
1052
1053 .download-backups ul li {
1054 list-style: none;
1055 }
1056
1057 .download-backups ul li:last-child {
1058 font-size: 12px;
1059 }
1060
1061 #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader {
1062 margin-top: 4px;
1063 width: 75%;
1064 border: 0;
1065 }
1066
1067 .existing-backups-table thead tr td[colspan="3"],
1068 .existing-backups-table thead tr td[colspan="4"],
1069 .existing-backups-table tbody tr td[colspan="4"] {
1070 display: none; /* Hide the empty columns/rows which come back from UDP */
1071 }
1072
1073 table.existing-backups-table {
1074 border-spacing: 0;
1075 border-collapse: separate;
1076 border: none;
1077 }
1078
1079 .existing-backups-table th, .existing-backups-table td {
1080 border: 1px solid #eee;
1081 }
1082
1083 .existing-backups-table thead tr:first-child th:first-child {
1084 border-radius: 0.6em 0 0 0;
1085 width: 145px;
1086 }
1087
1088 .existing-backups-table thead tr:first-child th:last-child {
1089 border-radius: 0 0.6em 0 0;
1090 }
1091
1092 .existing-backups-table tbody tr:nth-last-child(2) td:first-child {
1093 border-radius: 0 0 0 0.6em;
1094 }
1095
1096 .existing-backups-table tbody tr:nth-last-child(2) td:last-child {
1097 border-radius: 0 0 0.6em 0;
1098 }
1099
1100 .updraft_diskspaceused_update {
1101 font-style: italic;
1102 }
1103
1104 button.updraft_delete_downloaded_backup, button.updraft_downloaded {
1105 display: inline-block;
1106 font-weight: 400;
1107 text-align: center;
1108 white-space: nowrap;
1109 vertical-align: middle;
1110 cursor: pointer;
1111 -webkit-user-select: none;
1112 -moz-user-select: none;
1113 -ms-user-select: none;
1114 user-select: none;
1115 border: 1px solid transparent;
1116 border-radius: .25rem;
1117 color: #373a3c;
1118 background-color: #fff;
1119 border-color: #ccc;
1120 padding: .25rem .75rem;
1121 font-size: .875rem;
1122 line-height: 1.5;
1123 border-radius: .2rem;
1124 }
1125
1126 button.updraft_delete_downloaded_backup:hover, button.updraft_downloaded:hover {
1127 color: #373a3c;
1128 background-color: #e6e6e6;
1129 border-color: #adadad;
1130 }
1131
1132 .entry-content a {
1133 /* Over ride the WP box shadow - true with the default theme of WP 4.4 */
1134 box-shadow: none;
1135 }
1136
1137 div.updraftcentral_notice div.updraftcentral_notice_contents h2 {
1138 font-size: 1.4em;
1139 padding-bottom: 0;
1140 }
1141
1142 div.updraftcentral_notice_contents .backup_state {
1143 line-height: 2;
1144 margin-top: 10px;
1145 }
1146
1147 div.updraftcentral_notice_contents .job-id {
1148 margin-top: 10px;
1149 }
1150
1151 div.job-id a, div.job-id a:last-child:hover {
1152 border-radius: 4px;
1153 padding: 5px;
1154 line-height: 0.7em;
1155 margin: 5px 5px 0 5px;
1156 word-wrap: normal;
1157 word-break: normal;
1158 white-space: nowrap;
1159 }
1160
1161 div.job-id .curstage {
1162 margin-top: 10px;
1163 font-style: italic;
1164 }
1165
1166 div.job-id a.updraft-log-link {
1167 cursor: pointer;
1168 color: #999;
1169 line-height: 0.8em;
1170 margin: 5px 5px 0 5px;
1171 }
1172
1173 div.job-id a.updraft-log-link:hover, div.job-id a.updraft-log-link:focus {
1174 background-color: #999;
1175 color: #fff;
1176 text-decoration: none;
1177 padding: 6px;
1178 border-radius: 6px;
1179 }
1180
1181 .updraft_jobinfo_delete {
1182 cursor: pointer;
1183 color: #D01D1D;
1184 line-height: 0.8em;
1185 margin: 5px 5px 0 5px;
1186 }
1187
1188 .updraft_jobinfo_delete:focus, .updraft_jobinfo_delete:hover {
1189 background-color: #D01D1D;
1190 color: #fff;
1191 text-decoration: none;
1192 padding: 6px;
1193 border-radius: 6px;
1194 border: none;
1195 }
1196
1197 div.active-jobsupdraft_finished {
1198 margin-top: 15px;
1199 }
1200
1201 /* 6. Dropdown menus */
1202
1203 div.updraft-dropdown {
1204 display: inline-block;
1205 float: right;
1206 top: 4px;
1207 }
1208
1209 #updraftcentral_dashboard_existingsites ul.updraft-dropdown-menu {
1210 margin-top: -5px !important;
1211 padding-bottom: 0;
1212 padding-left: 0;
1213 }
1214
1215 div.updraft-dropdown ul li {
1216 /* Blame IE for the below */
1217 list-style: none !important;
1218 list-style-type: none !important;
1219 }
1220
1221 .updraft-dropdown a:hover, .updraft-dropdown a:focus {
1222 text-decoration: none;
1223 }
1224
1225 .dropdown-menu.updraft-dropdown-menu {
1226 top: 145%;
1227 left: 5px;
1228 padding: 0;
1229 margin: 0;
1230 /*min-width: 165px;*/
1231 width: auto;
1232 }
1233
1234 li.dropdown-submenu > a::before {
1235 display: none;
1236 }
1237
1238 ul.updraft-dropdown-menu li a span {
1239 text-transform: capitalize;
1240 }
1241
1242 /*
1243 ul.dropdown-menu.pull-right {
1244 right: -17px;
1245 } */
1246
1247 .updraft-dropdown-menu::after {
1248 border-color: rgba(136, 183, 213, 0);
1249 border-bottom-color: #fff;
1250 border-width: 10px;
1251 margin-left: 117px;
1252 }
1253
1254 .updraft-dropdown-menu::before {
1255 border-color: rgba(194, 225, 245, 0);
1256 border-bottom-color: #ccc;
1257 border-width: 12px;
1258 margin-left: 115px;
1259 }
1260
1261 /* Dropdown enhancement CSS: https://github.com/behigh/bootstrap_dropdowns_enhancement/blob/master/dist/css/dropdowns-enhancement.css */
1262 .dropdown-menu > li > label {
1263 display: block;
1264 padding: 3px 20px;
1265 clear: both;
1266 font-weight: normal;
1267 line-height: 1.42857143;
1268 color: #333333;
1269 white-space: nowrap;
1270 }
1271 .dropdown-menu > li > label:hover,
1272 .dropdown-menu > li > label:focus {
1273 text-decoration: none;
1274 color: #262626;
1275 background-color: #f5f5f5;
1276 }
1277 .dropdown-menu > li > input:checked ~ label,
1278 .dropdown-menu > li > input:checked ~ label:hover,
1279 .dropdown-menu > li > input:checked ~ label:focus,
1280 .dropdown-menu > .active > label,
1281 .dropdown-menu > .active > label:hover,
1282 .dropdown-menu > .active > label:focus {
1283 color: #ffffff;
1284 text-decoration: none;
1285 outline: 0;
1286 background-color: #428bca;
1287 }
1288 .dropdown-menu > li > input[disabled] ~ label,
1289 .dropdown-menu > li > input[disabled] ~ label:hover,
1290 .dropdown-menu > li > input[disabled] ~ label:focus,
1291 .dropdown-menu > .disabled > label,
1292 .dropdown-menu > .disabled > label:hover,
1293 .dropdown-menu > .disabled > label:focus {
1294 color: #999999;
1295 }
1296 .dropdown-menu > li > input[disabled] ~ label:hover,
1297 .dropdown-menu > li > input[disabled] ~ label:focus,
1298 .dropdown-menu > .disabled > label:hover,
1299 .dropdown-menu > .disabled > label:focus {
1300 text-decoration: none;
1301 background-color: transparent;
1302 background-image: none;
1303 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1304 cursor: not-allowed;
1305 }
1306 .dropdown-menu > li > label {
1307 margin-bottom: 0;
1308 cursor: pointer;
1309 }
1310 .dropdown-menu > li > input[type="radio"],
1311 .dropdown-menu > li > input[type="checkbox"] {
1312 display: none;
1313 position: absolute;
1314 top: -9999em;
1315 left: -9999em;
1316 }
1317 .dropdown-menu > li > label:focus,
1318 .dropdown-menu > li > input:focus ~ label {
1319 outline: thin dotted;
1320 outline: 5px auto -webkit-focus-ring-color;
1321 outline-offset: -2px;
1322 }
1323 .dropdown-menu.pull-right {
1324 right: 0;
1325 left: auto;
1326 }
1327 .dropdown-menu.pull-top {
1328 bottom: 100%;
1329 top: auto;
1330 margin: 0 0 2px;
1331 -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
1332 box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
1333 }
1334 .dropdown-menu.pull-center {
1335 right: 50%;
1336 left: auto;
1337 }
1338 .dropdown-menu.pull-middle {
1339 right: 0%;
1340 /* Changed from right: 100% */
1341 margin: 0 2px 0 0;
1342 box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
1343 left: auto;
1344 }
1345 .dropdown-menu.pull-middle.pull-right {
1346 right: auto;
1347 left: 100%;
1348 margin: 0 0 0 2px;
1349 box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
1350 }
1351 .dropdown-menu.pull-middle.pull-center {
1352 right: 50%;
1353 margin: 0;
1354 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
1355 }
1356 .dropdown-menu.bullet {
1357 margin-top: 8px;
1358 }
1359 .dropdown-menu.bullet:before {
1360 width: 0;
1361 height: 0;
1362 content: '';
1363 display: inline-block;
1364 position: absolute;
1365 border-color: transparent;
1366 border-style: solid;
1367 -webkit-transform: rotate(360deg);
1368 border-width: 0 7px 7px;
1369 border-bottom-color: #cccccc;
1370 border-bottom-color: rgba(0, 0, 0, 0.15);
1371 top: -7px;
1372 left: 9px;
1373 }
1374 .dropdown-menu.bullet:after {
1375 width: 0;
1376 height: 0;
1377 content: '';
1378 display: inline-block;
1379 position: absolute;
1380 border-color: transparent;
1381 border-style: solid;
1382 -webkit-transform: rotate(360deg);
1383 border-width: 0 6px 6px;
1384 border-bottom-color: #ffffff;
1385 top: -6px;
1386 left: 10px;
1387 }
1388 .dropdown-menu.bullet.pull-right:before {
1389 left: auto;
1390 right: 9px;
1391 }
1392 .dropdown-menu.bullet.pull-right:after {
1393 left: auto;
1394 right: 10px;
1395 }
1396 .dropdown-menu.bullet.pull-top {
1397 margin-top: 0;
1398 margin-bottom: 8px;
1399 }
1400 .dropdown-menu.bullet.pull-top:before {
1401 top: auto;
1402 bottom: -7px;
1403 border-bottom-width: 0;
1404 border-top-width: 7px;
1405 border-top-color: #cccccc;
1406 border-top-color: rgba(0, 0, 0, 0.15);
1407 }
1408 .dropdown-menu.bullet.pull-top:after {
1409 top: auto;
1410 bottom: -6px;
1411 border-bottom: none;
1412 border-top-width: 6px;
1413 border-top-color: #ffffff;
1414 }
1415 .dropdown-menu.bullet.pull-center:before {
1416 left: auto;
1417 right: 50%;
1418 margin-right: -7px;
1419 }
1420 .dropdown-menu.bullet.pull-center:after {
1421 left: auto;
1422 right: 50%;
1423 margin-right: -6px;
1424 }
1425 .dropdown-menu.bullet.pull-middle {
1426 margin-right: 8px;
1427 }
1428 .dropdown-menu.bullet.pull-middle:before {
1429 top: 50%;
1430 left: 100%;
1431 right: auto;
1432 margin-top: -7px;
1433 border-right-width: 0;
1434 border-bottom-color: transparent;
1435 border-top-width: 7px;
1436 border-left-color: #cccccc;
1437 border-left-color: rgba(0, 0, 0, 0.15);
1438 }
1439 .dropdown-menu.bullet.pull-middle:after {
1440 top: 50%;
1441 left: 100%;
1442 right: auto;
1443 margin-top: -6px;
1444 border-right-width: 0;
1445 border-bottom-color: transparent;
1446 border-top-width: 6px;
1447 border-left-color: #ffffff;
1448 }
1449 .dropdown-menu.bullet.pull-middle.pull-right {
1450 margin-right: 0;
1451 margin-left: 8px;
1452 }
1453 .dropdown-menu.bullet.pull-middle.pull-right:before {
1454 left: -7px;
1455 border-left-width: 0;
1456 border-right-width: 7px;
1457 border-right-color: #cccccc;
1458 border-right-color: rgba(0, 0, 0, 0.15);
1459 }
1460 .dropdown-menu.bullet.pull-middle.pull-right:after {
1461 left: -6px;
1462 border-left-width: 0;
1463 border-right-width: 6px;
1464 border-right-color: #ffffff;
1465 }
1466 .dropdown-menu.bullet.pull-middle.pull-center {
1467 margin-left: 0;
1468 margin-right: 0;
1469 }
1470 .dropdown-menu.bullet.pull-middle.pull-center:before {
1471 border: none;
1472 display: none;
1473 }
1474 .dropdown-menu.bullet.pull-middle.pull-center:after {
1475 border: none;
1476 display: none;
1477 }
1478 .dropdown-submenu {
1479 position: relative;
1480 }
1481 .dropdown-submenu > .dropdown-menu {
1482 top: 0;
1483 left: 100%;
1484 margin-top: -6px;
1485 margin-left: -1px;
1486 border-top-left-radius: 0;
1487 }
1488 .dropdown-submenu > a:before {
1489 display: block;
1490 float: right;
1491 width: 0;
1492 height: 0;
1493 content: "";
1494 margin-top: 6px;
1495 margin-right: -8px;
1496 border-width: 4px 0 4px 4px;
1497 border-style: solid;
1498 border-left-style: dashed;
1499 border-top-color: transparent;
1500 border-bottom-color: transparent;
1501 }
1502 /* End the dropdown enhancement CSS */
1503
1504 ul .row_backupnow, ul .row_siteinfo, ul .updraft-dropdown-item {
1505 color: #2b2d2f;
1506 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1507 cursor: pointer;
1508 text-align: left;
1509 text-indent: 8px;
1510 }
1511
1512 ul .row_backupnow a, ul .row_siteinfo a, ul .updraft-dropdown-item {
1513 text-decoration: none;
1514 color: #2b2d2f;
1515 box-shadow: none;
1516 display: block;
1517 width: 100%;
1518 clear: both;
1519 padding: 8px 0;
1520 font-weight: bold;
1521 width: 195px;
1522 }
1523
1524 ul .row_backupnow:hover, ul .row_siteinfo:hover, ul .row_backupnow:hover a, ul .row_siteinfo:hover a, ul .updraft-dropdown-item:hover {
1525 color: #2b2d2f;
1526 text-decoration: none;
1527 background-color: #eee;
1528 }
1529
1530 #updraftcentral_dashboard_existingsites ul {
1531 list-style-type: none;
1532 list-style: none;
1533 }
1534
1535 ul.updraft-dropdown-menu .dashicons {
1536 margin-right: 5px;
1537 }
1538
1539
1540 /* 7. UpdraftPlus settings */
1541 .updraftcentral_row_extracontents .updraft_site_settings_output select {
1542 margin-right: 10px;
1543 }
1544
1545 .updraftcentral_row_extracontents .updraft_site_settings_output select#updraft_startday_files {
1546 margin-left: 10px;
1547 }
1548
1549 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraftplus-morefiles-row {
1550 float: left;
1551 clear: left;
1552 }
1553
1554 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_report_cell button.updraft_reportbox_delete {
1555 font-size: 50%;
1556 float:right;
1557 padding:0 3px;
1558 position: relative;
1559 top: -4px;
1560 left: 4px;
1561 }
1562
1563 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_report_cell .updraft_reportbox {
1564 padding: 8px;
1565 margin: 8px 0;
1566 border: 1px dotted;
1567 clear: left;
1568 /*float: left;*/
1569 }
1570
1571 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_backupextradbs_another_container,
1572 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_backupextradbs {
1573 clear: both;
1574 float: left;
1575 }
1576
1577 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row {
1578 border: 1px dotted;
1579 margin: 4px;
1580 padding: 4px;
1581 float: left;
1582 clear: both;
1583 }
1584 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row h3 {
1585 margin-top: 0px;
1586 padding-top: 0px;
1587 margin-bottom: 3px;
1588 font-size: 90%;
1589 }
1590 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row .updraft_backupextradbs_testresultarea {
1591 float: left;
1592 clear: both;
1593 padding-bottom: 4px;
1594 }
1595 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row .updraft_backupextradbs_row_label {
1596 float: left;
1597 width: 90px;
1598 padding-top:1px;
1599 }
1600 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row .updraft_backupextradbs_row_textinput {
1601 float: left;
1602 width: 100px;
1603 clear: none;
1604 margin-right: 6px;
1605 }
1606
1607 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row .updraft_backupextradbs_row_test {
1608 width: 180px;
1609 padding: 6px 0;
1610 text-align: right;
1611 }
1612
1613 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row .updraft_backupextradbs_row_host {
1614 clear: left;
1615 }
1616
1617 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row_delete {
1618 float: right;
1619 cursor: pointer;
1620 font-size: 100%;
1621 padding: 1px 3px;
1622 margin: 0 6px;
1623 }
1624 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraft_backupextradbs_row_delete:hover {
1625 cursor: pointer;
1626 }
1627
1628 .updraft_site_settings_output {
1629 margin-top: 10px;
1630 }
1631
1632 th h2 {
1633 margin-bottom:0.5em;
1634 }
1635
1636 .updraft_site_settings_output .form-table th {
1637 width: 25%;
1638 text-align: left;
1639 padding: 5px;
1640 vertical-align: top;
1641 }
1642
1643 .updraft_site_settings_output .form-table td {
1644 /*display: inline-block;*/
1645 max-width: 100% !important;
1646 /*width: 100%;*/
1647 padding: 5px 5px 10px;
1648 }
1649
1650 .updraft_site_settings_output select {
1651 background: #f7f7f7;
1652 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
1653 border: 1px solid #d1d1d1;
1654 border-radius: 2px;
1655 color: #686868;
1656 padding: 0.625em 0.4375em;
1657 width: auto;
1658 }
1659
1660 .updraft_site_settings_output select:focus {
1661 background-color: #fff;
1662 border-color: #007acc;
1663 color: #1a1a1a;
1664 outline: 0;
1665 }
1666
1667 .updraft_site_settings_output input[type="text"], .updraft_site_settings_output input[type="email"], .updraft_site_settings_output input[type="url"],
1668 .updraft_site_settings_output input[type="password"], .updraft_site_settings_output input[type="search"], .updraft_site_settings_output input[type="tel"],
1669 .updraft_site_settings_output textarea, .updraft_site_settings_output select {
1670 margin: 0 0 5px 0;
1671 border-radius: 4px;
1672 padding: 2px 2px 2px 8px;
1673 line-height: 30px;
1674 height: 30px;
1675 vertical-align: middle;
1676 }
1677
1678 .updraft_site_settings_output input[type="number"], .updraft_site_settings_output input[type="text"].fix-time {
1679 background: #f7f7f7;
1680 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
1681 border: 1px solid #d1d1d1;
1682 border-radius: 4px;
1683 height: 30px;
1684 line-height: 30px;
1685 margin: 5px 5px 10px;
1686 padding: 0 2px;
1687 text-align: center;
1688 width: 55px;
1689 }
1690
1691 .updraft_site_settings_output h2 {
1692 text-align: left;
1693 margin-top: 1.5em;
1694 font-weight: bold;
1695 }
1696
1697 /*.entry-content h4, .entry-summary h4, .comment-content h4, .textwidget h4 {
1698 text-transform: capitalize;
1699 }*/
1700
1701 .updraft-fullscreen #updraftcentral_modal {
1702 background-color: #fff;
1703 background-color: transparent;
1704 }
1705
1706 .updraft_site_settings_output button.button-primary, .updraft_site_settings_output input.button-primary {
1707 display: inline-block;
1708 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
1709 font-weight: 400;
1710 text-align: center;
1711 white-space: nowrap;
1712 vertical-align: middle;
1713 cursor: pointer;
1714 -webkit-user-select: none;
1715 -moz-user-select: none;
1716 -ms-user-select: none;
1717 user-select: none;
1718 border: 1px solid transparent;
1719 color: #fff;
1720 background-color: #0275d8;
1721 border-color: #0275d8;
1722 /*margin-left: 10px;*/
1723 letter-spacing: initial;
1724 padding: .25rem .75rem;
1725 font-size: .875rem;
1726 line-height: 1.5;
1727 border-radius: .2rem;
1728 text-transform: capitalize;
1729 }
1730
1731 /*
1732 .updraft_site_settings_output table.form-table:last-child tr th{
1733 display:inline-block;
1734 max-width: 24% !important;
1735 }
1736
1737 .updraft_site_settings_output table.form-table:last-child tr td{
1738 display:inline-block;
1739 }
1740
1741 .updraft_site_settings_output table.form-table:last-child tr:nth-child(7) td:first-child{
1742 display:inline-block;
1743 width: 24%;
1744 }
1745 */
1746
1747 .updraft_site_settings_output button.button-primary:hover, .updraft_site_settings_output button.button-primary:focus,
1748 .updraft_site_settings_output input.button-primary:hover, .updraft_site_settings_output input.button-primary:focus {
1749 color: #fff;
1750 background-color: #025aa5;
1751 border-color: #01549b;
1752 }
1753
1754 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output th, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output table {
1755 border: none;
1756 }
1757
1758 button#updraftvault_showoptions, button#updraftvault_connect {
1759 margin-top:5px;
1760 }
1761
1762 /* Remote Storage/Updraft Method Plus */
1763 input#updraft_s3_path {
1764 margin-left: 10px;
1765 margin-right: 0;
1766 width: 93%;
1767 width: 330px;
1768 }
1769
1770
1771 /*Commented out the stuff to make the checkboxs look better as it was turing into too much work - do this later not a priority.
1772
1773 .updraft_site_settings_output label {
1774 display: inline-block;
1775 cursor: pointer;
1776 position: relative;
1777 padding-left: 25px;
1778 margin-right: 15px;
1779 font-size: 13px;
1780 }
1781
1782 .updraft_site_settings_output label::before {
1783 content: "";
1784 display: inline-block;
1785 width: 16px;
1786 height: 16px;
1787 margin-right: 10px;
1788 position: absolute;
1789 left: 0;
1790 bottom: 1px;
1791 background-color: #EAEAEA;
1792 border-radius: 4px;
1793 }
1794
1795 label[for=updraft_include_uploads_exclude]::before, label[for=updraft_include_others_exclude]::before, label[for=updraft_include_more_path_0]::before, #updraft_servicecheckbox_updraftvault::before {
1796 display: none;
1797 }
1798
1799 .updraft_site_settings_output input[type=checkbox] {
1800 display: none;
1801 }
1802
1803 .updraft_site_settings_output #remote-storage-container input[type=checkbox] {
1804 display: initial;
1805 }
1806
1807 .updraft_site_settings_output input[type=checkbox] label::before {
1808 border-radius: 3px;
1809 }
1810
1811 .updraft_site_settings_output input[type=checkbox]:checked + label::before {
1812 content: "\2713";
1813 font-size: 15px;
1814 color: #0275d8;
1815 text-align: center;
1816 line-height: 15px;
1817 font-weight: bold;
1818 border-radius: 4px;
1819 } */
1820
1821 #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude {
1822 width: 80%;
1823 }
1824
1825 .updraftcentral_row_extracontents input[type=checkbox] {
1826 margin-right: 4px;
1827 }
1828
1829 #updraft_reportbox_0 input[name="updraft_email[0]"] {
1830 width: 100%;
1831 margin-bottom: 10px;
1832 }
1833
1834 .updraft_site_settings_output a:hover {
1835 cursor: pointer;
1836 }
1837
1838 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_report_cell button.updraft_reportbox_delete {
1839 background-color: transparent;
1840 border: 1px dashed #808080;
1841 }
1842
1843 #updraftvault_settings_default div:nth-child(2), #updraftvault_settings_default div:nth-child(3) {
1844 display: inline-block;
1845 }
1846
1847 #updraftvault_settings_default div:nth-child(2) {
1848 margin-right: 20%;
1849 }
1850
1851 #updraftvault_settings_default p:last-child {
1852 margin-bottom: 1.5em;
1853 margin-top: 1em;
1854 }
1855
1856 #updraftvault_email, #updraftvault_pass, #updraft_dropbox_folder {
1857 width: 330px;
1858 margin-left: 5px;
1859 /*margin-bottom: 4px;*/
1860 }
1861
1862 #updraftvault_connect_go {
1863 display: block;
1864 margin: 10px 0 0 0;
1865 }
1866
1867 #updraft_sftp_settings_key {
1868 height: 105px;
1869 }
1870
1871 #updraftvault_settings_showoptions div {
1872 display: inline-block;
1873 }
1874
1875 .updraft_site_settings_output div.error, .updraft_site_settings_output p.double-warning {
1876 color: #9C1515;
1877 }
1878
1879 .updraft_site_settings_output h2.updraft_settings_sectionheading:nth-child(2) {
1880 border-bottom: 1px solid black;
1881 }
1882
1883 .updraft_interval, #updraft_startday_files, .updraft_interval_database, #updraft_startday_db {
1884 margin-bottom: 5px;
1885 }
1886
1887 .nav-tab {
1888 float: left;
1889 border: 1px solid #ccc;
1890 border-bottom: none;
1891 margin-left: .5em;
1892 padding: 5px 10px;
1893 font-size: 14px;
1894 line-height: 24px;
1895 background: #e4e4e4;
1896 color: #555;
1897 font-weight: 600;
1898 white-space: nowrap;
1899 text-decoration: none;
1900 outline: 0;
1901 border-radius: 6px 6px 0 0;
1902 }
1903
1904 .nav-tab-active, .nav-tab-active:focus, .nav-tab-active:active, .nav-tab-active:focus .nav-tab-active:hover {
1905 border-bottom: 1px solid #f1f1f1;
1906 background: #fff;
1907 color: #000;
1908 }
1909
1910 .nav-tab:focus, .nav-tab:hover {
1911 background-color: #fff;
1912 color: #464646;
1913 }
1914
1915 .updraft_site_settings_output table.form-table:nth-child(1),
1916 .updraft_site_settings_output table.form-table:nth-child(3) {
1917 width: 90%;
1918 margin: 0 auto;
1919 }
1920
1921 .updraft_report_another_p {
1922 clear: left;
1923 }
1924
1925 .updraft_site_settings_output input, .updraft_site_settings_output select {
1926 margin-bottom: 0 5px 0 5px;
1927 }
1928
1929 .updraft_site_settings_output label, .updraft_site_settings_output input[type="checkbox"] {
1930 cursor: pointer;
1931 }
1932
1933 .updraft_site_settings_output a {
1934 text-decoration: underline;
1935 }
1936
1937 span.updraftplus-morefiles-row-delete, span.updraft_retain_rules_delete {
1938 cursor: pointer;
1939 color: #F00;
1940 font-size: 100%;
1941 font-weight: bold;
1942 border: 0px;
1943 border-radius: 3px;
1944 padding: 2px;
1945 margin: 0 6px;
1946 }
1947
1948 span.updraftplus-morefiles-row-delete:hover, span.updraft_retain_rules_delete:hover {
1949 color: #FFF;
1950 background-color: #F00;
1951 cursor: pointer;
1952 }
1953
1954 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output tr#remote_storage_tabs td {
1955 border-bottom: 1px solid #d1d1d1;
1956 padding-bottom: 0;
1957 }
1958
1959 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form label {
1960 float: left;
1961 clear: left;
1962 width: 170px;
1963 }
1964
1965 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form input[type="text"], #updraft_s3newapiuser_form select {
1966 float: left;
1967 width: 310px;
1968 }
1969
1970 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form input[type="checkbox"] {
1971 float: left;
1972 }
1973
1974 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form label {
1975 float: left;
1976 clear: left;
1977 width: 170px;
1978 }
1979
1980 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form input[type="text"], #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form select {
1981 float: left;
1982 width: 310px;
1983 }
1984
1985 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form input[type="checkbox"] {
1986 float: left;
1987 }
1988
1989 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form p {
1990 padding-top: 0;
1991 clear: left;
1992 float: left;
1993 }
1994
1995 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form .updraft-s3newapiuser-first-para {
1996 margin: 1px;
1997 }
1998
1999 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form .updraft-s3newapiuser-settings-para {
2000 margin-top: 3px;
2001 padding-top: 0;
2002 clear: left;
2003 float: left;
2004 }
2005
2006 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form #updraft-s3newapiuser-results {
2007 clear: left;
2008 float: left;
2009 }
2010
2011 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form #updraft-s3newapiuser-results p {
2012 margin: 1px 0;
2013 padding: 1px 0;
2014 }
2015
2016 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form .updraft_s3newapiuser_checkboxexplain {
2017 width: 310px;
2018 float: left;
2019 }
2020
2021 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form .updraft_s3newapiuser_textexplain {
2022 float: left;
2023 width: 30px;
2024 position: relative;
2025 top: 3px;
2026 }
2027
2028 #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_s3newapiuser_form #updraft_s3newapiuser_bucket {
2029 width: 280px;
2030 }
2031
2032 .updraft_site_settings_output table tr th h3 {
2033 word-wrap: normal;
2034 white-space: nowrap;
2035 }
2036
2037 div#updraft_include_more_options div:nth-child(3), .updraft_report_another_p {
2038 clear: both;
2039 }
2040
2041 .updraft_site_settings_output a.nav-tab {
2042 text-decoration: none;
2043 }
2044
2045 .updraft-dashicon-big {
2046 color: #000;
2047 float: right;
2048 height: 35px;
2049 width: 35px;
2050 font-size: 35px;
2051 }
2052
2053 /* Database Options */
2054 #updraft_backupextradbs div.updraft_backupextradbs_row_label{
2055 width: 80px;
2056 }
2057
2058 #updraft_backupextradbs button.updraft_backupextradbs_row_delete {
2059 background: none;
2060 }
2061
2062 #updraft_backupextradbs input.updraft_backupextradbs_row_textinput.extradb_pass {
2063 margin-right: 0;
2064 }
2065
2066 /* Expert Settings */
2067 tr.expertmode td input.updraft_split_every {
2068 width: auto;
2069 }
2070