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