/* * Sections: you can search for these for quicker navigation through this CSS file * * 1. Dashboard notices * 2. Managing sites * 3. General page layout + typography * 4. Universal state elements (e.g. spinners) * 5. Backup related * 6. Dropdown menu<<< * 7. UpdraftPlus settings * * Spinner images, to be incorporated: wp-includes/images/spinner.gif wp-includes/images/spinner-2x.gif * */ /* 1. Dashboard notices */ #updraftcentral_dashboard { font-size: 1.2rem; line-height: 1.5; } #updraftcentral_dashboard h1, #updraftcentral_dashboard h2, #updraftcentral_dashboard h3, #updraftcentral_dashboard h4, #updraftcentral_dashboard h5, #updraftcentral_dashboard h6 { color: #DF6926; font-weight: normal; } #updraftcentral_dashboard_loading { margin-top: 12px; } #updraftcentral_notice_container .updraftcentral_notice { border-left: 5px solid; border: 1px solid #555; background-color: #F7F7F7; border-radius: 4px; padding: 6px 6px 6px 12px; margin: 12px 0; clear: both; } #updraftcentral_notice_container .updraftcentral_notice_dismiss::before { background: none; color: #909498; content: "\f153"; display: block; font: normal 16px/20px dashicons; speak: none; height: 10px; text-align: center; width: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #updraftcentral_notice_container .updraftcentral_notice_contents { width: 95%; } #updraftcentral_notice_container .updraftcentral_notice_dismiss { float: right; position: relative; top: -4px; border: medium none; margin: 0px; padding: 1px; background: transparent none repeat scroll 0% 0% !important; color: #909498; cursor: pointer; } #updraftcentral_notice_container .updraftcentral_notice_dismiss:hover::before, #updraftcentral_notice_container .updraftcentral_notice_dismiss:active::before, #updraftcentral_notice_container .updraftcentral_notice_dismiss:focus::before { color: #B4B9BE; } #updraftcentral_notice_container .updraftcentral_notice_dismiss:focus { outline: none; -webkit-box-shadow: 0 0 0 1px #5B9DD9, 0 0 2px 1px rgba(30, 140, 190, 0.8); box-shadow: 0 0 0 1px #5B9DD9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } #updraftcentral_notice_container .ie8 .updraftcentral_notice_dismiss:focus { outline: 1px solid #5B9DD9; } #updraftcentral_notice_container .updraftcentral_notice.updraftcentral_notice_new { display: none; } #updraftcentral_notice_container .updraftcentral_notice_level_error { border-left: 4px solid red; } #updraftcentral_notice_container .updraftcentral_notice_level_notice, #updraftcentral_notice_container .updraftcentral_notice_level_info { border-left: 4px solid #46B450; } /*#updraftcentral_addsite_help, #updraftcentral_editsite_expertoptions { /font-size: 65%; font-style: italic; }*/ #updraftcentral_addsite_key, #updraftcentral_addsite_description { width: 100%; margin-bottom: 14px; } #updraftcentral_editsite_expertoptions { clear: left; padding-top: 6px; } #updraftcentral_editsite_expertoptions label { width: 170px; } #updraftcentral_addsite_help { color: #0275D8; } #updraftcentral_editsite_expertoptions h3, #updraftcentral_editsite_expertoptions h4 { font-family: "Helvetica Neue",helvetica,arial,sans-serif; font-weight: normal; margin-bottom: 0; padding-bottom: 0; } #updraftcentral_editsite_expertoptions h4 { font-family: "Helvetica Neue",helvetica,arial,sans-serif; font-weight: normal; margin-top: 20px; font-size: 22px; letter-spacing: 0; margin-bottom: 0; } /* 2. Managing sites */ #updraftcentral_debug_level { width: 40px; } /* It doesn't show, until Modernizr has verified that the browser is compatible */ #updraftcentral_dashboard_existingsites_container { display: none; } #updraftcentral_panel_notices { width: 100%; margin: 0 auto; margin-top: 2%; background-color: #EAEAEA; padding: 20px; border-radius: 6px; } #updraftcentral_panel_notices h3 { margin-top: 0px; } #updraftcentral_panel_notices table { text-align: center; } #updraftcentral_panel_notices .dashicons { width: 25px; height: 25px; font-size: 25px; } #updraftcentral_panel_notices .get_from_link { padding: 5px; } .updraftcentral .updraftcentral_dashboard_newsite { float: right; min-width: 100px; min-height: 40px; font-size: 140%; } div.updraftcentral_row_sitelabel br.updraft-full-hidden { display: none; } div.updraft-cancel-new-site { width: 30%; display: inline-block; } div.add-new-site { width: 70%; float: left; } div.updraftcentral_row_site_buttons a.updraftcentral_button_link { color: #FFF; } div.updraftcentral_row_site_buttons .btn { cursor: pointer; } div.updraftcentral_row_site_buttons a.updraftcentral_button_link:hover { color: #FFF; text-decoration: none; } div.updraftcentral_row_sitelabel input.updraftcentral_site_description { height: 18px; width: 100px; } div.updraftcentral_site_row .updraftcentral_site_url_after_description { font-size: 75%; padding-left: 25px; } div.updraft_site_actions { display: inline-block; } div.updraft_site_actions .btn { text-transform: capitalize; } .updraftcentral_site_sort_icon { color: gray; } div.updraftcentral_site_row.row { margin-left: 0; margin-right: 0; cursor: move; } div.updraftcentral_site_row.row.sortable-is-disabled { cursor: initial; } div.updraft_site_title { display: inline-block; min-width: 330px; max-width: 500px; font-weight: bold; } .updraftcentral_row_sitelabel .updraftcentral_site_dashboard.dashicons-wordpress-alt { position: relative; top: 8px; font-size: 70%; } div.updraft_site_title a { line-height: 30px; } div .updraft_no_sites { border-bottom: 1px solid #CCC; margin-bottom: 2%; } span.dashicon-fix { line-height: 1.3; } .updraft_site_actions .btn-group button, .updraftcentral_table button { min-height: 30px; } .updraft_site_actions .dropdown-item { padding: 0px 10px 3px 10px !important; color: #373A3C !important; } span.dashicon-fix { line-height: 1.3; } div.updraftcentral_site_row, div.updraftcentral_site_row:hover { background-color: #FFF; border-radius: 6px; } hr { margin: 0; } .updraftcentral_site_row { padding: 8px 0; background-color: #F7F7F7; border-radius: 6px; } .updraftrc_site_row { padding: 16px 0; } .updraftcentral_row_container { text-align: right; margin-right: 20px; } span.updraftcentral_site_dashboard { cursor: pointer; } /* 3. General page layout + typography */ .width-100-percent { width: 100%; } #updraftcentral_dashboard a, #updraftcentral_modal .modal-content a { color: #0275D8; text-decoration: none; } #updraftcentral_dashboard a:visited, #updraftcentral_modal .modal-content a:visited { color: #0275D8; text-decoration: none; } #updraftcentral_dashboard a:hover, #updraftcentral_modal .modal-content a:hover { color: #014C8C; text-decoration: underline; } #updraftcentral_modal #connection-test-results .connection-test-failed { color: red; } #updraftcentral_modal #connection-test-results .connection-test-succeeded { color: green; } #updraftcentral_modal #connection-test-results { padding: 20px 24px 0 24px; } #updraftcentral_modal .connection-test-header:first-of-type { font-weight: bold; } #updraftcentral_modal .connection-test-title { float: left; clear: left; width: 45%; } #updraftcentral_modal .connection-test-result { width: 55%; float: left; padding-bottom: 18px; } #updraftcentral_modal p { clear: left; } #updraftcentral_modal a:hover { cursor: pointer; } /* This is only shown when editing existing sites, not when adding new */ #updraftcentral_modal .updraftcentral_addsite_expertoptions #updraftcentral_test_other_connection_methods_section { display: none; } /* Reduce the z-index for the Divi header, so that it doesn't cover the modal */ body.et_full_width_page #main-header { z-index: 999; } /* Remove the page header */ h1.main_title { display: none; } .top-buffer { margin-top: 2%; } #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 { display: none; } /* Disabled this, as progress is already shown visually */ #uc_task_progress_label { display: none; } /* Below is all for the navigation menu */ #updraft-central-navigation { background-color: #DF6926; min-height: 50px; padding: 10px; } #updraft-central-navigation:after { clear: both; content: ""; display: block; } #updraft-central-navigation .updraftcentral_licence_info { color: #C6C9D4; } .updraft-central-logo { display: inline-block; margin-left: -3px; width: 50%; padding-left: 8px; padding-right: 8px; } .updraft-central-logo img { height: 30px; } #updraft-central-navigation .updraftcentral_licence_info * { vertical-align: middle; } #updraft-central-navigation .top_menu_right { display: inline-block; float: right; text-align: right; white-space: nowrap; } #updraft-central-navigation .top_menu_right * { vertical-align: middle; } #updraft-central-navigation .top_menu_right .dashicons { color: white; cursor: pointer; font-size: 30px; height: 30px; width: 30px; } #updraft-central-navigation .top_menu_right .dashicons:hover { color: black; cursor: pointer; } /*Mobile menu*/ #updraft-central-navigation .dashicons.updraft-mobile-menu { font-size: 30px; height: 30px; width: 30px; } /*Sidebar navigation start*/ #updraftcentral_dashboard.updraft-fullscreen #updraft-central-content-container { height: 90vh; } #updraft-central-content-container { height: 85vh; } #updraft-central-content-container #updraft-central-navigation-sidebar { background-color: #F5F5F5; border-bottom: 1px solid #EEE; } #updraft-central-content-container #updraft-central-content { width: auto; height: 100%; overflow: auto; } #updraft-central-sidebar-button { display: none; } .updraft-central-sidebar-button-icon { position: fixed; top: 50%; right: 3px; -webkit-transform: translatey(-50%); transform: translatey(-50%); color: #FFF; font-size: 30px; height: auto; } @media screen and (min-width: 670px) { #updraft-central-content-container #updraft-central-navigation-sidebar { float: left; overflow-y: auto; overflow-x: visible; height: 100%; width: 200px; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFF)); background: linear-gradient(to bottom, #F5F5F5 0%, #FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-right: 1px solid #EEE; border-bottom: none; } #updraft-central-content-container #updraft-central-content { width: auto; height: 100%; padding-left: 10px; padding-right: 10px; overflow: auto; } #updraft-central-sidebar-button { display: block; position: fixed; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); background-color: #DF6926; width: 15px; height: 100px; border-radius: 0px 25px 25px 0px; z-index: 1000; } #updraft-central-sidebar-button:hover { background-color: #E2783B; cursor: pointer; } } /* Sidebar navigation end */ #updraft-menu-item-all { padding: 8px 0; color: #939393; } .updraft-menu-item, .updraft-menu-item-links { display: none; color: #939393; /* Padding here should be adjusted in future when menu items with longer names are added as the longer names will make the sidebar bigger automatically. */ padding: 8px 0; } /*#updraft-menu-item-all:hover, .updraft-menu-item-container:hover, .updraft-menu-item:hover, .updraft-menu-item-links:hover, .updraft-menu-item-hover { background-color: #BF5519; cursor: pointer; color: white; } .updraft-menu-item-container:hover span { color: white; } .updraft-menu-item-active, .updraft-menu-item-links-active { background-color: #BF5519; color: white; }*/ /* screen has a min width */ @media (min-width: 670px) { #updraft-menu-item-all, .updraft-menu-item, .updraft-menu-item-links { display: block; text-align: center; } .updraft-central-logo { float: left; width: auto; } #updraft-central-navigation .dashicons.updraft-mobile-menu { display: none; } #updraft-central-navigation .top_menu_right { white-space: nowrap; } #updraft-central-navigation .top_menu_right { float: right; width: auto; } } /* .updraft-full-screen:hover { color: #000; cursor: pointer; } */ /*#updraft-central-navigation .updraft_central_center span.dashicons.dashicons-editor-help { color: #fff; width: 30px; font-size: 30px; margin: 8px 5px; } #updraft-central-navigation .updraft_central_center span.dashicons.dashicons-editor-help:hover { color: #000; cursor: pointer; }*/ /* End navigation menu CSS */ /* Twenty Fourteen max-width fix */ .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { max-width: 100% !important; } #updraftcentral_dashboard_existingsites { display: block; margin-left: 1.2em; margin-right: 1.2em; width: 100%; margin: 0 auto; margin-top: 2%; background-color: #EAEAEA; padding: 10px; border-radius: 6px; } .updraftcentral_dashboard.container-fluid { padding-left: 0; padding-right: 0; } .updraftcentral_site_row .updraft_site_actions.has-site-info { min-width: 0px; } /*#updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output th { max-width: 150px; }*/ /* 4. Universal state elements (e.g. spinners) */ #updraftcentral_dashboard.updraft-fullscreen { background-color: #FFF; } .updraftcentral_loading_spinner { position: relative; } .updraftcentral_spinner { font-size: 10px; left: 50%; top: 50%; position: fixed; z-index: 9999 !important; float: left; clear: none; margin: 0; padding: 0; background-image: url("../images/updraft-central-orange-md.png"); height: 25px; width: 25px; -webkit-animation: udp 2s infinite ease; animation: udp 2s infinite ease; } /* If the spinner is attached to a modal element, then really put it there (instead of the default centre-screen) */ #updraftcentral_modal .updraftcentral_spinner { position: relative; top: 0px; left: 0px; } @-webkit-keyframes udp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes udp { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .dashicon-image-rotating { -webkit-animation: refresh 2s infinite ease; animation: refresh 2s infinite ease; } @-webkit-keyframes refresh { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes refresh { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } span.c-indicator { background-color: #D1D1D1; } button.btn-default { color: #333; background-color: #FFF; border-color: #CCC; } button.btn-default:hover, button.btn-default:hover { background-color: #E6E6E6; border-color: #ADADAD; color: #333; } button.btn-updraftplus { color: #FFF; background-color: #DF6926; border-color: #DF6926; } button.btn-updraftplus:hover { background-color: #BF5519; border-color: #BF5519; } button.btn-black-outline { color: #636363; background-color: transparent; background-image: none; border-color: #636363; } button.btn-black-outline:hover { color: #FFF; background-color: #636363; border-color: #636363; } button.btn-updraftplus-outline { color: #DF6926; border-color: #DF6926; background-color: transparent; background-image: none; } button.btn-updraftplus-outline:hover { color: #FFF; border-color: #DF6926; background-color: #DF6926; } button.btn-settings-outline { color: #686868; border-color: #686868; background-color: transparent; background-image: none; } button.btn-settings-outline:hover, button.btn-settings-outline:focus { color: #FFF; border-color: #686868; background-color: #686868; } .updraftcentral_action_box { display: block; margin-top: 10px; text-align: center; padding: 5px; /* width: 85%; */ margin: 10px auto 0px auto; min-height: 40px; } /* For Divi theme and other possible table CSS conflict */ 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 { max-width: 100% !important; } .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 { display: none; } #updraftcentral_notice_container .updraftcentral_notice .updraftmessage.fade { display: block; opacity: inherit; } #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader .updraftplus_downloader_closebutton { float: right; margin-bottom: 8px; } .phpinfo { font-style: italic; } .phpinfo:hover { cursor: pointer; } #updraftcentral_modal_dialog .modal-dialog { margin-top: 5%; } #updraftcentral_modal_dialog p { padding-bottom: 4px; margin-bottom: 0px; } #updraftcentral_modal_dialog .initially-hidden { display: none; } #updraftcentral_modal_dialog .modal-header .close { margin-top: 5px; position: absolute; right: 15px; } .updraft_site_unlicensed { color: red; font-style: italic; } #updraftcentral_licence_info { /* The default is to not display licence information. Customisers can over-ride this. */ display: none; } #updraftcentral_licence_info:hover { opacity: 50%; } #updraftcentral_licence_info a { color: #C6C9D4; } #updraftcentral_licence_info a:hover { color: black; } #updraftcentral_modal_dialog .modal-content { border-radius: 0.4rem; } #updraftcentral_modal_dialog .modal-dialog.backup-now { font-size: 13px; } #updraftcentral_modal_dialog .modal-header { border-bottom: none; border-radius: 0.3rem 0.3rem 0 0; padding: 15px 15px 0 15px; background-color: #DF6926; color: #FFF; } #updraftcentral_modal_dialog pre { width: auto; height: 330px; overflow-y: auto; max-height: 300px; } /*#updraftcentral_modal_dialog .modal-content .modal-body ul { list-style-type: none; margin: 0 10px; }*/ #updraftcentral_modal_dialog .modal-header h4 { color: #FFF; font-family: "Helvetica Neue",helvetica,arial,sans-serif; font-size: 2rem; font-weight: 500; line-height: 1.1; letter-spacing: normal; margin-top: 0; margin-bottom: 0; } #updraftcentral_modal_dialog .modal-body h3 { margin-top: 0; margin-bottom: 0; } #updraftcentral_modal_dialog .modal-footer .btn-warning { color: #F0AD4E; background-color: transparent; background-image: none; border-color: #F0AD4E; } .modal-footer .btn-default { color: #686868; border-color: #686868; background-color: transparent; background-image: none; } .modal-footer .btn-default:hover, .modal-footer .btn-default:focus { color: #FFF; border-color: #686868; background-color: #686868; } #updraftcentral_modal_dialog .modal-footer .btn-warning:hover, #updraftcentral_modal_dialog .modal-footer .btn-warning:focus { color: #FFF; background-color: #F0AD4E; border-color: #F0AD4E; } .updraft_existing_backups_output > .dashicons-image-rotate, .updraft_site_settings_output > .dashicons-image-rotate, .updraft_module_output > .dashicons-image-rotate { float: right; position: relative; top: 6px; left: -12px; } .updraft_existing_backups_output > .dashicons-image-rotate:hover, .updraft_site_settings_output > .dashicons-image-rotate:hover, .updraft_module_output > .dashicons-image-rotate:hover { cursor: pointer; } button.btn { text-transform: capitalize; } .bootbox-body h2 { color: #DF6926; } /* 5. Backup related */ label.backupnow_includecloud { /*cursor:pointer;*/ } /* Below is adapted from: http://www.hongkiat.com/blog/css3-checkbox-radio/ */ .modal-body label { display: inline; cursor: pointer; position: relative; font-size: 13px; margin-top: 20px; margin-bottom: 0; } label.backupnow_includedb::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #EAEAEA; border-radius: 4px; } .updraft_existing_backups .rescanning { font-style: italic; padding-bottom: 10px; } label[for=backupnow_label]::before { display: none; } label[for=backupnow_label] { padding-left: 0; } #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader .dlfileprogress { width: 0; background: #F6A828; height: 5px; } .updraftplus_downloader .raw { margin: 8px 0 10px 0; } .updraftplus_downloader .file { display: block; height: auto; padding: 5px; background: #ECECEC; border: solid 1px #CCC; margin: 8px 0 0 0; } /* Existing backup related CSS */ .updraft_diskspaceused_update, .updraft_rescan_local, .updraft_rescan_remote { cursor: pointer; text-decoration: underline; } input:disabled + label::before { cursor: not-allowed; background-color: #adadad; } .updraft_existing_backups_output h2, #updraftcentral_modal_dialog #updraftcentral_phpinfo_results img, #updraftcentral_dashboard_existingsites .updraft_existing_backups_output .ud-whitespace-warning { display: none; } .download-backups { padding: 10px; margin: 10px 10px 0 10px; background-color: #FFF; border-radius: 6px; } .ud-whitespace-warning a { text-decoration: underline; } #updraftcentral_modal_dialog #updraftcentral_phpinfo_results { height: 300px; max-height: 300px; overflow: auto; } .before-restore-button { width: 240px; } .updraft_download_button, .restore-button button, .updraftplus-remove a, .updraft-viewlogdiv a, #updraftplus-settings-save, .updraft_site_settings_output button.button-primary { display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #CCC; padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; color: #373A3C !important; background-color: #FFF; margin-right: 5px; } .restore-button button:hover, .restore-button button:focus, .updraftplus-remove a:hover, .updraftplus-remove a:focus, .updraft-viewlogdiv a:hover, .updraft-viewlogdiv a:focus { color: #373A3C; background-color: #E6E6E6; border-color: #ADADAD; text-decoration: none !important; } /*.updraftcentral_dashboard #updraft-central-content .btn-primary, #updraftcentral_modal_dialog .btn-primary, .updraft_download_button, .updraft_site_settings_output button.button-primary, .modal-footer .btn-primary, #updraftplus-settings-save { border: 1px solid #269CDF; color: #FFF !important; background-color: #269CDF; } .updraftcentral_dashboard #updraft-central-content .btn-primary:hover, .updraftcentral_dashboard #updraft-central-content .btn-primary:focus, .updraftcentral_dashboard #updraft-central-content .btn-primary:active, .updraft_download_button:hover, .updraft_download_button:focus, .updraft_download_button:active, #updraftcentral_modal_dialog .btn-primary:hover, #updraftcentral_modal_dialog .btn-primary:focus, #updraftcentral_modal_dialog .btn-primary:active, .updraft_site_settings_output button.button-primary:focus, .updraft_site_settings_output button.button-primary:hover, #updraftplus-settings-save:hover, #updraftplus-settings-save:focus, .updraft-test-button:hover, .updraft-test-button:focus, .modal-footer .btn-primary:hover, .modal-footer .btn-primary:active, .modal-footer .btn-primary:focus { border-color: transparent !important; color: #FFF !important; background-color: #1B7FB7; text-decoration: none !important; }*/ .btn-group > .btn:not(:first-child) { border-left-color: #FFF !important; } .updraftcentral_dashboard .input-group .form-control { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important; } .updraftcentral_dashboard .btn-danger { border: 1px solid #C12E2A; color: #FFF !important; background-color: #C9302C; } .updraftcentral_dashboard .btn-danger:focus, .btn-danger:hover { border-color: #D9534F; color: #FFF !important; background-color: #D9534F; text-decoration: none !important; } .existing-backups-table thead tr th.backup-date, .existing-backups-table thead tr th.backup-data, .existing-backups-table thead tr th.updraft_backup_actions { padding: 10px; } .updraft_backup_actions, tb.before-restore-button, .updraft_existingbackup_date { width: 200px; } .restore-button, .updraftplus-remove, .updraft-viewlogdiv { display: inline-block; } .download-backups ul li { list-style: none; } .download-backups ul li:last-child { font-size: 12px; } #updraftcentral_notice_container .updraftcentral_notice .updraftplus_downloader { margin-top: 4px; width: 75%; border: 0; } .existing-backups-table thead tr td[colspan="3"], .existing-backups-table thead tr td[colspan="4"], .existing-backups-table tbody tr td[colspan="4"] { display: none; /* Hide the empty columns/rows which come back from UDP */ } table.existing-backups-table { border-spacing: 0; border-collapse: separate; border: none; } .existing-backups-table th, .existing-backups-table td { border: 1px solid #EEE; } .existing-backups-table thead tr:first-child th:first-child { border-radius: 0.6em 0 0 0; width: 145px; } .existing-backups-table thead tr:first-child th:last-child { border-radius: 0 0.6em 0 0; } .existing-backups-table tbody tr:nth-last-child(2) td:first-child { border-radius: 0 0 0 0.6em; } .existing-backups-table tbody tr:nth-last-child(2) td:last-child { border-radius: 0 0 0.6em 0; } .updraft_diskspaceused_update { font-style: italic; } .entry-content a { /* Over ride the WP box shadow - true with the default theme of WP 4.4 */ -webkit-box-shadow: none; box-shadow: none; } .entry-content .updraftcentral_table { width: 100%; border: none; } .entry-content .updraftcentral_table .tr { overflow-y: auto; border: none; } .entry-content .updraftcentral_table th, .entry-content .updraftcentral_table td { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 8px; } .updraftcentral_table th { white-space: nowrap; } .updraftcentral_table th:last-child { width: 100%; } .updraftcentral_table .row_label { display: none; } @media (max-width: 768px) { .entry-content .updraftcentral_table { width: 100%; } .entry-content .updraftcentral_table th { display: none; } .entry-content #updraftcentral_dashboard .updraftcentral_table td { display: block; border: none; padding: 4px; } .entry-content #updraftcentral_dashboard .updraftcentral_table td:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; } .entry-content .updraftcentral_table .row_label { color: grey; font-weight: 300; font-size: 0.8rem; display: initial; } } div.updraftcentral_notice div.updraftcentral_notice_contents h2 { font-size: 1.2em; padding-bottom: 0; } div.updraftcentral_notice_contents .backup_state { line-height: 2; margin-top: 10px; } div.updraftcentral_notice_contents .job-id { margin-top: 10px; } div.job-id a, div.job-id a:last-child:hover { border-radius: 4px; padding: 5px; line-height: 0.7em; margin: 5px 5px 0 5px; word-wrap: normal; word-break: normal; white-space: nowrap; } div.job-id .curstage { margin-top: 10px; font-style: italic; } div.job-id a.updraft-log-link { cursor: pointer; border: 1px solid #269CDF; color: #FFF !important; background-color: #269CDF; line-height: 0.8em; margin: 5px 5px 0 5px; } div.job-id a.updraft-log-link:hover, div.job-id a.updraft-log-link:focus { border-color: #186FA1; color: #FFF !important; background-color: #1B7FB7; text-decoration: none !important; padding: 5px; border-radius: 4px; } div.active-jobsupdraft_finished { margin-top: 15px; } .updraft_jobinfo_delete { cursor: pointer; border: 1px solid #C12E2A; color: #FFF !important; background-color: #C9302C; line-height: 0.8em; margin: 5px 5px 0 5px; } .updraft_jobinfo_delete:focus, .updraft_jobinfo_delete:hover { border-color: #D9534F; color: #FFF !important; background-color: #D9534F; text-decoration: none !important; padding: 5px; border-radius: 4px; } .job-id { margin: 0px auto; width: 100%; min-width: 480px; margin-top: 4px; padding: 0; } .backup_state { font-size: 75%; } .next-resumption { font-weight: bold; } .curstage { border-radius: 4px; margin-top: 8px; margin-bottom: 8px; padding: 4px; border: 1px solid #AAA; width: 100%; position: relative; text-align: center; font-style: italic; line-height: 1.3; } .curstage .text-center { margin-bottom: 6px; } .curstage .progress-updraftcentral { height: 22px !important; } .progress-updraftcentral[value]::-webkit-progress-value { background-color: #F0AD4E !important; } .progress-updraftcentral[value]::-moz-progress-bar { background-color: #F0AD4E !important; } .progress-updraftcentral[value]::-ms-fill { background-color: #F0AD4E !important; } #updraftcentral_dashboard .updraft-delete-link, #updraftcentral_dashboard .updraft-log-link { display: inline; } .site { background-color: transparent; } /* 6. Dropdown menus */ li.dropdown-submenu > a::before { display: none; } /* Don't let TwentySeventeen hide it */ #updraftcentral_dashboard_existingsites_container .dropdown-toggle { display: block; } .updraft-dropdown-item { color: #2B2D2F; cursor: pointer; text-align: left; text-decoration: none; } .updraft-dropdown-item { text-decoration: none; color: #2B2D2F; -webkit-box-shadow: none; box-shadow: none; display: block; clear: both; font-weight: bold; } .updraft-dropdown-item:hover { color: #2B2D2F; text-decoration: none; } .dropdown-item:hover { background-color: #EEE !important; } #updraftcentral_dashboard_existingsites ul { list-style-type: none; list-style: none; } /* 7. UpdraftPlus settings */ .updraftcentral_row_extracontents .updraft_site_settings_output select { margin-right: 10px; } .updraftcentral_row_extracontents .updraft_site_settings_output #updraft_webdav_settings_url { width: 100%; } /*.updraftcentral_row_extracontents .updraft_site_settings_output select#updraft_startday_files { margin-left: 10px; }*/ #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output .updraftplus-morefiles-row { float: left; clear: left; } .updraft_site_settings_output { margin-top: 10px; } th h2 { margin-bottom: 0.5em; } .updraft_site_settings_output .form-table th { /*width: 25%;*/ text-align: left; padding: 5px; vertical-align: top; } .updraft_site_settings_output .form-table td { max-width: 100% !important; padding: 5px 5px 10px 5px; } #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output th img { width: 100%; max-width: 150px; } .updraft_site_settings_output .form-table td img { width: auto; max-width: 100%; } tr.updraftplusmethod.azure td img { width: 100%; max-width: 400px; } .updraft_site_settings_output select { background: #F7F7F7; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #D1D1D1; border-radius: 2px; color: #686868; padding: 0.625em 0.4375em; width: auto; } .updraft_site_settings_output select:focus { background-color: #FFF; border-color: #007ACC; color: #1A1A1A; outline: 0; } #updraftcentral_dashboard_existingsites input[type="text"], #updraftcentral_dashboard_existingsites input[type="number"], #updraftcentral_dashboard_existingsites input[type="email"], #updraftcentral_dashboard_existingsites input[type="url"], #updraftcentral_dashboard_existingsites input[type="password"], #updraftcentral_dashboard_existingsites input[type="search"], #updraftcentral_dashboard_existingsites input[type="tel"], #updraftcentral_dashboard_existingsites textarea, #updraftcentral_dashboard_existingsites select { border-radius: 4px; padding: 2px 6px; line-height: 30px; height: 30px; border: 1px solid #DDD; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFF; color: #32373C; outline: 0; -webkit-transition: 50ms border-color ease-in-out; transition: 50ms border-color ease-in-out; } .updraft_site_settings_output input[type="number"], .updraft_site_settings_output input[type="text"].fix-time { text-align: center; width: 68px; } #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, #updraftcentral_dashboard_existingsites input[type="password"]:focus, #updraftcentral_dashboard_existingsites input[type="search"]:focus, #updraftcentral_dashboard_existingsites input[type="tel"]:focus, #updraftcentral_dashboard_existingsites textarea:focus, #updraftcentral_dashboard_existingsites select:focus { border-color: #5B9DD9; -webkit-box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } #updraftcentral_dashboard_existingsites .input-group .form-control { height: 38px; border-radius: 0px; } .updraft_site_settings_output h2 { text-align: left; margin-top: 1.5em; font-weight: bold; } .updraft-fullscreen #updraftcentral_modal_dialog { background-color: #FFF; background-color: transparent; } #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 { border: none; } button#updraftvault_showoptions, button#updraftvault_connect { margin-top: 5px; } /* Remote Storage/Updraft Method Plus */ input#updraft_s3_path { margin-left: 10px; margin-right: 0; width: 93%; width: 330px; } .hidden-in-updraftcentral { display: none; } /*Commented out the stuff to make the checkboxs look better as it was turing into too much work - do this later not a priority. .updraft_site_settings_output label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 13px; } .updraft_site_settings_output label::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #EAEAEA; border-radius: 4px; } 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 { display: none; } .updraft_site_settings_output input[type=checkbox] { display: none; } .updraft_site_settings_output #remote-storage-container input[type=checkbox] { display: initial; } .updraft_site_settings_output input[type=checkbox] label::before { border-radius: 3px; } .updraft_site_settings_output input[type=checkbox]:checked + label::before { content: "\2713"; font-size: 15px; color: #0275d8; text-align: center; line-height: 15px; font-weight: bold; border-radius: 4px; } */ #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude { width: 80%; } .updraft_site_settings_output a:hover { cursor: pointer; } #updraftvault_settings_default div:nth-child(2), #updraftvault_settings_default div:nth-child(3) { display: inline-block; } #updraftvault_settings_default div:nth-child(2) { margin-right: 20%; } #updraftvault_settings_default p:last-child { margin-bottom: 1.5em; margin-top: 1em; } #updraftvault_email, #updraftvault_pass, #updraft_dropbox_folder { width: 330px; margin-left: 5px; } #updraftvault_connect_go { display: block; margin: 10px 0 0 0; } #updraft_sftp_settings_key { height: 105px; } #updraftvault_settings_showoptions div { display: inline-block; } .updraft_site_settings_output div.error, .updraft_site_settings_output p.double-warning { color: #9C1515; } .updraft_site_settings_output h2.updraft_settings_sectionheading:nth-child(2) { border-bottom: 1px solid black; } .updraft_interval, #updraft_startday_files, .updraft_interval_database, #updraft_startday_db { margin-bottom: 5px; } .nav-tab { float: left; border: 1px solid #CCC; border-bottom: none; margin-left: .5em; padding: 5px 10px; font-size: 14px; line-height: 24px; background: #E4E4E4; color: #555; font-weight: 600; white-space: nowrap; text-decoration: none; outline: 0; border-radius: 6px 6px 0 0; } .nav-tab-active, .nav-tab-active:focus, .nav-tab-active:active, .nav-tab-active:focus .nav-tab-active:hover { border-bottom: 1px solid #F1F1F1; background: #FFF; color: #000; } .nav-tab:focus, .nav-tab:hover { background-color: #FFF; color: #464646; } .updraft_site_settings_output table.form-table:nth-child(1), .updraft_site_settings_output table.form-table:nth-child(3) { width: 90%; margin: 0 auto; } .updraft_report_another_p { clear: left; } .updraft_site_settings_output input, .updraft_site_settings_output select { margin-bottom: 0 5px; } .updraft_site_settings_output label, .updraft_site_settings_output input[type="checkbox"] { cursor: pointer; } .updraft_site_settings_output a { text-decoration: underline; } span.updraftplus-morefiles-row-delete, span.updraft_retain_rules_delete { cursor: pointer; color: #F00; font-size: 100%; font-weight: bold; border: 0px; border-radius: 4px; padding: 2px; margin: 0 6px; } span.updraftplus-morefiles-row-delete:hover, span.updraft_retain_rules_delete:hover { color: #FFF; background-color: #F00; cursor: pointer; } .updraft_site_settings_output tr#remote_storage_tabs td { border-bottom: 1px solid #D1D1D1; padding-bottom: 0; } #updraft_s3newapiuser_form label { clear: left; width: 130px; } #updraft_s3newapiuser_form input[type="text"], #updraft_s3newapiuser_form select { width: 310px; } #updraft_s3newapiuser_form label[for="updraft_s3newapiuser_allowdownload"], #updraft_s3newapiuser_form label[for="updraft_s3newapiuser_allowdelete"] { width: 100%; } #updraft_s3newapiuser_form .updraft_s3newapiuser_textexplain { margin-right: 5px; } #updraft_s3newapiuser_form #updraft_s3newapiuser_bucket { width: 276px; } .updraft_site_settings_output table tr th h3 { word-wrap: normal; white-space: nowrap; } div#updraft_include_more_options div:nth-child(3), .updraft_report_another_p { clear: both; } .updraft_site_settings_output a.nav-tab { text-decoration: none; } .updraft-dashicon-big { color: #000; float: right; height: 35px; width: 35px; font-size: 35px; } .updraft_site_settings_output tr[class*="_updraft_remote_storage_border"] { border-top: 1px solid #CCC; } .updraft_site_settings_output .updraft_multi_storage_options { float: right; clear: right; margin-bottom: 5px !important; } /* Expert Settings */ tr.expertmode td input.updraft_split_every { width: auto; } /* Paginator Styles */ div.updraftcentral_paginator a.page_prev, div.updraftcentral_paginator a.page_next { text-decoration: none; } div.updraftcentral_paginator a.page_prev > span.dashicons, div.updraftcentral_paginator a.page_next > span.dashicons { margin-top: 5px; } div.updraftcentral_paginator .page_active { color: black; } div.updraftcentral_paginator .disabled { color: grey; cursor: default; } #updraftcentral_notice_container .progress { width: 100%; } div.updraftcentral_site_selected { float: right; font-size: 14px; color: #FFF; margin-top: 5px; margin-right: 20px; } /* Keyboard Shortcuts Styles */ ul.uc_shortcuts { list-style: disc; margin-left: 16px; height: 210px; overflow: auto; } ul.uc_shortcuts > li > span { font-size: 12px; color: #777; margin-left: 10px; } ul.uc_shortcuts > li > span.uc_change_shortcut { color: #DF6926; cursor: pointer; } ul.uc_shortcuts > li > div.uc_shortcut_elements { font-size: 12px; } ul.uc_shortcuts > li > div.uc_shortcut_elements span.uc_new_shortcut { display: block; } ul.uc_shortcuts > li > div.uc_shortcut_elements span.uc_new_shortcut > div.uc_tip_wrapper { padding: 5px; max-width: 200px; margin-top: 5px; font-weight: bold; } ul.uc_shortcuts > li > div.uc_shortcut_elements input, ul.uc_shortcuts > li > div.uc_shortcut_elements select, ul.uc_shortcuts > li > div.uc_shortcut_elements button { font-size: 12px; display: inline; } ul.uc_shortcuts > li > div.uc_shortcut_elements input { max-width: 50px; } a.uc_clear_local_shortcuts { cursor: pointer; text-decoration: none; color: #777 !important; font-size: 13px; } a.uc_clear_local_shortcuts:hover { text-decoration: underline; } div.uc_shortcuts_spacer { margin-top: 10px; } div.uc_shortcuts_spinner { position: absolute; text-align: center; left: 45%; margin-top: -50px; } div.updraft_site_actions { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .updraft-ad-container.updated { display: inherit !important; } .tooltip > .tooltip-inner { background-color: #FFF; color: #000; border: 1px solid gray; } .tooltip.top > .tooltip-arrow, .tooltip.bottom > .tooltip-arrow, .tooltip.left > .tooltip-arrow, .tooltip.right > .tooltip-arrow { border-top: 1px solid gray; } .addsite_dialog { max-width: 660px !important; } .addsite_dialog #updraftcentral_editsite_expertoptions > h4 { margin-top: 0; } .addsite_dialog textarea#updraftcentral_addsite_key { height: 250px; } .addsite_dialog .updraftcentral_addsite_help { margin-top: -10px; float: right; } .ui-tabs.ui-tabs-vertical { padding: 0; width: 42em; } .ui-tabs.ui-tabs-vertical .ui-widget-header { border: none; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav { float: left; width: 135px; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; margin: 0.2em 0; overflow: hidden; position: relative; right: -2px; z-index: 2; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a { display: block; width: 100%; padding: 0.6em 1em; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover { cursor: pointer; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0.2em; padding-bottom: 0; font-weight: bold; text-decoration: underline; } .ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child { margin-bottom: 10px; } .ui-tabs.ui-tabs-vertical .ui-tabs-panel { float: left; width: 28em; position: relative; left: -1px; } .updraft-menu-item-container { position: relative; } .module-visibility { position: absolute; cursor: pointer; right: 5px; top: 5px; padding: 7px; z-index: 1; color: #939393; } .module-visibility > span:hover { color: white; } input#updraftcentral_settings_timeout, .uc-timeouts-label { float: left; } input#updraftcentral_settings_timeout { min-width: 80px !important; } .uc-timeouts-label { margin-left: 10px; margin-top: 4px; } div.uc-settings-container h3 { padding-top: 0 !important; } .uc-timeouts-subheading { font-size: 16px; margin-bottom: 10px; font-weight: normal; } ul.uc_shortcuts { margin-top: -40px !important; } @media (max-width: 670px) { .module-visibility { display: block !important; color: #333; } .updraft-menu-item, .updraft-menu-item-links { display: block; } } .uc-hidden-modules-close, .uc-hidden-modules-menu { cursor: pointer; } div.updraft-menu-item { text-align: left; } div.updraft-menu-item > span.dashicons { margin-top: 6px; margin-left: 10px; } div.updraft-menu-item > span.menu-label { margin-left: 5px; } div#updraft-central-navigation-sidebar { width: 200px; } div.mobile-menu-backdrop { opacity: 0.5; background-color: #000; height: 100%; width: 100%; position: absolute; z-index: 8; } div.keyboard_shortcuts_link_container { margin-top: 15px; } div.bootbox.modal .modal-dialog { margin-top: 5%; } div.bootbox.modal .modal-content { border: 1px solid #777; } select.uc_updates_sort { min-width: 146px; } #updraftcentral_modal > .uc-settings-container > .updraftcentral_spinner { z-index: 9999 !important; position: absolute; margin-top: 50%; left: 50%; margin-left: -13px; } .injected-spinner { z-index: 9999 !important; position: absolute; } .dashicons-admin-media::before { width: 24px; background: url(../images/icons/admin-media-icon.svg) no-repeat center center; } .dashicons-list-view::before { width: 24px; background: url(../images/icons/list-view-icon.svg) no-repeat center center; } .dashicons-grid-view::before { width: 24px; background: url(../images/icons/grid-view-icon.svg) no-repeat center center; } .dashicons-admin-post::before { width: 24px; background: url(../images/icons/admin-post-icon.svg) no-repeat center center; } .dashicons-yes::before { width: 24px; background: url(../images/icons/admin-yes-icon.svg) no-repeat center center; } .dashicons-search::before { width: 24px; background: url(../images/icons/admin-search-icon.svg) no-repeat center center; } .dashicons-admin-plugins::before { width: 24px; background: url(../images/icons/admin-plugins-icon.svg) no-repeat center center; } .dashicons-admin-appearance::before { width: 24px; background: url(../images/icons/admin-appearance-icon.svg) no-repeat center center; } .dashicons-star-filled::before { width: 24px; background: url(../images/icons/admin-star-filled-icon.svg) no-repeat center center; } .dashicons-star-half::before { width: 24px; background: url(../images/icons/admin-star-half-icon.svg) no-repeat center center; } .dashicons-star-empty::before { width: 24px; background: url(../images/icons/admin-star-empty-icon.svg) no-repeat center center; } #updraftcentral_modal iframe { display: none; } .modal-md { max-width: 650px !important; } .disabled_cursor { cursor: not-allowed; } .uc_site_filter_sites_container > .select2.select2-container { width: 100% !important; } input.select2-search__field { outline: none !important; border: 0px !important; font-size: 14px !important; } input.select2-search__field:focus, input.select2-search__field:hover { webkit-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important; } .uc_site_filter_sites_container .select2-selection__rendered { padding-left: 5px !important; padding-right: 5px !important; } #updraftcentral_modal.modal-body em > h3, #updraftcentral_modal.modal-body em > h4 { padding-top: 5px !important; } .updraft-menu-item .dashicons::before, .updraftcentral_row_site_buttons .dashicons::before { height: 20px; display: inline-block; } #backupnow_includefiles_moreoptions > label.updraft_checkbox { display: block; } #updraftcentral_dashboard #updraftcentral_dashboard_export_settings.btn { border-radius: 50%; width: 55px; height: 55px; font: 0/0 a; padding: 10px; } #updraftcentral_dashboard #updraftcentral_dashboard_export_settings.btn { padding-left: 13px; } #wpoptimize_table_list .run-single-table-optimization, #wpoptimize_table_list .run-single-table-delete { width: 87px; border: 0 none; font-size: 0.938rem; font-family: "Source Sans Pro", roboto, "Helvetica Neue", arial, sans-serif; font-weight: 300; border-radius: 3px; padding: .4rem 1rem; line-height: 1.5; display: inline-block; border-radius: 3px; color: #FFF !important; } #wpoptimize_table_list .run-single-table-optimization { background-color: #94979F !important; } #wpoptimize_table_list .run-single-table-delete { background-color: #DE6726 !important; } span.uc_updates_perpage { float: right; margin-left: 20px; margin-top: -5px; } span.uc_updates_perpage > select { width: 130px; } #updraftcentral_dashboard input[type="checkbox"] { display: inline-block; border: 1px solid #DE6726 !important; background: #FFF; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 20px; margin: -4px 4px 0 0 !important; outline: 0; padding: 0 !important; text-align: center; vertical-align: middle; width: 20px; min-width: 20px; -webkit-appearance: none !important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } #updraftcentral_dashboard input[type="checkbox"]:checked::before { content: "\f147"; margin: -3px 0 0 -5px; color: #DE6726; cursor: pointer; float: left; display: inline-block; vertical-align: middle; width: 20px; font: normal 26px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #updraftcentral_dashboard a { cursor: pointer; } .uc-activate-shortcuts-checkbox { display: inline; width: 50%; } .uc-configure-shortcuts-link { display: inline; width: 50%; float: right; } .uc-shortcuts-activate-container { margin-bottom: 15px; } @media screen and (min-width: 671px) { div#updraft-central-navigation-sidebar { position: relative; } } @media screen and (max-width: 670px) { div.updraft-menu-item-links { display: inherit; } div.updraft-menu-item > span.menu-label { display: inline !important; } div#updraft-menu-item-all { text-align: center; } #updraftcentral_dashboard { overflow: hidden !important; } #updraft-central-navigation-sidebar { position: absolute; z-index: 10; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FFF)); background: linear-gradient(to bottom, #F5F5F5 0%, #FFF 100%); -webkit-transform: translate(-200px, 0px); transform: translate(-200px, 0px); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #updraft-central-navigation-sidebar.active { -webkit-transform: translate(0%, 0px); transform: translate(0%, 0px); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } #updraftcentral_dashboard input[id*="updraft_webdav_masked_url"].updraft_input--wide { max-width: 600px; width: 100%; }