/*------------------------------------------------*/ /*---------------[RESPONSIVE LAYOUTS]-------------*/ /*------------------------------------------------*/ @media only screen and (max-height: 500px) { .mainwp-nav-menu .item-wp-admin { position: relative !important; } } @media only screen and (min-width: 769px) { .mainwp-768-show { display: none !important; } .mainwp-manage-updates-table { white-space: nowrap; } .mainwp-manage-updates-table thead tr th:last-child, .mainwp-manage-updates-table tbody tr td:last-child, .mainwp-manage-updates-table tfoot tr th:last-child { text-align: right !important; } .mainwp-manage-updates-table tbody tr td.dt-empty { text-align: center !important; } } @media only screen and (min-width: 992px) and (max-width: 1449px) { #mainwp-manage-updates { overflow-x: scroll !important; } } @media only screen and (min-width: 1360px) and (max-width: 1645px) { #mainwp-update-everything-button { font-size: 14px; } } @media only screen and (min-width: 768.5px) and (max-width: 1365px) { .item-wp-admin { z-index: 9999 !important; } #mainwp-updates-overview-menu, #mainwp-updates-stats { width: 100% !important; } } @media only screen and (min-width: 768.5px) and (max-width: 1080px) { .mainwp-ui .ui.two.column.grid .column, .mainwp-ui .ui.three.column.grid .column { width: 100% !important; padding: 1em !important; } #mainwp-top-header .ui.grid .left.floated.column { width: 15% !important; } #mainwp-top-header .ui.grid .right.floated.column { width: 85% !important; } } @media screen and (min-width: 1200px) { #mainwp-get-purchased-extensions-modal { width: 1210px; } } @media screen and (max-width: 1200px) { #mainwp-get-purchased-extensions-modal #mainwp-install-extensions-menu { overflow-x: auto; overflow-y: hidden; } } @media screen and (max-width: 1140px) { #mainwp-navigation-icon { margin: 0 !important; width: 35px !important; } .mainwp-content-wrap { width: 100%; margin-left: 0 !important; } /*--- Menu ---*/ #mainwp-main-navigation-container { display: none !important; } .mainwp-main-mobile-navigation-container { display: block; padding: 1em; } .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap, .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap, .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap, .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap, .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap, .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap, .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap, .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap, .mainwp-ui.mainwp_page_ServerInformationCron .mainwp-content-wrap, .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap, .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap, .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap, .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap, .mainwp-ui.mainwp_page_CostTrackerSettings .mainwp-content-wrap { margin-left: 0 !important; } #mainwp-main-menu.ui.menu { min-height: 0; } } @media screen and (max-width: 767.98px) { .mainwp-content-wrap { margin-top: 0; } .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-paging .ui.pagination.menu, .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-search span.input input, .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-length .ui.selection.dropdown { font-size: 1em !important; } .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI .column:has( .dt-length ), .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI .column:has( .dt-search ) { width: 50% !important; vertical-align: top !important; } #mainwp-page-navigation-wrapper, #mainwp-page-navigation-wrapper .mainwp-page-navigation { display: block !important; width: 100% !important; float: none !important; position: relative !important; top: auto !important; bottom: auto !important; } #mainwp-site-mode-wrap { display: block !important; width: 100% !important; float: none !important; } .mainwp-ui .ui.five.cards>.card { width: 100%; } .mainwp-ui .dt-paging { text-align: center !important; } .mainwp-ui .ui.stackable.pagination.menu { display: inline-flex !important; flex-direction: unset !important; max-width: 100%; margin-bottom: 2em; overflow: visible !important; } .mainwp-ui .ui.stackable.pagination.menu .item { width: auto !important; } .mainwp-ui .dt-info { display: none !important; } .mainwp-768-hide { display: none !important; } .mainwp-768-show { display: inline-block !important; } .mainwp-768-fluid { width: 100% !important; text-align: center !important; } .ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned).mainwp-768-half-width-cell { width: 50% !important; display: inline-table !important; } .mainwp-ui table .menu.transition.visible { top: 0 !important; left: 0 !important; position: relative !important; width: 100% !important; background: none !important; box-shadow: none !important; border: 0 solid #fff !important; } .mainwp-ui table .menu.transition.visible:after { display: none !important; } /*--- WP Overrides ---*/ .mainwp-ui #wpcontent, .mainwp-ui #wpbody { padding: 0 !important; } /*--- General ---*/ .mainwp-ui table.dataTable thead th .ui.checkbox { margin-left: 20px !important; } .mainwp-ui [data-tooltip]:before, .mainwp-ui [data-tooltip]:after { display: none !important; } .mainwp-ui .ui.dropdown { width: 100% !important; } .mainwp-main-content { width: 100%; } .mainwp-actions-bar .ui.grid>[class*="two column"].row>.column, .mainwp-actions-bar .ui.grid .column { width: 100% !important; } .mainwp-actions-bar .ui.buttons { width: 100% !important; margin-bottom: 1rem !important; } .mainwp-actions-bar .ui.buttons .button:not(.mini), .mainwp-actions-bar .ui.buttons .button:not(.icon) { width: auto !important; } #mainwp-top-header .ui.icon.button { display: none !important; } #mainwp-top-header .ui.icon.button#mainwp-sync-sites { display: block !important; } #mainwp-top-header #mainwp-sync-sites { display: block; width: 100%; margin-bottom: 20px; } .mainwp-widget .ui.icon.button { width: auto !important; } .mainwp-side-content { width: 100%; border: none !important; margin-top: 1rem; } .mainwp-side-content.mainwp-no-padding { padding: 1em !important; } .mainwp-ui .ui.button:not(.mini), .mainwp-ui .ui.button:not(.icon) { width: 100%; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 10px !important; } .mainwp-ui .ui.buttons .ui.button { width: auto !important; } .mainwp-ui .ui.grid.field .column { width: 100% !important; display: block !important; } .mainwp-ui .ui.labeled.icon.inverted.menu.mainwp-sub-submenu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*--- Tables ---*/ .ui.table:not(.unstackable)>thead.mainwp-768-hide { display: none !important; } .mainwp-ui .ui.table tr td .ui.mini.button { width: auto !important; float: none !important; padding: 15px !important; margin-top: 5px !important; } /*--- Overview ---*/ .mainwp-ui .mainwp-grid-wrapper .grid-item.column { margin-top: 1rem !important; padding: 0 !important; } .mainwp-grid-wrapper .grid-item .ui.list .column, .mainwp-grid-wrapper .grid-item .column { text-align: left !important; width: 100% !important; display: block !important; } #widget-overview .ui.grid .two.column.row .column { width: 100% !important; text-align: center !important; } /*--- Sites ---*/ #mainwp-add-new-buttons { display: none; } .mainwp-manage-wpsites-table { white-space: normal !important; } /*--- Groups ---*/ #mainwp-manage-groups-sites-table tfoot tr th { display: block !important; border-top: none !important; background: #fff !important; } /* --- Updates --- */ .ui[class*="tablet stackable"].table.mainwp-manage-updates-table>thead>tr>th:not(.rowspanned), .ui[class*="tablet stackable"].table.mainwp-manage-updates-table>tbody>tr>td:not(.rowspanned) { width: auto !important; } .mainwp-manage-updates-table tr, .mainwp-manage-updates-item-table tr { padding: 1rem 0.5rem 0.5rem !important; } .mainwp-manage-updates-table table thead tr, .mainwp-manage-updates-table table tfoot tr { background: #eee !important; } .mainwp-manage-updates-table table table thead tr, .mainwp-manage-updates-table table table tfoot tr { background: #eee !important; } .mainwp-manage-updates-table table tbody tr { background: #f9ffea !important; } .mainwp-manage-updates-table table table tbody tr { background: #f9ffea !important; } .mainwp-manage-updates-table td, .mainwp-manage-updates-item-table td { font-weight: normal !important; } .mainwp-manage-updates-table strong.mainwp-768-show { width: 70px; } .mainwp-manage-updates-table .ui.button { display: block; width: 100%; } .mainwp-page-navigation.ui.secondary.green.pointing.menu .item { display: block; } .mainwp-page-navigation.ui.secondary.green.pointing.menu .item .label { float: right; } /* --- Posts --- */ #mainwp-posts-table { white-space: normal !important; } /* --- Pages --- */ #mainwp-pages-table { white-space: normal !important; } /* --- Themes & Plugins--- */ #mainwp-install-plugins-container, #mainwp-install-themes-container { margin-top: 1rem; } .mainwp-ui .theme.card { width: 100% !important; } #mainwp-manage-plugins-table, #mainwp-manage-themes-table { width: 100% !important; height: auto !important } #mainwp-manage-plugins-table .dtr-data, #mainwp-manage-themes-table .dtr-data { float: left; } #mainwp-manage-themes-table thead th.mainwp-first-th, #mainwp-manage-plugins-table thead th.mainwp-first-th { position: relative !important; left: 0 !important; top: 0 !important; z-index: 0 !important; } #mainwp-manage-themes-table tbody tr, #mainwp-manage-plugins-table tbody tr { padding: 0 !important; } #mainwp-manage-themes-table tbody tr:hover, #mainwp-manage-plugins-table tbody tr:hover { background: #fff !important; } #mainwp-manage-themes-table tbody tr td:first-child, #mainwp-manage-plugins-table tbody tr td:first-child { background: #fff !important; position: relative !important; left: 0 !important; top: 0 !important; z-index: 0 !important; } #mainwp-manage-themes .DTFC_LeftWrapper, #mainwp-manage-themes .DTFC_RightWrapper { display: none; } #mainwp-manage-plugins-table-legend .item, #mainwp-manage-themes-table-legend .item { display: block !important; margin-left: 1em !important; } /* --- Users --- */ .mainwp-ui .ui.button.wp-generate-pw { margin-bottom: 0 !important; display: block !important; } .mainwp-ui #mainwp-add-new-user-form input#password { display: block !important; width: 100% !important; border-right: 1px solid #eee !important; } .mainwp-ui #mainwp-add-new-user-form .ui.left.labeled.action.input { display: block !important; } #mainwp-users-table, #mainwp-admin-users-table { white-space: normal !important; } /* --- Extensions --- */ #mainwp-extensions-list { margin-top: 1rem; } /* --- Server Information --- */ /* --- Contribution by Joris Kramer --- */ .mainwp-ui #mainwp-top-header .ui.stackable.grid .left.floated.column { display: none !important; } .mainwp-ui #mainwp-top-header .ui.stackable.grid .right.floated.column.right.aligned { padding: 1rem 0 !important; } #mainwp-sync-sites.ui.button.green { padding-left: 15px !important; padding-right: 15px !important; } #mainwp-main-menu.ui.menu { min-height: 0; } .mainwp-ui .ui.grid>.row>.column { width: 100% !important; } .mainwp-ui .ui.segment.mainwp-widget .ui.grid>[class*="two column"].row>.column { width: 100% !important; } .mainwp-ui .ui.grid>.row>[class*="right aligned"].column.column { text-align: left !important; margin-top: 1rem; } .mainwp-ui .ui.table:not(.unstackable) tr { display: inherit !important; } .mainwp-ui .ui.table#mainwp-plugins-updates-sites-inner-table td:first-child, .mainwp-ui .ui.table#mainwp-themes-updates-sites-inner-table td:first-child { font-weight: 400; } .mainwp-ui .ui.table:not(.unstackable) tr>td.column-site-bulk { display: block !important; } #mainwp-wordpress-updates-groups-table th, #mainwp-plugins-updates-groups-table th, #mainwp-themes-updates-groups-table th, #mainwp-manage-themes-table th, #mainwp-manage-plugins-table th, #mainwp-translations-groups-table th, #mainwp-abandoned-plugins-groups-table th, #mainwp-abandoned-themes-groups-table th, #mainwp-plugins-updates-sites-table th, #mainwp-themes-updates-sites-table th, #mainwp-abandoned-plugins-sites-table th, #mainwp-abandoned-themes-sites-table th, #mainwp-wordpress-updates-table th, #mainwp-plugins-updates-table th, #mainwp-themes-updates-table th, #mainwp-abandoned-plugins-table th, #mainwp-abandoned-themes-table th, #mainwp-translations-sites-table th, #mainwp-abandoned-plugins-items-table th, #mainwp-abandoned-themes-items-table th { display: block !important; } .mainwp-manage-updates-table:not(.unstackable) tr.content:not(.active) { display: none !important; } #mainwp-wordpress-updates-groups-table .caret.right.icon, #mainwp-plugins-updates-groups-table .caret.right.icon, #mainwp-themes-updates-groups-table .caret.right.icon, #mainwp-manage-themes-table .caret.right.icon, #mainwp-manage-plugins-table .caret.right.icon, #mainwp-translations-groups-table .caret.right.icon, #mainwp-abandoned-plugins-groups-table .caret.right.icon, #mainwp-abandoned-themes-groups-table .caret.right.icon, #mainwp-plugins-updates-sites-table .caret.right.icon, #mainwp-themes-updates-sites-table .caret.right.icon, #mainwp-abandoned-plugins-sites-table .caret.right.icon, #mainwp-abandoned-themes-sites-table .caret.right.icon, #mainwp-wordpress-updates-table .caret.right.icon, #mainwp-plugins-updates-table .caret.right.icon, #mainwp-themes-updates-table .caret.right.icon, #mainwp-abandoned-plugins-table .caret.right.icon, #mainwp-abandoned-themes-table .caret.right.icon, #mainwp-translations-sites-table .caret.right.icon, #mainwp-abandoned-plugins-items-table .caret.right.icon, #mainwp-abandoned-themes-items-table { display: none !important; } #mainwp-wordpress-updates-groups-table .accordion-trigger, #mainwp-plugins-updates-groups-table .accordion-trigger, #mainwp-themes-updates-groups-table .accordion-trigger, #mainwp-manage-themes-table .accordion-trigger, #mainwp-manage-plugins-table .accordion-trigger, #mainwp-translations-groups-table .accordion-trigger, #mainwp-abandoned-plugins-groups-table .accordion-trigger, #mainwp-abandoned-themes-groups-table .accordion-trigger, #mainwp-plugins-updates-sites-table .accordion-trigger, #mainwp-themes-updates-sites-table .accordion-trigger, #mainwp-abandoned-plugins-sites-table .accordion-trigger, #mainwp-abandoned-themes-sites-table .accordion-trigger, #mainwp-wordpress-updates-table .accordion-trigger, #mainwp-plugins-updates-table .accordion-trigger, #mainwp-themes-updates-table .accordion-trigger, #mainwp-abandoned-plugins-table .accordion-trigger, #mainwp-abandoned-themes-table .accordion-trigger, #mainwp-translations-sites-table .accordion-trigger, #mainwp-abandoned-plugins-items-table .accordion-trigger, #mainwp-abandoned-themes-items-table .accordion-trigger { display: none !important; } #mainwp-wordpress-updates-groups-table tr td .ui.button, #mainwp-plugins-updates-groups-table tr td .ui.button, #mainwp-themes-updates-groups-table tr td .ui.button, #mainwp-manage-themes-table tr td .ui.button, #mainwp-manage-plugins-table tr td .ui.button, #mainwp-translations-groups-table tr td .ui.button, #mainwp-abandoned-plugins-groups-table tr td .ui.button, #mainwp-abandoned-themes-groups-table tr td .ui.button, #mainwp-plugins-updates-sites-table tr td .ui.button, #mainwp-themes-updates-sites-table tr td .ui.button, #mainwp-abandoned-plugins-sites-table tr td .ui.button, #mainwp-abandoned-themes-sites-table tr td .ui.button, #mainwp-wordpress-updates-table tr td .ui.button, #mainwp-plugins-updates-table tr td .ui.button, #mainwp-themes-updates-table tr td .ui.button, #mainwp-abandoned-plugins-table tr td .ui.button, #mainwp-abandoned-themes-table tr td .ui.button, #mainwp-translations-sites-table tr td .ui.button, #mainwp-abandoned-plugins-items-table tr td .ui.button, #mainwp-abandoned-themes-items-table tr td .ui.button, #mainwp-per-site-ignored-abandoned-plugins tr td .ui.button, #mainwp-per-site-ignored-abandoned-themes tr td .ui.button, #mainwp-globally-ignored-abandoned-plugins tr td .ui.button, #mainwp-globally-ignored-abandoned-themes tr td .ui.button { display: block !important; width: 100% !important; } #mainwp-plugins-updates-sites-table tr th .ui.button { display: block !important; width: 100% !important; } #mainwp-wordpress-updates-groups-table tr table, #mainwp-plugins-updates-groups-table tr table, #mainwp-themes-updates-groups-table tr table, #mainwp-manage-themes-table tr table, #mainwp-manage-plugins-table tr table, #mainwp-translations-groups-table tr table, #mainwp-abandoned-plugins-groups-table tr table, #mainwp-abandoned-themes-groups-table tr table, #mainwp-plugins-updates-sites-table tr table, #mainwp-themes-updates-sites-table tr table, #mainwp-abandoned-plugins-sites-table tr table, #mainwp-abandoned-themes-sites-table tr table, #mainwp-wordpress-updates-table tr table, #mainwp-plugins-updates-table tr table, #mainwp-themes-updates-table tr table, #mainwp-abandoned-plugins-table tr table, #mainwp-abandoned-themes-table tr table, #mainwp-translations-sites-table tr table, #mainwp-abandoned-plugins-items-table tr table, #mainwp-abandoned-themes-items-table tr table { background: #f9fafb !important; } }