PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 4.6.0.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v4.6.0.1
6.2.3 6.2.2 6.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 All 156 releases
mainwp / assets / css / mainwp-responsive-layouts.css

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

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