.updraft-mobile-menu { display: inline; color: white; font-size: 48px; } @media (max-width: 582px) { .updraftcentral_row_container { text-align: initial; } .updraft-menu-item-links:nth-child(2) { border-left: none; } .updraft-mobile-menu span { font-size: 200%; color: #FFF; } .updraft_existing_backups_row { display: inline-block; width: 100%; } .updraftcentral-show-in-tab-backups { font-size: 0; } div.dropdown.updraft-dropdown.updraftcentral_rowmenu { top: 4px; } div.updraft_site_settings_output table th { display: table; } .updraft_site_settings_output button.button-primary, .updraft_site_settings_output input.button-primary { margin-left: 0; padding: 0.25rem 0.25rem; text-align: left; font-size: .775rem; } div.col-sm-12.updraftcentral_row_extracontents { margin-left: 0.2em; margin-right: 0.2em; padding-left: 0.275em; padding-right: 0.275em; } .updraft_existing_backups_output > .dashicons-image-rotate, .updraft_site_settings_output > .dashicons-image-rotate, .updraft_module_output > .dashicons-image-rotate { top: initial; } span.dashicons.updraft-full-screen-icon { display: none; } td.updraft_existingbackup_date { text-align: center; } h2.updraft_settings_sectionheading { font-size: 1.2375rem; } .updraft_site_settings_output { font-size: 0.7em; } /*#updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td { border-left: 3px solid #CCC; }*/ #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td:empty, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output td[colspan="2"] { border-left: none; } #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output tr#remote_storage_tabs td, #updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output tr.updraftplusmethod td { border: none; } .additional-rule-width { margin-top: 5px; } td input[type="text"].updraft_split_every { width: 65%; } input.labelauty + label { height: 85px; } div.updraftcentral_notice div.updraftcentral_notice_contents h2 { font-size: 1em; } div.updraftmessage.updated.fade p { font-style: italic; font-size: 0.9em; } div.updraft_site_settings_output table:nth-child(4) th[colspan="2"] h2.updraft_settings_sectionheading { white-space: nowrap; } input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked { display: block; } /*#updraftcentral_dashboard_existingsites .updraftcentral_row_extracontents .updraft_site_settings_output #remote-storage-container { -ms-column-count: 2 !important; column-count: 2 !important; }*/ #updraft-central-navigation .updraft-menu-item-links:nth-last-child:focus, #updraft-central-navigation .updraft-menu-item-links:nth-last-child:hover { border-radius: 0 0 10px 10px; } } @media (min-width: 583px) { span.dashicons.updraft-full-screen-icon { display: inline-block; } div.updraft_site_settings_output table th { display: table-cell; } } @media (max-width: 415px) { #updraftcentral_dashboard_existingsites { width: 100%; padding: 3px; } div.updraft_site_title, div.updraft_site_actions { min-width: auto; margin-left: 0; font-size: 14px; } .updraft-mobile-menu { display: inline-block; } .updraft-mobile-menu span { font-size: 200%; position: relative; left: 70%; bottom: 10%; color: #FFF; } button.row_siteinfo { font-size: 0; margin-left: 10px; min-width: initial; } button.updraftcentral_site_dashboard { font-size: 0; } div.download-backups { margin: 10px 0; padding: 3px; } .updraft_download_button, .restore-button, .updraftplus-remove, .updraft-viewlogdiv { margin: 5px 1px; padding: 5px; display: block; text-align: center; margin: 5px auto; } .restore-button { padding: 0; margin: 0; } .restore-button button { display: initial; } .download-backups { margin: 0; padding: 0; margin-top: 10px; } .updraftcentral_site_url_after_description { max-width: 185px; display: block; } } @media (max-width: 320px) { button.row_siteinfo { margin-left: 0; } } @media (max-width: 415px) and (min-width: 375px) { .updraft-mobile-menu span { left: 110%; } } @media (max-width: 769px) and (min-width: 416px) { div.updraft_site_actions { margin-left: 0; } #updraftcentral_dashboard_existingsites { width: 100%; } } @media (max-width: 867px) { div.updraft_site_actions { margin-left: 0; min-width: initial; } /* This hides the Site tab button text when the screen gets smaller */ button.updraftcentral_site_dashboard { font-size: 0 !important; } } @media (max-width: 1080px) { /* This hides the Backup tab button text when the screen gets smaller */ button.updraftcentral_site_backup_now, button.updraftcentral_site_backups_manage, button.updraftcentral_site_backup_settings { font-size: 0 !important; } } @media (max-width: 1211px) and (min-width: 733px) { div.updraft_site_actions { margin-left: 0; } .updraft_download_button { width: 93px; display: inline-block; } } @media (max-width: 1010px) { .updraftcentral_row_container button.updraftcentral-show-in-tab-backups { font-size: 0; } } @media (max-width: 1276px) { button.updraftcentral_site_backup_now, button.updraftcentral_site_backups_manage, button.updraftcentral_site_backup_settings { font-size: 0; } } /* Dropdown menu media queries */ @media (max-width: 767px) { .navbar-nav .dropdown-submenu > a:before { margin-top: 8px; border-color: inherit; border-style: solid; border-width: 4px 4px 0 4px; border-left-color: transparent; border-right-color: transparent; } .navbar-nav .dropdown-submenu > a { padding-left: 40px; } .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > label { padding-left: 35px; } .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 45px; } .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 55px; } .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 65px; } .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .navbar-nav > .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > label { padding-left: 75px; } .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before { border-top-color: #FFF; } .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:before { border-top-color: #555; } } .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a, .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover, .navbar-default .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus { background-color: #E7E7E7; color: #555; } .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a, .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:hover, .navbar-inverse .navbar-nav .open > .dropdown-menu > .dropdown-submenu.open > a:focus { background-color: #080808; color: #FFF; } @media (max-width: 910px) { .updraftcentral_action_box .btn { margin: 0px 3%; overflow: hidden; margin-top: 4px; } } @media (max-width: 500px) { button.updraftcentral_action_choose_another_site.btn { font-size: 0; min-width: initial; width: 50px; } } @media (max-width: 363px) { .updraftcentral_action_box .btn.btn-info-outline { font-size: 0; min-width: initial; width: 50px; } } @media (max-width: 790px) { .updraft_site_settings_output table.form-table:nth-child(1), .updraft_site_settings_output table.form-table:nth-child(3) { width: 95%; margin: 0 auto; } .updraft_site_settings_output input[type="text"], .updraft_site_settings_output input[type="email"], .updraft_site_settings_output input[type="url"], .updraft_site_settings_output input[type="password"], .updraft_site_settings_output input[type="search"], .updraft_site_settings_output input[type="tel"], .updraft_site_settings_output textarea, .updraft_site_settings_output select, #updraft_include_others_exclude input[type="text"], #updraft_include_uploads_exclude, #updraft_reportbox_0 input[name="updraft_email[0]"] { width: 100%; max-width: 100%; } } @media (max-width: 642px) { .updraft_existing_backups_output .download-backups ul { margin: 0 0 1rem 0; padding-top: 3%; } .existing-backups-table th, .existing-backups-table td { border: 1px solid #EEE; padding: 0.5em 1em; } .existing-backups-table thead tr:first-child th:first-child { border-radius: 0.6em 0.6em 0 0; width: 100%; } .existing-backups-table thead tr:first-child th:last-child { border-radius: 0; } .existing-backups-table tbody tr:nth-last-child(2) td:first-child { border-radius: 0; } .existing-backups-table tbody tr:nth-last-child(2) td:last-child { border-radius: 0 0.6em 0.6em 0; } .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: 2px; display: inline-block; width: 100%; } .existing-backups-table thead tr th.backup-date { border-top: 1px solid #CCC; } .updraft_existing_backups_row td { width: 100%; display: inline-block; } .updraft_existing_backups_row { display: inline-block; width: 100%; } .existing-backups-table thead tr { display: none; } } @media (max-width: 564px) and (min-width: 543px) { div.dropdown.updraft-dropdown { float: none; } } @media (max-width: 461px) and (min-width: 415px) { div.updraft-mobile-menu { left: 230%; } } @media (max-width: 708px) { .existing-backups-table th, .existing-backups-table td { border: 1px solid #EEE; text-align: center; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .updraft_site_settings_output input[type="text"], .updraft_site_settings_output input[type="email"], .updraft_site_settings_output input[type="url"], .updraft_site_settings_output input[type="password"], .updraft_site_settings_output input[type="search"], .updraft_site_settings_output input[type="tel"], .updraft_site_settings_output textarea, .updraft_site_settings_output select, #updraft_include_others_exclude input[type="text"], #updraft_include_uploads_exclude, #updraft_reportbox_0 input[name="updraft_email[0]"] { width: 90%; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width: 321px) { /* STYLES GO HERE */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width: 320px) { /* STYLES GO HERE */ } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* STYLES GO HERE */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* STYLES GO HERE */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* STYLES GO HERE */ } /* Smaller than Desktop and Laptops ----------- */ @media only screen and (max-width: 1223px) { input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked { margin-left: 0 !important; } input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image { background-position: center !important; } input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked { display: block; margin-top: 8px; text-align: center; } #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude { display: inline-block; width: 100%; } } /* Smaller Desktop and Laptops ----------- */ @media only screen and (min-width: 1224px) { input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked { width: 63%; } #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude { margin-right: 0; margin-left: 10px; } } /* Desktops and laptops ----------- */ @media only screen and (min-width: 1325px) { /* Backup To Remote Storage */ input.labelauty + label { min-height: 58px; } input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image { float: left; margin: 5px 0 5px 5px; } input.labelauty + label > span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked { display: inline; float: right; margin-top: 20px; margin-bottom: 0; width: 68%; } #updraft_include_others_exclude input[type="text"], input#updraft_include_uploads_exclude { margin-right: 0; margin-left: 10px; } }