PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 4.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v4.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.css

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

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