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 +778 -536 5.1.1 → 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;
@@ -79,8 +112,42 @@
79 112 margin-bottom: 0.5rem;
80 113 margin-top: 0.15rem;
81 114 }
82 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 +
83 150 /* Content Wrap */
84 151
85 152 .mainwp-content-wrap {
86 153 margin-bottom: 0px;
@@ -86,10 +153,9 @@
86 153 margin-bottom: 0px;
87 154 margin-top: 58px;
88 155 }
89 156
90 -.mainwp-ui-leftmenu .mainwp-content-wrap,
91 -.mainwp-ui-leftmenu #mainwp-screenshots-sites {
157 +.mainwp-ui-leftmenu .mainwp-content-wrap {
92 158 margin-left: 272px;
93 159 }
94 160
95 161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
@@ -94,9 +160,11 @@
94 160
95 161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
96 162 .mainwp-ui.mainwp_page_Settings .mainwp-content-wrap,
97 163 .mainwp-ui.mainwp_page_SettingsAdvanced .mainwp-content-wrap,
164 +.mainwp-ui.mainwp_page_MonitoringSettings .mainwp-content-wrap,
98 165 .mainwp-ui.mainwp_page_SettingsEmail .mainwp-content-wrap,
166 +.mainwp-ui.mainwp_page_PremiumUpdates .mainwp-content-wrap,
99 167 .mainwp-ui.mainwp_page_MainWPTools .mainwp-content-wrap,
100 168 .mainwp-ui.mainwp_page_SettingsInsights .mainwp-content-wrap,
101 169 .mainwp-ui.mainwp_page_SettingsApiBackups .mainwp-content-wrap,
102 170 .mainwp-ui.mainwp_page_ServerInformation .mainwp-content-wrap,
@@ -104,9 +172,10 @@
104 172 .mainwp-ui.mainwp_page_ErrorLog .mainwp-content-wrap,
105 173 .mainwp-ui.mainwp_page_ActionLogs .mainwp-content-wrap,
106 174 .mainwp-ui.mainwp_page_PluginPrivacy .mainwp-content-wrap,
107 175 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap,
108 -.mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites {
176 +.mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmen #mainwp-screenshots-sites,
177 +.mainwp-ui.mainwp_page_CostTrackerSettings .mainwp-content-wrap {
109 178 margin-left: 72px !important;
110 179 }
111 180
112 181 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
@@ -115,12 +184,15 @@
115 184 .mainwp_page_InsightsOverview .mainwp-primary-content-wrap {
116 185 padding: 0px;
117 186 }
118 187
188 +.hidden-menu-item{
189 + display: none !important;
190 +}
191 +
119 192 /* Header */
120 193
121 194 #mainwp-top-header {
122 - z-index: 9999;
123 195 padding: 10px;
124 196 height: 58px;
125 197 background: #1c1d1b;
126 198 position: fixed;
@@ -125,12 +197,12 @@
125 197 background: #1c1d1b;
126 198 position: fixed;
127 199 top: 0;
128 200 width: 100%;
201 + z-index: 1002 !important;
129 202 }
130 203
131 204 #mainwp-top-header .mainwp-page-title {
132 - padding-left: 15px;
133 205 color: #ffffff;
134 206 }
135 207
136 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
@@ -135,9 +207,9 @@
135 207
136 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
137 209 background: #1c1d1b !important;
138 210 color: #ffffff !important;
139 - }
211 +}
140 212
141 213 #mainwp-top-header .ui.menu {
142 214 box-shadow: none;
143 215 padding-top: 0;
@@ -150,21 +222,92 @@
150 222 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
151 223 display: none;
152 224 }
153 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 +
154 281 /* Sub-Header */
155 282
156 283 .mainwp-sub-header,
157 284 .mainwp-actions-bar {
158 - padding: 10px 1em;
285 + padding: 1rem;
159 286 background: #f9fafb;
160 287 border-bottom: 1px solid #dadada;
161 288 }
162 289
163 -.mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown {
164 - min-width: 20em;
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 + }
165 295 }
166 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 +
167 310 /* Page Navigation */
168 311
169 312 #mainwp-page-navigation-wrapper {
170 313 display: none;
@@ -175,20 +318,23 @@
175 318 float: left;
176 319 position: fixed;
177 320 top: 58px;
178 321 bottom: 0px;
179 - width: 170px;
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;
180 327 }
181 328
182 329 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation {
183 - width: 170px;
184 - box-shadow: none !important;
330 + width: 199px;
185 331 border-radius: 0px !important;
186 332 border: none !important;
187 333 }
188 334
189 335 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item {
190 - padding: 0.92857143em 1.14285714em !important;
336 + padding: 0.9rem !important;
191 337 }
192 338
193 339 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item:last-child {
194 340 box-shadow: none !important;
@@ -194,15 +340,24 @@
194 340 box-shadow: none !important;
195 341 border-radius: 0px !important;
196 342 }
197 343
198 -.mainwp-individual-site-view #mainwp-site-mode-wrap {
199 - 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);
200 355 float: right;
201 356 }
202 357
203 -.mainwp-individual-site-view .mainwp-content-wrap > .ui.message {
204 - width: calc(100% - 170px);
358 +.mainwp-individual-site-view .mainwp-content-wrap>.ui.message {
359 + width: calc(100% - 200px);
205 360 float: right;
206 361 }
207 362
208 363 .mainwp-sub-submenu {
@@ -210,10 +365,10 @@
210 365 margin-top: 0px !important;
211 366 border-radius: 0px !important;
212 367 background: #3E3F3D !important;
213 368 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
214 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
215 - -moz-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;
216 371 }
217 372
218 373
219 374 /* Pagination */
@@ -219,10 +374,10 @@
219 374 /* Pagination */
220 375 .mainwp-ui .ui.pagination.menu .item::before {
221 376 width: 0px;
222 377 }
378 +
223 379 .mainwp-ui .ui.pagination.menu .item {
224 - padding: 0;
225 380 border: none;
226 381 margin: 0;
227 382 text-align: center;
228 383 }
@@ -229,11 +384,11 @@
229 384
230 385 .mainwp-ui .ui.pagination.menu .item:hover,
231 386 .mainwp-ui .ui.pagination.menu .item.active {
232 387 background: #7fb100;
233 - padding: 0;
234 388 border-radius: 0;
235 389 }
390 +
236 391 .mainwp-ui .ui.pagination.menu .item:hover .page-link,
237 392 .mainwp-ui .ui.pagination.menu .item.active .page-link {
238 393 color: #ffffff;
239 394 }
@@ -244,8 +399,12 @@
244 399 }
245 400
246 401 /* Menu */
247 402
403 +#mainwp-main-mobile-navigation-container .ui.menu {
404 + width: 100%;
405 +}
406 +
248 407 #mainwp-main-navigation-container {
249 408 display: flex;
250 409 flex-direction: row;
251 410 background-color: #3E3F3D;
@@ -254,9 +413,9 @@
254 413 position: fixed;
255 414 left: 0;
256 415 top: 58px;
257 416 bottom: 0;
258 - z-index: 1 !important;
417 + z-index: 1001 !important;
259 418 }
260 419
261 420 #mainwp-main-navigation-container .active.item:last-child {
262 421 border-radius: 0px !important;
@@ -278,14 +437,30 @@
278 437 overflow-x: hidden;
279 438 padding-top: 25px;
280 439 }
281 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 +
282 458 #mainwp-version-label {
283 459 margin-left: 0px;
284 460 margin-right: 0px;
285 461 border-radius: 0px;
286 462 color: #ffffff !important;
287 - z-index: 9999 !important;
288 463 }
289 464
290 465 #mainwp-first-level-navigation-menu {
291 466 margin-top: 0;
@@ -293,8 +468,25 @@
293 468 border-radius: 0px;
294 469 min-height: 420px;
295 470 }
296 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 +
297 489 #mainwp-first-level-navigation-menu .item.active {
298 490 background: #3E3F3D;
299 491 }
300 492
@@ -307,57 +499,72 @@
307 499 background: none !important;
308 500 border-radius: 0px;
309 501 }
310 502
311 -#mainwp-first-level-navigation-menu a[title='Cost Tracker'] {
312 - padding-left: 5px !important;
313 - padding-right: 5px !important;
503 +#mainwp-dashboard-update-available {
504 + border-radius: 0px !important;
314 505 }
506 +#mainwp-dashboard-update-available .icon {
507 + display: block !important;
508 + margin: 0px !important;
509 +}
315 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 +
316 527 #mainwp-collapse-second-level-navigation {
317 - position: fixed;
318 - left: 272px;
319 - bottom: 30px;
320 - padding: 7px 4px 7px 2px;
321 - border-radius: 0 8px 8px 0 !important;
322 - min-width: auto !important;
323 - background-color: #3E3F3D;
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;
324 536 }
325 537
538 +
539 +
326 540 #mainwp-collapse-second-level-navigation .icon {
327 - padding: 0px !important;
328 - margin: 0px !important;
329 - font-size: 14px !important;
541 + margin: 0 !important;
330 542 }
331 543
544 +#mainwp-divider-handle:hover #mainwp-collapse-second-level-navigation {
545 + opacity: 1 !important;
546 +}
547 +
332 548 #mainwp-second-level-navigation {
333 549 background-color: #3E3F3D;
334 550 width: 200px;
335 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
336 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
337 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
338 551 overflow-y: auto;
339 552 overflow-x: hidden;
340 553 }
341 554
342 -#mainwp-main-menu {
343 - width: 100%;
555 +.mainwp-main-navigation-menu {
556 + width: 100% !important;
344 557 background: #3E3F3D !important;
345 558 }
346 559
347 560 #mainwp-second-level-navigation .ui.inverted.menu {
348 561 background-color: #3E3F3D;
349 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
350 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
351 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
352 562 }
353 563
354 564 #mainwp-second-level-navigation .ui.inverted.menu .item {
355 565 padding: 0.7em 1.14285714em;
356 566 color: #ffffff !important;
357 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
358 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
359 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
360 567 }
361 568
362 569 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
363 570 color: #ffffff !important;
@@ -373,22 +580,13 @@
373 580 color: rgba(255, 255, 255, .3) !important;
374 581 }
375 582
376 583 #mainwp-navigation-icon {
377 - width: 40px;
378 - margin-left: 11px;
379 - margin-top: 18px;
584 + width: 50px;
585 + margin-left: 10px;
586 + margin-top: 5px;
380 587 }
381 588
382 -.mainwp-main-mobile-navigation-container {
383 - background-color: #1c1d1b;
384 - display: none;
385 -}
386 -
387 -.mainwp-main-mobile-navigation-container .item.active {
388 - background: rgba(255, 255, 255, 0.08) !important;
389 -}
390 -
391 589 .mainwp-ui #mainwp-main-navigation-container.hoverli {
392 590 background-color: #1c1d1b !important;
393 591 }
394 592
@@ -394,9 +592,11 @@
394 592
395 593 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container,
396 594 .mainwp-ui.mainwp_page_Settings #mainwp-main-navigation-container,
397 595 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-main-navigation-container,
596 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-main-navigation-container,
398 597 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-main-navigation-container,
598 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-main-navigation-container,
399 599 .mainwp-ui.mainwp_page_MainWPTools #mainwp-main-navigation-container,
400 600 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-main-navigation-container,
401 601 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-main-navigation-container,
402 602 .mainwp-ui.mainwp_page_ServerInformation #mainwp-main-navigation-container,
@@ -403,17 +603,20 @@
403 603 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-main-navigation-container,
404 604 .mainwp-ui.mainwp_page_ErrorLog #mainwp-main-navigation-container,
405 605 .mainwp-ui.mainwp_page_ActionLogs #mainwp-main-navigation-container,
406 606 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-main-navigation-container,
407 -.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 {
408 609 width: 72px !important;
409 610 }
410 611
411 -.mainwp-ui.toplevel_page_mainwp_tab #mainwp-collapse-second-level-navigation,
612 +.mainwp-ui.toplevel_page_mainwp_tab #mainwp-divider-handle:hover,
412 613 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation,
413 614 .mainwp-ui.mainwp_page_Settings #mainwp-second-level-navigation,
414 615 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-second-level-navigation,
616 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-second-level-navigation,
415 617 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-second-level-navigation,
618 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-second-level-navigation,
416 619 .mainwp-ui.mainwp_page_MainWPTools #mainwp-second-level-navigation,
417 620 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-second-level-navigation,
418 621 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-second-level-navigation,
419 622 .mainwp-ui.mainwp_page_ServerInformation #mainwp-second-level-navigation,
@@ -420,31 +623,75 @@
420 623 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-second-level-navigation,
421 624 .mainwp-ui.mainwp_page_ErrorLog #mainwp-second-level-navigation,
422 625 .mainwp-ui.mainwp_page_ActionLogs #mainwp-second-level-navigation,
423 626 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-second-level-navigation,
424 -.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 {
425 629 display: none !important;
426 630 }
427 631
428 -.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-collapse-second-level-navigation,
429 -.mainwp-ui.mainwp_page_Settings #mainwp-collapse-second-level-navigation,
430 -.mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-collapse-second-level-navigation,
431 -.mainwp-ui.mainwp_page_SettingsEmail #mainwp-collapse-second-level-navigation,
432 -.mainwp-ui.mainwp_page_MainWPTools #mainwp-collapse-second-level-navigation,
433 -.mainwp-ui.mainwp_page_SettingsInsights #mainwp-collapse-second-level-navigation,
434 -.mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-collapse-second-level-navigation,
435 -.mainwp-ui.mainwp_page_ServerInformation #mainwp-collapse-second-level-navigation,
436 -.mainwp-ui.mainwp_page_ServerInformationCron #mainwp-collapse-second-level-navigation,
437 -.mainwp-ui.mainwp_page_ErrorLog #mainwp-collapse-second-level-navigation,
438 -.mainwp-ui.mainwp_page_ActionLogs #mainwp-collapse-second-level-navigation,
439 -.mainwp-ui.mainwp_page_PluginPrivacy #mainwp-collapse-second-level-navigation {
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 {
440 647 display: none !important;
441 648 }
442 649
443 -#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 {
444 669 color: #fff !important;
445 670 }
446 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 +
447 694 /* Widgets */
448 695
449 696
450 697 .mainwp-widget {
@@ -449,10 +696,54 @@
449 696
450 697 .mainwp-widget {
451 698 border: 1px solid #dadada !important;
452 699 margin: none !important;
700 + display: flex;
701 + flex-direction: column;
702 + justify-content: space-between;
703 + padding: 0px !important;
704 + overflow: hidden !important;
453 705 }
454 706
707 +.mainwp-widget .mainwp-resize-handle {
708 + position: absolute;
709 + bottom: .1rem;
710 + right: .1rem;
711 +}
712 +.mainwp-widget .mainwp-widget-header .handle-drag:before {
713 + content: '\f58e';
714 + font-family: "icons", sans-serif;
715 + font-size: 0.785em;
716 + opacity: .2;
717 + position: absolute;
718 + left: 3px;
719 + top: 10px;
720 + display: none;
721 +}
722 +
723 +.mainwp-widget .mainwp-widget-header:hover .handle-drag:before {
724 + display: block;
725 +}
726 +
727 +.mainwp-widget .mainwp-widget-header {
728 + padding: 1em !important;
729 +}
730 +
731 +.mainwp-widget .mainwp-scrolly-overflow {
732 + flex-grow: 1;
733 + overflow-x: hidden;
734 + overflow-y: auto;
735 + padding: 1em !important;
736 +}
737 +
738 +.mainwp-widget .mainwp-scrolly-overflow .ui.tab.active {
739 + height: 100%;
740 +}
741 +
742 +.mainwp-widget .mainwp-widget-footer {
743 + padding: 1em !important;
744 +}
745 +
455 746 .mainwp-widget img {
456 747 width: 40%;
457 748 max-width: 200px;
458 749 height: auto;
@@ -457,135 +748,60 @@
457 748 max-width: 200px;
458 749 height: auto;
459 750 }
460 751
461 -#mainwp-update-everything-button {
462 - font-size: 14px;
463 -}
464 -
465 752 .mainwp-widget .dt-search.ui.input {
466 753 padding: 5px;
467 754 max-width: 160px;
468 755 }
469 756
757 +.mainwp-widget.ui.segment.gs-w {
758 + position: absolute;
759 +}
470 760
471 -@media only screen and (min-width: 1368px) {
761 +.mainwp-widget .handle-drag {
762 + cursor: move !important;
763 +}
472 764
473 - .mainwp-widget.ui.segment.gs-w {
474 - position: absolute;
475 - }
765 +.mainwp-empty-widget-placeholder {
766 + display: flex;
767 + flex-direction: column;
768 + justify-content: center;
769 + align-items: center;
770 + height: 100%;
771 +}
476 772
477 - .mainwp-widget-header {
478 - margin-bottom: 20px !important;
479 - }
773 +.mainwp-empty-widget-placeholder img.mainwp-no-results-placeholder {
774 + margin-bottom: 2rem;
775 +}
480 776
481 - .mainwp-widget .handle-drag {
482 - cursor: move !important;
483 - }
777 +.mainwp-empty-page-placeholder .content {
778 + margin-top: 2rem !important;
779 +}
484 780
485 - .mainwp-scrolly-overflow {
486 - overflow-y: auto;
487 - overflow-x: hidden;
488 - padding: 0 10px 0 0;
489 - margin-bottom: 20px;
490 - }
781 +/* Cards */
491 782
492 - .mainwp-widget-footer {
493 - position: absolute;
494 - bottom: 1rem;
495 - width: 100%;
496 - }
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 +}
497 789
498 - #widget-recent_posts .mainwp-scrolly-overflow,
499 - #widget-recent_pages .mainwp-scrolly-overflow {
500 - height: calc(100% - 125px);
790 +@media only screen and (min-width: 1368px) {
791 + .mainwp-ui #mainwp-browse-add-ons-by-category-cards {
792 + flex-wrap: nowrap;
501 793 }
502 794
503 - #widget-connection_status .mainwp-scrolly-overflow {
504 - height: calc(100% - 135px);
795 + .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.card {
796 + min-width: calc(100% / 13);
505 797 }
798 +}
506 799
507 - #widget-security_issues .mainwp-scrolly-overflow {
508 - height: calc(100% - 100px);
509 - }
510 -
511 - #widget-non_mainwp_changes .mainwp-scrolly-overflow {
512 - height: calc(100% - 120px) !important;
513 - }
514 -
515 - #widget-clients .mainwp-scrolly-overflow {
516 - height: calc(100% - 100px) !important;
517 - }
518 -
519 - #widget-client_info .mainwp-scrolly-overflow {
520 - height: calc(100% - 100px) !important;
521 - }
522 -
523 - #widget-child_site_info .mainwp-scrolly-overflow {
524 - height: calc(100% - 60px) !important;
525 - }
526 -
527 - #widget-notes .mainwp-scrolly-overflow {
528 - height: calc(100% - 100px) !important;
529 - }
530 -
531 - #widget-plugins .mainwp-scrolly-overflow {
532 - height: calc(100% - 70px) !important;
533 - }
534 -
535 - #widget-themes .mainwp-scrolly-overflow {
536 - height: calc(100% - 70px) !important;
537 - }
538 -
539 - #widget-overview .mainwp-scrolly-overflow {
540 - height: calc(100% - 120px) !important;
541 - padding: 10px 0;
542 - }
543 -
544 - #widget-advanced-cost-tracker-costs .mainwp-scrolly-overflow {
545 - height: calc(100% - 120px) !important;
546 - padding: 10px 0;
547 - }
548 -
549 - #widget-fields_info .mainwp-scrolly-overflow {
550 - height: calc(100% - 100px) !important;
551 - }
552 -
553 - #widget-websites .mainwp-scrolly-overflow {
554 - height: calc(100% - 70px) !important;
555 - }
556 -
557 - [id^="widget-contact_"] .mainwp-scrolly-overflow {
558 - height: calc(100% - 70px) !important;
559 - }
560 -
561 - #widget-note .mainwp-scrolly-overflow {
562 - height: calc(100% - 100px) !important;
563 - }
564 -
565 - #widget-advanced-matomo .mainwp-scrolly-overflow {
566 - height: calc(100% - 70px) !important;
567 - }
568 -
569 - #widget-get-started .mainwp-scrolly-overflow {
570 - height: calc(100% - 70px) !important;
571 - }
572 -
800 +@media only screen and (min-width: 1368px) {
573 801 #mainwp-plugin-privacy {
574 802 width: 800px;
575 803 }
576 -
577 - #widget-cost_upcomming_renewals .mainwp-scrolly-overflow,
578 - #widget-cost_monthly_renewals .mainwp-scrolly-overflow,
579 - #widget-cost_yearly_renewals .mainwp-scrolly-overflow {
580 - height: calc(100% - 100px) !important;
581 - }
582 -
583 - #widget-cost_monthly_totals .mainwp-scrolly-overflow,
584 - #widget-cost_category_totals .mainwp-scrolly-overflow {
585 - height: calc(100% - 70px) !important;
586 - }
587 -
588 804 }
589 805
590 806 .mainwp-ui .mainwp-widget .ui.form .ui.input,
591 807 .mainwp-ui .mainwp-widget .ui.pagination.menu,
@@ -597,40 +813,46 @@
597 813
598 814 .mainwp-select-sites,
599 815 .mainwp-search-options,
600 816 .mainwp-search-submit {
601 - padding: 10px;
817 + padding: 1em;
602 818 }
603 819
604 -#mainwp-select-sites-header .ui.menu {
820 +.mainwp-select-sites-header .ui.menu {
605 821 overflow-x: auto;
606 822 overflow-y: hidden;
607 - margin: 1rem -1rem 0;
823 + margin: 1rem 0 0;
608 824 }
609 825
826 +#mainwp-documentation-sidebar .ui.list .item i.icon {
827 + display: inline-block !important;
828 +}
829 +
610 830 /* Select Sites */
611 831
612 -#mainwp-select-sites-body {
613 - height: 220px;
832 +#mainwp-select-sites-menu {
833 + margin-bottom: 1em;
834 +}
835 +
836 +.mainwp-select-sites-items-body {
837 + height: 300px;
614 838 overflow: auto;
615 839 }
616 840
617 -#mainwp-select-sites-select-all-actions {
618 - background: #dadada;
619 - border-bottom: 1px solid #dadada;
620 - margin-top: 0;
841 +.mainwp-select-sites-select-all-actions {
842 + margin: 0.785em 0 1.785em 0;
621 843 }
622 844
623 -#mainwp-select-sites-select-all-actions .item {
845 +.mainwp-select-sites-select-all-actions .item {
624 846 cursor: pointer;
625 847 }
626 848
627 -.mainwp-modal-content #mainwp-select-sites-select-all-actions {
849 +.mainwp-modal-content .mainwp-select-sites-select-all-actions {
628 850 margin-left: auto;
629 851 margin-right: auto;
630 852 }
631 853
632 -#mainwp-select-sites-list .item label .url {
854 +.mainwp-select-sites-list .item label .url {
633 855 display: none;
634 856 }
635 857
636 858 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
@@ -637,16 +859,77 @@
637 859 .mainwp-sub-header #mainwp-filter-clients .default.text {
638 860 overflow: visible !important;
639 861 }
640 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 +
641 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 +}
642 892
643 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
644 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
645 - 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;
646 897 }
647 898
899 +.mainwp-ui table.dataTable thead > tr > th.right.aligned .dt-column-header {
900 + justify-content: end !important;
901 +}
648 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 +
649 932 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
650 933 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
651 934 background-color: rgba(0, 0, 0, 0.6);
652 935 }
@@ -659,14 +942,42 @@
659 942 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
660 943 background-color: #fff;
661 944 }
662 945
663 -.mainwp-ui table.dataTable > tbody > tr.selected > * {
664 - box-shadow: inset 0 0 0 9999px rgba( 0,0,0,.03) !important;
946 +.mainwp-ui table.dataTable>tbody>tr.selected>* {
947 + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .03) !important;
665 948 }
666 949
667 950 /* Manage Sites Table */
668 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 +
669 980 table.mainwp-manage-wpsites-table {
670 981 margin: 0;
671 982 }
672 983
@@ -685,8 +996,17 @@
685 996 #mainwp-manage-sites-content.segment {
686 997 padding-top: 1em;
687 998 }
688 999
1000 +/* Sites Changes Table */
1001 +
1002 +#mainwp-module-log-records-table-widget-overview tbody tr td.mainwp-sites-changes-object-cell {
1003 + white-space: nowrap;
1004 + overflow: hidden;
1005 + text-overflow: ellipsis;
1006 + max-width: 185px;
1007 +}
1008 +
689 1009 /* Manage Cliens Table */
690 1010
691 1011 #mainwp-manage-clients-table .custom-icon {
692 1012 font-size: 35px;
@@ -729,13 +1049,25 @@
729 1049 #mainwp-manage-updates table tr.active table td {
730 1050 background: #f9ffea !important;
731 1051 }
732 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 +
733 1064 /* Manaage Plugins & Themes */
734 1065
735 1066 .ui.accordion.mainwp-manage-plugin-item,
736 1067 .ui.accordion.mainwp-manage-theme-item {
737 1068 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1069 + padding: 1em !important;
738 1070 }
739 1071
740 1072 .ui.accordion.mainwp-manage-plugin-item .title,
741 1073 .ui.accordion.mainwp-manage-theme-item .title {
@@ -771,9 +1103,9 @@
771 1103 .mainwp-manage-theme-item-website {
772 1104 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
773 1105 border-top: 1px solid rgba(34, 36, 38, 0.1);
774 1106 background: #fafafa;
775 - padding: 1em;
1107 + padding: 1em !important;
776 1108 margin: 0 0 -1px !important;
777 1109 }
778 1110
779 1111
@@ -778,16 +1110,12 @@
778 1110
779 1111
780 1112 /* Manage Extensions */
781 1113
782 -#mainwp-manage-extensions.ui.segment {
783 - padding: 0px;
1114 +.mainwp-ui #mainwp_com_api_key {
1115 + width: 300px;
784 1116 }
785 1117
786 -#mainwp-manage-extensions .mainwp-main-content {
787 - padding: 1em;
788 -}
789 -
790 1118 .mainwp-disabled-extension .header,
791 1119 .mainwp-disabled-extension .content:not(.extra) {
792 1120 opacity: 0.7;
793 1121 }
@@ -815,8 +1143,16 @@
815 1143 .mainwp-ui #wpbody-content {
816 1144 padding-bottom: 0;
817 1145 }
818 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 +
819 1155 .mainwp-ui #wp-content-editor-tools {
820 1156 background-color: #fff !important;
821 1157 }
822 1158
@@ -849,39 +1185,48 @@
849 1185 .mainwp-ui .ui.form .field .mainwp-color-picker-input {
850 1186 max-width: 65px !important;
851 1187 }
852 1188
1189 +.mainwp-ui #mainwp-help-modal > .content {
1190 + min-height: 640px;
1191 +}
853 1192
854 -/* END V4
855 -********************************************************************************/
856 -
857 -.mainwp-action-row {
858 - min-height: 20px;
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;
859 1202 }
860 1203
861 -.mainwp-notice {
862 - margin: 5px 0 15px;
863 - padding: .6em;
864 - background: #fff;
865 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
866 - vertical-align: middle;
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;
867 1213 }
868 1214
869 -.mainwp-notice-green {
870 - border-left: 4px solid #7fb100;
1215 +.mainwp-ui #mainwp-help-modal:hover > .content:before {
1216 + color: #999;
871 1217 }
872 1218
873 -.mainwp-notice-blue {
874 - border-left: 4px solid #0073AA;
1219 +.mainwp-ui #mainwp-help-modal:hover .content:after {
1220 + color: #999;
875 1221 }
876 1222
877 -.mainwp-notice-red {
878 - border-left: 4px solid #a00;
1223 +.mainwp-ui #mainwp-help-modal {
1224 + position: fixed !important;
879 1225 }
880 1226
881 -.mainwp-notice-yellow {
882 - border-left: 4px solid #FFB901;
883 -}
1227 +/* END V4
1228 +********************************************************************************/
884 1229
885 1230 .mainwp_action {
886 1231 text-decoration: none;
887 1232 text-transform: uppercase;
@@ -935,33 +1280,13 @@
935 1280 font-size: 18px;
936 1281 line-height: 18px;
937 1282 }
938 1283
939 -
940 -
941 -
942 1284 .backup_run_loading {
943 1285 display: none;
944 1286 }
945 1287
946 1288
947 -.mainwp-tabs {
948 - margin-top: 2em;
949 - border-bottom: 1px solid #e5e5e5;
950 - margin-bottom: 0;
951 -}
952 -
953 -.mainwp_checkboxes {
954 - -webkit-column-count: 3;
955 - -moz-column-count: 3;
956 - column-count: 3;
957 - margin: 1em 0 2em;
958 -}
959 -
960 -.mainwp-search-form {
961 - width: auto;
962 -}
963 -
964 1289 .mainwp_managbackups_taskoptions {
965 1290 width: auto;
966 1291 }
967 1292
@@ -982,37 +1307,9 @@
982 1307 border-left: 0;
983 1308 z-index: 9999;
984 1309 }
985 1310
986 -#side-info-column {
987 - width: 49%;
988 -}
989 1311
990 -.inner-sidebar #side-sortables {
991 - width: 100%;
992 -}
993 -
994 -.has-right-sidebar #post-body-content {
995 - width: 49%;
996 - margin-right: 390px;
997 -}
998 -
999 -.has-right-sidebar #post-body {
1000 - margin-right: -50%;
1001 -}
1002 -
1003 -#post-body #normal-sortables {
1004 - width: 100%;
1005 -}
1006 -
1007 -li.hoverli {
1008 - -webkit-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
1009 - -moz-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
1010 - box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
1011 - position: relative;
1012 - z-index: 9999;
1013 -}
1014 -
1015 1312 #mainwp_posts_main,
1016 1313 #mainwp_posts_loading,
1017 1314 #mainwp_posts_error,
1018 1315 #mainwp_comments_main,
@@ -1040,73 +1337,13 @@
1040 1337 .mainwp-hidden-field {
1041 1338 display: none;
1042 1339 }
1043 1340
1044 -#pager {
1045 - top: 0;
1046 - position: inherit !important;
1047 -}
1048 -
1049 -.first,
1050 -.prev,
1051 -.next,
1052 -.last {
1053 - vertical-align: -5px;
1054 -}
1055 -
1056 1341 .row-actions-working {
1057 1342 display: none;
1058 1343 padding: 2px 0 0;
1059 1344 }
1060 1345
1061 -
1062 -.mainwp_plugins_content,
1063 -.mainwp_themes_content {
1064 - background: #f9f9f9;
1065 -}
1066 -
1067 -#mainwp_plugins_content .headcol,
1068 -#mainwp_themes_content .headcol {
1069 - width: 22em;
1070 -}
1071 -
1072 -#mainwp_plugins_content th.headcol,
1073 -#mainwp_themes_content th.headcol {
1074 - border-bottom: 0;
1075 -}
1076 -
1077 -#mainwp_plugins_content #mainwp-table-overflow,
1078 -#mainwp_themes_content #mainwp-table-overflow {
1079 - height: 720px;
1080 -}
1081 -
1082 -#mainwp_background-box {
1083 - min-height: 80vh;
1084 - height: 100%;
1085 - width: auto;
1086 - margin-top: 2em;
1087 - background: none;
1088 -}
1089 -
1090 -#mainwp_wrap-inside {
1091 - min-height: 80vh;
1092 - height: 100%;
1093 - margin-top: 0;
1094 - padding: 10px;
1095 - background: #fafafa;
1096 - border-top: none;
1097 - border-bottom: 1px solid #e5e5e5;
1098 - border-left: 1px solid #e5e5e5;
1099 - border-right: 1px solid #e5e5e5;
1100 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1101 - position: relative;
1102 -}
1103 -
1104 -#mainwp_wrap-inside.round-top {
1105 - clear: both;
1106 - border: 1px solid #e5e5e5 !important;
1107 -}
1108 -
1109 1346 .mainwp-table-container .wp-list-table thead th,
1110 1347 .mainwp-table-container .wp-list-table tfoot th,
1111 1348 #mainwp-table thead th,
1112 1349 #mainwp-table tfoot th {
@@ -1116,32 +1353,8 @@
1116 1353 #mainwp-tabs {
1117 1354 clear: both;
1118 1355 }
1119 1356
1120 -#mainwp-tabs .nav-tab-active {
1121 - background: #fafafa;
1122 - border-top: 1px solid #7fb100 !important;
1123 - border-left: 1px solid #e5e5e5;
1124 - border-right: 1px solid #e5e5e5;
1125 - border-bottom: 1px solid #fafafa !important;
1126 - color: #7fb100;
1127 - margin-top: 1px;
1128 -}
1129 -
1130 -#mainwp-tabs .nav-tab {
1131 - border-top: 1px solid #e5e5e5;
1132 - border-left: 1px solid #e5e5e5;
1133 - border-right: 1px solid #e5e5e5;
1134 - border-bottom: 1px solid #e5e5e5;
1135 - padding: 10px 16px;
1136 - font-size: 14px;
1137 - text-transform: uppercase;
1138 - line-height: 16px;
1139 - font-weight: normal;
1140 - margin-left: 0;
1141 - margin-right: 10px;
1142 -}
1143 -
1144 1357 /* Enhance Wordpress Admin UI */
1145 1358 #adminmenuback,
1146 1359 #adminmenuwrap,
1147 1360 #adminmenu,
@@ -1179,80 +1392,22 @@
1179 1392 .mainwp_boxout a:hover {
1180 1393 color: #7fb100;
1181 1394 }
1182 1395
1183 -
1184 -/* New Select Box Style */
1185 -
1186 -.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 {
1187 1400 display: none;
1188 - padding: .6em;
1189 - margin: 5px 0 2px;
1190 1401 }
1191 1402
1192 -.mainwp-tips .mainwp-dismiss {
1193 - float: right;
1194 -}
1195 1403
1196 -/* Exclude Section */
1197 1404
1198 -
1199 -#download-server-information {
1200 - display: none;
1201 - margin: 10px 0;
1202 - padding: 0;
1203 - position: relative;
1204 -}
1205 -
1206 -#download-server-information textarea {
1207 - border-radius: 0;
1208 - font-family: monospace;
1209 - font-size: 12px;
1210 - height: 300px;
1211 - line-height: 20px;
1212 - margin: 0;
1213 - outline: 0 none;
1214 - padding: 20px;
1215 - resize: none;
1216 - width: 100%;
1217 - -moz-border-radius: 0;
1218 - -webkit-border-radius: 0;
1219 -}
1220 -
1221 -.mwp_close_srv_info {
1222 - display: none;
1223 - float: right;
1224 - margin: 5px 0;
1225 -}
1226 -
1227 -.mainwp-permission-error {
1228 - padding: 2em;
1229 - width: 70%;
1230 - margin: 4em auto;
1231 - background: #fff;
1232 - border: 1px Solid #e5e5e5;
1233 - font-size: 13px;
1234 - text-align: center;
1235 - color: #999;
1236 -}
1237 -
1238 -.mainwp-permission-error p {
1239 - font-size: 16px;
1240 - color: #333;
1241 -}
1242 -
1243 -
1244 -
1245 -
1246 1405 /* ACTION TABS */
1247 1406 .mainwp-browse-plugins .wp-filter {
1248 1407 margin-top: 0 !important;
1249 1408 }
1250 1409
1251 -.mainwp-browse-plugins>form {
1252 - float: left;
1253 -}
1254 -
1255 1410 body.show-upload-plugin .hide-if-upload,
1256 1411 body.show-upload-theme .hide-if-upload {
1257 1412 display: none !important;
1258 1413 }
@@ -1286,41 +1441,12 @@
1286 1441 .plugin-update-tr .api-deactivate {
1287 1442 background-color: #fcf3ef;
1288 1443 }
1289 1444
1290 -#plugin-information-footer {
1291 - display: none;
1292 -}
1293 -
1294 -.sync-ext-row .sync-options {
1295 - margin-left: 15px;
1296 -}
1297 -
1298 -.sync-ext-row {
1299 - margin: 5px 0;
1300 -}
1301 -
1302 -
1303 1445 #import_user_file_bulkupload {
1304 1446 width: 230px !important;
1305 1447 }
1306 1448
1307 -body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter,
1308 -body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter+.mainwp-browse-themes {
1309 - display: none;
1310 -}
1311 -
1312 -body.show-upload-theme #mainwp_wrap-inside .upload-theme,
1313 -.mainwp_wrap-inside .upload-plugin {
1314 - display: block;
1315 -}
1316 -
1317 -#mainwp_wrap-inside .upload-plugin,
1318 -#mainwp_wrap-inside .upload-theme {
1319 - padding: 0 !important;
1320 -}
1321 -
1322 -
1323 1449 .mainwp-ui .plugin-update-tr .update-message p:before {
1324 1450 color: #f56e28;
1325 1451 content: "\f463";
1326 1452 margin-right: 6px;
@@ -1347,54 +1473,8 @@
1347 1473 .mainwp-ui-leftmenu #wpfooter {
1348 1474 margin-left: 240px;
1349 1475 }
1350 1476
1351 -.mainwp-no-extensions {
1352 - margin: 0 12px 12px;
1353 -}
1354 -
1355 -#mainwp_managesites_content table.sites thead th,
1356 -#mainwp_users_table thead th {
1357 - padding: 0;
1358 -}
1359 -
1360 -#mainwp_managesites_content table.sites thead th .header-wrap,
1361 -#mainwp_users_table thead th .header-wrap {
1362 - min-height: 30px;
1363 - padding: 5px 0 0 5px;
1364 -}
1365 -
1366 -#mainwp_users_table th#avatar {
1367 - width: 65px;
1368 -}
1369 -
1370 -#mainwp_managesites_content table.sites thead th.sortable a,
1371 -#mainwp_managesites_content table.sites thead th.sorted a {
1372 - padding-top: 0;
1373 - padding-left: 0;
1374 -}
1375 -
1376 -#mainwp_users_main .password-input-wrapper input.regular-text {
1377 - width: 23.2em;
1378 -}
1379 -
1380 -.mainwp_config_box_left .password-input-wrapper input,
1381 -.mainwp_config_box_left #pass-strength-result {
1382 - width: 22em !important;
1383 -}
1384 -
1385 -#mainwp_managesites_content table th#wpcore_update,
1386 -#mainwp_managesites_content table th#plugin_update,
1387 -#mainwp_managesites_content table th#theme_update {
1388 - width: 50px;
1389 - text-align: center;
1390 -}
1391 -
1392 -#mainwp_users_main .form-table#user-profile textarea {
1393 - margin-bottom: 6px;
1394 - width: 500px;
1395 -}
1396 -
1397 1477 #mainwp-table-overflow table th {
1398 1478 z-index: 998 !important;
1399 1479 }
1400 1480
@@ -1405,13 +1485,8 @@
1405 1485 #mainwp-table-overflow table tr td:nth-child(1) {
1406 1486 z-index: 997 !important;
1407 1487 }
1408 1488
1409 -div.pw-wrap.form-invalid {
1410 - padding: 5px;
1411 - border: 1px dashed #dc3232;
1412 -}
1413 -
1414 1489 span.http-ok-status {
1415 1490 display: none;
1416 1491 }
1417 1492
@@ -1451,9 +1526,9 @@
1451 1526 margin-left: 0;
1452 1527 padding-left: 0;
1453 1528 }
1454 1529
1455 -#wpcontent h2 {
1530 +.mainwp-ui-page #wpcontent h2 {
1456 1531 display: block;
1457 1532 }
1458 1533
1459 1534 .mainwp-modal-progress {
@@ -1493,8 +1568,16 @@
1493 1568 -webkit-box-sizing: border-box !important;
1494 1569 box-sizing: border-box !important;
1495 1570 }
1496 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 +
1497 1580 .mainwp-quick-setup .ui.divider {
1498 1581 margin: 0 !important;
1499 1582 height: 1rem !important;
1500 1583 }
@@ -1538,15 +1621,8 @@
1538 1621 .indicator-accordion-sorting.descending .down.icon {
1539 1622 display: inline-block;
1540 1623 }
1541 1624
1542 -
1543 -th .sort.icon,
1544 -th .up.icon,
1545 -th .down.icon {
1546 - float: right;
1547 -}
1548 -
1549 1625 .trigger-handle-arrow .icon {
1550 1626 float: left;
1551 1627 }
1552 1628
@@ -1553,15 +1629,10 @@
1553 1629 #mainwp-themes-content td.child-active {
1554 1630 background: #e3ffa7 !important;
1555 1631 }
1556 1632
1557 -.mainwp-ui #wpbody-content .notice.notice-success,
1558 -.mainwp-ui #wpbody-content .notice.notice-info,
1559 -.mainwp-ui #wpbody-content .notice.notice-error,
1560 -.mainwp-ui #wpbody-content .notice.notice-warrning {
1561 - margin-left: 190px !important;
1562 -}
1563 1633
1634 +
1564 1635 .mainwp_selected_sites_item.item.warning label {
1565 1636 color: red;
1566 1637 }
1567 1638
@@ -1609,14 +1680,8 @@
1609 1680 .mainwp-get-started-widget-check-lists .item .content {
1610 1681 width: auto !important;
1611 1682 }
1612 1683
1613 -#mainw_managesites_add_edit_site_upload_custom_icon,
1614 -#mainwp_add_edit_client_upload_custom_icon,
1615 -.mainwp_add_edit_contact_upload_custom_icon {
1616 - margin-left: 30px !important;
1617 -}
1618 -
1619 1684 .qq-upload-completed .qq-upload-cancel,
1620 1685 .qq-upload-completed .qq-upload-percent {
1621 1686 display: none !important;
1622 1687 }
@@ -1650,12 +1715,14 @@
1650 1715 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1651 1716 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1652 1717 color: var(--grey-dark) !important;
1653 1718 }
1654 -.mainwp-ui tr.selected.none-selected-color > *{
1719 +
1720 +.mainwp-ui tr.selected.none-selected-color>* {
1655 1721 box-shadow: none !important;
1656 1722 }
1657 -.ui.popup:has(> .mainwp-html-popup-body){
1723 +
1724 +.ui.popup:has(> .mainwp-html-popup-body) {
1658 1725 background-color: black !important;
1659 1726 color: white !important;
1660 1727 max-width: 600px !important;
1661 1728 border: none !important;
@@ -1668,7 +1735,182 @@
1668 1735 will-change: top, left, margin, transform, opacity;
1669 1736 outline: none;
1670 1737 animation-duration: .1s;
1671 1738 }
1672 -.ui.popup:has(> .mainwp-html-popup-body)::before{
1739 +
1740 +.ui.popup:has(> .mainwp-html-popup-body)::before {
1673 1741 background-color: black !important;
1674 -}
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 +}