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.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 5.2.1 All 155 releases
mainwp / assets / css / mainwp.css

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

1,350 lines 26.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* END V4
2 ********************************************************************************/
3
4 /* Genaral Style */
5
6 .mainwp-main-content {
7 width: calc(100% - 298px);
8 padding-right: 1em;
9 padding-bottom: 1em;
10 border-right: 1px solid #dadada;
11 float: left;
12 margin-right: -1px !important;
13 margin-left: -1px !important;
14 }
15
16 .mainwp-side-content {
17 height: 100%;
18 width: 299.5px;
19 float: right;
20 border-left: 1px solid #dadada;
21 border-bottom: 1px solid #dadada;
22 padding: 1em;
23 }
24
25 .mainwp-side-content.mainwp-no-padding {
26 padding: 0 !important;
27 }
28
29 .mainwp-sidebar-left .ui.alt.segment {
30 padding: 0;
31 }
32
33 .mainwp-sidebar-left .mainwp-side-content {
34 float: left;
35 border-left: none;
36 border-right: 1px solid rgba(34, 36, 38, .15);
37 border-bottom: 1px solid #dadada;
38 }
39
40 .mainwp-sidebar-left .mainwp-main-content {
41 float: right;
42 padding-left: 1em;
43 border-left: 1px solid #dadada;
44 border-right: 0 solid #dadada !important;
45 }
46
47 .mainwp-sidebar-accordion .title {
48 font-weight: bolder;
49 }
50
51 .mainwp-sidebar-options {
52 background: #f9fafb;
53 padding: 10px;
54 }
55
56 .mainwp-ui .ui.button:not(.dropdown) {
57 height: auto !important;
58 margin: 0 !important;
59 overflow: hidden;
60 white-space: nowrap;
61 text-overflow: ellipsis;
62 vertical-align: bottom !important;
63 }
64
65 .mainwp-ui .ui.styled.accordion {
66 border-radius: 0 !important;
67 }
68
69 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover {
70 background-color: #666666;
71 }
72
73 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover:before {
74 content: "\f067" !important;
75 }
76
77 .mainwp-api-icon {
78 font-size: 1.5em;
79 font-weight: 900 !important;
80 margin-bottom: 0.5rem;
81 margin-top: 0.15rem;
82 }
83
84 /* Content Wrap */
85
86 .mainwp-content-wrap {
87 margin-bottom: 60px;
88 }
89
90 .mainwp-ui-leftmenu .mainwp-content-wrap {
91 background: #fff;
92 margin-left: 272px;
93 }
94
95 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap {
96 margin-left: 72px;
97 }
98
99 .mainwp-primary-content-wrap {
100 padding: 10px;
101 }
102
103 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
104 .mainwp-individual-site-overview .mainwp-primary-content-wrap,
105 .mainwp-individual-client-overview .mainwp-primary-content-wrap {
106 padding: 0px;
107 }
108
109 /* Header */
110
111 #mainwp-top-header {
112 z-index: 9999;
113 padding: 10px;
114 background: #fff;
115 border-bottom: 1px solid #dadada;
116 }
117
118 #mainwp-top-header .ui.menu {
119 box-shadow: none;
120 padding-top: 0;
121 }
122
123 .mainwp-sync-button-icon {
124 display: none !important;
125 }
126
127 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
128 display: none;
129 }
130
131 /* Sub-Header */
132
133 .mainwp-sub-header,
134 .mainwp-actions-bar {
135 padding: 10px 1em;
136 background: #f9fafb;
137 border-bottom: 1px solid #dadada;
138 }
139
140 /* Page Navigation */
141
142 #mainwp-page-navigation-wrapper {
143 padding-top: 20px;
144 background: #fff;
145 }
146
147 #mainwp-page-navigation-wrapper .ui.secondary.pointing.menu {
148 overflow-x: auto;
149 overflow-y: hidden;
150 margin-bottom: -1px;
151 }
152
153 #mainwp-page-navigation-wrapper .ui.secondary.pointing.menu .item {
154 overflow-x: auto;
155 overflow-y: hidden;
156 margin-bottom: 0px;
157 }
158
159 .mainwp-page-navigation {
160 border-bottom-width: 2px !important;
161 }
162
163 .ui.labeled.icon.menu.mainwp-sub-submenu {
164 margin:0;
165 border-radius:0;
166 }
167
168 /* Menu */
169
170 #mainwp-main-navigation-container {
171 display: flex;
172 flex-direction: row;
173
174 background-color: #3E3F3D;
175
176 width: 272px;
177 max-width: 272px;
178
179 position: fixed;
180 left: 0;
181 top: 0;
182 bottom: 0;
183 z-index: 1 !important;
184 }
185
186 #mainwp-main-navigation-container .active.item:last-child {
187 border-radius: 0px !important;
188 }
189 #mainwp-main-navigation-container .ui.accordion.menu .item a {
190 line-height: 1.3em;
191 }
192
193
194 #mainwp-first-level-navigation {
195 display: flex;
196 flex-direction: column;
197 justify-content: space-between;
198
199 background-color: #1c1d1b;
200 width: 72px;
201 max-width: 72px;
202
203 overflow-y: auto;
204 overflow-x: hidden;
205 }
206
207 #mainwp-version-label {
208 margin-left: 0px;
209 margin-right: 0px;
210 border-radius: 0px;
211 color: #ffffff !important;
212 z-index: 9999 !important;
213 }
214
215 #mainwp-first-level-navigation-menu {
216 flex-grow: 1;
217 border-radius: 0px;
218 min-height: 420px;
219 }
220 #mainwp-first-level-navigation-menu .item.active {
221 background: #3E3F3D;
222 }
223 #mainwp-first-level-navigation-menu .item.active .icon,
224 #mainwp-first-level-navigation-menu .item.active .text {
225 color: #7fb100;
226 }
227
228 #mainwp-first-level-wpitems-menu {
229 background: none !important;
230 border-radius: 0px;
231 }
232
233
234 #mainwp-second-level-navigation {
235 background-color: #3E3F3D;
236 width: 200px;
237 box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
238 -webkit-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
239 -moz-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
240 }
241
242 #mainwp-main-menu {
243 width: 100%;
244 background: #1c1d1b !important;
245 }
246
247
248
249 #mainwp-second-level-navigation .ui.inverted.menu {
250 background-color: #3E3F3D;
251 box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
252 -webkit-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
253 -moz-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
254 }
255
256 #mainwp-second-level-navigation .ui.inverted.menu .item {
257 color: #ffffff !important;
258 box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
259 -webkit-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
260 -moz-box-shadow: 20px 0px 20px -18px rgba(0,0,0,0.15) inset;
261 }
262
263 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
264 color: #ffffff !important;
265 }
266
267 #mainwp-second-level-navigation .ui.inverted.menu .item .item:hover,
268 #mainwp-second-level-navigation .ui.inverted.menu .item .item.active {
269 color: #7fb100 !important;
270 }
271
272
273
274
275 #mainwp-navigation-icon {
276 padding: 10px;
277 max-width: 100%;
278 }
279
280 .mainwp-main-mobile-navigation-container {
281 background-color: #1c1d1b;
282 display: none;
283 }
284
285 .mainwp-main-mobile-navigation-container .item.active {
286 background: rgba(255, 255, 255, 0.08) !important;
287 }
288
289 .mainwp-ui #mainwp-main-navigation-container.hoverli {
290 background-color: #1c1d1b !important;
291 }
292
293 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container {
294 width: 72px;
295 }
296
297 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-collapse-second-level-navigation,
298 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation {
299 display: none;
300 }
301
302 #mainwp-main-menu .icon {
303 color: #fff !important;
304 }
305
306 /* Widgets */
307
308
309 .mainwp-widget {
310 border: 1px solid #dadada !important;
311 margin: none !important;
312 }
313
314
315
316 @media only screen and (min-width: 1370px) {
317
318 .mainwp-widget.ui.segment.gs-w {
319 position: absolute;
320 }
321
322 .mainwp-widget-header {
323 margin-bottom: 20px !important;
324 }
325
326 .mainwp-widget .handle-drag {
327 cursor: move !important;
328 }
329
330 .mainwp-scrolly-overflow {
331 overflow-y: auto;
332 overflow-x: hidden;
333 padding: 0 10px 0 0;
334 margin-bottom: 20px;
335 }
336
337 .mainwp-widget-footer {
338 position: absolute;
339 bottom: 1rem;
340 width: 100%;
341 }
342
343 #widget-recent_posts .mainwp-scrolly-overflow,
344 #widget-recent_pages .mainwp-scrolly-overflow {
345 height: calc(100% - 125px);
346 }
347
348 #widget-connection_status .mainwp-scrolly-overflow {
349 height: calc(100% - 135px);
350 }
351
352 #widget-security_issues .mainwp-scrolly-overflow {
353 height: calc(100% - 100px);
354 }
355
356 #widget-non_mainwp_changes .mainwp-scrolly-overflow {
357 height: calc(100% - 100px) !important;
358 }
359
360 #widget-clients .mainwp-scrolly-overflow {
361 height: calc(100% - 100px) !important;
362 }
363
364 #widget-client_info .mainwp-scrolly-overflow {
365 height: calc(100% - 100px) !important;
366 }
367
368 #widget-child_site_info .mainwp-scrolly-overflow {
369 height: calc(100% - 60px) !important;
370 }
371
372 #widget-notes .mainwp-scrolly-overflow {
373 height: calc(100% - 100px) !important;
374 }
375
376 #widget-plugins .mainwp-scrolly-overflow {
377 height: calc(100% - 70px) !important;
378 }
379
380 #widget-themes .mainwp-scrolly-overflow {
381 height: calc(100% - 70px) !important;
382 }
383
384 #widget-overview .mainwp-scrolly-overflow {
385 height: calc(100% - 100px) !important;
386 }
387
388 #widget-fields_info .mainwp-scrolly-overflow {
389 height: calc(100% - 100px) !important;
390 }
391
392 #widget-websites .mainwp-scrolly-overflow {
393 height: calc(100% - 70px) !important;
394 }
395
396 [id^="widget-contact_"] .mainwp-scrolly-overflow {
397 height: calc(100% - 70px) !important;
398 }
399
400 #widget-note .mainwp-scrolly-overflow {
401 height: calc(100% - 100px) !important;
402 }
403
404 #widget-advanced-matomo .mainwp-scrolly-overflow {
405 height: calc(100% - 70px) !important;
406 }
407
408 }
409
410 .mainwp-ui .mainwp-widget .ui.form .ui.input,
411 .mainwp-ui .mainwp-widget .ui.pagination.menu,
412 .mainwp-ui .mainwp-widget .ui.dropdown {
413 font-size: 0.78571429em;
414 }
415
416 /* Sidebar */
417
418 .mainwp-select-sites,
419 .mainwp-search-options,
420 .mainwp-search-submit {
421 padding: 10px;
422 }
423
424 #mainwp-select-sites-header .ui.menu {
425 overflow-x: auto;
426 overflow-y: hidden;
427 margin: 1rem -1rem 0;
428 }
429
430 /* Select Sites */
431
432 #mainwp-select-sites-body {
433 height: 220px;
434 overflow: auto;
435 }
436
437 #mainwp-select-sites-select-all-actions {
438 background: #dadada;
439 border-bottom: 1px solid #dadada;
440 margin-top: 0;
441 }
442
443 #mainwp-select-sites-select-all-actions .item {
444 cursor: pointer;
445 }
446
447 .mainwp-modal-content #mainwp-select-sites-select-all-actions {
448 margin-left: auto;
449 margin-right: auto;
450 }
451
452 #mainwp-select-sites-list .item label .url {
453 display: none;
454 }
455
456 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
457 .mainwp-sub-header #mainwp-filter-clients .default.text {
458 overflow: visible !important;
459 }
460
461 /* Tables */
462
463 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
464 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
465 background-color: rgba(0, 0, 0, 0.3);
466 }
467
468
469 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
470 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
471 background-color: rgba(0, 0, 0, 0.6);
472 }
473
474 .mainwp-ui table ul.dtr-details {
475 width: 100% !important;
476 }
477
478 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-left,
479 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
480 background-color: #fff;
481 }
482
483 /* Manage Sites Table */
484
485 table.mainwp-manage-wpsites-table {
486 margin: 0;
487 }
488
489 table.mainwp-manage-wpsites-table .error a {
490 text-decoration: none;
491 }
492
493 #mainwp-manage-sites-content.segment {
494 padding-top: 1em;
495 }
496
497
498 /* Manage Groups */
499
500 #mainwp-manage-groups .mainwp-group-sites-row .list {
501 max-height: 200px;
502 overflow-y: scroll;
503 }
504
505 .mainwp-group-sites-row {
506 display: none;
507 }
508
509 .mainwp-group-sites-row.active {
510 display: table-row;
511 }
512
513 /* Manage Updates */
514
515 #mainwp-manage-updates table tr.active {
516 background: #f9fafb !important;
517 }
518
519 #mainwp-manage-updates table tr.active table th {
520 background: #eee !important;
521 }
522
523 #mainwp-manage-updates table tr.active table td {
524 background: #f9ffea !important;
525 }
526
527 /* Manaage Plugins & Themes */
528
529 .ui.accordion.mainwp-manage-plugin-item,
530 .ui.accordion.mainwp-manage-theme-item {
531 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
532 }
533
534 .ui.accordion.mainwp-manage-plugin-item .title,
535 .ui.accordion.mainwp-manage-theme-item .title {
536 cursor: default !important;
537 }
538
539 .ui.accordion.mainwp-manage-plugin-item .title.active,
540 .ui.accordion.mainwp-manage-theme-item .title.active {
541 background: #fafafa;
542 }
543
544 .ui.accordion.mainwp-manage-plugin-item .title .dropdown,
545 .ui.accordion.mainwp-manage-theme-item .title .dropdown {
546 cursor: pointer !important;
547 }
548
549 .mainwp-manage-plugin-item:nth-last-of-type(1),
550 .mainwp-manage-theme-item:nth-last-of-type(1) {
551 border-bottom: none !important;
552 }
553
554 .mainwp-manage-plugin-item .content,
555 .mainwp-manage-theme-item .content {
556 padding: 2em 1em !important;
557 }
558
559 .mainwp-manage-plugin-item .content.active,
560 .mainwp-manage-theme-item .content.active {
561 background: #fafafa;
562 }
563
564 .mainwp-manage-plugin-item-website,
565 .mainwp-manage-theme-item-website {
566 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
567 border-top: 1px solid rgba(34, 36, 38, 0.1);
568 background: #fafafa;
569 padding: 1em;
570 margin: 0 0 -1px !important;
571 }
572
573
574 /* Manage Extensions */
575
576 #mainwp-manage-extensions.ui.segment {
577 padding: 0px;
578 }
579
580 #mainwp-manage-extensions .mainwp-main-content {
581 padding: 1em;
582 }
583
584 .mainwp-disabled-extension .header,
585 .mainwp-disabled-extension .content:not(.extra) {
586 opacity: 0.7;
587 }
588
589 #mainwp-install-extensions-menu {
590 overflow-x: auto;
591 overflow-y: hidden;
592 }
593
594 /* temporary */
595 .hidden.divider {
596 display: block !important;
597 }
598
599 #mainwp-show-htaccess code,
600 #mainwp-show-wp-config code {
601 background: none !important;
602 }
603
604 .main-content {
605 width: calc(100% - 302.5px);
606 }
607
608 /* WP UI Fixes */
609
610 .mainwp-ui #wpbody-content {
611 padding-bottom: 0;
612 }
613
614 .mainwp-ui #wp-content-editor-tools {
615 background-color: #fff !important;
616 }
617
618 .mainwp-ui .wrap {
619 margin: 0 0 0 200px;
620 }
621
622 .mainwp-hidden {
623 display: none !important;
624 }
625
626 .mainwp-ui .ui.disabled.checkbox label a,
627 .mainwp-ui .ui.checkbox input[disabled]~label a {
628 pointer-events: auto !important;
629 }
630
631
632 .mainwp-ui #mainwp-security-issues-table tfoot input {
633 width: auto !important;
634 }
635
636
637 /* END V4
638 ********************************************************************************/
639
640 .mainwp-action-row {
641 min-height: 20px;
642 }
643
644 .mainwp-notice {
645 margin: 5px 0 15px;
646 padding: .6em;
647 background: #fff;
648 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
649 vertical-align: middle;
650 }
651
652 .mainwp-notice-green {
653 border-left: 4px solid #7fb100;
654 }
655
656 .mainwp-notice-blue {
657 border-left: 4px solid #0073AA;
658 }
659
660 .mainwp-notice-red {
661 border-left: 4px solid #a00;
662 }
663
664 .mainwp-notice-yellow {
665 border-left: 4px solid #FFB901;
666 }
667
668 .mainwp_action {
669 text-decoration: none;
670 text-transform: uppercase;
671 background: #fff;
672 border-color: #e5e5e5;
673 border-style: solid;
674 color: #333333;
675 display: inline-block;
676 font-size: 12px;
677 padding: 4px 12px;
678 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
679 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
680 }
681
682 .mainwp_action.left {
683 border-width: 1px 0 1px 1px;
684 }
685
686 .mainwp_action.mid {
687 border-width: 1px 0 1px 1px;
688 }
689
690 .mainwp_action.right {
691 border-width: 1px;
692 }
693
694 .mainwp_action.single {
695 border-width: 1px;
696 }
697
698 .mainwp_action_down {
699 background: #e5e5e5;
700 -webkit-box-shadow: none;
701 box-shadow: none;
702 }
703
704
705
706 /*---------------------------------------------------------------------------------------------------------------*/
707 .mainwp-row-actions-working {
708 display: none;
709 }
710
711 /*---------------------------------------------------------------------------------------------------------------*/
712
713
714
715 .mainwp-loading {
716 text-align: left;
717 padding: 20px;
718 font-size: 18px;
719 line-height: 18px;
720 }
721
722
723
724
725 .backup_run_loading {
726 display: none;
727 }
728
729
730 .mainwp-tabs {
731 margin-top: 2em;
732 border-bottom: 1px solid #e5e5e5;
733 margin-bottom: 0;
734 }
735
736 .mainwp_checkboxes {
737 -webkit-column-count: 3;
738 -moz-column-count: 3;
739 column-count: 3;
740 margin: 1em 0 2em;
741 }
742
743 .mainwp-search-form {
744 width: auto;
745 }
746
747 .mainwp_managbackups_taskoptions {
748 width: auto;
749 }
750
751 .mainwp_managbackups_taskoptions .form-table {
752 clear: none;
753 width: 590px;
754 }
755
756 .mainwp-submenu-wrapper {
757 background-position: top right;
758 background-repeat: repeat-y;
759 padding-left: 10px;
760 padding-right: 25px;
761 display: none;
762 position: absolute;
763 background-color: #ECECEC;
764 background-color: white;
765 /*border: 1px solid #CCC;*/
766 border-left: 0;
767 z-index: 9999;
768 }
769
770 #side-info-column {
771 width: 49%;
772 }
773
774 .inner-sidebar #side-sortables {
775 width: 100%;
776 }
777
778 .has-right-sidebar #post-body-content {
779 width: 49%;
780 margin-right: 390px;
781 }
782
783 .has-right-sidebar #post-body {
784 margin-right: -50%;
785 }
786
787 #post-body #normal-sortables {
788 width: 100%;
789 }
790
791 li.hoverli {
792 -webkit-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
793 -moz-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
794 box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
795 position: relative;
796 z-index: 9999;
797 }
798
799 #mainwp_posts_main,
800 #mainwp_posts_loading,
801 #mainwp_posts_error,
802 #mainwp_comments_main,
803 #mainwp_comments_loading,
804 #mainwp_comments_error,
805 #mainwp_pages_main,
806 #mainwp_pages_error,
807 #mainwp_users_main,
808 #mainwp_users_loading_info,
809 #mainwp_themes_main,
810 #mainwp_themes_error,
811 #mainwp_themes_loading_info,
812 #mainwp_plugins_main,
813 #mainwp_plugins_error,
814 #mainwp_bulk_action_loading,
815 #mainwp_users_searching,
816 #mainwp_sites_searching,
817 #mainwp_users_updating,
818 #mainwp_bulk_action_applying,
819 .mainwp_more_loading {
820 display: none;
821 }
822
823 .mainwp_loading,
824 .mainwp-hidden-field {
825 display: none;
826 }
827
828 #pager {
829 top: 0;
830 position: inherit !important;
831 }
832
833 .first,
834 .prev,
835 .next,
836 .last {
837 vertical-align: -5px;
838 }
839
840 .row-actions-working {
841 display: none;
842 padding: 2px 0 0;
843 }
844
845
846 .mainwp_plugins_content,
847 .mainwp_themes_content {
848 background: #f9f9f9;
849 }
850
851 #mainwp_plugins_content .headcol,
852 #mainwp_themes_content .headcol {
853 width: 22em;
854 }
855
856 #mainwp_plugins_content th.headcol,
857 #mainwp_themes_content th.headcol {
858 border-bottom: 0;
859 }
860
861 #mainwp_plugins_content #mainwp-table-overflow,
862 #mainwp_themes_content #mainwp-table-overflow {
863 height: 720px;
864 }
865
866 #mainwp_background-box {
867 min-height: 80vh;
868 height: 100%;
869 width: auto;
870 margin-top: 2em;
871 background: none;
872 }
873
874 #mainwp_wrap-inside {
875 min-height: 80vh;
876 height: 100%;
877 margin-top: 0;
878 padding: 10px;
879 background: #fafafa;
880 border-top: none;
881 border-bottom: 1px solid #e5e5e5;
882 border-left: 1px solid #e5e5e5;
883 border-right: 1px solid #e5e5e5;
884 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
885 position: relative;
886 }
887
888 #mainwp_wrap-inside.round-top {
889 clear: both;
890 border: 1px solid #e5e5e5 !important;
891 }
892
893 .mainwp-table-container .wp-list-table thead th,
894 .mainwp-table-container .wp-list-table tfoot th,
895 #mainwp-table thead th,
896 #mainwp-table tfoot th {
897 padding-left: .5em !important;
898 }
899
900 #mainwp-tabs {
901 clear: both;
902 }
903
904 #mainwp-tabs .nav-tab-active {
905 background: #fafafa;
906 border-top: 1px solid #7fb100 !important;
907 border-left: 1px solid #e5e5e5;
908 border-right: 1px solid #e5e5e5;
909 border-bottom: 1px solid #fafafa !important;
910 color: #7fb100;
911 margin-top: 1px;
912 }
913
914 #mainwp-tabs .nav-tab {
915 border-top: 1px solid #e5e5e5;
916 border-left: 1px solid #e5e5e5;
917 border-right: 1px solid #e5e5e5;
918 border-bottom: 1px solid #e5e5e5;
919 padding: 10px 16px;
920 font-size: 14px;
921 text-transform: uppercase;
922 line-height: 16px;
923 font-weight: normal;
924 margin-left: 0;
925 margin-right: 10px;
926 }
927
928 /* Enhance Wordpress Admin UI */
929 #adminmenuback,
930 #adminmenuwrap,
931 #adminmenu,
932 #adminmenu .wp-submenu,
933 #adminmenu .wp-submenu-wrap,
934 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
935 width: 160px;
936 }
937
938
939 .mainwp-submenu-wide {
940 width: auto !important;
941 min-width: 200px !important;
942 }
943
944
945 .mainwp_boxout {
946 background: #444;
947 z-index: 9999;
948 margin-left: 1em;
949 padding: 10px 7px;
950 left: 17px;
951 width: 160px;
952 position: absolute;
953 }
954
955 .mainwp_boxout a {
956 color: #ccc;
957 text-decoration: none;
958 display: block;
959 line-height: 1.2em;
960 padding: 6px 12px;
961 }
962
963 .mainwp_boxout a:hover {
964 color: #7fb100;
965 }
966
967
968 /* New Select Box Style */
969
970 .mainwp_error {
971 display: none;
972 padding: .6em;
973 margin: 5px 0 2px;
974 }
975
976 .mainwp-tips .mainwp-dismiss {
977 float: right;
978 }
979
980 /* Exclude Section */
981
982
983 #download-server-information {
984 display: none;
985 margin: 10px 0;
986 padding: 0;
987 position: relative;
988 }
989
990 #download-server-information textarea {
991 border-radius: 0;
992 font-family: monospace;
993 font-size: 12px;
994 height: 300px;
995 line-height: 20px;
996 margin: 0;
997 outline: 0 none;
998 padding: 20px;
999 resize: none;
1000 width: 100%;
1001 -moz-border-radius: 0;
1002 -webkit-border-radius: 0;
1003 }
1004
1005 .mwp_close_srv_info {
1006 display: none;
1007 float: right;
1008 margin: 5px 0;
1009 }
1010
1011 .mainwp-permission-error {
1012 padding: 2em;
1013 width: 70%;
1014 margin: 4em auto;
1015 background: #fff;
1016 border: 1px Solid #e5e5e5;
1017 font-size: 13px;
1018 text-align: center;
1019 color: #999;
1020 }
1021
1022 .mainwp-permission-error p {
1023 font-size: 16px;
1024 color: #333;
1025 }
1026
1027
1028
1029
1030 /* ACTION TABS */
1031 .mainwp-browse-plugins .wp-filter {
1032 margin-top: 0 !important;
1033 }
1034
1035 .mainwp-browse-plugins>form {
1036 float: left;
1037 }
1038
1039 body.show-upload-plugin .hide-if-upload,
1040 body.show-upload-theme .hide-if-upload {
1041 display: none !important;
1042 }
1043
1044 .show-if-upload {
1045 display: none !important;
1046 }
1047
1048 body.show-upload-theme .show-if-upload,
1049 body.show-upload-plugin .show-if-upload {
1050 display: block !important;
1051 }
1052
1053 body.show-upload-plugin .mainwp-upload-plugin {
1054 display: block;
1055 }
1056
1057 .mainwp-upload-plugin {
1058 float: left;
1059 width: 100%;
1060 }
1061
1062 .installed-group-exts {
1063 padding: 1em;
1064 }
1065
1066 .mainwp_hide_wpmenu_checkboxes {
1067 margin: 0;
1068 }
1069
1070 .plugin-update-tr .api-deactivate {
1071 background-color: #fcf3ef;
1072 }
1073
1074 #plugin-information-footer {
1075 display: none;
1076 }
1077
1078 .sync-ext-row .sync-options {
1079 margin-left: 15px;
1080 }
1081
1082 .sync-ext-row {
1083 margin: 5px 0;
1084 }
1085
1086
1087 #import_user_file_bulkupload {
1088 width: 230px !important;
1089 }
1090
1091 body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter,
1092 body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter+.mainwp-browse-themes {
1093 display: none;
1094 }
1095
1096 body.show-upload-theme #mainwp_wrap-inside .upload-theme,
1097 .mainwp_wrap-inside .upload-plugin {
1098 display: block;
1099 }
1100
1101 #mainwp_wrap-inside .upload-plugin,
1102 #mainwp_wrap-inside .upload-theme {
1103 padding: 0 !important;
1104 }
1105
1106
1107 .mainwp-ui .plugin-update-tr .update-message p:before {
1108 color: #f56e28;
1109 content: "\f463";
1110 margin-right: 6px;
1111 margin-top: 6px;
1112 vertical-align: bottom;
1113 }
1114
1115 .plugin-update-tr.active>td>div.api-deactivate {
1116 margin: 10px 20px 10px 40px;
1117 padding: 10px;
1118 }
1119
1120 .mainwp-ui .plugin-update-tr .update-message {
1121 margin: 5px 20px 15px 40px;
1122 background-color: #fff8e5;
1123 border-left: 4px solid #ffb900;
1124 padding: 1px 12px;
1125 }
1126
1127 .mainwp-ui #wpfooter {
1128 z-index: 1000;
1129 }
1130
1131 .mainwp-ui-leftmenu #wpfooter {
1132 margin-left: 240px;
1133 }
1134
1135 .mainwp-no-extensions {
1136 margin: 0 12px 12px;
1137 }
1138
1139 #mainwp_managesites_content table.sites thead th,
1140 #mainwp_users_table thead th {
1141 padding: 0;
1142 }
1143
1144 #mainwp_managesites_content table.sites thead th .header-wrap,
1145 #mainwp_users_table thead th .header-wrap {
1146 min-height: 30px;
1147 padding: 5px 0 0 5px;
1148 }
1149
1150 #mainwp_users_table th#avatar {
1151 width: 65px;
1152 }
1153
1154 #mainwp_managesites_content table.sites thead th.sortable a,
1155 #mainwp_managesites_content table.sites thead th.sorted a {
1156 padding-top: 0;
1157 padding-left: 0;
1158 }
1159
1160 #mainwp_users_main .password-input-wrapper input.regular-text {
1161 width: 23.2em;
1162 }
1163
1164 .mainwp_config_box_left .password-input-wrapper input,
1165 .mainwp_config_box_left #pass-strength-result {
1166 width: 22em !important;
1167 }
1168
1169 #mainwp_managesites_content table th#wpcore_update,
1170 #mainwp_managesites_content table th#plugin_update,
1171 #mainwp_managesites_content table th#theme_update {
1172 width: 50px;
1173 text-align: center;
1174 }
1175
1176 #mainwp_users_main .form-table#user-profile textarea {
1177 margin-bottom: 6px;
1178 width: 500px;
1179 }
1180
1181 #mainwp-table-overflow table th {
1182 z-index: 998 !important;
1183 }
1184
1185 #mainwp-table-overflow table th:nth-child(1) {
1186 z-index: 999 !important;
1187 }
1188
1189 #mainwp-table-overflow table tr td:nth-child(1) {
1190 z-index: 997 !important;
1191 }
1192
1193 div.pw-wrap.form-invalid {
1194 padding: 5px;
1195 border: 1px dashed #dc3232;
1196 }
1197
1198 span.http-ok-status {
1199 display: none;
1200 }
1201
1202 div.http-response-ok span.http-ok-status {
1203 display: inline-block;
1204 }
1205
1206 div.http-response-ok span.http-notok-status {
1207 display: none;
1208 }
1209
1210 /* end */
1211
1212 #mainwp_post_search_by_keyword,
1213 #mainwp_page_search_by_keyword {
1214 width: calc(100% - 145px);
1215
1216 }
1217
1218 #mainwp_connection_status_wrap .mainwp_wp_sync:hover .mainwp-row-actions {
1219 display: block;
1220 }
1221
1222 #mainwp_connection_status_wrap .mainwp-row-actions {
1223 float: none;
1224 }
1225
1226 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenuwrap,
1227 .mainwp-ui-leftmenu.mainwp-ui-page #wpadminbar,
1228 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenumain,
1229 .mainwp-ui-leftmenu.mainwp-ui-page #screen-meta-links,
1230 .mainwp-ui-leftmenu.mainwp-ui-page #wpfooter {
1231 display: none;
1232 }
1233
1234 .mainwp-ui-leftmenu.mainwp-ui-page #wpcontent {
1235 margin-left: 0;
1236 padding-left: 0;
1237 }
1238
1239 #wpcontent h2 {
1240 display: block;
1241 }
1242
1243 .mainwp-modal-progress {
1244 margin-top: 0 !important;
1245 }
1246
1247 .mainwp-browse-themes .theme .image>img {
1248 width: 100%;
1249 }
1250
1251 #themes-loading {
1252 display: none;
1253 }
1254
1255 .loading-content #themes-loading {
1256 display: block;
1257 }
1258
1259 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme+.mainwp-browse-themes {
1260 display: none;
1261 }
1262
1263 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme {
1264 display: block;
1265 }
1266
1267 .mainwp-content-wrap .mainwp-upload-theme {
1268 padding: 0 !important;
1269 display: none;
1270 }
1271
1272 /* to fix css issue */
1273 #mainwp-emails-settings-table.dataTable.table td span,
1274 #mainwp-emails-settings-table.dataTable.table th span,
1275 .mainwp-manage-wpsites-table.dataTable.table td span,
1276 .mainwp-manage-wpsites-table.dataTable.table th span {
1277 -webkit-box-sizing: border-box !important;
1278 box-sizing: border-box !important;
1279 }
1280
1281 .mainwp-quick-setup .ui.divider {
1282 margin: 0 !important;
1283 height: 1rem !important;
1284 }
1285
1286 .mainwp-quick-setup .ui.secondary.segment {
1287 box-shadow: none;
1288 }
1289
1290 .trigger-all-accordion .trigger-handle-arrow .down.icon,
1291 .trigger-all-accordion.active .trigger-handle-arrow .right.icon {
1292 display: none;
1293 }
1294
1295 .trigger-all-accordion.active .trigger-handle-arrow .down.icon,
1296 .trigger-all-accordion .trigger-handle-arrow .right.icon {
1297 display: block;
1298 }
1299
1300 .trigger-all-accordion,
1301 .indicator-accordion-sorting {
1302 cursor: pointer;
1303 }
1304
1305 .indicator-accordion-sorting {
1306 z-index: 999 !important;
1307 }
1308
1309 .indicator-accordion-sorting .down.icon,
1310 .indicator-accordion-sorting .up.icon {
1311 display: none;
1312 }
1313
1314 .indicator-accordion-sorting.descending .down.icon,
1315 .indicator-accordion-sorting.ascending .up.icon,
1316 .indicator-accordion-sorting.ascending .sort.icon,
1317 .indicator-accordion-sorting.descending .sort.icon {
1318 display: none;
1319 }
1320
1321 .indicator-accordion-sorting.ascending .up.icon,
1322 .indicator-accordion-sorting.descending .down.icon {
1323 display: inline-block;
1324 }
1325
1326
1327 th .sort.icon,
1328 .up.icon,
1329 .down.icon {
1330 float: right;
1331 }
1332
1333 .trigger-handle-arrow .icon {
1334 float: left;
1335 }
1336
1337 #mainwp-themes-content td.child-active {
1338 background: #e3ffa7 !important;
1339 }
1340
1341 .mainwp-ui #wpbody-content .notice.notice-success,
1342 .mainwp-ui #wpbody-content .notice.notice-info,
1343 .mainwp-ui #wpbody-content .notice.notice-error,
1344 .mainwp-ui #wpbody-content .notice.notice-warrning {
1345 margin-left: 190px !important;
1346 }
1347
1348 .mainwp_selected_sites_item.item.warning label {
1349 color: red;
1350 }