| @@ -1,8 +1,12 @@ | ||
| 1 | 1 | /*------------------------------------------------*/ |
| 2 | 2 | /*---------------[RESPONSIVE LAYOUTS]-------------*/ |
| 3 | 3 | /*------------------------------------------------*/ |
| 4 | 4 | |
| 5 | +#mainwp-top-header #mainwp-mobile-menu-trigger { | |
| 6 | + display: none; | |
| 7 | +} | |
| 8 | + | |
| 5 | 9 | @media only screen and (max-height: 500px) { |
| 6 | 10 | .mainwp-nav-menu .item-wp-admin { |
| 7 | 11 | position: relative !important; |
| 8 | 12 | } |
| @@ -40,9 +44,9 @@ | ||
| 40 | 44 | font-size: 14px; |
| 41 | 45 | } |
| 42 | 46 | } |
| 43 | 47 | |
| 44 | -@media only screen and (min-width: 768px) and (max-width: 1365px) { | |
| 48 | +@media only screen and (min-width: 768.5px) and (max-width: 1365px) { | |
| 45 | 49 | |
| 46 | 50 | .item-wp-admin { |
| 47 | 51 | z-index: 9999 !important; |
| 48 | 52 | } |
| @@ -53,9 +57,9 @@ | ||
| 53 | 57 | } |
| 54 | 58 | |
| 55 | 59 | } |
| 56 | 60 | |
| 57 | -@media only screen and (min-width: 768px) and (max-width: 1080px) { | |
| 61 | +@media only screen and (min-width: 768.5px) and (max-width: 1080px) { | |
| 58 | 62 | |
| 59 | 63 | .mainwp-ui .ui.two.column.grid .column, |
| 60 | 64 | .mainwp-ui .ui.three.column.grid .column { |
| 61 | 65 | width: 100% !important; |
| @@ -71,15 +75,21 @@ | ||
| 71 | 75 | } |
| 72 | 76 | |
| 73 | 77 | } |
| 74 | 78 | |
| 75 | -@media screen and (min-width: 1200px) { | |
| 79 | +@media only screen and (min-width: 1140px) and (max-width: 1700px) { | |
| 76 | 80 | #mainwp-get-purchased-extensions-modal { |
| 77 | - width: 1210px; | |
| 81 | + margin-left: 220px; | |
| 78 | 82 | } |
| 79 | 83 | } |
| 80 | 84 | |
| 81 | -@media screen and (max-width: 1200px) { | |
| 85 | +@media screen and (min-width: 1700px) { | |
| 86 | + #mainwp-get-purchased-extensions-modal { | |
| 87 | + width: 1150px; | |
| 88 | + } | |
| 89 | +} | |
| 90 | + | |
| 91 | +@media screen and (max-width: 1700px) { | |
| 82 | 92 | #mainwp-get-purchased-extensions-modal #mainwp-install-extensions-menu { |
| 83 | 93 | overflow-x: auto; |
| 84 | 94 | overflow-y: hidden; |
| 85 | 95 | } |
| @@ -84,37 +94,25 @@ | ||
| 84 | 94 | overflow-y: hidden; |
| 85 | 95 | } |
| 86 | 96 | } |
| 87 | 97 | |
| 98 | +@media screen and (max-width: 1140px) { | |
| 88 | 99 | |
| 89 | - | |
| 90 | -@media screen and (max-width: 1366px) { | |
| 91 | - | |
| 92 | - .mainwp-ui #mainwp-grid-wrapper { | |
| 93 | - padding: 1rem !important; | |
| 100 | + #mainwp-top-header .ui.button { | |
| 101 | + width: auto !important; | |
| 102 | + min-width: auto !important; | |
| 94 | 103 | } |
| 95 | 104 | |
| 96 | - .mainwp-ui .mainwp-widget { | |
| 97 | - margin-bottom: 1rem !important; | |
| 105 | + #mainwp-main-mobile-navigation-container .ui.button { | |
| 106 | + width: 100% !important; | |
| 98 | 107 | } |
| 99 | 108 | |
| 100 | - .mainwp-ui .mainwp-widget .mainwp-scrolly-overflow { | |
| 101 | - height: 100% !important; | |
| 102 | - padding: 0px !important; | |
| 103 | - overflow-y: visible !important; | |
| 104 | - overflow-x: visible !important; | |
| 109 | + #mainwp-top-header #mainwp-mobile-menu-trigger { | |
| 110 | + display: inline-block !important; | |
| 105 | 111 | } |
| 106 | 112 | |
| 107 | - .mainwp-ui .mainwp-widget .mainwp-widget-footer { | |
| 108 | - position: relative !important; | |
| 109 | - } | |
| 110 | -} | |
| 111 | - | |
| 112 | -@media screen and (max-width: 1140px) { | |
| 113 | - | |
| 114 | 113 | #mainwp-navigation-icon { |
| 115 | 114 | margin: 0 !important; |
| 116 | - width: 35px !important; | |
| 117 | 115 | } |
| 118 | 116 | |
| 119 | 117 | .mainwp-content-wrap { |
| 120 | 118 | width: 100%; |
| @@ -126,17 +124,14 @@ | ||
| 126 | 124 | #mainwp-main-navigation-container { |
| 127 | 125 | display: none !important; |
| 128 | 126 | } |
| 129 | 127 | |
| 130 | - .mainwp-main-mobile-navigation-container { | |
| 131 | - display: block; | |
| 132 | - padding: 1em; | |
| 133 | - } | |
| 134 | - | |
| 135 | 128 | .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap, |
| 136 | 129 | .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap, |
| 137 | 130 | .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap, |
| 131 | + .mainwp-ui.mainwp_page_MonitoringSettings .mainwp-content-wrap, | |
| 138 | 132 | .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap, |
| 133 | + .mainwp-ui.mainwp_page_PremiumUpdates .mainwp-content-wrap, | |
| 139 | 134 | .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap, |
| 140 | 135 | .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap, |
| 141 | 136 | .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap, |
| 142 | 137 | .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap, |
| @@ -143,19 +138,35 @@ | ||
| 143 | 138 | .mainwp-ui.mainwp_page_ServerInformationCron .mainwp-content-wrap, |
| 144 | 139 | .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap, |
| 145 | 140 | .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap, |
| 146 | 141 | .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap, |
| 147 | - .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap { | |
| 142 | + .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap, | |
| 143 | + .mainwp-ui.mainwp_page_CostTrackerSettings .mainwp-content-wrap { | |
| 148 | 144 | margin-left: 0 !important; |
| 149 | 145 | } |
| 150 | 146 | |
| 151 | - #mainwp-main-menu.ui.menu { | |
| 147 | + .mainwp-main-navigation-menu.ui.menu { | |
| 152 | 148 | min-height: 0; |
| 153 | 149 | } |
| 150 | + | |
| 151 | + .mainwp-ui .ui.page.dimmer { | |
| 152 | + margin-left: 0 !important; | |
| 153 | + } | |
| 154 | 154 | } |
| 155 | 155 | |
| 156 | -@media screen and (max-width: 767px) { | |
| 156 | +@media screen and (max-width: 767.98px) { | |
| 157 | 157 | |
| 158 | + .mainwp-content-wrap { | |
| 159 | + margin-top: 0; | |
| 160 | + } | |
| 161 | + | |
| 162 | + .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-paging .ui.pagination.menu, | |
| 163 | + .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-search span.input input, | |
| 164 | + .mainwp-ui.mainwp-custom-theme div.dt-container.dt-semanticUI div.dt-length .ui.selection.dropdown { | |
| 165 | + font-size: 1em !important; | |
| 166 | + } | |
| 167 | + | |
| 168 | + | |
| 158 | 169 | #mainwp-page-navigation-wrapper, |
| 159 | 170 | #mainwp-page-navigation-wrapper .mainwp-page-navigation { |
| 160 | 171 | display: block !important; |
| 161 | 172 | width: 100% !important; |
| @@ -174,13 +185,28 @@ | ||
| 174 | 185 | .mainwp-ui .ui.five.cards>.card { |
| 175 | 186 | width: 100%; |
| 176 | 187 | } |
| 177 | 188 | |
| 189 | + .mainwp-ui .dt-paging { | |
| 190 | + text-align: center !important; | |
| 191 | + } | |
| 192 | + | |
| 178 | 193 | .mainwp-ui .ui.stackable.pagination.menu { |
| 179 | - width: 100%; | |
| 194 | + display: inline-flex !important; | |
| 195 | + flex-direction: unset !important; | |
| 196 | + max-width: 100%; | |
| 180 | 197 | margin-bottom: 2em; |
| 198 | + overflow: visible !important; | |
| 181 | 199 | } |
| 182 | 200 | |
| 201 | + .mainwp-ui .ui.stackable.pagination.menu .item { | |
| 202 | + width: auto !important; | |
| 203 | + } | |
| 204 | + | |
| 205 | + .mainwp-ui .dt-info { | |
| 206 | + display: none !important; | |
| 207 | + } | |
| 208 | + | |
| 183 | 209 | .mainwp-768-hide { |
| 184 | 210 | display: none !important; |
| 185 | 211 | } |
| 186 | 212 | |
| @@ -228,15 +254,18 @@ | ||
| 228 | 254 | .mainwp-ui [data-tooltip]:before, |
| 229 | 255 | .mainwp-ui [data-tooltip]:after { |
| 230 | 256 | display: none !important; |
| 231 | 257 | } |
| 232 | - | |
| 258 | + .mainwp-ui .mainwp-actions-bar .ui.mini.form .ui.dropdown, | |
| 259 | + .mainwp-ui .mainwp-actions-bar.ui.mini.form .ui.dropdown, | |
| 260 | + .mainwp-ui .mainwp-sub-header .ui.mini.form .ui.dropdown, | |
| 261 | + .mainwp-ui .mainwp-sub-header.ui.mini.form .ui.dropdown, | |
| 233 | 262 | .mainwp-ui .ui.dropdown { |
| 234 | 263 | width: 100% !important; |
| 264 | + font-size: 1rem !important; | |
| 235 | 265 | } |
| 236 | 266 | |
| 237 | 267 | |
| 238 | - | |
| 239 | 268 | .mainwp-main-content { |
| 240 | 269 | width: 100%; |
| 241 | 270 | } |
| 242 | 271 | |
| @@ -254,22 +283,41 @@ | ||
| 254 | 283 | .mainwp-actions-bar .ui.buttons .button:not(.icon) { |
| 255 | 284 | width: auto !important; |
| 256 | 285 | } |
| 257 | 286 | |
| 258 | - #mainwp-top-header .ui.icon.button { | |
| 287 | + .mainwp-individual-site-view #mainwp-top-header .mainwp-page-title .sub.header { text-overflow: ellipsis !important; } | |
| 288 | + | |
| 289 | + .mainwp-individual-site-view #mainwp-top-header .mainwp-page-title i, | |
| 290 | + .mainwp-individual-site-view #mainwp-top-header .mainwp-page-title .image { display: none !important; } | |
| 291 | + | |
| 292 | + #mainwp-top-header .ui.icon.button:not(#mainwp-mobile-menu-trigger):not(#mainwp-sync-sites) { | |
| 259 | 293 | display: none !important; |
| 260 | 294 | } |
| 261 | 295 | |
| 262 | - #mainwp-top-header .ui.icon.button#mainwp-sync-sites { | |
| 263 | - display: block !important; | |
| 296 | + #mainwp-top-header .ui.icon.button#mainwp-sync-sites, | |
| 297 | + #mainwp-top-header #mainwp-header-layout-actions .ui.button { | |
| 298 | + display: inline-block !important; | |
| 264 | 299 | } |
| 300 | + | |
| 301 | + #mainwp-top-header #mainwp-sync-sites, | |
| 302 | + #mainwp-top-header #mainwp-header-layout-actions .ui.button { | |
| 303 | + margin-bottom: 0 !important; | |
| 304 | + } | |
| 305 | + #mainwp-top-header #mainwp-sync-sites .icon, | |
| 306 | + #mainwp-top-header #mainwp-header-layout-actions .ui.button .icon { | |
| 307 | + margin-right: 0 !important; | |
| 308 | + } | |
| 265 | 309 | |
| 266 | - #mainwp-top-header #mainwp-sync-sites { | |
| 267 | - display: block; | |
| 268 | - width: 100%; | |
| 269 | - margin-bottom: 20px; | |
| 310 | + #mainwp-top-header #mainwp-header-layout-actions { | |
| 311 | + border: none !important; | |
| 312 | + padding: 0 !important; | |
| 313 | + margin: 0 !important; | |
| 270 | 314 | } |
| 271 | 315 | |
| 316 | + #mainwp-top-header #mainwp-header-secondary-actions { | |
| 317 | + display: none !important; | |
| 318 | + } | |
| 319 | + | |
| 272 | 320 | .mainwp-widget .ui.icon.button { |
| 273 | 321 | width: auto !important; |
| 274 | 322 | } |
| 275 | 323 | |
| @@ -281,11 +329,12 @@ | ||
| 281 | 329 | |
| 282 | 330 | .mainwp-side-content.mainwp-no-padding { |
| 283 | 331 | padding: 1em !important; |
| 284 | 332 | } |
| 285 | - | |
| 333 | + .mainwp-ui .ui.button:not(.icon), | |
| 286 | 334 | .mainwp-ui .ui.button:not(.mini), |
| 287 | - .mainwp-ui .ui.button:not(.icon) { | |
| 335 | + .mainwp-ui .ui.button:not(#mainwp-sync-sites), | |
| 336 | + .mainwp-ui .ui.button:not(#mainwp-mobile-menu-trigger) { | |
| 288 | 337 | width: 100%; |
| 289 | 338 | margin-left: 0 !important; |
| 290 | 339 | margin-right: 0 !important; |
| 291 | 340 | margin-bottom: 10px !important; |
| @@ -306,9 +355,27 @@ | ||
| 306 | 355 | -ms-flex-direction: column; |
| 307 | 356 | flex-direction: column; |
| 308 | 357 | } |
| 309 | 358 | |
| 359 | + /*--- Buttons ---*/ | |
| 310 | 360 | |
| 361 | + .mainwp-ui .ui.button { | |
| 362 | + font-size: 1rem !important; | |
| 363 | + min-width: 50% !important; | |
| 364 | + } | |
| 365 | + | |
| 366 | + .mainwp-ui .ui.table .ui.button { | |
| 367 | + font-size: 0.78571429rem !important; | |
| 368 | + min-width: auto !important; | |
| 369 | + } | |
| 370 | + | |
| 371 | + /*--- Inputs ---*/ | |
| 372 | + | |
| 373 | + .mainwp-ui .ui.icon.input { | |
| 374 | + font-size: 1rem !important; | |
| 375 | + width: 100% !important; | |
| 376 | + } | |
| 377 | + | |
| 311 | 378 | /*--- Tables ---*/ |
| 312 | 379 | |
| 313 | 380 | .ui.table:not(.unstackable)>thead.mainwp-768-hide { |
| 314 | 381 | display: none !important; |
| @@ -518,9 +585,9 @@ | ||
| 518 | 585 | |
| 519 | 586 | /* --- Contribution by Joris Kramer --- */ |
| 520 | 587 | |
| 521 | 588 | .mainwp-ui #mainwp-top-header .ui.stackable.grid .left.floated.column { |
| 522 | - display: none !important; | |
| 589 | + display: block !important; | |
| 523 | 590 | } |
| 524 | 591 | |
| 525 | 592 | .mainwp-ui #mainwp-top-header .ui.stackable.grid .right.floated.column.right.aligned { |
| 526 | 593 | padding: 1rem 0 !important; |
| @@ -525,14 +592,9 @@ | ||
| 525 | 592 | .mainwp-ui #mainwp-top-header .ui.stackable.grid .right.floated.column.right.aligned { |
| 526 | 593 | padding: 1rem 0 !important; |
| 527 | 594 | } |
| 528 | 595 | |
| 529 | - #mainwp-sync-sites.ui.button.green { | |
| 530 | - padding-left: 15px !important; | |
| 531 | - padding-right: 15px !important; | |
| 532 | - } | |
| 533 | - | |
| 534 | - #mainwp-main-menu.ui.menu { | |
| 596 | + .mainwp-main-navigation-menu.ui.menu { | |
| 535 | 597 | min-height: 0; |
| 536 | 598 | } |
| 537 | 599 | |
| 538 | 600 | .mainwp-ui .ui.grid>.row>.column { |
| @@ -574,9 +636,9 @@ | ||
| 574 | 636 | #mainwp-abandoned-plugins-sites-table th, |
| 575 | 637 | #mainwp-abandoned-themes-sites-table th, |
| 576 | 638 | #mainwp-wordpress-updates-table th, |
| 577 | 639 | #mainwp-plugins-updates-table th, |
| 578 | - #mainwp-themes-updates-table th, | |
| 640 | + .mainwp-themes-updates-items-table th, | |
| 579 | 641 | #mainwp-abandoned-plugins-table th, |
| 580 | 642 | #mainwp-abandoned-themes-table th, |
| 581 | 643 | #mainwp-translations-sites-table th, |
| 582 | 644 | #mainwp-abandoned-plugins-items-table th, |
| @@ -602,9 +664,9 @@ | ||
| 602 | 664 | #mainwp-abandoned-plugins-sites-table .caret.right.icon, |
| 603 | 665 | #mainwp-abandoned-themes-sites-table .caret.right.icon, |
| 604 | 666 | #mainwp-wordpress-updates-table .caret.right.icon, |
| 605 | 667 | #mainwp-plugins-updates-table .caret.right.icon, |
| 606 | - #mainwp-themes-updates-table .caret.right.icon, | |
| 668 | + .mainwp-themes-updates-items-table .caret.right.icon, | |
| 607 | 669 | #mainwp-abandoned-plugins-table .caret.right.icon, |
| 608 | 670 | #mainwp-abandoned-themes-table .caret.right.icon, |
| 609 | 671 | #mainwp-translations-sites-table .caret.right.icon, |
| 610 | 672 | #mainwp-abandoned-plugins-items-table .caret.right.icon, |
| @@ -626,9 +688,9 @@ | ||
| 626 | 688 | #mainwp-abandoned-plugins-sites-table .accordion-trigger, |
| 627 | 689 | #mainwp-abandoned-themes-sites-table .accordion-trigger, |
| 628 | 690 | #mainwp-wordpress-updates-table .accordion-trigger, |
| 629 | 691 | #mainwp-plugins-updates-table .accordion-trigger, |
| 630 | - #mainwp-themes-updates-table .accordion-trigger, | |
| 692 | + .mainwp-themes-updates-items-table .accordion-trigger, | |
| 631 | 693 | #mainwp-abandoned-plugins-table .accordion-trigger, |
| 632 | 694 | #mainwp-abandoned-themes-table .accordion-trigger, |
| 633 | 695 | #mainwp-translations-sites-table .accordion-trigger, |
| 634 | 696 | #mainwp-abandoned-plugins-items-table .accordion-trigger, |
| @@ -650,9 +712,9 @@ | ||
| 650 | 712 | #mainwp-abandoned-plugins-sites-table tr td .ui.button, |
| 651 | 713 | #mainwp-abandoned-themes-sites-table tr td .ui.button, |
| 652 | 714 | #mainwp-wordpress-updates-table tr td .ui.button, |
| 653 | 715 | #mainwp-plugins-updates-table tr td .ui.button, |
| 654 | - #mainwp-themes-updates-table tr td .ui.button, | |
| 716 | + .mainwp-themes-updates-items-table tr td .ui.button, | |
| 655 | 717 | #mainwp-abandoned-plugins-table tr td .ui.button, |
| 656 | 718 | #mainwp-abandoned-themes-table tr td .ui.button, |
| 657 | 719 | #mainwp-translations-sites-table tr td .ui.button, |
| 658 | 720 | #mainwp-abandoned-plugins-items-table tr td .ui.button, |
| @@ -683,9 +745,9 @@ | ||
| 683 | 745 | #mainwp-abandoned-plugins-sites-table tr table, |
| 684 | 746 | #mainwp-abandoned-themes-sites-table tr table, |
| 685 | 747 | #mainwp-wordpress-updates-table tr table, |
| 686 | 748 | #mainwp-plugins-updates-table tr table, |
| 687 | - #mainwp-themes-updates-table tr table, | |
| 749 | + .mainwp-themes-updates-items-table tr table, | |
| 688 | 750 | #mainwp-abandoned-plugins-table tr table, |
| 689 | 751 | #mainwp-abandoned-themes-table tr table, |
| 690 | 752 | #mainwp-translations-sites-table tr table, |
| 691 | 753 | #mainwp-abandoned-plugins-items-table tr table, |
