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

1,917 lines 46.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .mainwp-ui a.mainwp-disabled-link {
2 pointer-events: none;
3 cursor: not-allowed;
4 opacity: 0.5;
5 text-decoration: none;
6 }
7
8 /* 22px - 24px */
9 .mainwp-ui h1 {
10 font-size: clamp(1.96rem, 0.47vi + 1.86rem, 2.29rem);
11 }
12
13 /* 20px - 22px */
14 .mainwp-ui h2 {
15 font-size: clamp(1.09rem, 0.4vi + 1.01rem, 1.33rem);
16 }
17
18 /* 14px - 16px */
19 .mainwp-ui .header:not(.ui),
20 .mainwp-ui .ui.header,
21 .mainwp-ui h3 {
22 font-size: clamp(1.09rem, 0.4vi + 1.01rem, 1.33rem);
23 }
24
25 .mainwp-ui h1.ui.header .sub.header,
26 .mainwp-ui h2.ui.header .sub.header,
27 .mainwp-ui h3.ui.header .sub.header {
28 font-size: 1rem !important;
29 }
30
31 .mainwp-show-all-updates-button,
32 table.mainwp-manage-updates-table tbody tr td .mainwp-update-selected-button,
33 .mainwp-ui.mainwp-custom-theme #mainwp-second-level-navigation #mainwp-main-menu.ui.inverted.menu #mainwp-restapi-active-item.item {
34 display: none !important;
35 }
36 .mainwp-manage-updates-table td .mainwp-site-display {
37 display: inline-table !important;
38 }
39
40
41 /* Genaral Style */
42
43 .mainwp-main-content {
44 width: calc(100% - 300px);
45 padding-right: 1em;
46 padding-bottom: 1em;
47 float: left;
48 border-right: 1px solid rgba(34, 36, 38, .15);
49 }
50
51 .mainwp-side-content {
52 width: 301px;
53 float: right;
54 padding: 1em;
55 border-left: 1px solid rgba(34, 36, 38, .15);
56 margin-left: -1px;
57 }
58
59 .mainwp-side-content.mainwp-no-padding {
60 padding: 0 !important;
61 }
62
63 .mainwp-sidebar-left .ui.alt.segment {
64 padding: 0;
65 }
66
67 .mainwp-sidebar-left .mainwp-side-content {
68 float: left;
69 border-left: none;
70 border-right: 1px solid rgba(34, 36, 38, .15);
71 }
72
73 .mainwp-sidebar-left .mainwp-main-content {
74 float: right;
75 padding-left: 1em;
76 border-left: 1px solid #dadada;
77 border-right: 0 solid #dadada !important;
78 }
79
80 .mainwp-sidebar-accordion .title {
81 font-weight: bolder;
82 }
83
84 .mainwp-sidebar-options {
85 background: #f9fafb;
86 padding: 10px;
87 }
88
89 .mainwp-ui .ui.button:not(.dropdown) {
90 height: auto !important;
91 margin: 0 !important;
92 white-space: nowrap;
93 text-overflow: ellipsis;
94 vertical-align: middle !important;
95 }
96
97 .mainwp-ui .ui.styled.accordion {
98 border-radius: 0 !important;
99 }
100
101 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover {
102 background-color: #666666;
103 }
104
105 .mainwp-ui .plug.circular.inverted.cached-icon-customable.icon:hover:before {
106 content: "\f067" !important;
107 }
108
109 .mainwp-api-icon {
110 font-size: 1.5em;
111 font-weight: 900 !important;
112 margin-bottom: 0.5rem;
113 margin-top: 0.15rem;
114 }
115
116 .mainwp-ui em.mainwp-greyscale {
117 filter: grayscale(100%) !important;
118 opacity: 0.4;
119 }
120
121 .mainwp-ui input[type="text"],
122 .mainwp-ui input[type="search"] {
123 min-height: auto !important;
124 }
125
126 /* QSW */
127 .mainwp-ui-setup::before {
128 content: '';
129 position: fixed;
130 top: 0;
131 left: 75%;
132 right: 0;
133 bottom: 0;
134 background-image: url('../images/mainwp-icon.svg');
135 background-repeat: no-repeat;
136 background-size: cover;
137 opacity: 0.05;
138 z-index: -1;
139 }
140 .mainwp-ui-setup .mainwp-quick-setup-wizard-steps-content .ui.segment {
141 background: none !important;
142 }
143
144 #mainwp-qsw-exit-links {
145 position: fixed;
146 bottom: 20px;
147 right: 20px;
148 }
149
150 /* Content Wrap */
151
152 .mainwp-content-wrap {
153 margin-bottom: 0px;
154 margin-top: 58px;
155 }
156
157 .mainwp-ui-leftmenu .mainwp-content-wrap {
158 margin-left: 272px;
159 }
160
161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
162 .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap,
163 .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap,
164 .mainwp-ui.mainwp_page_MonitoringSettings .mainwp-content-wrap,
165 .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap,
166 .mainwp-ui.mainwp_page_PremiumUpdates .mainwp-content-wrap,
167 .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap,
168 .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap,
169 .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap,
170 .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap,
171 .mainwp-ui.mainwp_page_ServerInformationCron .mainwp-content-wrap,
172 .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap,
173 .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap,
174 .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap,
175 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap,
176 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites,
177 .mainwp-ui.mainwp_page_CostTrackerSettings .mainwp-content-wrap {
178 margin-left: 72px !important;
179 }
180
181 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
182 .mainwp-individual-site-overview .mainwp-primary-content-wrap,
183 .mainwp-individual-client-overview .mainwp-primary-content-wrap,
184 .mainwp_page_InsightsOverview .mainwp-primary-content-wrap {
185 padding: 0px;
186 }
187
188 .hidden-menu-item{
189 display: none !important;
190 }
191
192 /* Header */
193
194 #mainwp-top-header {
195 padding: 10px;
196 height: 58px;
197 background: #1c1d1b;
198 position: fixed;
199 top: 0;
200 width: 100%;
201 z-index: 1002 !important;
202 }
203
204 #mainwp-top-header .mainwp-page-title {
205 color: #ffffff;
206 }
207
208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
209 background: #1c1d1b !important;
210 color: #ffffff !important;
211 }
212
213 #mainwp-top-header .ui.menu {
214 box-shadow: none;
215 padding-top: 0;
216 }
217
218 .mainwp-sync-button-icon {
219 display: none !important;
220 }
221
222 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
223 display: none;
224 }
225
226 .mainwp-ui #mainwp-user-menu-button {
227 float: none !important;
228 }
229
230 #mainwp-header-command-palette-actions {
231 display: inline-flex;
232 align-items: center;
233 margin-right: 10px;
234 padding-right: 10px;
235 border-right: 1px solid rgba(255, 255, 255, 0.25);
236 vertical-align: middle;
237 }
238
239 #mainwp-command-palette-trigger {
240 display: inline-flex !important;
241 align-items: center;
242 justify-content: center;
243 min-height: 0;
244 height: auto;
245 margin: 0 !important;
246 padding: 0.78571429em 14px !important;
247 background: transparent !important;
248 border: 1px solid rgba(255, 255, 255, 0.25) !important;
249 border-radius: 999px !important;
250 box-shadow: none !important;
251 color: inherit !important;
252 line-height: 1.28571429em !important;
253 vertical-align: middle;
254 }
255
256 #mainwp-command-palette-trigger:hover,
257 #mainwp-command-palette-trigger:focus {
258 background: rgba(255, 255, 255, 0.06) !important;
259 opacity: 1;
260 }
261
262 #mainwp-command-palette-trigger kbd {
263 padding: 0;
264 border: 0;
265 background: transparent;
266 box-shadow: none;
267 color: inherit;
268 font-family: inherit;
269 font-size: 0.92857143rem;
270 font-weight: 600;
271 line-height: 1;
272 display: inline-block;
273 vertical-align: middle;
274 }
275
276 .mainwp-ui.mainwp-custom-theme.mainwp-default-theme .commands-command-menu__container [cmdk-item] > .commands-command-menu__item,
277 .mainwp-ui.mainwp-custom-theme.mainwp-default-dark-theme .commands-command-menu__container [cmdk-item] > .commands-command-menu__item {
278 border-radius: 0.75rem;
279 }
280
281 /* Sub-Header */
282
283 .mainwp-sub-header,
284 .mainwp-actions-bar {
285 padding: 1rem;
286 background: #f9fafb;
287 border-bottom: 1px solid #dadada;
288 }
289
290 @media screen and (min-width: 768px) {
291 .mainwp-ui.mainwp-custom-theme.mainwp-default-theme:not(.mainwp-individual-site-view) #mainwp-admin-notices-segment.mainwp-extension-update-failure-notice-segment ~ .mainwp-sub-header,
292 .mainwp-ui.mainwp-custom-theme.mainwp-default-dark-theme:not(.mainwp-individual-site-view) #mainwp-admin-notices-segment.mainwp-extension-update-failure-notice-segment ~ .mainwp-sub-header {
293 margin-top: 2em !important;
294 }
295 }
296
297 .mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown,
298 .mainwp-ui #mainwp-manage-plugins #mainwp-plugins-bulk-actions-wapper .ui.dropdown,
299 .mainwp-ui #mainwp-manage-themes #mainwp-themes-bulk-actions-wapper .ui.dropdown {
300 min-width: 20em !important;
301 }
302
303 .mainwp-ui .mainwp-actions-bar .ui.mini.form .ui.dropdown,
304 .mainwp-ui .mainwp-actions-bar.ui.mini.form .ui.dropdown,
305 .mainwp-ui .mainwp-sub-header .ui.mini.form .ui.dropdown,
306 .mainwp-ui .mainwp-sub-header.ui.mini.form .ui.dropdown {
307 font-size: 0.78571429rem;
308 }
309
310 /* Page Navigation */
311
312 #mainwp-page-navigation-wrapper {
313 display: none;
314 }
315
316 .mainwp-individual-site-view #mainwp-page-navigation-wrapper {
317 display: block;
318 float: left;
319 position: fixed;
320 top: 58px;
321 bottom: 0px;
322 width: 200px;
323 box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset;
324 -webkit-box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset;
325 overflow-y: auto;
326 overflow-x: hidden;
327 }
328
329 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation {
330 width: 199px;
331 border-radius: 0px !important;
332 border: none !important;
333 }
334
335 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item {
336 padding: 0.9rem !important;
337 }
338
339 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item:last-child {
340 box-shadow: none !important;
341 border-radius: 0px !important;
342 }
343
344 .mainwp-individual-site-view #mainwp-page-navigation-wrapper #mainwp-site-preview-image {
345 max-width: 100%;
346 width: 100%;
347 box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset !important;
348 -webkit-box-shadow: 20px 0px 15px -18px rgba(0, 0, 0, 0.15) inset !important;
349 }
350
351 .mainwp-individual-site-view #mainwp-site-mode-wrap,
352 .mainwp-individual-site-view #mainwp-admin-notices-segment,
353 .mainwp-individual-site-view #mainwp-module-cost-tracker-settings-tab {
354 width: calc(100% - 200px);
355 float: right;
356 }
357
358 .mainwp-individual-site-view .mainwp-content-wrap>.ui.message {
359 width: calc(100% - 200px);
360 float: right;
361 }
362
363 .mainwp-sub-submenu {
364 margin-bottom: 0px !important;
365 margin-top: 0px !important;
366 border-radius: 0px !important;
367 background: #3E3F3D !important;
368 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
369 -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
370 -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
371 }
372
373
374 /* Pagination */
375 .mainwp-ui .ui.pagination.menu .item::before {
376 width: 0px;
377 }
378
379 .mainwp-ui .ui.pagination.menu .item {
380 border: none;
381 margin: 0;
382 text-align: center;
383 }
384
385 .mainwp-ui .ui.pagination.menu .item:hover,
386 .mainwp-ui .ui.pagination.menu .item.active {
387 background: #7fb100;
388 border-radius: 0;
389 }
390
391 .mainwp-ui .ui.pagination.menu .item:hover .page-link,
392 .mainwp-ui .ui.pagination.menu .item.active .page-link {
393 color: #ffffff;
394 }
395
396 .mainwp-ui .ui.pagination.menu .item .page-link {
397 padding: 0.5em 1em;
398 margin: 0 auto;
399 }
400
401 /* Menu */
402
403 #mainwp-main-mobile-navigation-container .ui.menu {
404 width: 100%;
405 }
406
407 #mainwp-main-navigation-container {
408 display: flex;
409 flex-direction: row;
410 background-color: #3E3F3D;
411 width: 272px;
412 max-width: 272px;
413 position: fixed;
414 left: 0;
415 top: 58px;
416 bottom: 0;
417 z-index: 1001 !important;
418 }
419
420 #mainwp-main-navigation-container .active.item:last-child {
421 border-radius: 0px !important;
422 }
423
424 #mainwp-main-navigation-container .ui.accordion.menu .item a {
425 line-height: 1.3em;
426 }
427
428
429 #mainwp-first-level-navigation {
430 display: flex;
431 flex-direction: column;
432 justify-content: space-between;
433 background-color: #1c1d1b;
434 width: 72px;
435 max-width: 72px;
436 overflow-y: auto;
437 overflow-x: hidden;
438 padding-top: 25px;
439 }
440
441 #mainwp-support-menu {
442 text-align: center;
443 padding: 0.92857143em;
444 }
445
446 #mainwp-support-menu a#mainwp-help-menu-item{
447 color: #ffffff !important;
448 font-size: 0.75em !important;
449 font-weight: 300;
450 }
451
452 #mainwp-support-menu a#mainwp-help-menu-item .icon{
453 margin: 0px !important;
454 font-size: 2em !important;
455 color: #ffffff !important;
456 }
457
458 #mainwp-version-label {
459 margin-left: 0px;
460 margin-right: 0px;
461 border-radius: 0px;
462 color: #ffffff !important;
463 }
464
465 #mainwp-first-level-navigation-menu {
466 margin-top: 0;
467 flex-grow: 1;
468 border-radius: 0px;
469 min-height: 420px;
470 }
471
472 #mainwp-first-level-navigation-menu .item:before {
473 display: none !important;
474 }
475
476 #mainwp-first-level-navigation-menu .item {
477 margin: .5em !important;
478 padding: .785em 0 !important;
479 min-width: 0px !important;
480 }
481
482 #mainwp-first-level-navigation-menu .item .icon {
483 font-size: 1.4em !important;
484 }
485 #mainwp-first-level-navigation-menu .item .text {
486 font-weight: 300 !important;
487 }
488
489 #mainwp-first-level-navigation-menu .item.active {
490 background: #3E3F3D;
491 }
492
493 #mainwp-first-level-navigation-menu .item.active .icon,
494 #mainwp-first-level-navigation-menu .item.active .text {
495 color: #7fb100;
496 }
497
498 #mainwp-first-level-wpitems-menu {
499 background: none !important;
500 border-radius: 0px;
501 }
502
503 #mainwp-dashboard-update-available {
504 border-radius: 0px !important;
505 }
506 #mainwp-dashboard-update-available .icon {
507 display: block !important;
508 margin: 0px !important;
509 }
510
511 #mainwp-divider-handle {
512 width: 8px;
513 margin-left: 0px;
514 margin-right: -8px;
515 display: flex;
516 align-items: center;
517 justify-content: center;
518 position: relative;
519 z-index: 20;
520 flex-shrink: 0;
521 }
522
523 #mainwp-divider-handle:hover {
524 background: #495A6520;
525 }
526
527 #mainwp-collapse-second-level-navigation {
528 background: #495A65;
529 border: 1px solid #3A4C58;
530 border-radius: 4px;
531 opacity: 0;
532 transition: all 0.15s ease;
533 color: #fff;
534 padding: 1em .05em;
535 cursor: pointer;
536 }
537
538
539
540 #mainwp-collapse-second-level-navigation .icon {
541 margin: 0 !important;
542 }
543
544 #mainwp-divider-handle:hover #mainwp-collapse-second-level-navigation {
545 opacity: 1 !important;
546 }
547
548 #mainwp-second-level-navigation {
549 background-color: #3E3F3D;
550 width: 200px;
551 overflow-y: auto;
552 overflow-x: hidden;
553 }
554
555 .mainwp-main-navigation-menu {
556 width: 100% !important;
557 background: #3E3F3D !important;
558 }
559
560 #mainwp-second-level-navigation .ui.inverted.menu {
561 background-color: #3E3F3D;
562 }
563
564 #mainwp-second-level-navigation .ui.inverted.menu .item {
565 padding: 0.7em 1.14285714em;
566 color: #ffffff !important;
567 }
568
569 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
570 color: #ffffff !important;
571 }
572
573 #mainwp-second-level-navigation .ui.inverted.menu .item .item:hover,
574 #mainwp-second-level-navigation .ui.inverted.menu .item .item.active {
575 color: #7fb100 !important;
576 }
577
578 #mainwp-second-level-navigation .ui.menu .item.extension-inactive a,
579 #mainwp-second-level-navigation .ui.menu a.item.extension-inactive {
580 color: rgba(255, 255, 255, .3) !important;
581 }
582
583 #mainwp-navigation-icon {
584 width: 50px;
585 margin-left: 10px;
586 margin-top: 5px;
587 }
588
589 .mainwp-ui #mainwp-main-navigation-container.hoverli {
590 background-color: #1c1d1b !important;
591 }
592
593 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container,
594 .mainwp-ui.mainwp_page_Settings #mainwp-main-navigation-container,
595 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-main-navigation-container,
596 .mainwp-ui.mainwp_page_MonitoringSettings #mainwp-main-navigation-container,
597 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-main-navigation-container,
598 .mainwp-ui.mainwp_page_PremiumUpdates #mainwp-main-navigation-container,
599 .mainwp-ui.mainwp_page_MainWPTools #mainwp-main-navigation-container,
600 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-main-navigation-container,
601 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-main-navigation-container,
602 .mainwp-ui.mainwp_page_ServerInformation #mainwp-main-navigation-container,
603 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-main-navigation-container,
604 .mainwp-ui.mainwp_page_ErrorLog #mainwp-main-navigation-container,
605 .mainwp-ui.mainwp_page_ActionLogs #mainwp-main-navigation-container,
606 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-main-navigation-container,
607 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-main-navigation-container,
608 .mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-main-navigation-container {
609 width: 72px !important;
610 }
611
612 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-divider-handle:hover,
613 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation,
614 .mainwp-ui.mainwp_page_Settings #mainwp-second-level-navigation,
615 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-second-level-navigation,
616 .mainwp-ui.mainwp_page_MonitoringSettings #mainwp-second-level-navigation,
617 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-second-level-navigation,
618 .mainwp-ui.mainwp_page_PremiumUpdates #mainwp-second-level-navigation,
619 .mainwp-ui.mainwp_page_MainWPTools #mainwp-second-level-navigation,
620 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-second-level-navigation,
621 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-second-level-navigation,
622 .mainwp-ui.mainwp_page_ServerInformation #mainwp-second-level-navigation,
623 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-second-level-navigation,
624 .mainwp-ui.mainwp_page_ErrorLog #mainwp-second-level-navigation,
625 .mainwp-ui.mainwp_page_ActionLogs #mainwp-second-level-navigation,
626 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-second-level-navigation,
627 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-second-level-navigation,
628 .mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-second-level-navigation {
629 display: none !important;
630 }
631
632 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-divider-handle,
633 .mainwp-ui.mainwp_page_Settings #mainwp-divider-handle,
634 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-divider-handle,
635 .mainwp-ui.mainwp_page_MonitoringSettings #mainwp-divider-handle,
636 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-divider-handle,
637 .mainwp-ui.mainwp_page_PremiumUpdates #mainwp-divider-handle,
638 .mainwp-ui.mainwp_page_MainWPTools #mainwp-divider-handle,
639 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-divider-handle,
640 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-divider-handle,
641 .mainwp-ui.mainwp_page_ServerInformation #mainwp-divider-handle,
642 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-divider-handle,
643 .mainwp-ui.mainwp_page_ErrorLog #mainwp-divider-handle,
644 .mainwp-ui.mainwp_page_ActionLogs #mainwp-divider-handle,
645 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-divider-handle,
646 .mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-divider-handle {
647 display: none !important;
648 }
649
650 .mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-divider-handle:hover,
651 .mainwp-ui.mainwp_page_Settings #mainwp-divider-handle:hover,
652 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-divider-handle:hover,
653 .mainwp-ui.mainwp_page_MonitoringSettings #mainwp-divider-handle:hover,
654 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-divider-handle:hover,
655 .mainwp-ui.mainwp_page_PremiumUpdates #mainwp-divider-handle:hover,
656 .mainwp-ui.mainwp_page_MainWPTools #mainwp-divider-handle:hover,
657 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-divider-handle:hover,
658 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-divider-handle:hover,
659 .mainwp-ui.mainwp_page_ServerInformation #mainwp-divider-handle:hover,
660 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-divider-handle:hover,
661 .mainwp-ui.mainwp_page_ErrorLog #mainwp-divider-handle:hover,
662 .mainwp-ui.mainwp_page_ActionLogs #mainwp-divider-handle:hover,
663 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-divider-handle:hover,
664 .mainwp-ui.mainwp_page_CostTrackerSettings #mainwp-divider-handle:hover {
665 display: none !important;
666 }
667
668 .mainwp-main-navigation-menu .icon {
669 color: #fff !important;
670 }
671
672 #mainwp-main-menu .icon.left.floated {
673 float: left !important;
674 margin-right: 1em !important;
675 }
676
677 /* Steps */
678
679 .mainwp-ui .ui.steps .step.completed > .icon::before,
680 .mainwp-ui .ui.ordered.steps .step.completed::before {
681 background: #7fb100;
682 border-color: #7fb100 !important;
683 }
684 .mainwp-ui .ui.ordered.steps .step.completed::after {
685 background: #7fb100!important;
686 border-color: #7fb100 !important;
687 color: #1c1d1b !important;
688 }
689 .ui.circular.steps .step.active::before,
690 .ui.circular.steps .step.completed::before {
691 border-color: #7fb100 !important;
692 }
693
694 /* Widgets */
695
696
697 .mainwp-widget {
698 border: 1px solid #dadada !important;
699 margin: none !important;
700 display: flex;
701 flex-direction: column;
702 justify-content: space-between;
703 padding: 0px !important;
704 overflow: hidden !important;
705 }
706
707 .mainwp-widget .mainwp-resize-handle {
708 position: absolute;
709 bottom: .1rem;
710 right: .1rem;
711 }
712 .mainwp-widget .mainwp-widget-header .handle-drag:before {
713 content: '\f58e';
714 font-family: "icons", sans-serif;
715 font-size: 0.785em;
716 opacity: .2;
717 position: absolute;
718 left: 3px;
719 top: 10px;
720 display: none;
721 }
722
723 .mainwp-widget .mainwp-widget-header:hover .handle-drag:before {
724 display: block;
725 }
726
727 .mainwp-widget .mainwp-widget-header {
728 padding: 1em !important;
729 }
730
731 .mainwp-widget .mainwp-scrolly-overflow {
732 flex-grow: 1;
733 overflow-x: hidden;
734 overflow-y: auto;
735 padding: 1em !important;
736 }
737
738 .mainwp-widget .mainwp-scrolly-overflow .ui.tab.active {
739 height: 100%;
740 }
741
742 .mainwp-widget .mainwp-widget-footer {
743 padding: 1em !important;
744 }
745
746 .mainwp-widget img {
747 width: 40%;
748 max-width: 200px;
749 height: auto;
750 }
751
752 .mainwp-widget .dt-search.ui.input {
753 padding: 5px;
754 max-width: 160px;
755 }
756
757 .mainwp-widget.ui.segment.gs-w {
758 position: absolute;
759 }
760
761 .mainwp-widget .handle-drag {
762 cursor: move !important;
763 }
764
765 .mainwp-empty-widget-placeholder {
766 display: flex;
767 flex-direction: column;
768 justify-content: center;
769 align-items: center;
770 height: 100%;
771 }
772
773 .mainwp-empty-widget-placeholder img.mainwp-no-results-placeholder {
774 margin-bottom: 2rem;
775 }
776
777 .mainwp-empty-page-placeholder .content {
778 margin-top: 2rem !important;
779 }
780
781 /* Cards */
782
783 .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header {
784 font-size: 1em;
785 }
786 .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.header .sub.header {
787 font-size: 0.78571429em !important;
788 }
789
790 @media only screen and (min-width: 1368px) {
791 .mainwp-ui #mainwp-browse-add-ons-by-category-cards {
792 flex-wrap: nowrap;
793 }
794
795 .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.card {
796 min-width: calc(100% / 13);
797 }
798 }
799
800 @media only screen and (min-width: 1368px) {
801 #mainwp-plugin-privacy {
802 width: 800px;
803 }
804 }
805
806 .mainwp-ui .mainwp-widget .ui.form .ui.input,
807 .mainwp-ui .mainwp-widget .ui.pagination.menu,
808 .mainwp-ui .mainwp-widget .ui.dropdown {
809 font-size: 0.78571429em;
810 }
811
812 /* Sidebar */
813
814 .mainwp-select-sites,
815 .mainwp-search-options,
816 .mainwp-search-submit {
817 padding: 1em;
818 }
819
820 .mainwp-select-sites-header .ui.menu {
821 overflow-x: auto;
822 overflow-y: hidden;
823 margin: 1rem 0 0;
824 }
825
826 #mainwp-documentation-sidebar .ui.list .item i.icon {
827 display: inline-block !important;
828 }
829
830 /* Select Sites */
831
832 #mainwp-select-sites-menu {
833 margin-bottom: 1em;
834 }
835
836 .mainwp-select-sites-items-body {
837 height: 300px;
838 overflow: auto;
839 }
840
841 .mainwp-select-sites-select-all-actions {
842 margin: 0.785em 0 1.785em 0;
843 }
844
845 .mainwp-select-sites-select-all-actions .item {
846 cursor: pointer;
847 }
848
849 .mainwp-modal-content .mainwp-select-sites-select-all-actions {
850 margin-left: auto;
851 margin-right: auto;
852 }
853
854 .mainwp-select-sites-list .item label .url {
855 display: none;
856 }
857
858 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
859 .mainwp-sub-header #mainwp-filter-clients .default.text {
860 overflow: visible !important;
861 }
862
863 #mainwp-sites-filters-row .mainwp-tags-filter-action {
864 display: inline-flex;
865 align-items: stretch;
866 flex: 0 1 auto;
867 margin: 0;
868 }
869
870 #mainwp-sites-filters-row .mainwp-tags-filter-action .ui.selection.dropdown {
871 min-width: 120px;
872 max-width: 260px;
873 width: auto !important;
874 margin: 0;
875 border-top-right-radius: 0 !important;
876 border-bottom-right-radius: 0 !important;
877 }
878
879 #mainwp-sites-filters-row .mainwp-tags-filter-action .ui.dropdown.button {
880 margin: 0;
881 border-top-left-radius: 0 !important;
882 border-bottom-left-radius: 0 !important;
883 border-left: none !important;
884 }
885
886 /* Tables */
887 .mainwp-ui table.dataTable thead > tr > th .dt-column-header {
888 justify-content: start !important;
889 flex-direction: row !important;
890 gap: 0.5rem !important;
891 }
892
893 .mainwp-ui table.dataTable thead > tr > th#wpcore_update .dt-column-header,
894 .mainwp-ui table.dataTable thead > tr > th#plugin_update .dt-column-header,
895 .mainwp-ui table.dataTable thead > tr > th#theme_update .dt-column-header {
896 justify-content: center !important;
897 }
898
899 .mainwp-ui table.dataTable thead > tr > th.right.aligned .dt-column-header {
900 justify-content: end !important;
901 }
902
903 .mainwp-ui table.dataTable thead > tr > th .dt-column-header .dt-column-title {
904 flex-grow: 0 !important;
905 }
906
907 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
908 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
909 background-color: none !important;
910 border: none !important;
911 content: "\f0da";
912 font-family: "icons", sans-serif;
913 margin-right: 0.5rem !important;
914 }
915
916 .mainwp-ui table.dataTable > tbody > tr.child span.dtr-title {
917 font-weight: 600 !important;
918 min-width: 50% !important;
919 text-align: left !important;
920 }
921
922 .mainwp-ui table.dataTable > tbody > tr.child span.dtr-data {
923 min-width: 50% !important;
924 text-align: right !important;
925 }
926
927 .mainwp-ui table.dataTable >tbody > tr.child ul.dtr-details > li {
928 border-bottom: 0px solid #000000 !important;
929 }
930
931
932 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
933 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
934 background-color: rgba(0, 0, 0, 0.6);
935 }
936
937 .mainwp-ui table ul.dtr-details {
938 width: 100% !important;
939 }
940
941 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-left,
942 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
943 background-color: #fff;
944 }
945
946 .mainwp-ui table.dataTable>tbody>tr.selected>* {
947 box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .03) !important;
948 }
949
950 /* Manage Sites Table */
951
952 .mainwp-flag-stack {
953 position: relative;
954 display: inline-block;
955 width: 2.2em;
956 height: 1.5em;
957 vertical-align: middle;
958 }
959
960 .mainwp-flag-stack__flag {
961 position: absolute;
962 display: inline-block;
963 transform: scale(0.88);
964 }
965
966 .mainwp-flag-stack__flag--primary {
967 top: -0.24em;
968 left: -0.36em;
969 transform-origin: top left;
970 z-index: 1;
971 }
972
973 .mainwp-flag-stack__flag--secondary {
974 right: -0.08em;
975 bottom: -0.04em;
976 transform-origin: bottom right;
977 z-index: 2;
978 }
979
980 table.mainwp-manage-wpsites-table {
981 margin: 0;
982 }
983
984 .mainwp-manage-wpsites-table tbody tr td.mainwp-site-cell,
985 .mainwp-manage-wpsites-table tbody tr td.mainwp-url-cell {
986 white-space: nowrap;
987 overflow: hidden;
988 text-overflow: ellipsis;
989 max-width: 185px;
990 }
991
992 table.mainwp-manage-wpsites-table .error a {
993 text-decoration: none;
994 }
995
996 #mainwp-manage-sites-content.segment {
997 padding-top: 1em;
998 }
999
1000 /* Sites Changes Table */
1001
1002 #mainwp-module-log-records-table-widget-overview tbody tr td.mainwp-sites-changes-object-cell {
1003 white-space: nowrap;
1004 overflow: hidden;
1005 text-overflow: ellipsis;
1006 max-width: 185px;
1007 }
1008
1009 /* Manage Cliens Table */
1010
1011 #mainwp-manage-clients-table .custom-icon {
1012 font-size: 35px;
1013 }
1014
1015 /* Manage Costs Table */
1016 #mainwp-module-cost-tracker-sites-table tbody tr td.mainwp-manage-costs-name-cell {
1017 white-space: nowrap;
1018 overflow: hidden;
1019 text-overflow: ellipsis;
1020 max-width: 150px;
1021 min-width: 150px;
1022 }
1023
1024 /* Manage Groups */
1025
1026 #mainwp-manage-groups .mainwp-group-sites-row .list {
1027 max-height: 200px;
1028 overflow-y: scroll;
1029 }
1030
1031 .mainwp-group-sites-row {
1032 display: none;
1033 }
1034
1035 .mainwp-group-sites-row.active {
1036 display: table-row;
1037 }
1038
1039 /* Manage Updates */
1040
1041 #mainwp-manage-updates table tr.active {
1042 background: #f9fafb !important;
1043 }
1044
1045 #mainwp-manage-updates table tr.active table th {
1046 background: #eee !important;
1047 }
1048
1049 #mainwp-manage-updates table tr.active table td {
1050 background: #f9ffea !important;
1051 }
1052
1053 .mainwp-ui .master-checkbox.title .dropdown.dropdown-trigger.icon,
1054 .mainwp-ui .main-master-checkbox.title .accordion-trigger .icon,
1055 .mainwp-ui .master-checkbox.title .accordion-trigger .icon {
1056 transform: rotate(-90deg);
1057 }
1058 .mainwp-ui .master-checkbox.active.title .dropdown.dropdown-trigger.icon,
1059 .mainwp-ui .main-master-checkbox.active.title .accordion-trigger .icon,
1060 .mainwp-ui .master-checkbox.active.title .accordion-trigger .icon {
1061 transform: rotate(0deg);
1062 }
1063
1064 /* Manaage Plugins & Themes */
1065
1066 .ui.accordion.mainwp-manage-plugin-item,
1067 .ui.accordion.mainwp-manage-theme-item {
1068 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1069 padding: 1em !important;
1070 }
1071
1072 .ui.accordion.mainwp-manage-plugin-item .title,
1073 .ui.accordion.mainwp-manage-theme-item .title {
1074 cursor: default !important;
1075 }
1076
1077 .ui.accordion.mainwp-manage-plugin-item .title.active,
1078 .ui.accordion.mainwp-manage-theme-item .title.active {
1079 background: #fafafa;
1080 }
1081
1082 .ui.accordion.mainwp-manage-plugin-item .title .dropdown,
1083 .ui.accordion.mainwp-manage-theme-item .title .dropdown {
1084 cursor: pointer !important;
1085 }
1086
1087 .mainwp-manage-plugin-item:nth-last-of-type(1),
1088 .mainwp-manage-theme-item:nth-last-of-type(1) {
1089 border-bottom: none !important;
1090 }
1091
1092 .mainwp-manage-plugin-item .content,
1093 .mainwp-manage-theme-item .content {
1094 padding: 2em 1em !important;
1095 }
1096
1097 .mainwp-manage-plugin-item .content.active,
1098 .mainwp-manage-theme-item .content.active {
1099 background: #fafafa;
1100 }
1101
1102 .mainwp-manage-plugin-item-website,
1103 .mainwp-manage-theme-item-website {
1104 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1105 border-top: 1px solid rgba(34, 36, 38, 0.1);
1106 background: #fafafa;
1107 padding: 1em !important;
1108 margin: 0 0 -1px !important;
1109 }
1110
1111
1112 /* Manage Extensions */
1113
1114 .mainwp-ui #mainwp_com_api_key {
1115 width: 300px;
1116 }
1117
1118 .mainwp-disabled-extension .header,
1119 .mainwp-disabled-extension .content:not(.extra) {
1120 opacity: 0.7;
1121 }
1122
1123 /* temporary */
1124 .hidden.divider {
1125 display: block !important;
1126 }
1127
1128 #mainwp-show-htaccess code,
1129 #mainwp-show-wp-config code {
1130 background: none !important;
1131 }
1132
1133 .main-content {
1134 width: calc(100% - 302.5px);
1135 }
1136
1137 .mainwp-ui .ui.message .header {
1138 color: #333333;
1139 }
1140
1141 /* WP UI Fixes */
1142
1143 .mainwp-ui #wpbody-content {
1144 padding-bottom: 0;
1145 }
1146
1147 .mainwp-ui #wpbody-content .notice.notice-success,
1148 .mainwp-ui #wpbody-content .notice.notice-info,
1149 .mainwp-ui #wpbody-content .notice.notice-error,
1150 .mainwp-ui #wpbody-content .notice.notice-warrning,
1151 .mainwp-ui #wpbody-content div.update-nag {
1152 display: none;
1153 }
1154
1155 .mainwp-ui #wp-content-editor-tools {
1156 background-color: #fff !important;
1157 }
1158
1159 .mainwp-ui .wrap {
1160 margin: 0 0 0 200px;
1161 }
1162
1163 .mainwp-hidden {
1164 display: none !important;
1165 }
1166
1167 .mainwp-ui .ui.disabled.checkbox label a,
1168 .mainwp-ui .ui.checkbox input[disabled]~label a {
1169 pointer-events: auto !important;
1170 }
1171
1172
1173 .mainwp-ui #mainwp-security-issues-table tfoot input {
1174 width: auto !important;
1175 }
1176
1177 .mainwp-ui .mainwp-dropdown-color-picker-field #mainwp_edit_clients_icon_select,
1178 .mainwp-ui .mainwp-dropdown-color-picker-field #mainwp_manage_add_edit_site_icon_select,
1179 .mainwp-ui .mainwp-dropdown-color-picker-field .mainwp-edit-clients-select-contact-icon {
1180 max-width: calc(100% - 65px) !important;
1181 min-width: calc(100% - 65px) !important;
1182 }
1183
1184 .mainwp-ui .mainwp-dropdown-color-picker-field .mainwp-color-picker-input,
1185 .mainwp-ui .ui.form .field .mainwp-color-picker-input {
1186 max-width: 65px !important;
1187 }
1188
1189 .mainwp-ui #mainwp-help-modal > .content {
1190 min-height: 640px;
1191 }
1192
1193 .mainwp-ui #mainwp-help-modal > .content:before {
1194 position: absolute;
1195 display: block;
1196 bottom: 0;
1197 right: 5px;
1198 content: "\f337";
1199 font-family: "icons", sans-serif;
1200 color: #fff;
1201 rotate: 45deg;
1202 }
1203
1204 .mainwp-ui #mainwp-help-modal > .content:after {
1205 position: absolute;
1206 display: block;
1207 bottom: 0;
1208 left: 5px;
1209 content: "\f337";
1210 font-family: "icons", sans-serif;
1211 color: #fff;
1212 rotate: 135deg;
1213 }
1214
1215 .mainwp-ui #mainwp-help-modal:hover > .content:before {
1216 color: #999;
1217 }
1218
1219 .mainwp-ui #mainwp-help-modal:hover .content:after {
1220 color: #999;
1221 }
1222
1223 .mainwp-ui #mainwp-help-modal {
1224 position: fixed !important;
1225 }
1226
1227 /* END V4
1228 ********************************************************************************/
1229
1230 .mainwp_action {
1231 text-decoration: none;
1232 text-transform: uppercase;
1233 background: #fff;
1234 border-color: #e5e5e5;
1235 border-style: solid;
1236 color: #333333;
1237 display: inline-block;
1238 font-size: 12px;
1239 padding: 4px 12px;
1240 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1241 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1242 }
1243
1244 .mainwp_action.left {
1245 border-width: 1px 0 1px 1px;
1246 }
1247
1248 .mainwp_action.mid {
1249 border-width: 1px 0 1px 1px;
1250 }
1251
1252 .mainwp_action.right {
1253 border-width: 1px;
1254 }
1255
1256 .mainwp_action.single {
1257 border-width: 1px;
1258 }
1259
1260 .mainwp_action_down {
1261 background: #e5e5e5;
1262 -webkit-box-shadow: none;
1263 box-shadow: none;
1264 }
1265
1266
1267
1268 /*---------------------------------------------------------------------------------------------------------------*/
1269 .mainwp-row-actions-working {
1270 display: none;
1271 }
1272
1273 /*---------------------------------------------------------------------------------------------------------------*/
1274
1275
1276
1277 .mainwp-loading {
1278 text-align: left;
1279 padding: 20px;
1280 font-size: 18px;
1281 line-height: 18px;
1282 }
1283
1284 .backup_run_loading {
1285 display: none;
1286 }
1287
1288
1289 .mainwp_managbackups_taskoptions {
1290 width: auto;
1291 }
1292
1293 .mainwp_managbackups_taskoptions .form-table {
1294 clear: none;
1295 width: 590px;
1296 }
1297
1298 .mainwp-submenu-wrapper {
1299 background-position: top right;
1300 background-repeat: repeat-y;
1301 padding-left: 10px;
1302 padding-right: 25px;
1303 display: none;
1304 position: absolute;
1305 background-color: #ECECEC;
1306 background-color: white;
1307 border-left: 0;
1308 z-index: 9999;
1309 }
1310
1311
1312 #mainwp_posts_main,
1313 #mainwp_posts_loading,
1314 #mainwp_posts_error,
1315 #mainwp_comments_main,
1316 #mainwp_comments_loading,
1317 #mainwp_comments_error,
1318 #mainwp_pages_main,
1319 #mainwp_pages_error,
1320 #mainwp_users_main,
1321 #mainwp_users_loading_info,
1322 #mainwp_themes_main,
1323 #mainwp_themes_error,
1324 #mainwp_themes_loading_info,
1325 #mainwp_plugins_main,
1326 #mainwp_plugins_error,
1327 #mainwp_bulk_action_loading,
1328 #mainwp_users_searching,
1329 #mainwp_sites_searching,
1330 #mainwp_users_updating,
1331 #mainwp_bulk_action_applying,
1332 .mainwp_more_loading {
1333 display: none;
1334 }
1335
1336 .mainwp_loading,
1337 .mainwp-hidden-field {
1338 display: none;
1339 }
1340
1341 .row-actions-working {
1342 display: none;
1343 padding: 2px 0 0;
1344 }
1345
1346 .mainwp-table-container .wp-list-table thead th,
1347 .mainwp-table-container .wp-list-table tfoot th,
1348 #mainwp-table thead th,
1349 #mainwp-table tfoot th {
1350 padding-left: .5em !important;
1351 }
1352
1353 #mainwp-tabs {
1354 clear: both;
1355 }
1356
1357 /* Enhance Wordpress Admin UI */
1358 #adminmenuback,
1359 #adminmenuwrap,
1360 #adminmenu,
1361 #adminmenu .wp-submenu,
1362 #adminmenu .wp-submenu-wrap,
1363 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1364 width: 160px;
1365 }
1366
1367
1368 .mainwp-submenu-wide {
1369 width: auto !important;
1370 min-width: 200px !important;
1371 }
1372
1373
1374 .mainwp_boxout {
1375 background: #444;
1376 z-index: 9999;
1377 margin-left: 1em;
1378 padding: 10px 7px;
1379 left: 17px;
1380 width: 160px;
1381 position: absolute;
1382 }
1383
1384 .mainwp_boxout a {
1385 color: #ccc;
1386 text-decoration: none;
1387 display: block;
1388 line-height: 1.2em;
1389 padding: 6px 12px;
1390 }
1391
1392 .mainwp_boxout a:hover {
1393 color: #7fb100;
1394 }
1395
1396 .mainwp-ui .notice.notice-info,
1397 .mainwp-ui .notice.notice-success,
1398 .mainwp-ui .notice.notice-error,
1399 .mainwp-ui .notice.notice-warning {
1400 display: none;
1401 }
1402
1403
1404
1405 /* ACTION TABS */
1406 .mainwp-browse-plugins .wp-filter {
1407 margin-top: 0 !important;
1408 }
1409
1410 body.show-upload-plugin .hide-if-upload,
1411 body.show-upload-theme .hide-if-upload {
1412 display: none !important;
1413 }
1414
1415 .show-if-upload {
1416 display: none !important;
1417 }
1418
1419 body.show-upload-theme .show-if-upload,
1420 body.show-upload-plugin .show-if-upload {
1421 display: block !important;
1422 }
1423
1424 body.show-upload-plugin .mainwp-upload-plugin {
1425 display: block;
1426 }
1427
1428 .mainwp-upload-plugin {
1429 float: left;
1430 width: 100%;
1431 }
1432
1433 .installed-group-exts {
1434 padding: 1em;
1435 }
1436
1437 .mainwp_hide_wpmenu_checkboxes {
1438 margin: 0;
1439 }
1440
1441 .plugin-update-tr .api-deactivate {
1442 background-color: #fcf3ef;
1443 }
1444
1445 #import_user_file_bulkupload {
1446 width: 230px !important;
1447 }
1448
1449 .mainwp-ui .plugin-update-tr .update-message p:before {
1450 color: #f56e28;
1451 content: "\f463";
1452 margin-right: 6px;
1453 margin-top: 6px;
1454 vertical-align: bottom;
1455 }
1456
1457 .plugin-update-tr.active>td>div.api-deactivate {
1458 margin: 10px 20px 10px 40px;
1459 padding: 10px;
1460 }
1461
1462 .mainwp-ui .plugin-update-tr .update-message {
1463 margin: 5px 20px 15px 40px;
1464 background-color: #fff8e5;
1465 border-left: 4px solid #ffb900;
1466 padding: 1px 12px;
1467 }
1468
1469 .mainwp-ui #wpfooter {
1470 z-index: 1000;
1471 }
1472
1473 .mainwp-ui-leftmenu #wpfooter {
1474 margin-left: 240px;
1475 }
1476
1477 #mainwp-table-overflow table th {
1478 z-index: 998 !important;
1479 }
1480
1481 #mainwp-table-overflow table th:nth-child(1) {
1482 z-index: 999 !important;
1483 }
1484
1485 #mainwp-table-overflow table tr td:nth-child(1) {
1486 z-index: 997 !important;
1487 }
1488
1489 span.http-ok-status {
1490 display: none;
1491 }
1492
1493 div.http-response-ok span.http-ok-status {
1494 display: inline-block;
1495 }
1496
1497 div.http-response-ok span.http-notok-status {
1498 display: none;
1499 }
1500
1501 /* end */
1502
1503 #mainwp_post_search_by_keyword,
1504 #mainwp_page_search_by_keyword {
1505 width: calc(100% - 145px);
1506
1507 }
1508
1509 #mainwp_connection_status_wrap .mainwp_wp_sync:hover .mainwp-row-actions {
1510 display: block;
1511 }
1512
1513 #mainwp_connection_status_wrap .mainwp-row-actions {
1514 float: none;
1515 }
1516
1517 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenuwrap,
1518 .mainwp-ui-leftmenu.mainwp-ui-page #wpadminbar,
1519 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenumain,
1520 .mainwp-ui-leftmenu.mainwp-ui-page #screen-meta-links,
1521 .mainwp-ui-leftmenu.mainwp-ui-page #wpfooter {
1522 display: none;
1523 }
1524
1525 .mainwp-ui-leftmenu.mainwp-ui-page #wpcontent {
1526 margin-left: 0;
1527 padding-left: 0;
1528 }
1529
1530 .mainwp-ui-page #wpcontent h2 {
1531 display: block;
1532 }
1533
1534 .mainwp-modal-progress {
1535 margin-top: 0 !important;
1536 }
1537
1538 .mainwp-browse-themes .theme .image>img {
1539 width: 100%;
1540 }
1541
1542 #themes-loading {
1543 display: none;
1544 }
1545
1546 .loading-content #themes-loading {
1547 display: block;
1548 }
1549
1550 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme+.mainwp-browse-themes {
1551 display: none;
1552 }
1553
1554 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme {
1555 display: block;
1556 }
1557
1558 .mainwp-content-wrap .mainwp-upload-theme {
1559 padding: 0 !important;
1560 display: none;
1561 }
1562
1563 /* to fix css issue */
1564 #mainwp-emails-settings-table.dataTable.table td span,
1565 #mainwp-emails-settings-table.dataTable.table th span,
1566 .mainwp-manage-wpsites-table.dataTable.table td span,
1567 .mainwp-manage-wpsites-table.dataTable.table th span {
1568 -webkit-box-sizing: border-box !important;
1569 box-sizing: border-box !important;
1570 }
1571
1572 .mainwp-quick-setup .ui.segments > .ui.segment {
1573 border: none !important;
1574 }
1575
1576 .mainwp-quick-setup .ui.segments > .ui.segment:last-child {
1577 box-shadow: none !important;
1578 }
1579
1580 .mainwp-quick-setup .ui.divider {
1581 margin: 0 !important;
1582 height: 1rem !important;
1583 }
1584
1585 .mainwp-quick-setup .ui.secondary.segment {
1586 box-shadow: none;
1587 }
1588
1589 .trigger-all-accordion .trigger-handle-arrow .down.icon,
1590 .trigger-all-accordion.active .trigger-handle-arrow .right.icon {
1591 display: none;
1592 }
1593
1594 .trigger-all-accordion.active .trigger-handle-arrow .down.icon,
1595 .trigger-all-accordion .trigger-handle-arrow .right.icon {
1596 display: block;
1597 }
1598
1599 .trigger-all-accordion,
1600 .indicator-accordion-sorting {
1601 cursor: pointer;
1602 }
1603
1604 .indicator-accordion-sorting {
1605 z-index: 999 !important;
1606 }
1607
1608 .indicator-accordion-sorting .down.icon,
1609 .indicator-accordion-sorting .up.icon {
1610 display: none;
1611 }
1612
1613 .indicator-accordion-sorting.descending .down.icon,
1614 .indicator-accordion-sorting.ascending .up.icon,
1615 .indicator-accordion-sorting.ascending .sort.icon,
1616 .indicator-accordion-sorting.descending .sort.icon {
1617 display: none;
1618 }
1619
1620 .indicator-accordion-sorting.ascending .up.icon,
1621 .indicator-accordion-sorting.descending .down.icon {
1622 display: inline-block;
1623 }
1624
1625 .trigger-handle-arrow .icon {
1626 float: left;
1627 }
1628
1629 #mainwp-themes-content td.child-active {
1630 background: #e3ffa7 !important;
1631 }
1632
1633
1634
1635 .mainwp_selected_sites_item.item.warning label {
1636 color: red;
1637 }
1638
1639 .settings-field-icon-indicator {
1640 margin-left: -12px !important;
1641 display: none !important;
1642 }
1643
1644 .settings-field-icon-indicator.visible-indicator {
1645 display: inline-block !important;
1646 }
1647
1648 .category-select-item-sub1 {
1649 padding-left: 35px !important;
1650 }
1651
1652 .category-select-item-sub2 {
1653 padding-left: 45px !important;
1654 }
1655
1656 .category-select-item-sub3 {
1657 padding-left: 65px !important;
1658 }
1659
1660 .category-select-item-sub4 {
1661 padding-left: 85px !important;
1662 }
1663
1664 .category-select-item-sub5 {
1665 padding-left: 105px !important;
1666 }
1667
1668 .mainwp-get-started-widget-check-lists .item {
1669 line-height: 2rem !important;
1670 }
1671
1672 .mainwp-ui .qq-upload-drop-area {
1673 min-width: 100%;
1674 padding: 50px;
1675 margin-top: 20px;
1676 border: 5px dashed #999999 !important;
1677 display: none;
1678 }
1679
1680 .mainwp-get-started-widget-check-lists .item .content {
1681 width: auto !important;
1682 }
1683
1684 .qq-upload-completed .qq-upload-cancel,
1685 .qq-upload-completed .qq-upload-percent {
1686 display: none !important;
1687 }
1688
1689 #mainwp-install-themes .qq-upload-success .qq-upload-add-to-favorites,
1690 #mainwp-install-plugins .qq-upload-success .qq-upload-add-to-favorites {
1691 display: inline-block !important;
1692 /* display on those pages, hide on other extension pages. */
1693 }
1694
1695 .mainwp-sites-select-deselect-button {
1696 border: none !important;
1697 box-shadow: none !important;
1698 background-color: inherit !important;
1699 }
1700
1701 .mainwp-sites-select-deselect-button:hover {
1702 background-color: inherit !important;
1703 }
1704
1705 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup {
1706 padding-left: 5px !important;
1707 padding-right: 5px !important;
1708 }
1709
1710 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1711 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1712 color: #1c1d1b !important;
1713 }
1714
1715 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1716 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1717 color: var(--grey-dark) !important;
1718 }
1719
1720 .mainwp-ui tr.selected.none-selected-color>* {
1721 box-shadow: none !important;
1722 }
1723
1724 .ui.popup:has(> .mainwp-html-popup-body) {
1725 background-color: black !important;
1726 color: white !important;
1727 max-width: 600px !important;
1728 border: none !important;
1729 box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2) !important;
1730 flex: 0 0 auto;
1731 border-radius: 0.28571429rem !important;
1732 -webkit-user-select: text;
1733 -ms-user-select: text;
1734 user-select: text;
1735 will-change: top, left, margin, transform, opacity;
1736 outline: none;
1737 animation-duration: .1s;
1738 }
1739
1740 .ui.popup:has(> .mainwp-html-popup-body)::before {
1741 background-color: black !important;
1742 }
1743
1744
1745 .mainwp-module-cost-tracker-select-custom-product-types-icons input.search {
1746 max-width: 160px !important;
1747 }
1748
1749 #mainwp-posting-running,
1750 #mainwp-publish-dimmer {
1751 height: 100vh;
1752 width: 100% !important
1753 }
1754
1755 .mainwp-ui .ui.dimmer:has(#mainwp-posting-post-modal),
1756 .mainwp-ui .ui.dimmer:has(#mainwp-posting-page-modal) {
1757 margin-top: 0 !important;
1758 margin-left: 0 !important;
1759 }
1760
1761 #plugin-information-footer {
1762 display: none !important;
1763 }
1764
1765 #widget-advanced-cost-tracker-widget .mainwp-scrolly-overflow {
1766 height: calc(100% - 120px) !important;
1767 }
1768
1769 #widget-advanced-cost-tracker-widget #mainwp-module-cost-tracker-costs-widget-table_wrapper .row:last-child {
1770 overflow-x: auto;
1771 }
1772
1773 #widget-connections-status-details table td .right.floated{
1774 float: right !important;
1775 }
1776
1777 #widget-connections-status-details table td {
1778 padding-top: .5em;
1779 padding-bottom: .5em;
1780 }
1781
1782 #widget-connections-status-details .mainwp_wp_sync {
1783 line-height: 1.14285714em;
1784 }
1785
1786 #widget-connections-status-details .dt-layout-row.dt-layout-table {
1787 margin-top: 0;
1788 }
1789
1790 .menu-connect-first-site .item.active,
1791 .mainwp-qsw-add-client .item.active {
1792 background: var(--grey-light) !important;
1793 }
1794
1795 .mainwp-qsw-add-client-more-row,
1796 .mainwp-managesites-more-import-row {
1797 cursor: pointer;
1798 }
1799
1800 .mainwp-uptime-status-indicator {
1801 width: 4px !important;
1802 height: 20px !important;
1803 margin: 0 !important;
1804 padding: 2px !important;
1805 }
1806
1807 .uptime-monitors-sub-pages-table>thead {
1808 display: none !important;
1809 }
1810
1811 /* Gridstack Customization */
1812
1813 .mainwp-ui .grid-stack .ui-resizable-e {
1814 right: 0.2rem !important;
1815 }
1816
1817 .mainwp-ui .grid-stack .ui-resizable-se {
1818 background-size: contain;
1819 width: 18px;
1820 /* Adjust as needed */
1821 height: 18px;
1822 /* Adjust as needed */
1823 opacity: 0.7;
1824 /* Make sure it's visible */
1825 bottom: 1.25rem !important;
1826 right: 1.25rem !important;
1827 }
1828
1829 .mainwp-ui .grid-stack .ui-resizable-sw {
1830 background-size: contain;
1831 width: 18px;
1832 /* Adjust as needed */
1833 height: 18px;
1834 /* Adjust as needed */
1835 opacity: 0.7;
1836 /* Make sure it's visible */
1837 bottom: 1.25rem !important;
1838 left: 1.25rem !important;
1839 }
1840
1841 #change-history-according-wrapper .ui.accordion .title {
1842 border-bottom: 1px solid #ddd;
1843 display: flex;
1844 }
1845
1846 #change-history-according-wrapper .ui.list {
1847 margin-top: 0 !important;
1848 }
1849
1850 #mainwp-sites-sidebar-menu .mainwp-site-menu-item {
1851 cursor: pointer;
1852 }
1853
1854 #sync-sites-status {
1855 display: flex;
1856 flex-direction: column;
1857 }
1858
1859 #sync-sites-status .item {
1860 order: 1;
1861 }
1862
1863 #sync-sites-status .item.is-success {
1864 order: 2;
1865 }
1866
1867 #sync-sites-status .item.disconnected-site {
1868 order: 3;
1869 }
1870
1871 #mainwp-plugin-details-modal iframe{
1872 height: calc(100% + 67px) !important;
1873 }
1874
1875 /* Premium Updates identifier search */
1876
1877 .mainwp-ui #mainwp-premium-updates-identifier-fields,
1878 .mainwp-ui #mainwp-premium-updates-identifier-fields > .field {
1879 margin-bottom: 0 !important;
1880 }
1881
1882 .mainwp-ui #mainwp-premium-updates-identifier-help {
1883 margin-top: .5em;
1884 }
1885
1886 .mainwp-ui #mainwp-premium-updates-identifier-help > div + div {
1887 margin-top: .25em;
1888 }
1889
1890 .mainwp-ui #mainwp-premium-updates-identifier-search > .results {
1891 max-height: 24rem;
1892 overflow-y: auto;
1893 }
1894
1895 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results {
1896 background: var(--mainwp-element-background-secondary, var(--background-color-3, #fff)) !important;
1897 border-color: var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .15))) !important;
1898 }
1899
1900 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result {
1901 color: var(--mainwp-text, var(--font-color, rgba(0, 0, 0, .87))) !important;
1902 border-bottom-color: var(--mainwp-border, var(--border-color, rgba(34, 36, 38, .1))) !important;
1903 }
1904
1905 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result .title {
1906 color: var(--mainwp-text-header, var(--heading-color, var(--font-color, rgba(0, 0, 0, .87)))) !important;
1907 }
1908
1909 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result .description {
1910 color: var(--mainwp-text-secondary, var(--font-light-color, var(--font-color-light, rgba(0, 0, 0, .4)))) !important;
1911 }
1912
1913 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result:hover,
1914 .mainwp-ui.mainwp-custom-theme #mainwp-premium-updates-identifier-search > .results .result.active {
1915 background: var(--mainwp-element-background, var(--background-color-2, var(--grey-light, #f9fafb))) !important;
1916 }
1917