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

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