PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 5.0.2
MainWP Dashboard: Self-hosted WordPress Management for Agencies v5.0.2
6.2.2 6.2.1 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 All 155 releases
mainwp / assets / css / mainwp.css

mainwp.css in MainWP Dashboard: Self-hosted WordPress Management for Agencies 5.0.2, at assets/css/mainwp.css

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