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

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