PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 6.1.2
MainWP Dashboard: Self-hosted WordPress Management for Agencies v6.1.2
6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 5.2.2 5.3 All 153 releases
mainwp / assets / css / mainwp.css

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

1,789 lines 41.6 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 .mainwp-ui #mainwp-help-modal {
1161 position: fixed !important;
1162 }
1163
1164 /* END V4
1165 ********************************************************************************/
1166
1167 .mainwp_action {
1168 text-decoration: none;
1169 text-transform: uppercase;
1170 background: #fff;
1171 border-color: #e5e5e5;
1172 border-style: solid;
1173 color: #333333;
1174 display: inline-block;
1175 font-size: 12px;
1176 padding: 4px 12px;
1177 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1178 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1179 }
1180
1181 .mainwp_action.left {
1182 border-width: 1px 0 1px 1px;
1183 }
1184
1185 .mainwp_action.mid {
1186 border-width: 1px 0 1px 1px;
1187 }
1188
1189 .mainwp_action.right {
1190 border-width: 1px;
1191 }
1192
1193 .mainwp_action.single {
1194 border-width: 1px;
1195 }
1196
1197 .mainwp_action_down {
1198 background: #e5e5e5;
1199 -webkit-box-shadow: none;
1200 box-shadow: none;
1201 }
1202
1203
1204
1205 /*---------------------------------------------------------------------------------------------------------------*/
1206 .mainwp-row-actions-working {
1207 display: none;
1208 }
1209
1210 /*---------------------------------------------------------------------------------------------------------------*/
1211
1212
1213
1214 .mainwp-loading {
1215 text-align: left;
1216 padding: 20px;
1217 font-size: 18px;
1218 line-height: 18px;
1219 }
1220
1221 .backup_run_loading {
1222 display: none;
1223 }
1224
1225
1226 .mainwp_managbackups_taskoptions {
1227 width: auto;
1228 }
1229
1230 .mainwp_managbackups_taskoptions .form-table {
1231 clear: none;
1232 width: 590px;
1233 }
1234
1235 .mainwp-submenu-wrapper {
1236 background-position: top right;
1237 background-repeat: repeat-y;
1238 padding-left: 10px;
1239 padding-right: 25px;
1240 display: none;
1241 position: absolute;
1242 background-color: #ECECEC;
1243 background-color: white;
1244 border-left: 0;
1245 z-index: 9999;
1246 }
1247
1248
1249 #mainwp_posts_main,
1250 #mainwp_posts_loading,
1251 #mainwp_posts_error,
1252 #mainwp_comments_main,
1253 #mainwp_comments_loading,
1254 #mainwp_comments_error,
1255 #mainwp_pages_main,
1256 #mainwp_pages_error,
1257 #mainwp_users_main,
1258 #mainwp_users_loading_info,
1259 #mainwp_themes_main,
1260 #mainwp_themes_error,
1261 #mainwp_themes_loading_info,
1262 #mainwp_plugins_main,
1263 #mainwp_plugins_error,
1264 #mainwp_bulk_action_loading,
1265 #mainwp_users_searching,
1266 #mainwp_sites_searching,
1267 #mainwp_users_updating,
1268 #mainwp_bulk_action_applying,
1269 .mainwp_more_loading {
1270 display: none;
1271 }
1272
1273 .mainwp_loading,
1274 .mainwp-hidden-field {
1275 display: none;
1276 }
1277
1278 .row-actions-working {
1279 display: none;
1280 padding: 2px 0 0;
1281 }
1282
1283 .mainwp-table-container .wp-list-table thead th,
1284 .mainwp-table-container .wp-list-table tfoot th,
1285 #mainwp-table thead th,
1286 #mainwp-table tfoot th {
1287 padding-left: .5em !important;
1288 }
1289
1290 #mainwp-tabs {
1291 clear: both;
1292 }
1293
1294 /* Enhance Wordpress Admin UI */
1295 #adminmenuback,
1296 #adminmenuwrap,
1297 #adminmenu,
1298 #adminmenu .wp-submenu,
1299 #adminmenu .wp-submenu-wrap,
1300 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1301 width: 160px;
1302 }
1303
1304
1305 .mainwp-submenu-wide {
1306 width: auto !important;
1307 min-width: 200px !important;
1308 }
1309
1310
1311 .mainwp_boxout {
1312 background: #444;
1313 z-index: 9999;
1314 margin-left: 1em;
1315 padding: 10px 7px;
1316 left: 17px;
1317 width: 160px;
1318 position: absolute;
1319 }
1320
1321 .mainwp_boxout a {
1322 color: #ccc;
1323 text-decoration: none;
1324 display: block;
1325 line-height: 1.2em;
1326 padding: 6px 12px;
1327 }
1328
1329 .mainwp_boxout a:hover {
1330 color: #7fb100;
1331 }
1332
1333 .mainwp-ui .notice.notice-info,
1334 .mainwp-ui .notice.notice-success,
1335 .mainwp-ui .notice.notice-error,
1336 .mainwp-ui .notice.notice-warning {
1337 display: none;
1338 }
1339
1340
1341
1342 /* ACTION TABS */
1343 .mainwp-browse-plugins .wp-filter {
1344 margin-top: 0 !important;
1345 }
1346
1347 body.show-upload-plugin .hide-if-upload,
1348 body.show-upload-theme .hide-if-upload {
1349 display: none !important;
1350 }
1351
1352 .show-if-upload {
1353 display: none !important;
1354 }
1355
1356 body.show-upload-theme .show-if-upload,
1357 body.show-upload-plugin .show-if-upload {
1358 display: block !important;
1359 }
1360
1361 body.show-upload-plugin .mainwp-upload-plugin {
1362 display: block;
1363 }
1364
1365 .mainwp-upload-plugin {
1366 float: left;
1367 width: 100%;
1368 }
1369
1370 .installed-group-exts {
1371 padding: 1em;
1372 }
1373
1374 .mainwp_hide_wpmenu_checkboxes {
1375 margin: 0;
1376 }
1377
1378 .plugin-update-tr .api-deactivate {
1379 background-color: #fcf3ef;
1380 }
1381
1382 #import_user_file_bulkupload {
1383 width: 230px !important;
1384 }
1385
1386 .mainwp-ui .plugin-update-tr .update-message p:before {
1387 color: #f56e28;
1388 content: "\f463";
1389 margin-right: 6px;
1390 margin-top: 6px;
1391 vertical-align: bottom;
1392 }
1393
1394 .plugin-update-tr.active>td>div.api-deactivate {
1395 margin: 10px 20px 10px 40px;
1396 padding: 10px;
1397 }
1398
1399 .mainwp-ui .plugin-update-tr .update-message {
1400 margin: 5px 20px 15px 40px;
1401 background-color: #fff8e5;
1402 border-left: 4px solid #ffb900;
1403 padding: 1px 12px;
1404 }
1405
1406 .mainwp-ui #wpfooter {
1407 z-index: 1000;
1408 }
1409
1410 .mainwp-ui-leftmenu #wpfooter {
1411 margin-left: 240px;
1412 }
1413
1414 #mainwp-table-overflow table th {
1415 z-index: 998 !important;
1416 }
1417
1418 #mainwp-table-overflow table th:nth-child(1) {
1419 z-index: 999 !important;
1420 }
1421
1422 #mainwp-table-overflow table tr td:nth-child(1) {
1423 z-index: 997 !important;
1424 }
1425
1426 span.http-ok-status {
1427 display: none;
1428 }
1429
1430 div.http-response-ok span.http-ok-status {
1431 display: inline-block;
1432 }
1433
1434 div.http-response-ok span.http-notok-status {
1435 display: none;
1436 }
1437
1438 /* end */
1439
1440 #mainwp_post_search_by_keyword,
1441 #mainwp_page_search_by_keyword {
1442 width: calc(100% - 145px);
1443
1444 }
1445
1446 #mainwp_connection_status_wrap .mainwp_wp_sync:hover .mainwp-row-actions {
1447 display: block;
1448 }
1449
1450 #mainwp_connection_status_wrap .mainwp-row-actions {
1451 float: none;
1452 }
1453
1454 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenuwrap,
1455 .mainwp-ui-leftmenu.mainwp-ui-page #wpadminbar,
1456 .mainwp-ui-leftmenu.mainwp-ui-page #adminmenumain,
1457 .mainwp-ui-leftmenu.mainwp-ui-page #screen-meta-links,
1458 .mainwp-ui-leftmenu.mainwp-ui-page #wpfooter {
1459 display: none;
1460 }
1461
1462 .mainwp-ui-leftmenu.mainwp-ui-page #wpcontent {
1463 margin-left: 0;
1464 padding-left: 0;
1465 }
1466
1467 .mainwp-ui-page #wpcontent h2 {
1468 display: block;
1469 }
1470
1471 .mainwp-modal-progress {
1472 margin-top: 0 !important;
1473 }
1474
1475 .mainwp-browse-themes .theme .image>img {
1476 width: 100%;
1477 }
1478
1479 #themes-loading {
1480 display: none;
1481 }
1482
1483 .loading-content #themes-loading {
1484 display: block;
1485 }
1486
1487 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme+.mainwp-browse-themes {
1488 display: none;
1489 }
1490
1491 body.show-upload-theme .mainwp-content-wrap .mainwp-upload-theme {
1492 display: block;
1493 }
1494
1495 .mainwp-content-wrap .mainwp-upload-theme {
1496 padding: 0 !important;
1497 display: none;
1498 }
1499
1500 /* to fix css issue */
1501 #mainwp-emails-settings-table.dataTable.table td span,
1502 #mainwp-emails-settings-table.dataTable.table th span,
1503 .mainwp-manage-wpsites-table.dataTable.table td span,
1504 .mainwp-manage-wpsites-table.dataTable.table th span {
1505 -webkit-box-sizing: border-box !important;
1506 box-sizing: border-box !important;
1507 }
1508
1509 .mainwp-quick-setup .ui.segments > .ui.segment {
1510 border: none !important;
1511 }
1512
1513 .mainwp-quick-setup .ui.segments > .ui.segment:last-child {
1514 box-shadow: none !important;
1515 }
1516
1517 .mainwp-quick-setup .ui.divider {
1518 margin: 0 !important;
1519 height: 1rem !important;
1520 }
1521
1522 .mainwp-quick-setup .ui.secondary.segment {
1523 box-shadow: none;
1524 }
1525
1526 .trigger-all-accordion .trigger-handle-arrow .down.icon,
1527 .trigger-all-accordion.active .trigger-handle-arrow .right.icon {
1528 display: none;
1529 }
1530
1531 .trigger-all-accordion.active .trigger-handle-arrow .down.icon,
1532 .trigger-all-accordion .trigger-handle-arrow .right.icon {
1533 display: block;
1534 }
1535
1536 .trigger-all-accordion,
1537 .indicator-accordion-sorting {
1538 cursor: pointer;
1539 }
1540
1541 .indicator-accordion-sorting {
1542 z-index: 999 !important;
1543 }
1544
1545 .indicator-accordion-sorting .down.icon,
1546 .indicator-accordion-sorting .up.icon {
1547 display: none;
1548 }
1549
1550 .indicator-accordion-sorting.descending .down.icon,
1551 .indicator-accordion-sorting.ascending .up.icon,
1552 .indicator-accordion-sorting.ascending .sort.icon,
1553 .indicator-accordion-sorting.descending .sort.icon {
1554 display: none;
1555 }
1556
1557 .indicator-accordion-sorting.ascending .up.icon,
1558 .indicator-accordion-sorting.descending .down.icon {
1559 display: inline-block;
1560 }
1561
1562 .trigger-handle-arrow .icon {
1563 float: left;
1564 }
1565
1566 #mainwp-themes-content td.child-active {
1567 background: #e3ffa7 !important;
1568 }
1569
1570
1571
1572 .mainwp_selected_sites_item.item.warning label {
1573 color: red;
1574 }
1575
1576 .settings-field-icon-indicator {
1577 margin-left: -12px !important;
1578 display: none !important;
1579 }
1580
1581 .settings-field-icon-indicator.visible-indicator {
1582 display: inline-block !important;
1583 }
1584
1585 .category-select-item-sub1 {
1586 padding-left: 35px !important;
1587 }
1588
1589 .category-select-item-sub2 {
1590 padding-left: 45px !important;
1591 }
1592
1593 .category-select-item-sub3 {
1594 padding-left: 65px !important;
1595 }
1596
1597 .category-select-item-sub4 {
1598 padding-left: 85px !important;
1599 }
1600
1601 .category-select-item-sub5 {
1602 padding-left: 105px !important;
1603 }
1604
1605 .mainwp-get-started-widget-check-lists .item {
1606 line-height: 2rem !important;
1607 }
1608
1609 .mainwp-ui .qq-upload-drop-area {
1610 min-width: 100%;
1611 padding: 50px;
1612 margin-top: 20px;
1613 border: 5px dashed #999999 !important;
1614 display: none;
1615 }
1616
1617 .mainwp-get-started-widget-check-lists .item .content {
1618 width: auto !important;
1619 }
1620
1621 .qq-upload-completed .qq-upload-cancel,
1622 .qq-upload-completed .qq-upload-percent {
1623 display: none !important;
1624 }
1625
1626 #mainwp-install-themes .qq-upload-success .qq-upload-add-to-favorites,
1627 #mainwp-install-plugins .qq-upload-success .qq-upload-add-to-favorites {
1628 display: inline-block !important;
1629 /* display on those pages, hide on other extension pages. */
1630 }
1631
1632 .mainwp-sites-select-deselect-button {
1633 border: none !important;
1634 box-shadow: none !important;
1635 background-color: inherit !important;
1636 }
1637
1638 .mainwp-sites-select-deselect-button:hover {
1639 background-color: inherit !important;
1640 }
1641
1642 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup {
1643 padding-left: 5px !important;
1644 padding-right: 5px !important;
1645 }
1646
1647 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1648 #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1649 color: #1c1d1b !important;
1650 }
1651
1652 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1653 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1654 color: var(--grey-dark) !important;
1655 }
1656
1657 .mainwp-ui tr.selected.none-selected-color>* {
1658 box-shadow: none !important;
1659 }
1660
1661 .ui.popup:has(> .mainwp-html-popup-body) {
1662 background-color: black !important;
1663 color: white !important;
1664 max-width: 600px !important;
1665 border: none !important;
1666 box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2) !important;
1667 flex: 0 0 auto;
1668 border-radius: 0.28571429rem !important;
1669 -webkit-user-select: text;
1670 -ms-user-select: text;
1671 user-select: text;
1672 will-change: top, left, margin, transform, opacity;
1673 outline: none;
1674 animation-duration: .1s;
1675 }
1676
1677 .ui.popup:has(> .mainwp-html-popup-body)::before {
1678 background-color: black !important;
1679 }
1680
1681
1682 .mainwp-module-cost-tracker-select-custom-product-types-icons input.search {
1683 max-width: 160px !important;
1684 }
1685
1686 #mainwp-posting-running,
1687 #mainwp-publish-dimmer {
1688 height: 100vh;
1689 width: 100% !important
1690 }
1691
1692 .mainwp-ui .ui.dimmer:has(#mainwp-posting-post-modal),
1693 .mainwp-ui .ui.dimmer:has(#mainwp-posting-page-modal) {
1694 margin-top: 0 !important;
1695 margin-left: 0 !important;
1696 }
1697
1698 #plugin-information-footer {
1699 display: none !important;
1700 }
1701
1702 #widget-advanced-cost-tracker-widget .mainwp-scrolly-overflow {
1703 height: calc(100% - 120px) !important;
1704 }
1705
1706 #widget-advanced-cost-tracker-widget #mainwp-module-cost-tracker-costs-widget-table_wrapper .row:last-child {
1707 overflow-x: auto;
1708 }
1709
1710 .menu-connect-first-site .item.active,
1711 .mainwp-qsw-add-client .item.active {
1712 background: var(--grey-light) !important;
1713 }
1714
1715 .mainwp-qsw-add-client-more-row,
1716 .mainwp-managesites-more-import-row {
1717 cursor: pointer;
1718 }
1719
1720 .mainwp-uptime-status-indicator {
1721 width: 4px !important;
1722 height: 20px !important;
1723 margin: 0 !important;
1724 padding: 2px !important;
1725 }
1726
1727 .uptime-monitors-sub-pages-table>thead {
1728 display: none !important;
1729 }
1730
1731 /* Gridstack Customization */
1732
1733 .mainwp-ui .grid-stack .ui-resizable-e {
1734 right: 0.2rem !important;
1735 }
1736
1737 .mainwp-ui .grid-stack .ui-resizable-se {
1738 background-size: contain;
1739 width: 18px;
1740 /* Adjust as needed */
1741 height: 18px;
1742 /* Adjust as needed */
1743 opacity: 0.7;
1744 /* Make sure it's visible */
1745 bottom: 1.25rem !important;
1746 right: 1.25rem !important;
1747 }
1748
1749 .mainwp-ui .grid-stack .ui-resizable-sw {
1750 background-size: contain;
1751 width: 18px;
1752 /* Adjust as needed */
1753 height: 18px;
1754 /* Adjust as needed */
1755 opacity: 0.7;
1756 /* Make sure it's visible */
1757 bottom: 1.25rem !important;
1758 left: 1.25rem !important;
1759 }
1760
1761 #change-history-according-wrapper .ui.accordion .title {
1762 border-bottom: 1px solid #ddd;
1763 display: flex;
1764 }
1765
1766 #change-history-according-wrapper .ui.list {
1767 margin-top: 0 !important;
1768 }
1769
1770 #mainwp-sites-sidebar-menu .mainwp-site-menu-item {
1771 cursor: pointer;
1772 }
1773
1774 #sync-sites-status {
1775 display: flex;
1776 flex-direction: column;
1777 }
1778
1779 #sync-sites-status .item {
1780 order: 1;
1781 }
1782
1783 #sync-sites-status .item.is-success {
1784 order: 2;
1785 }
1786
1787 #sync-sites-status .item.disconnected-site {
1788 order: 3;
1789 }