PluginProbe
UpdraftCentral Dashboard / 0.8.10
UpdraftCentral Dashboard v0.8.10
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.8.10, at css/dashboard.css

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