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

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