PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 4.2
MainWP Dashboard: Self-hosted WordPress Management for Agencies v4.2
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.2, at assets/css/mainwp.css

856 lines 17.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-left: 1px solid #dadada;
11 border-right: 1px solid #dadada;
12 float: left;
13 margin-right: -1px !important;
14 margin-left: -1px !important;
15 }
16
17 .mainwp-side-content {
18 height: 100%;
19 width: 300px;
20 float: right;
21 border-left: 1px solid #dadada;
22 border-bottom: 1px solid #dadada;
23 padding: 1em;
24 }
25
26 .mainwp-side-content.mainwp-no-padding {
27 padding: 0 !important;
28 }
29
30 .mainwp-sidebar-left .ui.alt.segment {
31 padding: 0;
32 }
33
34 .mainwp-sidebar-left .mainwp-side-content {
35 float: left;
36 border-left: none;
37 border-right: 1px solid rgba(34,36,38,.15);
38 border-bottom: 1px solid #dadada;
39 }
40
41 .mainwp-sidebar-left .mainwp-main-content {
42 float: right;
43 padding-left: 1em;
44 }
45
46 .mainwp-sidebar-accordion .title {
47 font-weight: bolder;
48 }
49
50 .mainwp-sidebar-options {
51 background: #f9fafb;
52 padding: 10px;
53 }
54
55 .mainwp-ui .button {
56 height: auto !important;
57 margin: 0 !important; }
58
59 .mainwp-ui .ui.styled.accordion {
60 border-radius: 0 !important; }
61
62 /* Content Wrap */
63
64 .mainwp-ui-leftmenu .mainwp-content-wrap {
65 background: #fafafa;
66 margin-left: 180px;
67 }
68 .mainwp-primary-content-wrap {
69 padding: 10px;
70 }
71
72 /* Header */
73
74 #mainwp-top-header {
75 z-index: 9999;
76 padding: 10px;
77 background: #fff;
78 border-bottom: 1px solid #dadada; }
79 #mainwp-top-header .mainwp-page-title {
80 margin-top: 8px; }
81 #mainwp-top-header .ui.menu {
82 box-shadow: none;
83 padding-top: 0; }
84
85
86 /* Sub-Header */
87
88 .mainwp-sub-header,
89 .mainwp-actions-bar {
90 padding: 10px 1em;
91 background: #f9fafb;
92 border-bottom: 1px solid #dadada; }
93
94 /* Page Navigation */
95
96 #mainwp-page-navigation-wrapper {
97 padding-top: 20px;
98 background: #fff; }
99 .mainwp-page-navigation {
100 border-bottom-width: 2px !important; }
101
102
103 /* Menu */
104
105 .mainwp-nav-wrap {
106 background: #1c1d1b;
107 width: 200px;
108 position: fixed;
109 left: 0;
110 top: 0;
111 bottom: -120px; }
112 .mainwp-nav-wrap #mainwp-logo {
113 height: 35px;
114 margin: .92857143em 1.14285714em; }
115
116 .mainwp-nav-menu .ui.accordion.menu .item:hover,
117 .mainwp-nav-menu .ui.accordion.menu .item.active {
118 background: rgba(255,255,255,.15); }
119 .mainwp-nav-menu .item-wp-admin {
120 width: 200px;
121 position: fixed !important;
122 bottom: 0; }
123
124 #mainwp-main-menu #menu-item-extensions .content.menu {
125 max-height: 200px !important;
126 overflow-y: scroll;
127 }
128
129 #mainwp-main-menu .mainwp-top-level-menu-item-label {
130 float: none;
131 display: inline;
132 margin-left: 35px;
133 padding: 3px 5px;
134 font-size: 8px;
135 }
136
137 /* Extensions sub-submenu */
138
139 .mainwp-sub-submenu {
140 margin: 0 !important;
141 border-radius: 0 !important;
142 }
143
144 /* Widgets */
145
146 #mainwp-grid-left {
147 padding-right: 5px;
148 }
149 #mainwp-grid-middle {
150 padding-right: 5px;
151 padding-left: 5px;
152 }
153 #mainwp-grid-right {
154 padding-left: 5px;
155 }
156
157 .mainwp-widget .handle-drag { cursor: move !important; }
158
159 .mainwp-widget.segment {
160 border: 1px solid #dadada !important;
161 }
162
163 /* Sidebar */
164
165 .mainwp-select-sites,
166 .mainwp-search-options,
167 .mainwp-search-submit {
168 padding: 10px;
169 }
170
171 /* Select Sites */
172
173 #mainwp-select-sites-body {
174 height: 220px;
175 overflow: auto;
176 }
177
178 #mainwp-select-sites-select-all-actions {
179 background:#f9fafb;
180 padding: 12px 5px;
181 border-bottom: 1px solid #dadada;margin-top:0;
182 }
183
184 #mainwp-select-sites-select-all-actions .item {
185 cursor: pointer;
186 }
187
188 #mainwp-select-sites-list .item label .url {
189 display: none; }
190
191 /* Manage Sites Table */
192
193 table#mainwp-manage-sites-table {
194 margin: 0;
195 }
196
197 table#mainwp-manage-sites-table .error a{
198 text-decoration: none;
199 }
200
201 #mainwp-manage-sites-content.segment {
202 padding-top: 1em;
203 }
204
205
206 /* Manage Groups */
207
208 #mainwp-manage-groups .mainwp-group-sites-row .list {
209 max-height: 200px;
210 overflow-y: scroll;
211 }
212 .mainwp-group-sites-row{
213 display: none;
214 }
215 .mainwp-group-sites-row.active{
216 display: table-row;
217 }
218
219 /* Manage Updates */
220
221 #mainwp-manage-updates table tr.active {
222 background: #f9fafb !important;
223 }
224
225 #mainwp-manage-updates table tr.active table th {
226 background: #eee !important;
227 }
228
229 #mainwp-manage-updates table tr.active table td {
230 background: #f9ffea !important;
231 }
232
233 /* temporary */
234 .hidden.divider {
235 display: block !important;
236 }
237
238 #mainwp-show-htaccess code, #mainwp-show-wp-config code { background: none !important; }
239
240 .main-content {
241 width: calc( 100% - 302.5px);
242 }
243
244 /* WP UI Fixes */
245
246 .mainwp-ui #wpbody-content { padding-bottom: 0; }
247 .mainwp-ui #wp-content-editor-tools { background-color: #fff !important; }
248 .mainwp-ui .wrap { margin: 0 0 0 200px }
249
250
251 /* END V4
252 ********************************************************************************/
253
254
255
256 .mainwp-action-row { min-height: 20px; }
257
258 .mainwp-notice {
259 margin: 5px 0 15px;
260 padding: .6em;
261 background: #fff;
262 box-shadow: 0 1px 1px rgba(0,0,0,.04);
263 vertical-align: middle;
264 }
265
266 .mainwp-notice-green { border-left: 4px solid #7fb100; }
267 .mainwp-notice-blue { border-left: 4px solid #0073AA; }
268 .mainwp-notice-red { border-left: 4px solid #a00; }
269 .mainwp-notice-yellow { border-left: 4px solid #FFB901; }
270
271 .mainwp_action {
272 text-decoration: none;
273 text-transform: uppercase;
274 background: #fff;
275 border-color: #e5e5e5;
276 border-style: solid;
277 color: #333333;
278 display: inline-block;
279 font-size: 12px;
280 padding: 4px 12px;
281 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
282 box-shadow: 0 1px 1px rgba(0,0,0,.04);
283 }
284 .mainwp_action.left {border-width: 1px 0 1px 1px;}
285 .mainwp_action.mid{border-width: 1px 0 1px 1px;}
286 .mainwp_action.right{border-width: 1px;}
287 .mainwp_action.single{border-width: 1px;}
288
289 .mainwp_action_down {
290 background: #e5e5e5;
291 -webkit-box-shadow: none;
292 box-shadow: none;
293 }
294
295
296
297 /*---------------------------------------------------------------------------------------------------------------*/
298 .mainwp-row-actions-working {
299 display: none;
300 }
301 /*---------------------------------------------------------------------------------------------------------------*/
302
303
304
305 .mainwp-loading {
306 text-align: left;
307 padding: 20px;
308 font-size: 18px;
309 line-height: 18px;
310 }
311
312
313
314
315 .backup_run_loading {
316 display: none;
317 }
318
319
320 .mainwp-tabs
321 {
322 margin-top: 2em;
323 border-bottom: 1px solid #e5e5e5;
324 margin-bottom: 0;
325 }
326 .mainwp_checkboxes
327 {
328 -webkit-column-count: 3;
329 -moz-column-count: 3;
330 column-count: 3;
331 margin: 1em 0 2em;
332 }
333 .mainwp-search-form
334 {
335 width: auto ;
336 }
337 .mainwp_managbackups_taskoptions
338 {
339 width: auto;
340 }
341 .mainwp_managbackups_taskoptions .form-table
342 {
343 clear: none;
344 width: 590px;
345 }
346
347 .mainwp-submenu-wrapper {
348 background-position: top right;
349 background-repeat: repeat-y;
350 padding-left: 10px;
351 padding-right: 25px;
352 display: none;
353 position: absolute;
354 background-color: #ECECEC;
355 background-color: white;
356 /*border: 1px solid #CCC;*/
357 border-left: 0;
358 z-index: 9999;
359 }
360
361 #side-info-column {
362 width: 49%;
363 }
364
365 .inner-sidebar #side-sortables {
366 width: 100%;
367 }
368
369 .has-right-sidebar #post-body-content {
370 width: 49%;
371 margin-right: 390px;
372 }
373
374 .has-right-sidebar #post-body {
375 margin-right: -50%;
376 }
377
378 #post-body #normal-sortables {
379 width: 100%;
380 }
381
382 li.hoverli {
383 -webkit-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
384 -moz-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
385 box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
386 position: relative;
387 z-index: 9999;
388 }
389
390 #mainwp_posts_main, #mainwp_posts_loading, #mainwp_posts_error,
391 #mainwp_comments_main, #mainwp_comments_loading, #mainwp_comments_error,
392 #mainwp_pages_main, #mainwp_pages_error,
393 #mainwp_users_main, #mainwp_users_loading_info,
394 #mainwp_themes_main, #mainwp_themes_error, #mainwp_themes_loading_info,
395 #mainwp_plugins_main, #mainwp_plugins_error, #mainwp_plugins_loading_info,
396 #mainwp_bulk_action_loading, #mainwp_users_searching, #mainwp_sites_searching,
397 #mainwp_users_updating, #mainwp_bulk_action_applying, .mainwp_more_loading
398 {
399 display: none;
400 }
401
402 .mainwp_loading, .mainwp-hidden-field {
403 display: none;
404 }
405
406 #pager {
407 top: 0;
408 position: inherit !important;
409 }
410 .first, .prev, .next, .last
411 {
412 vertical-align: -5px;
413 }
414
415 .row-actions-working {
416 display: none;
417 padding: 2px 0 0;
418 }
419
420
421 .mainwp_plugins_content,.mainwp_themes_content{
422 background: #f9f9f9 ;
423 }
424
425 #mainwp_plugins_content .headcol, #mainwp_themes_content .headcol{
426 width: 22em;
427 }
428 #mainwp_plugins_content th.headcol, #mainwp_themes_content th.headcol{
429 border-bottom: 0;
430 }
431
432 #mainwp_plugins_content #mainwp-table-overflow,
433 #mainwp_themes_content #mainwp-table-overflow {
434 height: 720px;
435 }
436
437 #mainwp_background-box {
438 min-height: 80vh;
439 height: 100% ;
440 width: auto ;
441 margin-top: 2em ;
442 background: none ;
443 }
444 #mainwp_wrap-inside {
445 min-height: 80vh;
446 height: 100% ;
447 margin-top: 0;
448 padding: 10px ;
449 background: #fafafa ;
450 border-top: none ;
451 border-bottom: 1px solid #e5e5e5;
452 border-left: 1px solid #e5e5e5;
453 border-right: 1px solid #e5e5e5;
454 box-shadow: 0 1px 1px rgba(0,0,0,.04);
455 position: relative;
456 }
457 #mainwp_wrap-inside.round-top {
458 clear: both ;
459 border: 1px solid #e5e5e5 !important;
460 }
461
462 .mainwp-table-container .wp-list-table thead th,.mainwp-table-container .wp-list-table tfoot th,#mainwp-table thead th,#mainwp-table tfoot th {
463 padding-left: .5em !important ;
464 }
465
466 #mainwp-tabs {
467 clear: both ;
468 }
469 #mainwp-tabs .nav-tab-active {
470 background: #fafafa ;
471 border-top: 1px solid #7fb100 !important;
472 border-left: 1px solid #e5e5e5;
473 border-right: 1px solid #e5e5e5;
474 border-bottom: 1px solid #fafafa !important ;
475 color: #7fb100;
476 margin-top: 1px;
477 }
478
479 #mainwp-tabs .nav-tab {
480 border-top: 1px solid #e5e5e5;
481 border-left: 1px solid #e5e5e5;
482 border-right: 1px solid #e5e5e5;
483 border-bottom: 1px solid #e5e5e5;
484 padding: 10px 16px;
485 font-size: 14px;
486 text-transform: uppercase;
487 line-height: 16px;
488 font-weight: normal;
489 margin-left: 0;
490 margin-right: 10px;
491 }
492 /* Enhance Wordpress Admin UI */
493 #adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-submenu, #adminmenu .wp-submenu-wrap, .folded #adminmenu .wp-has-current-submenu .wp-submenu {
494 width: 160px;
495 }
496
497
498 .mainwp-submenu-wide {
499 width: auto !important;
500 min-width: 200px !important;
501 }
502
503
504 .mainwp_boxout {
505 background: #444;
506 z-index: 9999;
507 margin-left: 1em;
508 padding: 10px 7px;
509 left: 17px;
510 width: 160px;
511 position: absolute;
512 }
513
514 .mainwp_boxout a {
515 color: #ccc;
516 text-decoration: none;
517 display: block;
518 line-height: 1.2em;
519 padding: 6px 12px;
520 }
521
522 .mainwp_boxout a:hover {
523 color: #7fb100;
524 }
525
526
527 /* New Select Box Style */
528
529 .mainwp_error {
530 display: none;
531 padding: .6em;
532 margin: 5px 0 2px;
533 }
534
535 .mainwp-tips .mainwp-dismiss{
536 float:right;
537 }
538
539 /* Exclude Section */
540
541
542 #download-server-information {
543 display: none;
544 margin: 10px 0;
545 padding: 0;
546 position: relative;
547 }
548
549 #download-server-information textarea {
550 border-radius: 0;
551 font-family: monospace;
552 font-size: 12px;
553 height: 300px;
554 line-height: 20px;
555 margin: 0;
556 outline: 0 none;
557 padding: 20px;
558 resize: none;
559 width: 100%;
560 -moz-border-radius:0;
561 -webkit-border-radius:0;
562 }
563
564 .mwp_close_srv_info {
565 display: none;
566 float: right;
567 margin: 5px 0;
568 }
569
570 .mainwp-permission-error {
571 padding: 2em;
572 width: 70%;
573 margin: 4em auto;
574 background: #fff;
575 border: 1px Solid #e5e5e5;
576 font-size: 13px;
577 text-align: center;
578 color: #999;
579 }
580
581 .mainwp-permission-error p {
582 font-size: 16px;
583 color: #333;
584 }
585
586
587
588
589 /* ACTION TABS */
590 .mainwp-browse-plugins .wp-filter {
591 margin-top: 0 !important;
592 }
593 .mainwp-browse-plugins > form {
594 float: left;
595 }
596
597 body.show-upload-plugin .hide-if-upload, body.show-upload-theme .hide-if-upload{
598 display: none !important;
599 }
600 .show-if-upload{
601 display: none !important;
602 }
603 body.show-upload-theme .show-if-upload, body.show-upload-plugin .show-if-upload {
604 display: block !important;
605 }
606 body.show-upload-plugin .mainwp-upload-plugin {
607 display: block;
608 }
609
610 .mainwp-upload-plugin {
611 float: left;
612 width: 100%;
613 }
614 .installed-group-exts {
615 padding: 1em;
616 }
617
618 .mainwp_hide_wpmenu_checkboxes {
619 margin: 0;
620 }
621 .plugin-update-tr .api-deactivate {
622 background-color: #fcf3ef;
623 }
624 #plugin-information-footer a {
625 display: none;
626 }
627 .sync-ext-row .sync-options {
628 margin-left: 15px;
629 }
630 .sync-ext-row{
631 margin: 5px 0;
632 }
633
634
635 #import_user_file_bulkupload {
636 width: 230px !important;
637 }
638
639 body.show-upload-theme #mainwp_wrap-inside .upload-theme + .wp-filter,
640 body.show-upload-theme #mainwp_wrap-inside .upload-theme + .wp-filter + .mainwp-browse-themes {
641 display: none;
642 }
643 body.show-upload-theme #mainwp_wrap-inside .upload-theme,
644 .mainwp_wrap-inside .upload-plugin {
645 display: block;
646 }
647 #mainwp_wrap-inside .upload-plugin, #mainwp_wrap-inside .upload-theme {
648 padding: 0 !important;
649 }
650
651
652 .mainwp-ui .plugin-update-tr .update-message p:before{
653 color: #f56e28;
654 content: "\f463";
655 margin-right: 6px;
656 margin-top: 6px;
657 vertical-align: bottom;
658 }
659
660 .plugin-update-tr.active > td > div.api-deactivate {
661 margin: 10px 20px 10px 40px;
662 padding: 10px;
663 }
664 .mainwp-ui .plugin-update-tr .update-message {
665 margin:5px 20px 15px 40px;
666 background-color: #fff8e5;
667 border-left: 4px solid #ffb900;
668 padding: 1px 12px;
669 }
670 .mainwp-ui #wpfooter{
671 z-index: 1000;
672 }
673 .mainwp-ui-leftmenu #wpfooter{
674 margin-left: 240px;
675 }
676 .mainwp-no-extensions {
677 margin: 0 12px 12px;
678 }
679 #mainwp_managesites_content table.sites thead th,
680 #mainwp_users_table thead th {
681 padding:0;
682 }
683 #mainwp_managesites_content table.sites thead th .header-wrap,
684 #mainwp_users_table thead th .header-wrap{
685 min-height: 30px;
686 padding: 5px 0 0 5px;
687 }
688
689 #mainwp_users_table th#avatar{
690 width: 65px;
691 }
692
693 #mainwp_managesites_content table.sites thead th.sortable a,
694 #mainwp_managesites_content table.sites thead th.sorted a {
695 padding-top: 0;
696 padding-left: 0;
697 }
698 #mainwp_users_main .password-input-wrapper input.regular-text {
699 width: 23.2em;
700 }
701
702 .mainwp_config_box_left .password-input-wrapper input,
703 .mainwp_config_box_left #pass-strength-result {
704 width: 22em !important;
705 }
706
707 #mainwp_managesites_content table th#wpcore_update,
708 #mainwp_managesites_content table th#plugin_update,
709 #mainwp_managesites_content table th#theme_update
710 {
711 width: 50px;
712 text-align: center;
713 }
714
715 #mainwp_users_main .form-table#user-profile textarea {
716 margin-bottom: 6px;
717 width: 500px;
718 }
719
720 #mainwp-table-overflow table th {
721 z-index: 998!important;
722 }
723
724 #mainwp-table-overflow table th:nth-child(1) {
725 z-index: 999!important;
726 }
727
728 #mainwp-table-overflow table tr td:nth-child(1) {
729 z-index: 997!important;
730 }
731
732 div.pw-wrap.form-invalid {
733 padding: 5px;
734 border: 1px dashed #dc3232;
735 }
736
737 span.http-ok-status {
738 display: none;
739 }
740 div.http-response-ok span.http-ok-status{
741 display: inline-block;
742 }
743 div.http-response-ok span.http-notok-status{
744 display: none;
745 }
746
747 /* end */
748
749 #mainwp_post_search_by_keyword,
750 #mainwp_page_search_by_keyword {
751 width: calc(100% - 145px);
752
753 }
754 #mainwp_connection_status_wrap .mainwp_wp_sync:hover .mainwp-row-actions {
755 display: block;
756 }
757 #mainwp_connection_status_wrap .mainwp-row-actions {
758 float: none;
759 }
760 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenuwrap,
761 .mainwp-ui-leftmenu.mainwp-ui-page #wpadminbar,
762 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenumain,
763 .mainwp-ui-leftmenu.mainwp-ui-page #screen-meta-links,
764 .mainwp-ui-leftmenu.mainwp-ui-page #wpfooter{
765 display: none;
766 }
767 .mainwp-ui-leftmenu.mainwp-ui-page #wpcontent{
768 margin-left: 0;
769 }
770 #wpcontent h2 {
771 display: block;
772 }
773
774 .mainwp-modal-progress{
775 margin-top: 0 !important;
776 }
777 .mainwp-browse-themes .theme .image > img {
778 width: 100%;
779 }
780
781 #themes-loading {
782 display: none;
783 }
784 .loading-content #themes-loading{
785 display: block;
786 }
787
788 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme + .mainwp-browse-themes {
789 display: none;
790 }
791 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme{
792 display: block;
793 }
794 .mainwp-content-wrap .mainwp-upload-theme {
795 padding: 0 !important;
796 display: none;
797 }
798
799 /* to fix css issue */
800 #mainwp-emails-settings-table.dataTable.table td span,
801 #mainwp-emails-settings-table.dataTable.table th span,
802 #mainwp-manage-sites-table.dataTable.table td span,
803 #mainwp-manage-sites-table.dataTable.table th span{
804 -webkit-box-sizing: border-box !important;
805 box-sizing: border-box !important;
806 }
807 .mainwp-quick-setup .ui.divider {
808 margin: 0 !important;
809 height: 1rem !important;
810 }
811 .mainwp-quick-setup .ui.secondary.segment {
812 box-shadow: none; }
813 .trigger-all-accordion .trigger-handle-arrow .down.icon,
814 .trigger-all-accordion.active .trigger-handle-arrow .right.icon{
815 display: none;
816 }
817
818 .trigger-all-accordion.active .trigger-handle-arrow .down.icon,
819 .trigger-all-accordion .trigger-handle-arrow .right.icon {
820 display: block;
821 }
822
823 .trigger-all-accordion,
824 .indicator-accordion-sorting{
825 cursor: pointer;
826 }
827
828 .indicator-accordion-sorting {
829 z-index: 999 !important;
830 }
831
832 .indicator-accordion-sorting .down.icon,
833 .indicator-accordion-sorting .up.icon{
834 display: none;
835 }
836
837 .indicator-accordion-sorting.descending .down.icon,
838 .indicator-accordion-sorting.ascending .up.icon,
839 .indicator-accordion-sorting.ascending .sort.icon,
840 .indicator-accordion-sorting.descending .sort.icon{
841 display: none;
842 }
843
844 .indicator-accordion-sorting.ascending .up.icon,
845 .indicator-accordion-sorting.descending .down.icon {
846 display: inline-block;
847 }
848
849 th .sort.icon, .up.icon, .down.icon {
850 float:right;
851 }
852
853 #mainwp-themes-content td.child-active{
854 background:#e3ffa7 !important;
855 }
856