PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 5.2.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v5.2.1
6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 5.2.2 5.3 All 153 releases
mainwp / assets / css / mainwp-responsive-layouts.css

mainwp-responsive-layouts.css in MainWP Dashboard: Self-hosted WordPress Management for Agencies 5.2.1, at assets/css/mainwp-responsive-layouts.css

695 lines 17.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*------------------------------------------------*/
2 /*---------------[RESPONSIVE LAYOUTS]-------------*/
3 /*------------------------------------------------*/
4
5 @media only screen and (max-height: 500px) {
6 .mainwp-nav-menu .item-wp-admin {
7 position: relative !important;
8 }
9 }
10
11 @media only screen and (min-width: 769px) {
12
13 .mainwp-768-show {
14 display: none !important;
15 }
16
17 .mainwp-manage-updates-table {
18 white-space: nowrap;
19 }
20
21 .mainwp-manage-updates-table thead tr th:last-child,
22 .mainwp-manage-updates-table tbody tr td:last-child,
23 .mainwp-manage-updates-table tfoot tr th:last-child {
24 text-align: right !important;
25 }
26
27 .mainwp-manage-updates-table tbody tr td.dt-empty {
28 text-align: center !important;
29 }
30 }
31
32 @media only screen and (min-width: 992px) and (max-width: 1449px) {
33 #mainwp-manage-updates {
34 overflow-x: scroll !important;
35 }
36 }
37
38 @media only screen and (min-width: 1360px) and (max-width: 1645px) {
39 #mainwp-update-everything-button {
40 font-size: 14px;
41 }
42 }
43
44 @media only screen and (min-width: 768px) and (max-width: 1365px) {
45
46 .item-wp-admin {
47 z-index: 9999 !important;
48 }
49
50 #mainwp-updates-overview-menu,
51 #mainwp-updates-stats {
52 width: 100% !important;
53 }
54
55 }
56
57 @media only screen and (min-width: 768px) and (max-width: 1080px) {
58
59 .mainwp-ui .ui.two.column.grid .column,
60 .mainwp-ui .ui.three.column.grid .column {
61 width: 100% !important;
62 padding: 1em !important;
63 }
64
65 #mainwp-top-header .ui.grid .left.floated.column {
66 width: 15% !important;
67 }
68
69 #mainwp-top-header .ui.grid .right.floated.column {
70 width: 85% !important;
71 }
72
73 }
74
75 @media screen and (min-width: 1200px) {
76 #mainwp-get-purchased-extensions-modal {
77 width: 1210px;
78 }
79 }
80
81 @media screen and (max-width: 1200px) {
82 #mainwp-get-purchased-extensions-modal #mainwp-install-extensions-menu {
83 overflow-x: auto;
84 overflow-y: hidden;
85 }
86 }
87
88
89
90 @media screen and (max-width: 1366px) {
91
92 .mainwp-ui #mainwp-grid-wrapper {
93 padding: 1rem !important;
94 }
95
96 .mainwp-ui .mainwp-widget {
97 margin-bottom: 1rem !important;
98 }
99
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;
105 }
106
107 .mainwp-ui .mainwp-widget .mainwp-widget-footer {
108 position: relative !important;
109 }
110 }
111
112 @media screen and (max-width: 1140px) {
113
114 #mainwp-navigation-icon {
115 margin: 0 !important;
116 width: 35px !important;
117 }
118
119 .mainwp-content-wrap {
120 width: 100%;
121 margin-left: 0 !important;
122 }
123
124 /*--- Menu ---*/
125
126 #mainwp-main-navigation-container {
127 display: none !important;
128 }
129
130 .mainwp-main-mobile-navigation-container {
131 display: block;
132 padding: 1em;
133 }
134
135 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
136 .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap,
137 .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap,
138 .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap,
139 .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap,
140 .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap,
141 .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap,
142 .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap,
143 .mainwp-ui.mainwp_page_ServerInformationCron .mainwp-content-wrap,
144 .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap,
145 .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap,
146 .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap,
147 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap {
148 margin-left: 0 !important;
149 }
150
151 #mainwp-main-menu.ui.menu {
152 min-height: 0;
153 }
154 }
155
156 @media screen and (max-width: 767px) {
157
158 #mainwp-page-navigation-wrapper,
159 #mainwp-page-navigation-wrapper .mainwp-page-navigation {
160 display: block !important;
161 width: 100% !important;
162 float: none !important;
163 position: relative !important;
164 top: auto !important;
165 bottom: auto !important;
166 }
167
168 #mainwp-site-mode-wrap {
169 display: block !important;
170 width: 100% !important;
171 float: none !important;
172 }
173
174 .mainwp-ui .ui.five.cards>.card {
175 width: 100%;
176 }
177
178 .mainwp-ui .ui.stackable.pagination.menu {
179 width: 100%;
180 margin-bottom: 2em;
181 }
182
183 .mainwp-768-hide {
184 display: none !important;
185 }
186
187 .mainwp-768-show {
188 display: inline-block !important;
189 }
190
191 .mainwp-768-fluid {
192 width: 100% !important;
193 text-align: center !important;
194 }
195
196 .ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned).mainwp-768-half-width-cell {
197 width: 50% !important;
198 display: inline-table !important;
199 }
200
201 .mainwp-ui table .menu.transition.visible {
202 top: 0 !important;
203 left: 0 !important;
204 position: relative !important;
205 width: 100% !important;
206 background: none !important;
207 box-shadow: none !important;
208 border: 0 solid #fff !important;
209 }
210
211 .mainwp-ui table .menu.transition.visible:after {
212 display: none !important;
213 }
214
215 /*--- WP Overrides ---*/
216
217 .mainwp-ui #wpcontent,
218 .mainwp-ui #wpbody {
219 padding: 0 !important;
220 }
221
222 /*--- General ---*/
223
224 .mainwp-ui table.dataTable thead th .ui.checkbox {
225 margin-left: 20px !important;
226 }
227
228 .mainwp-ui [data-tooltip]:before,
229 .mainwp-ui [data-tooltip]:after {
230 display: none !important;
231 }
232
233 .mainwp-ui .ui.dropdown {
234 width: 100% !important;
235 }
236
237
238
239 .mainwp-main-content {
240 width: 100%;
241 }
242
243 .mainwp-actions-bar .ui.grid>[class*="two column"].row>.column,
244 .mainwp-actions-bar .ui.grid .column {
245 width: 100% !important;
246 }
247
248 .mainwp-actions-bar .ui.buttons {
249 width: 100% !important;
250 margin-bottom: 1rem !important;
251 }
252
253 .mainwp-actions-bar .ui.buttons .button:not(.mini),
254 .mainwp-actions-bar .ui.buttons .button:not(.icon) {
255 width: auto !important;
256 }
257
258 #mainwp-top-header .ui.icon.button {
259 display: none !important;
260 }
261
262 #mainwp-top-header .ui.icon.button#mainwp-sync-sites {
263 display: block !important;
264 }
265
266 #mainwp-top-header #mainwp-sync-sites {
267 display: block;
268 width: 100%;
269 margin-bottom: 20px;
270 }
271
272 .mainwp-widget .ui.icon.button {
273 width: auto !important;
274 }
275
276 .mainwp-side-content {
277 width: 100%;
278 border: none !important;
279 margin-top: 1rem;
280 }
281
282 .mainwp-side-content.mainwp-no-padding {
283 padding: 1em !important;
284 }
285
286 .mainwp-ui .ui.button:not(.mini),
287 .mainwp-ui .ui.button:not(.icon) {
288 width: 100%;
289 margin-left: 0 !important;
290 margin-right: 0 !important;
291 margin-bottom: 10px !important;
292 }
293
294 .mainwp-ui .ui.buttons .ui.button {
295 width: auto !important;
296 }
297
298 .mainwp-ui .ui.grid.field .column {
299 width: 100% !important;
300 display: block !important;
301 }
302
303 .mainwp-ui .ui.labeled.icon.inverted.menu.mainwp-sub-submenu {
304 -webkit-box-orient: vertical;
305 -webkit-box-direction: normal;
306 -ms-flex-direction: column;
307 flex-direction: column;
308 }
309
310
311 /*--- Tables ---*/
312
313 .ui.table:not(.unstackable)>thead.mainwp-768-hide {
314 display: none !important;
315 }
316
317 .mainwp-ui .ui.table tr td .ui.mini.button {
318 width: auto !important;
319 float: none !important;
320 padding: 15px !important;
321 margin-top: 5px !important;
322 }
323
324
325 /*--- Overview ---*/
326
327 .mainwp-ui .mainwp-grid-wrapper .grid-item.column {
328 margin-top: 1rem !important;
329 padding: 0 !important;
330 }
331
332 .mainwp-grid-wrapper .grid-item .ui.list .column,
333 .mainwp-grid-wrapper .grid-item .column {
334 text-align: left !important;
335 width: 100% !important;
336 display: block !important;
337 }
338
339 #widget-overview .ui.grid .two.column.row .column {
340 width: 100% !important;
341 text-align: center !important;
342 }
343
344 /*--- Sites ---*/
345
346 #mainwp-add-new-buttons {
347 display: none;
348 }
349
350 .mainwp-manage-wpsites-table {
351 white-space: normal !important;
352 }
353
354 /*--- Groups ---*/
355
356
357 #mainwp-manage-groups-sites-table tfoot tr th {
358 display: block !important;
359 border-top: none !important;
360 background: #fff !important;
361 }
362
363 /* --- Updates --- */
364
365 .ui[class*="tablet stackable"].table.mainwp-manage-updates-table>thead>tr>th:not(.rowspanned),
366 .ui[class*="tablet stackable"].table.mainwp-manage-updates-table>tbody>tr>td:not(.rowspanned) {
367 width: auto !important;
368 }
369
370 .mainwp-manage-updates-table tr,
371 .mainwp-manage-updates-item-table tr {
372 padding: 1rem 0.5rem 0.5rem !important;
373 }
374
375 .mainwp-manage-updates-table table thead tr,
376 .mainwp-manage-updates-table table tfoot tr {
377 background: #eee !important;
378 }
379
380 .mainwp-manage-updates-table table table thead tr,
381 .mainwp-manage-updates-table table table tfoot tr {
382 background: #eee !important;
383 }
384
385 .mainwp-manage-updates-table table tbody tr {
386 background: #f9ffea !important;
387 }
388
389 .mainwp-manage-updates-table table table tbody tr {
390 background: #f9ffea !important;
391 }
392
393 .mainwp-manage-updates-table td,
394 .mainwp-manage-updates-item-table td {
395 font-weight: normal !important;
396 }
397
398 .mainwp-manage-updates-table strong.mainwp-768-show {
399 width: 70px;
400 }
401
402 .mainwp-manage-updates-table .ui.button {
403 display: block;
404 width: 100%;
405 }
406
407 .mainwp-page-navigation.ui.secondary.green.pointing.menu .item {
408 display: block;
409 }
410
411 .mainwp-page-navigation.ui.secondary.green.pointing.menu .item .label {
412 float: right;
413 }
414
415 /* --- Posts --- */
416
417 #mainwp-posts-table {
418 white-space: normal !important;
419 }
420
421 /* --- Pages --- */
422
423 #mainwp-pages-table {
424 white-space: normal !important;
425 }
426
427 /* --- Themes & Plugins--- */
428
429 #mainwp-install-plugins-container,
430 #mainwp-install-themes-container {
431 margin-top: 1rem;
432 }
433
434 .mainwp-ui .theme.card {
435 width: 100% !important;
436 }
437
438 #mainwp-manage-plugins-table,
439 #mainwp-manage-themes-table {
440 width: 100% !important;
441 height: auto !important
442 }
443
444 #mainwp-manage-plugins-table .dtr-data,
445 #mainwp-manage-themes-table .dtr-data {
446 float: left;
447 }
448
449 #mainwp-manage-themes-table thead th.mainwp-first-th,
450 #mainwp-manage-plugins-table thead th.mainwp-first-th {
451 position: relative !important;
452 left: 0 !important;
453 top: 0 !important;
454 z-index: 0 !important;
455 }
456
457 #mainwp-manage-themes-table tbody tr,
458 #mainwp-manage-plugins-table tbody tr {
459 padding: 0 !important;
460 }
461
462 #mainwp-manage-themes-table tbody tr:hover,
463 #mainwp-manage-plugins-table tbody tr:hover {
464 background: #fff !important;
465 }
466
467 #mainwp-manage-themes-table tbody tr td:first-child,
468 #mainwp-manage-plugins-table tbody tr td:first-child {
469 background: #fff !important;
470 position: relative !important;
471 left: 0 !important;
472 top: 0 !important;
473 z-index: 0 !important;
474 }
475
476 #mainwp-manage-themes .DTFC_LeftWrapper,
477 #mainwp-manage-themes .DTFC_RightWrapper {
478 display: none;
479 }
480
481 #mainwp-manage-plugins-table-legend .item,
482 #mainwp-manage-themes-table-legend .item {
483 display: block !important;
484 margin-left: 1em !important;
485 }
486
487 /* --- Users --- */
488
489 .mainwp-ui .ui.button.wp-generate-pw {
490 margin-bottom: 0 !important;
491 display: block !important;
492 }
493
494 .mainwp-ui #mainwp-add-new-user-form input#password {
495 display: block !important;
496 width: 100% !important;
497 border-right: 1px solid #eee !important;
498 }
499
500 .mainwp-ui #mainwp-add-new-user-form .ui.left.labeled.action.input {
501 display: block !important;
502 }
503
504 #mainwp-users-table,
505 #mainwp-admin-users-table {
506 white-space: normal !important;
507 }
508
509
510
511 /* --- Extensions --- */
512
513 #mainwp-extensions-list {
514 margin-top: 1rem;
515 }
516
517 /* --- Server Information --- */
518
519 /* --- Contribution by Joris Kramer --- */
520
521 .mainwp-ui #mainwp-top-header .ui.stackable.grid .left.floated.column {
522 display: none !important;
523 }
524
525 .mainwp-ui #mainwp-top-header .ui.stackable.grid .right.floated.column.right.aligned {
526 padding: 1rem 0 !important;
527 }
528
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 {
535 min-height: 0;
536 }
537
538 .mainwp-ui .ui.grid>.row>.column {
539 width: 100% !important;
540 }
541
542 .mainwp-ui .ui.segment.mainwp-widget .ui.grid>[class*="two column"].row>.column {
543 width: 100% !important;
544 }
545
546 .mainwp-ui .ui.grid>.row>[class*="right aligned"].column.column {
547 text-align: left !important;
548 margin-top: 1rem;
549 }
550
551 .mainwp-ui .ui.table:not(.unstackable) tr {
552 display: inherit !important;
553 }
554
555 .mainwp-ui .ui.table#mainwp-plugins-updates-sites-inner-table td:first-child,
556 .mainwp-ui .ui.table#mainwp-themes-updates-sites-inner-table td:first-child {
557 font-weight: 400;
558 }
559
560 .mainwp-ui .ui.table:not(.unstackable) tr>td.column-site-bulk {
561 display: block !important;
562 }
563
564 #mainwp-wordpress-updates-groups-table th,
565 #mainwp-plugins-updates-groups-table th,
566 #mainwp-themes-updates-groups-table th,
567 #mainwp-manage-themes-table th,
568 #mainwp-manage-plugins-table th,
569 #mainwp-translations-groups-table th,
570 #mainwp-abandoned-plugins-groups-table th,
571 #mainwp-abandoned-themes-groups-table th,
572 #mainwp-plugins-updates-sites-table th,
573 #mainwp-themes-updates-sites-table th,
574 #mainwp-abandoned-plugins-sites-table th,
575 #mainwp-abandoned-themes-sites-table th,
576 #mainwp-wordpress-updates-table th,
577 #mainwp-plugins-updates-table th,
578 #mainwp-themes-updates-table th,
579 #mainwp-abandoned-plugins-table th,
580 #mainwp-abandoned-themes-table th,
581 #mainwp-translations-sites-table th,
582 #mainwp-abandoned-plugins-items-table th,
583 #mainwp-abandoned-themes-items-table th {
584 display: block !important;
585 }
586
587
588 .mainwp-manage-updates-table:not(.unstackable) tr.content:not(.active) {
589 display: none !important;
590 }
591
592 #mainwp-wordpress-updates-groups-table .caret.right.icon,
593 #mainwp-plugins-updates-groups-table .caret.right.icon,
594 #mainwp-themes-updates-groups-table .caret.right.icon,
595 #mainwp-manage-themes-table .caret.right.icon,
596 #mainwp-manage-plugins-table .caret.right.icon,
597 #mainwp-translations-groups-table .caret.right.icon,
598 #mainwp-abandoned-plugins-groups-table .caret.right.icon,
599 #mainwp-abandoned-themes-groups-table .caret.right.icon,
600 #mainwp-plugins-updates-sites-table .caret.right.icon,
601 #mainwp-themes-updates-sites-table .caret.right.icon,
602 #mainwp-abandoned-plugins-sites-table .caret.right.icon,
603 #mainwp-abandoned-themes-sites-table .caret.right.icon,
604 #mainwp-wordpress-updates-table .caret.right.icon,
605 #mainwp-plugins-updates-table .caret.right.icon,
606 #mainwp-themes-updates-table .caret.right.icon,
607 #mainwp-abandoned-plugins-table .caret.right.icon,
608 #mainwp-abandoned-themes-table .caret.right.icon,
609 #mainwp-translations-sites-table .caret.right.icon,
610 #mainwp-abandoned-plugins-items-table .caret.right.icon,
611 #mainwp-abandoned-themes-items-table {
612 display: none !important;
613 }
614
615
616 #mainwp-wordpress-updates-groups-table .accordion-trigger,
617 #mainwp-plugins-updates-groups-table .accordion-trigger,
618 #mainwp-themes-updates-groups-table .accordion-trigger,
619 #mainwp-manage-themes-table .accordion-trigger,
620 #mainwp-manage-plugins-table .accordion-trigger,
621 #mainwp-translations-groups-table .accordion-trigger,
622 #mainwp-abandoned-plugins-groups-table .accordion-trigger,
623 #mainwp-abandoned-themes-groups-table .accordion-trigger,
624 #mainwp-plugins-updates-sites-table .accordion-trigger,
625 #mainwp-themes-updates-sites-table .accordion-trigger,
626 #mainwp-abandoned-plugins-sites-table .accordion-trigger,
627 #mainwp-abandoned-themes-sites-table .accordion-trigger,
628 #mainwp-wordpress-updates-table .accordion-trigger,
629 #mainwp-plugins-updates-table .accordion-trigger,
630 #mainwp-themes-updates-table .accordion-trigger,
631 #mainwp-abandoned-plugins-table .accordion-trigger,
632 #mainwp-abandoned-themes-table .accordion-trigger,
633 #mainwp-translations-sites-table .accordion-trigger,
634 #mainwp-abandoned-plugins-items-table .accordion-trigger,
635 #mainwp-abandoned-themes-items-table .accordion-trigger {
636 display: none !important;
637 }
638
639
640 #mainwp-wordpress-updates-groups-table tr td .ui.button,
641 #mainwp-plugins-updates-groups-table tr td .ui.button,
642 #mainwp-themes-updates-groups-table tr td .ui.button,
643 #mainwp-manage-themes-table tr td .ui.button,
644 #mainwp-manage-plugins-table tr td .ui.button,
645 #mainwp-translations-groups-table tr td .ui.button,
646 #mainwp-abandoned-plugins-groups-table tr td .ui.button,
647 #mainwp-abandoned-themes-groups-table tr td .ui.button,
648 #mainwp-plugins-updates-sites-table tr td .ui.button,
649 #mainwp-themes-updates-sites-table tr td .ui.button,
650 #mainwp-abandoned-plugins-sites-table tr td .ui.button,
651 #mainwp-abandoned-themes-sites-table tr td .ui.button,
652 #mainwp-wordpress-updates-table tr td .ui.button,
653 #mainwp-plugins-updates-table tr td .ui.button,
654 #mainwp-themes-updates-table tr td .ui.button,
655 #mainwp-abandoned-plugins-table tr td .ui.button,
656 #mainwp-abandoned-themes-table tr td .ui.button,
657 #mainwp-translations-sites-table tr td .ui.button,
658 #mainwp-abandoned-plugins-items-table tr td .ui.button,
659 #mainwp-abandoned-themes-items-table tr td .ui.button,
660 #mainwp-per-site-ignored-abandoned-plugins tr td .ui.button,
661 #mainwp-per-site-ignored-abandoned-themes tr td .ui.button,
662 #mainwp-globally-ignored-abandoned-plugins tr td .ui.button,
663 #mainwp-globally-ignored-abandoned-themes tr td .ui.button {
664 display: block !important;
665 width: 100% !important;
666 }
667
668 #mainwp-plugins-updates-sites-table tr th .ui.button {
669 display: block !important;
670 width: 100% !important;
671 }
672
673 #mainwp-wordpress-updates-groups-table tr table,
674 #mainwp-plugins-updates-groups-table tr table,
675 #mainwp-themes-updates-groups-table tr table,
676 #mainwp-manage-themes-table tr table,
677 #mainwp-manage-plugins-table tr table,
678 #mainwp-translations-groups-table tr table,
679 #mainwp-abandoned-plugins-groups-table tr table,
680 #mainwp-abandoned-themes-groups-table tr table,
681 #mainwp-plugins-updates-sites-table tr table,
682 #mainwp-themes-updates-sites-table tr table,
683 #mainwp-abandoned-plugins-sites-table tr table,
684 #mainwp-abandoned-themes-sites-table tr table,
685 #mainwp-wordpress-updates-table tr table,
686 #mainwp-plugins-updates-table tr table,
687 #mainwp-themes-updates-table tr table,
688 #mainwp-abandoned-plugins-table tr table,
689 #mainwp-abandoned-themes-table tr table,
690 #mainwp-translations-sites-table tr table,
691 #mainwp-abandoned-plugins-items-table tr table,
692 #mainwp-abandoned-themes-items-table tr table {
693 background: #f9fafb !important;
694 }
695 }