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

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

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