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

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