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