PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 6.2.1
MainWP Dashboard: Self-hosted WordPress Management for Agencies v6.2.1
6.2.2 6.2.1 6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 All 155 releases
← All changes | assets/css/mainwp.css +787 -532 5.1 → 6.2.1 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,16 +112,50 @@
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;
154 + margin-top: 58px;
87 155 }
88 156
89 -.mainwp-ui-leftmenu .mainwp-content-wrap,
90 -.mainwp-ui-leftmenu #mainwp-screenshots-sites {
157 +.mainwp-ui-leftmenu .mainwp-content-wrap {
91 158 margin-left: 272px;
92 159 }
93 160
94 161 .mainwp-ui.toplevel_page_mainwp_tab.mainwp-ui-leftmenu .mainwp-content-wrap,
@@ -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,
@@ -103,9 +172,10 @@
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 175 .mainwp-ui.mainwp-hidden-second-level-navigation.mainwp-ui-leftmenu .mainwp-content-wrap,
107 -.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 {
108 178 margin-left: 72px !important;
109 179 }
110 180
111 181 .toplevel_page_mainwp_tab .mainwp-primary-content-wrap,
@@ -114,19 +184,25 @@
114 184 .mainwp_page_InsightsOverview .mainwp-primary-content-wrap {
115 185 padding: 0px;
116 186 }
117 187
188 +.hidden-menu-item{
189 + display: none !important;
190 +}
191 +
118 192 /* Header */
119 193
120 194 #mainwp-top-header {
121 - z-index: 9999;
122 195 padding: 10px;
123 196 height: 58px;
124 197 background: #1c1d1b;
198 + position: fixed;
199 + top: 0;
200 + width: 100%;
201 + z-index: 1002 !important;
125 202 }
126 203
127 204 #mainwp-top-header .mainwp-page-title {
128 - padding-left: 15px;
129 205 color: #ffffff;
130 206 }
131 207
132 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
@@ -131,9 +207,9 @@
131 207
132 208 .mainwp-ui.mainwp-custom-theme #mainwp-top-header .ui.icon.button:not(.red, .green) {
133 209 background: #1c1d1b !important;
134 210 color: #ffffff !important;
135 - }
211 +}
136 212
137 213 #mainwp-top-header .ui.menu {
138 214 box-shadow: none;
139 215 padding-top: 0;
@@ -146,21 +222,92 @@
146 222 #mainwp-add-new-buttons .ui.icon.button:not(.dropdown) {
147 223 display: none;
148 224 }
149 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 +
150 281 /* Sub-Header */
151 282
152 283 .mainwp-sub-header,
153 284 .mainwp-actions-bar {
154 - padding: 10px 1em;
285 + padding: 1rem;
155 286 background: #f9fafb;
156 287 border-bottom: 1px solid #dadada;
157 288 }
158 289
159 -.mainwp-sub-header #mainwp-sites-bulk-actions-menu.ui.selection.dropdown {
160 - 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 + }
161 295 }
162 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 +
163 310 /* Page Navigation */
164 311
165 312 #mainwp-page-navigation-wrapper {
166 313 display: none;
@@ -171,20 +318,23 @@
171 318 float: left;
172 319 position: fixed;
173 320 top: 58px;
174 321 bottom: 0px;
175 - 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;
176 327 }
177 328
178 329 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation {
179 - width: 170px;
180 - box-shadow: none !important;
330 + width: 199px;
181 331 border-radius: 0px !important;
182 332 border: none !important;
183 333 }
184 334
185 335 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item {
186 - padding: 0.92857143em 1.14285714em !important;
336 + padding: 0.9rem !important;
187 337 }
188 338
189 339 .mainwp-individual-site-view #mainwp-page-navigation-wrapper .mainwp-page-navigation .item:last-child {
190 340 box-shadow: none !important;
@@ -190,13 +340,27 @@
190 340 box-shadow: none !important;
191 341 border-radius: 0px !important;
192 342 }
193 343
194 -.mainwp-individual-site-view #mainwp-site-mode-wrap {
195 - 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);
196 355 float: right;
197 356 }
198 357
358 +.mainwp-individual-site-view .mainwp-content-wrap>.ui.message {
359 + width: calc(100% - 200px);
360 + float: right;
361 +}
362 +
199 363 .mainwp-sub-submenu {
200 364 margin-bottom: 0px !important;
201 365 margin-top: 0px !important;
202 366 border-radius: 0px !important;
@@ -201,10 +365,10 @@
201 365 margin-top: 0px !important;
202 366 border-radius: 0px !important;
203 367 background: #3E3F3D !important;
204 368 box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
205 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset !important;
206 - -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;
207 371 }
208 372
209 373
210 374 /* Pagination */
@@ -210,10 +374,10 @@
210 374 /* Pagination */
211 375 .mainwp-ui .ui.pagination.menu .item::before {
212 376 width: 0px;
213 377 }
378 +
214 379 .mainwp-ui .ui.pagination.menu .item {
215 - padding: 0;
216 380 border: none;
217 381 margin: 0;
218 382 text-align: center;
219 383 }
@@ -220,11 +384,11 @@
220 384
221 385 .mainwp-ui .ui.pagination.menu .item:hover,
222 386 .mainwp-ui .ui.pagination.menu .item.active {
223 387 background: #7fb100;
224 - padding: 0;
225 388 border-radius: 0;
226 389 }
390 +
227 391 .mainwp-ui .ui.pagination.menu .item:hover .page-link,
228 392 .mainwp-ui .ui.pagination.menu .item.active .page-link {
229 393 color: #ffffff;
230 394 }
@@ -235,8 +399,12 @@
235 399 }
236 400
237 401 /* Menu */
238 402
403 +#mainwp-main-mobile-navigation-container .ui.menu {
404 + width: 100%;
405 +}
406 +
239 407 #mainwp-main-navigation-container {
240 408 display: flex;
241 409 flex-direction: row;
242 410 background-color: #3E3F3D;
@@ -245,9 +413,9 @@
245 413 position: fixed;
246 414 left: 0;
247 415 top: 58px;
248 416 bottom: 0;
249 - z-index: 1 !important;
417 + z-index: 1001 !important;
250 418 }
251 419
252 420 #mainwp-main-navigation-container .active.item:last-child {
253 421 border-radius: 0px !important;
@@ -269,14 +437,30 @@
269 437 overflow-x: hidden;
270 438 padding-top: 25px;
271 439 }
272 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 +
273 458 #mainwp-version-label {
274 459 margin-left: 0px;
275 460 margin-right: 0px;
276 461 border-radius: 0px;
277 462 color: #ffffff !important;
278 - z-index: 9999 !important;
279 463 }
280 464
281 465 #mainwp-first-level-navigation-menu {
282 466 margin-top: 0;
@@ -284,8 +468,25 @@
284 468 border-radius: 0px;
285 469 min-height: 420px;
286 470 }
287 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 +
288 489 #mainwp-first-level-navigation-menu .item.active {
289 490 background: #3E3F3D;
290 491 }
291 492
@@ -298,57 +499,72 @@
298 499 background: none !important;
299 500 border-radius: 0px;
300 501 }
301 502
302 -#mainwp-first-level-navigation-menu a[title='Cost Tracker'] {
303 - padding-left: 5px !important;
304 - padding-right: 5px !important;
503 +#mainwp-dashboard-update-available {
504 + border-radius: 0px !important;
305 505 }
506 +#mainwp-dashboard-update-available .icon {
507 + display: block !important;
508 + margin: 0px !important;
509 +}
306 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 +
307 527 #mainwp-collapse-second-level-navigation {
308 - position: fixed;
309 - left: 272px;
310 - bottom: 30px;
311 - padding: 7px 4px 7px 2px;
312 - border-radius: 0 8px 8px 0 !important;
313 - min-width: auto !important;
314 - 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;
315 536 }
316 537
538 +
539 +
317 540 #mainwp-collapse-second-level-navigation .icon {
318 - padding: 0px !important;
319 - margin: 0px !important;
320 - font-size: 14px !important;
541 + margin: 0 !important;
321 542 }
322 543
544 +#mainwp-divider-handle:hover #mainwp-collapse-second-level-navigation {
545 + opacity: 1 !important;
546 +}
547 +
323 548 #mainwp-second-level-navigation {
324 549 background-color: #3E3F3D;
325 550 width: 200px;
326 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
327 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
328 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
329 551 overflow-y: auto;
330 552 overflow-x: hidden;
331 553 }
332 554
333 -#mainwp-main-menu {
334 - width: 100%;
555 +.mainwp-main-navigation-menu {
556 + width: 100% !important;
335 557 background: #3E3F3D !important;
336 558 }
337 559
338 560 #mainwp-second-level-navigation .ui.inverted.menu {
339 561 background-color: #3E3F3D;
340 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
341 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
342 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
343 562 }
344 563
345 564 #mainwp-second-level-navigation .ui.inverted.menu .item {
346 565 padding: 0.7em 1.14285714em;
347 566 color: #ffffff !important;
348 - box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
349 - -webkit-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
350 - -moz-box-shadow: 20px 0px 20px -18px rgba(0, 0, 0, 0.15) inset;
351 567 }
352 568
353 569 #mainwp-second-level-navigation .ui.inverted.menu .item .icon {
354 570 color: #ffffff !important;
@@ -364,22 +580,13 @@
364 580 color: rgba(255, 255, 255, .3) !important;
365 581 }
366 582
367 583 #mainwp-navigation-icon {
368 - width: 40px;
369 - margin-left: 11px;
370 - margin-top: 18px;
584 + width: 50px;
585 + margin-left: 10px;
586 + margin-top: 5px;
371 587 }
372 588
373 -.mainwp-main-mobile-navigation-container {
374 - background-color: #1c1d1b;
375 - display: none;
376 -}
377 -
378 -.mainwp-main-mobile-navigation-container .item.active {
379 - background: rgba(255, 255, 255, 0.08) !important;
380 -}
381 -
382 589 .mainwp-ui #mainwp-main-navigation-container.hoverli {
383 590 background-color: #1c1d1b !important;
384 591 }
385 592
@@ -385,9 +592,11 @@
385 592
386 593 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-main-navigation-container,
387 594 .mainwp-ui.mainwp_page_Settings #mainwp-main-navigation-container,
388 595 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-main-navigation-container,
596 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-main-navigation-container,
389 597 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-main-navigation-container,
598 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-main-navigation-container,
390 599 .mainwp-ui.mainwp_page_MainWPTools #mainwp-main-navigation-container,
391 600 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-main-navigation-container,
392 601 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-main-navigation-container,
393 602 .mainwp-ui.mainwp_page_ServerInformation #mainwp-main-navigation-container,
@@ -394,17 +603,20 @@
394 603 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-main-navigation-container,
395 604 .mainwp-ui.mainwp_page_ErrorLog #mainwp-main-navigation-container,
396 605 .mainwp-ui.mainwp_page_ActionLogs #mainwp-main-navigation-container,
397 606 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-main-navigation-container,
398 -.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 {
399 609 width: 72px !important;
400 610 }
401 611
402 -.mainwp-ui.toplevel_page_mainwp_tab #mainwp-collapse-second-level-navigation,
612 +.mainwp-ui.toplevel_page_mainwp_tab #mainwp-divider-handle:hover,
403 613 .mainwp-ui.toplevel_page_mainwp_tab #mainwp-second-level-navigation,
404 614 .mainwp-ui.mainwp_page_Settings #mainwp-second-level-navigation,
405 615 .mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-second-level-navigation,
616 +.mainwp-ui.mainwp_page_MonitoringSettings #mainwp-second-level-navigation,
406 617 .mainwp-ui.mainwp_page_SettingsEmail #mainwp-second-level-navigation,
618 +.mainwp-ui.mainwp_page_PremiumUpdates #mainwp-second-level-navigation,
407 619 .mainwp-ui.mainwp_page_MainWPTools #mainwp-second-level-navigation,
408 620 .mainwp-ui.mainwp_page_SettingsInsights #mainwp-second-level-navigation,
409 621 .mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-second-level-navigation,
410 622 .mainwp-ui.mainwp_page_ServerInformation #mainwp-second-level-navigation,
@@ -411,31 +623,75 @@
411 623 .mainwp-ui.mainwp_page_ServerInformationCron #mainwp-second-level-navigation,
412 624 .mainwp-ui.mainwp_page_ErrorLog #mainwp-second-level-navigation,
413 625 .mainwp-ui.mainwp_page_ActionLogs #mainwp-second-level-navigation,
414 626 .mainwp-ui.mainwp_page_PluginPrivacy #mainwp-second-level-navigation,
415 -.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 {
416 629 display: none !important;
417 630 }
418 631
419 -.mainwp-ui.mainwp-hidden-second-level-navigation #mainwp-collapse-second-level-navigation,
420 -.mainwp-ui.mainwp_page_Settings #mainwp-collapse-second-level-navigation,
421 -.mainwp-ui.mainwp_page_SettingsAdvanced #mainwp-collapse-second-level-navigation,
422 -.mainwp-ui.mainwp_page_SettingsEmail #mainwp-collapse-second-level-navigation,
423 -.mainwp-ui.mainwp_page_MainWPTools #mainwp-collapse-second-level-navigation,
424 -.mainwp-ui.mainwp_page_SettingsInsights #mainwp-collapse-second-level-navigation,
425 -.mainwp-ui.mainwp_page_SettingsApiBackups #mainwp-collapse-second-level-navigation,
426 -.mainwp-ui.mainwp_page_ServerInformation #mainwp-collapse-second-level-navigation,
427 -.mainwp-ui.mainwp_page_ServerInformationCron #mainwp-collapse-second-level-navigation,
428 -.mainwp-ui.mainwp_page_ErrorLog #mainwp-collapse-second-level-navigation,
429 -.mainwp-ui.mainwp_page_ActionLogs #mainwp-collapse-second-level-navigation,
430 -.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 {
431 647 display: none !important;
432 648 }
433 649
434 -#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 {
435 669 color: #fff !important;
436 670 }
437 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 +
438 694 /* Widgets */
439 695
440 696
441 697 .mainwp-widget {
@@ -440,10 +696,54 @@
440 696
441 697 .mainwp-widget {
442 698 border: 1px solid #dadada !important;
443 699 margin: none !important;
700 + display: flex;
701 + flex-direction: column;
702 + justify-content: space-between;
703 + padding: 0px !important;
704 + overflow: hidden !important;
444 705 }
445 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 +
446 746 .mainwp-widget img {
447 747 width: 40%;
448 748 max-width: 200px;
449 749 height: auto;
@@ -448,135 +748,60 @@
448 748 max-width: 200px;
449 749 height: auto;
450 750 }
451 751
452 -#mainwp-update-everything-button {
453 - font-size: 14px;
454 -}
455 -
456 752 .mainwp-widget .dt-search.ui.input {
457 753 padding: 5px;
458 754 max-width: 160px;
459 755 }
460 756
757 +.mainwp-widget.ui.segment.gs-w {
758 + position: absolute;
759 +}
461 760
462 -@media only screen and (min-width: 1368px) {
761 +.mainwp-widget .handle-drag {
762 + cursor: move !important;
763 +}
463 764
464 - .mainwp-widget.ui.segment.gs-w {
465 - position: absolute;
466 - }
765 +.mainwp-empty-widget-placeholder {
766 + display: flex;
767 + flex-direction: column;
768 + justify-content: center;
769 + align-items: center;
770 + height: 100%;
771 +}
467 772
468 - .mainwp-widget-header {
469 - margin-bottom: 20px !important;
470 - }
773 +.mainwp-empty-widget-placeholder img.mainwp-no-results-placeholder {
774 + margin-bottom: 2rem;
775 +}
471 776
472 - .mainwp-widget .handle-drag {
473 - cursor: move !important;
474 - }
777 +.mainwp-empty-page-placeholder .content {
778 + margin-top: 2rem !important;
779 +}
475 780
476 - .mainwp-scrolly-overflow {
477 - overflow-y: auto;
478 - overflow-x: hidden;
479 - padding: 0 10px 0 0;
480 - margin-bottom: 20px;
481 - }
781 +/* Cards */
482 782
483 - .mainwp-widget-footer {
484 - position: absolute;
485 - bottom: 1rem;
486 - width: 100%;
487 - }
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 +}
488 789
489 - #widget-recent_posts .mainwp-scrolly-overflow,
490 - #widget-recent_pages .mainwp-scrolly-overflow {
491 - 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;
492 793 }
493 794
494 - #widget-connection_status .mainwp-scrolly-overflow {
495 - height: calc(100% - 135px);
795 + .mainwp-ui #mainwp-browse-add-ons-by-category-cards .ui.card {
796 + min-width: calc(100% / 13);
496 797 }
798 +}
497 799
498 - #widget-security_issues .mainwp-scrolly-overflow {
499 - height: calc(100% - 100px);
500 - }
501 -
502 - #widget-non_mainwp_changes .mainwp-scrolly-overflow {
503 - height: calc(100% - 120px) !important;
504 - }
505 -
506 - #widget-clients .mainwp-scrolly-overflow {
507 - height: calc(100% - 100px) !important;
508 - }
509 -
510 - #widget-client_info .mainwp-scrolly-overflow {
511 - height: calc(100% - 100px) !important;
512 - }
513 -
514 - #widget-child_site_info .mainwp-scrolly-overflow {
515 - height: calc(100% - 60px) !important;
516 - }
517 -
518 - #widget-notes .mainwp-scrolly-overflow {
519 - height: calc(100% - 100px) !important;
520 - }
521 -
522 - #widget-plugins .mainwp-scrolly-overflow {
523 - height: calc(100% - 70px) !important;
524 - }
525 -
526 - #widget-themes .mainwp-scrolly-overflow {
527 - height: calc(100% - 70px) !important;
528 - }
529 -
530 - #widget-overview .mainwp-scrolly-overflow {
531 - height: calc(100% - 120px) !important;
532 - padding: 10px 0;
533 - }
534 -
535 - #widget-advanced-cost-tracker-costs .mainwp-scrolly-overflow {
536 - height: calc(100% - 120px) !important;
537 - padding: 10px 0;
538 - }
539 -
540 - #widget-fields_info .mainwp-scrolly-overflow {
541 - height: calc(100% - 100px) !important;
542 - }
543 -
544 - #widget-websites .mainwp-scrolly-overflow {
545 - height: calc(100% - 70px) !important;
546 - }
547 -
548 - [id^="widget-contact_"] .mainwp-scrolly-overflow {
549 - height: calc(100% - 70px) !important;
550 - }
551 -
552 - #widget-note .mainwp-scrolly-overflow {
553 - height: calc(100% - 100px) !important;
554 - }
555 -
556 - #widget-advanced-matomo .mainwp-scrolly-overflow {
557 - height: calc(100% - 70px) !important;
558 - }
559 -
560 - #widget-get-started .mainwp-scrolly-overflow {
561 - height: calc(100% - 70px) !important;
562 - }
563 -
800 +@media only screen and (min-width: 1368px) {
564 801 #mainwp-plugin-privacy {
565 802 width: 800px;
566 803 }
567 -
568 - #widget-cost_upcomming_renewals .mainwp-scrolly-overflow,
569 - #widget-cost_monthly_renewals .mainwp-scrolly-overflow,
570 - #widget-cost_yearly_renewals .mainwp-scrolly-overflow {
571 - height: calc(100% - 100px) !important;
572 - }
573 -
574 - #widget-cost_monthly_totals .mainwp-scrolly-overflow,
575 - #widget-cost_category_totals .mainwp-scrolly-overflow {
576 - height: calc(100% - 70px) !important;
577 - }
578 -
579 804 }
580 805
581 806 .mainwp-ui .mainwp-widget .ui.form .ui.input,
582 807 .mainwp-ui .mainwp-widget .ui.pagination.menu,
@@ -588,40 +813,46 @@
588 813
589 814 .mainwp-select-sites,
590 815 .mainwp-search-options,
591 816 .mainwp-search-submit {
592 - padding: 10px;
817 + padding: 1em;
593 818 }
594 819
595 -#mainwp-select-sites-header .ui.menu {
820 +.mainwp-select-sites-header .ui.menu {
596 821 overflow-x: auto;
597 822 overflow-y: hidden;
598 - margin: 1rem -1rem 0;
823 + margin: 1rem 0 0;
599 824 }
600 825
826 +#mainwp-documentation-sidebar .ui.list .item i.icon {
827 + display: inline-block !important;
828 +}
829 +
601 830 /* Select Sites */
602 831
603 -#mainwp-select-sites-body {
604 - height: 220px;
832 +#mainwp-select-sites-menu {
833 + margin-bottom: 1em;
834 +}
835 +
836 +.mainwp-select-sites-items-body {
837 + height: 300px;
605 838 overflow: auto;
606 839 }
607 840
608 -#mainwp-select-sites-select-all-actions {
609 - background: #dadada;
610 - border-bottom: 1px solid #dadada;
611 - margin-top: 0;
841 +.mainwp-select-sites-select-all-actions {
842 + margin: 0.785em 0 1.785em 0;
612 843 }
613 844
614 -#mainwp-select-sites-select-all-actions .item {
845 +.mainwp-select-sites-select-all-actions .item {
615 846 cursor: pointer;
616 847 }
617 848
618 -.mainwp-modal-content #mainwp-select-sites-select-all-actions {
849 +.mainwp-modal-content .mainwp-select-sites-select-all-actions {
619 850 margin-left: auto;
620 851 margin-right: auto;
621 852 }
622 853
623 -#mainwp-select-sites-list .item label .url {
854 +.mainwp-select-sites-list .item label .url {
624 855 display: none;
625 856 }
626 857
627 858 .mainwp-sub-header #mainwp-filter-sites-group .default.text,
@@ -628,16 +859,77 @@
628 859 .mainwp-sub-header #mainwp-filter-clients .default.text {
629 860 overflow: visible !important;
630 861 }
631 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 +
632 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 +}
633 892
634 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before,
635 -.mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
636 - 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;
637 897 }
638 898
899 +.mainwp-ui table.dataTable thead > tr > th.right.aligned .dt-column-header {
900 + justify-content: end !important;
901 +}
639 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 +
640 932 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>td.dtr-control::before,
641 933 .mainwp-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent.dt-hasChild>th.dtr-control::before {
642 934 background-color: rgba(0, 0, 0, 0.6);
643 935 }
@@ -650,10 +942,42 @@
650 942 .mainwp-ui table.dataTable tbody tr>.dtfc-fixed-right {
651 943 background-color: #fff;
652 944 }
653 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 +
654 950 /* Manage Sites Table */
655 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 +
656 980 table.mainwp-manage-wpsites-table {
657 981 margin: 0;
658 982 }
659 983
@@ -672,8 +996,17 @@
672 996 #mainwp-manage-sites-content.segment {
673 997 padding-top: 1em;
674 998 }
675 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 +
676 1009 /* Manage Cliens Table */
677 1010
678 1011 #mainwp-manage-clients-table .custom-icon {
679 1012 font-size: 35px;
@@ -716,13 +1049,25 @@
716 1049 #mainwp-manage-updates table tr.active table td {
717 1050 background: #f9ffea !important;
718 1051 }
719 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 +
720 1064 /* Manaage Plugins & Themes */
721 1065
722 1066 .ui.accordion.mainwp-manage-plugin-item,
723 1067 .ui.accordion.mainwp-manage-theme-item {
724 1068 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1069 + padding: 1em !important;
725 1070 }
726 1071
727 1072 .ui.accordion.mainwp-manage-plugin-item .title,
728 1073 .ui.accordion.mainwp-manage-theme-item .title {
@@ -758,9 +1103,9 @@
758 1103 .mainwp-manage-theme-item-website {
759 1104 border-bottom: 1px solid rgba(34, 36, 38, 0.1);
760 1105 border-top: 1px solid rgba(34, 36, 38, 0.1);
761 1106 background: #fafafa;
762 - padding: 1em;
1107 + padding: 1em !important;
763 1108 margin: 0 0 -1px !important;
764 1109 }
765 1110
766 1111
@@ -765,16 +1110,12 @@
765 1110
766 1111
767 1112 /* Manage Extensions */
768 1113
769 -#mainwp-manage-extensions.ui.segment {
770 - padding: 0px;
1114 +.mainwp-ui #mainwp_com_api_key {
1115 + width: 300px;
771 1116 }
772 1117
773 -#mainwp-manage-extensions .mainwp-main-content {
774 - padding: 1em;
775 -}
776 -
777 1118 .mainwp-disabled-extension .header,
778 1119 .mainwp-disabled-extension .content:not(.extra) {
779 1120 opacity: 0.7;
780 1121 }
@@ -802,8 +1143,16 @@
802 1143 .mainwp-ui #wpbody-content {
803 1144 padding-bottom: 0;
804 1145 }
805 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 +
806 1155 .mainwp-ui #wp-content-editor-tools {
807 1156 background-color: #fff !important;
808 1157 }
809 1158
@@ -836,39 +1185,48 @@
836 1185 .mainwp-ui .ui.form .field .mainwp-color-picker-input {
837 1186 max-width: 65px !important;
838 1187 }
839 1188
1189 +.mainwp-ui #mainwp-help-modal > .content {
1190 + min-height: 640px;
1191 +}
840 1192
841 -/* END V4
842 -********************************************************************************/
843 -
844 -.mainwp-action-row {
845 - 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;
846 1202 }
847 1203
848 -.mainwp-notice {
849 - margin: 5px 0 15px;
850 - padding: .6em;
851 - background: #fff;
852 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
853 - 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;
854 1213 }
855 1214
856 -.mainwp-notice-green {
857 - border-left: 4px solid #7fb100;
1215 +.mainwp-ui #mainwp-help-modal:hover > .content:before {
1216 + color: #999;
858 1217 }
859 1218
860 -.mainwp-notice-blue {
861 - border-left: 4px solid #0073AA;
1219 +.mainwp-ui #mainwp-help-modal:hover .content:after {
1220 + color: #999;
862 1221 }
863 1222
864 -.mainwp-notice-red {
865 - border-left: 4px solid #a00;
1223 +.mainwp-ui #mainwp-help-modal {
1224 + position: fixed !important;
866 1225 }
867 1226
868 -.mainwp-notice-yellow {
869 - border-left: 4px solid #FFB901;
870 -}
1227 +/* END V4
1228 +********************************************************************************/
871 1229
872 1230 .mainwp_action {
873 1231 text-decoration: none;
874 1232 text-transform: uppercase;
@@ -922,33 +1280,13 @@
922 1280 font-size: 18px;
923 1281 line-height: 18px;
924 1282 }
925 1283
926 -
927 -
928 -
929 1284 .backup_run_loading {
930 1285 display: none;
931 1286 }
932 1287
933 1288
934 -.mainwp-tabs {
935 - margin-top: 2em;
936 - border-bottom: 1px solid #e5e5e5;
937 - margin-bottom: 0;
938 -}
939 -
940 -.mainwp_checkboxes {
941 - -webkit-column-count: 3;
942 - -moz-column-count: 3;
943 - column-count: 3;
944 - margin: 1em 0 2em;
945 -}
946 -
947 -.mainwp-search-form {
948 - width: auto;
949 -}
950 -
951 1289 .mainwp_managbackups_taskoptions {
952 1290 width: auto;
953 1291 }
954 1292
@@ -969,37 +1307,9 @@
969 1307 border-left: 0;
970 1308 z-index: 9999;
971 1309 }
972 1310
973 -#side-info-column {
974 - width: 49%;
975 -}
976 1311
977 -.inner-sidebar #side-sortables {
978 - width: 100%;
979 -}
980 -
981 -.has-right-sidebar #post-body-content {
982 - width: 49%;
983 - margin-right: 390px;
984 -}
985 -
986 -.has-right-sidebar #post-body {
987 - margin-right: -50%;
988 -}
989 -
990 -#post-body #normal-sortables {
991 - width: 100%;
992 -}
993 -
994 -li.hoverli {
995 - -webkit-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
996 - -moz-box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
997 - box-shadow: 0 1px 0 #dfdfdf, 0 -1px 0 #dfdfdf;
998 - position: relative;
999 - z-index: 9999;
1000 -}
1001 -
1002 1312 #mainwp_posts_main,
1003 1313 #mainwp_posts_loading,
1004 1314 #mainwp_posts_error,
1005 1315 #mainwp_comments_main,
@@ -1027,73 +1337,13 @@
1027 1337 .mainwp-hidden-field {
1028 1338 display: none;
1029 1339 }
1030 1340
1031 -#pager {
1032 - top: 0;
1033 - position: inherit !important;
1034 -}
1035 -
1036 -.first,
1037 -.prev,
1038 -.next,
1039 -.last {
1040 - vertical-align: -5px;
1041 -}
1042 -
1043 1341 .row-actions-working {
1044 1342 display: none;
1045 1343 padding: 2px 0 0;
1046 1344 }
1047 1345
1048 -
1049 -.mainwp_plugins_content,
1050 -.mainwp_themes_content {
1051 - background: #f9f9f9;
1052 -}
1053 -
1054 -#mainwp_plugins_content .headcol,
1055 -#mainwp_themes_content .headcol {
1056 - width: 22em;
1057 -}
1058 -
1059 -#mainwp_plugins_content th.headcol,
1060 -#mainwp_themes_content th.headcol {
1061 - border-bottom: 0;
1062 -}
1063 -
1064 -#mainwp_plugins_content #mainwp-table-overflow,
1065 -#mainwp_themes_content #mainwp-table-overflow {
1066 - height: 720px;
1067 -}
1068 -
1069 -#mainwp_background-box {
1070 - min-height: 80vh;
1071 - height: 100%;
1072 - width: auto;
1073 - margin-top: 2em;
1074 - background: none;
1075 -}
1076 -
1077 -#mainwp_wrap-inside {
1078 - min-height: 80vh;
1079 - height: 100%;
1080 - margin-top: 0;
1081 - padding: 10px;
1082 - background: #fafafa;
1083 - border-top: none;
1084 - border-bottom: 1px solid #e5e5e5;
1085 - border-left: 1px solid #e5e5e5;
1086 - border-right: 1px solid #e5e5e5;
1087 - box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
1088 - position: relative;
1089 -}
1090 -
1091 -#mainwp_wrap-inside.round-top {
1092 - clear: both;
1093 - border: 1px solid #e5e5e5 !important;
1094 -}
1095 -
1096 1346 .mainwp-table-container .wp-list-table thead th,
1097 1347 .mainwp-table-container .wp-list-table tfoot th,
1098 1348 #mainwp-table thead th,
1099 1349 #mainwp-table tfoot th {
@@ -1103,32 +1353,8 @@
1103 1353 #mainwp-tabs {
1104 1354 clear: both;
1105 1355 }
1106 1356
1107 -#mainwp-tabs .nav-tab-active {
1108 - background: #fafafa;
1109 - border-top: 1px solid #7fb100 !important;
1110 - border-left: 1px solid #e5e5e5;
1111 - border-right: 1px solid #e5e5e5;
1112 - border-bottom: 1px solid #fafafa !important;
1113 - color: #7fb100;
1114 - margin-top: 1px;
1115 -}
1116 -
1117 -#mainwp-tabs .nav-tab {
1118 - border-top: 1px solid #e5e5e5;
1119 - border-left: 1px solid #e5e5e5;
1120 - border-right: 1px solid #e5e5e5;
1121 - border-bottom: 1px solid #e5e5e5;
1122 - padding: 10px 16px;
1123 - font-size: 14px;
1124 - text-transform: uppercase;
1125 - line-height: 16px;
1126 - font-weight: normal;
1127 - margin-left: 0;
1128 - margin-right: 10px;
1129 -}
1130 -
1131 1357 /* Enhance Wordpress Admin UI */
1132 1358 #adminmenuback,
1133 1359 #adminmenuwrap,
1134 1360 #adminmenu,
@@ -1166,80 +1392,22 @@
1166 1392 .mainwp_boxout a:hover {
1167 1393 color: #7fb100;
1168 1394 }
1169 1395
1170 -
1171 -/* New Select Box Style */
1172 -
1173 -.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 {
1174 1400 display: none;
1175 - padding: .6em;
1176 - margin: 5px 0 2px;
1177 1401 }
1178 1402
1179 -.mainwp-tips .mainwp-dismiss {
1180 - float: right;
1181 -}
1182 1403
1183 -/* Exclude Section */
1184 1404
1185 -
1186 -#download-server-information {
1187 - display: none;
1188 - margin: 10px 0;
1189 - padding: 0;
1190 - position: relative;
1191 -}
1192 -
1193 -#download-server-information textarea {
1194 - border-radius: 0;
1195 - font-family: monospace;
1196 - font-size: 12px;
1197 - height: 300px;
1198 - line-height: 20px;
1199 - margin: 0;
1200 - outline: 0 none;
1201 - padding: 20px;
1202 - resize: none;
1203 - width: 100%;
1204 - -moz-border-radius: 0;
1205 - -webkit-border-radius: 0;
1206 -}
1207 -
1208 -.mwp_close_srv_info {
1209 - display: none;
1210 - float: right;
1211 - margin: 5px 0;
1212 -}
1213 -
1214 -.mainwp-permission-error {
1215 - padding: 2em;
1216 - width: 70%;
1217 - margin: 4em auto;
1218 - background: #fff;
1219 - border: 1px Solid #e5e5e5;
1220 - font-size: 13px;
1221 - text-align: center;
1222 - color: #999;
1223 -}
1224 -
1225 -.mainwp-permission-error p {
1226 - font-size: 16px;
1227 - color: #333;
1228 -}
1229 -
1230 -
1231 -
1232 -
1233 1405 /* ACTION TABS */
1234 1406 .mainwp-browse-plugins .wp-filter {
1235 1407 margin-top: 0 !important;
1236 1408 }
1237 1409
1238 -.mainwp-browse-plugins>form {
1239 - float: left;
1240 -}
1241 -
1242 1410 body.show-upload-plugin .hide-if-upload,
1243 1411 body.show-upload-theme .hide-if-upload {
1244 1412 display: none !important;
1245 1413 }
@@ -1273,41 +1441,12 @@
1273 1441 .plugin-update-tr .api-deactivate {
1274 1442 background-color: #fcf3ef;
1275 1443 }
1276 1444
1277 -#plugin-information-footer {
1278 - display: none;
1279 -}
1280 -
1281 -.sync-ext-row .sync-options {
1282 - margin-left: 15px;
1283 -}
1284 -
1285 -.sync-ext-row {
1286 - margin: 5px 0;
1287 -}
1288 -
1289 -
1290 1445 #import_user_file_bulkupload {
1291 1446 width: 230px !important;
1292 1447 }
1293 1448
1294 -body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter,
1295 -body.show-upload-theme #mainwp_wrap-inside .upload-theme+.wp-filter+.mainwp-browse-themes {
1296 - display: none;
1297 -}
1298 -
1299 -body.show-upload-theme #mainwp_wrap-inside .upload-theme,
1300 -.mainwp_wrap-inside .upload-plugin {
1301 - display: block;
1302 -}
1303 -
1304 -#mainwp_wrap-inside .upload-plugin,
1305 -#mainwp_wrap-inside .upload-theme {
1306 - padding: 0 !important;
1307 -}
1308 -
1309 -
1310 1449 .mainwp-ui .plugin-update-tr .update-message p:before {
1311 1450 color: #f56e28;
1312 1451 content: "\f463";
1313 1452 margin-right: 6px;
@@ -1334,54 +1473,8 @@
1334 1473 .mainwp-ui-leftmenu #wpfooter {
1335 1474 margin-left: 240px;
1336 1475 }
1337 1476
1338 -.mainwp-no-extensions {
1339 - margin: 0 12px 12px;
1340 -}
1341 -
1342 -#mainwp_managesites_content table.sites thead th,
1343 -#mainwp_users_table thead th {
1344 - padding: 0;
1345 -}
1346 -
1347 -#mainwp_managesites_content table.sites thead th .header-wrap,
1348 -#mainwp_users_table thead th .header-wrap {
1349 - min-height: 30px;
1350 - padding: 5px 0 0 5px;
1351 -}
1352 -
1353 -#mainwp_users_table th#avatar {
1354 - width: 65px;
1355 -}
1356 -
1357 -#mainwp_managesites_content table.sites thead th.sortable a,
1358 -#mainwp_managesites_content table.sites thead th.sorted a {
1359 - padding-top: 0;
1360 - padding-left: 0;
1361 -}
1362 -
1363 -#mainwp_users_main .password-input-wrapper input.regular-text {
1364 - width: 23.2em;
1365 -}
1366 -
1367 -.mainwp_config_box_left .password-input-wrapper input,
1368 -.mainwp_config_box_left #pass-strength-result {
1369 - width: 22em !important;
1370 -}
1371 -
1372 -#mainwp_managesites_content table th#wpcore_update,
1373 -#mainwp_managesites_content table th#plugin_update,
1374 -#mainwp_managesites_content table th#theme_update {
1375 - width: 50px;
1376 - text-align: center;
1377 -}
1378 -
1379 -#mainwp_users_main .form-table#user-profile textarea {
1380 - margin-bottom: 6px;
1381 - width: 500px;
1382 -}
1383 -
1384 1477 #mainwp-table-overflow table th {
1385 1478 z-index: 998 !important;
1386 1479 }
1387 1480
@@ -1392,13 +1485,8 @@
1392 1485 #mainwp-table-overflow table tr td:nth-child(1) {
1393 1486 z-index: 997 !important;
1394 1487 }
1395 1488
1396 -div.pw-wrap.form-invalid {
1397 - padding: 5px;
1398 - border: 1px dashed #dc3232;
1399 -}
1400 -
1401 1489 span.http-ok-status {
1402 1490 display: none;
1403 1491 }
1404 1492
@@ -1438,9 +1526,9 @@
1438 1526 margin-left: 0;
1439 1527 padding-left: 0;
1440 1528 }
1441 1529
1442 -#wpcontent h2 {
1530 +.mainwp-ui-page #wpcontent h2 {
1443 1531 display: block;
1444 1532 }
1445 1533
1446 1534 .mainwp-modal-progress {
@@ -1480,8 +1568,16 @@
1480 1568 -webkit-box-sizing: border-box !important;
1481 1569 box-sizing: border-box !important;
1482 1570 }
1483 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 +
1484 1580 .mainwp-quick-setup .ui.divider {
1485 1581 margin: 0 !important;
1486 1582 height: 1rem !important;
1487 1583 }
@@ -1525,15 +1621,8 @@
1525 1621 .indicator-accordion-sorting.descending .down.icon {
1526 1622 display: inline-block;
1527 1623 }
1528 1624
1529 -
1530 -th .sort.icon,
1531 -th .up.icon,
1532 -th .down.icon {
1533 - float: right;
1534 -}
1535 -
1536 1625 .trigger-handle-arrow .icon {
1537 1626 float: left;
1538 1627 }
1539 1628
@@ -1540,15 +1629,10 @@
1540 1629 #mainwp-themes-content td.child-active {
1541 1630 background: #e3ffa7 !important;
1542 1631 }
1543 1632
1544 -.mainwp-ui #wpbody-content .notice.notice-success,
1545 -.mainwp-ui #wpbody-content .notice.notice-info,
1546 -.mainwp-ui #wpbody-content .notice.notice-error,
1547 -.mainwp-ui #wpbody-content .notice.notice-warrning {
1548 - margin-left: 190px !important;
1549 -}
1550 1633
1634 +
1551 1635 .mainwp_selected_sites_item.item.warning label {
1552 1636 color: red;
1553 1637 }
1554 1638
@@ -1596,14 +1680,8 @@
1596 1680 .mainwp-get-started-widget-check-lists .item .content {
1597 1681 width: auto !important;
1598 1682 }
1599 1683
1600 -#mainw_managesites_add_edit_site_upload_custom_icon,
1601 -#mainwp_add_edit_client_upload_custom_icon,
1602 -.mainwp_add_edit_contact_upload_custom_icon {
1603 - margin-left: 30px !important;
1604 -}
1605 -
1606 1684 .qq-upload-completed .qq-upload-cancel,
1607 1685 .qq-upload-completed .qq-upload-percent {
1608 1686 display: none !important;
1609 1687 }
@@ -1637,12 +1715,14 @@
1637 1715 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup i,
1638 1716 .mainwp-default-theme #mainwp-first-level-navigation-menu #leftbar-item-quick-setup span {
1639 1717 color: var(--grey-dark) !important;
1640 1718 }
1641 -.mainwp-ui tr.selected.none-selected-color > *{
1719 +
1720 +.mainwp-ui tr.selected.none-selected-color>* {
1642 1721 box-shadow: none !important;
1643 1722 }
1644 -.ui.popup:has(> .mainwp-html-popup-body){
1723 +
1724 +.ui.popup:has(> .mainwp-html-popup-body) {
1645 1725 background-color: black !important;
1646 1726 color: white !important;
1647 1727 max-width: 600px !important;
1648 1728 border: none !important;
@@ -1655,7 +1735,182 @@
1655 1735 will-change: top, left, margin, transform, opacity;
1656 1736 outline: none;
1657 1737 animation-duration: .1s;
1658 1738 }
1659 -.ui.popup:has(> .mainwp-html-popup-body)::before{
1739 +
1740 +.ui.popup:has(> .mainwp-html-popup-body)::before {
1660 1741 background-color: black !important;
1661 -}
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 +}