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

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