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

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