PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 6.2.2
MainWP Dashboard: Self-hosted WordPress Management for Agencies v6.2.2
6.2.3 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 All 156 releases
← All changes | assets/css/mainwp-fomantic.css +302 -83 5.0.2 → 6.2.2 View file →
@@ -1,79 +1,98 @@
1 1 .mainwp-widget .header {
2 2 margin-bottom: 15px;
3 3 }
4 +
4 5 .mainwp-widget .header .right {
5 6 float: right;
6 7 }
7 -.mainwp-widget .header .inline{
8 +
9 +.mainwp-widget .header .inline {
8 10 display: inline;
9 11 }
12 +
10 13 .mainwp-ui .ui.menu {
11 14 padding-top: 0 !important;
12 15 }
13 16
14 -.mainwp-ui #mainwp-main-menu .menu .item {
15 - font-size: .95em;
17 +.mainwp-ui .mainwp-main-navigation-menu .menu .item {
18 + font-size: .95em;
16 19 }
17 20
18 -.mainwp-ui .ui.vertical.menu > .item:first-child {
19 - border-radius: 0 !important;
21 +.mainwp-ui .ui.vertical.menu>.item:first-child {
22 + border-radius: 0 !important;
20 23 }
21 24
22 25 .mainwp-ui .ui.message:last-child {
23 - margin-bottom: 1em;
26 + margin-bottom: 1em;
24 27 }
25 28
26 -#mainwp_managesites_content .ui.table thead td,
27 -#mainwp_managesites_content .ui.table thead th,
28 -#mainwp_managesites_content .ui.table tfoot td,
29 -#mainwp_managesites_content .ui.table tfoot th {
30 - background: #23282D;
31 - color: white;
29 +.iconlbl {
30 + width: 40px;
31 + display: inline-block;
32 32 }
33 -.iconlbl {
34 - width: 40px;
35 - display: inline-block;
33 +
34 +.mainwp-ui .ui.toggle.checkbox input:checked~.box::before,
35 +.mainwp-ui .ui.toggle.checkbox input:checked~label::before {
36 + background-color: #7fb100 !important;
36 37 }
37 38
38 -.mainwp-ui .ui.toggle.checkbox input:checked ~ .box::before,
39 -.mainwp-ui .ui.toggle.checkbox input:checked ~ label::before {
40 - background-color: #7fb100 !important;
39 +.mainwp-ui .alternate {
40 + background-color: rgba(255, 0, 0, 0) !important;
41 41 }
42 42
43 -.mainwp-ui .alternate { background-color: rgba( 255, 0, 0, 0 ) !important; }
44 -.mainwp-ui .ui.search, .mainwp-ui .icon.search { background: none !important; }
43 +.mainwp-ui .ui.search,
44 +.mainwp-ui .icon.search {
45 + background: none !important;
46 +}
45 47
46 -.mainwp-ui:not(.mainwp-ui-setup) .ui.segment {
47 - border-radius: 0;
48 - border: 0;
49 - margin-top: 0;
50 - margin-bottom: 10px;
51 - box-shadow: none; }
48 +.mainwp-ui:not(.mainwp-ui-setup) .ui.segment:not(.mainwp-widget) {
49 + border-radius: 0;
50 + border: 0;
51 + margin-top: 0;
52 + margin-bottom: 10px;
53 + box-shadow: none;
54 +}
52 55
53 - .mainwp-ui .ui.secondary.segment, .mainwp-quick-setup .ui.secondary.segment {
54 - box-shadow: none; }
56 +.mainwp-ui .ui.secondary.segment,
57 +.mainwp-quick-setup .ui.secondary.segment {
58 + box-shadow: none;
59 +}
55 60
56 61 .mainwp-ui .ui.alt.segment {
57 - border-top: none;
58 - padding-top: 0; }
62 + border-top: none;
63 + padding-top: 0;
64 +}
59 65
66 +.mainwp-ui .green.pulsating.transition {
67 + box-shadow: 0 0 0 0 rgba(127, 177, 0, 0.5)
68 +}
69 +
60 70 #mainwp-ignored-abandoned-plugins,
61 71 #mainwp-ignored-plugins,
62 72 #mainwp-ignored-abandoned-themes,
63 -#mainwp-ignored-themes { padding-top: 1em; }
73 +#mainwp-ignored-themes {
74 + padding-top: 1em;
75 +}
64 76
65 77 #mainwp-general-settings .mainwp-main-content,
66 78 #mainwp-advanced-settings .mainwp-main-content,
67 79 #mainwp-tools-settings .mainwp-main-content,
80 +#mainwp-early-updates-settings .mainwp-main-content,
68 81 #mainwp-mcrwc-settings .mainwp-main-content,
69 82 #mainwp-add-new-site .mainwp-main-content,
70 -#mainwp-edit-site .mainwp-main-content,
71 -#mainwp-manage-extensions .mainwp-main-content { padding-top: 1em; }
83 +#mainwp-edit-site .mainwp-main-content {
84 + padding-top: 1em;
85 +}
72 86
73 -.mainwp-ui .ui.alt.mainwp-posts.segment { padding: 0 !important; }
74 -.mainwp-ui .ui.alt.mainwp-posts.segment .mainwp-main-content { padding-right: 0; }
87 +.mainwp-ui .ui.alt.mainwp-posts.segment {
88 + padding: 0 !important;
89 +}
75 90
91 +.mainwp-ui .ui.alt.mainwp-posts.segment .mainwp-main-content {
92 + padding-right: 0;
93 +}
94 +
76 95 .mainwp-ui #mainwp-manage-plugins,
77 96 .mainwp-ui #mainwp-manage-themes,
78 97 .mainwp-ui #mainwp-install-plugins,
79 98 .mainwp-ui #mainwp-install-themes,
@@ -81,12 +100,15 @@
81 100 .mainwp-ui #mainwp-manage-posts,
82 101 .mainwp-ui #mainwp-manage-pages,
83 102 .mainwp-ui #mainwp-theme-auto-updates,
84 103 .mainwp-ui #mainwp-manage-users,
85 -.mainwp-ui #mainwp-add-clients { padding: 0 !important; }
104 +.mainwp-ui #mainwp-add-clients {
105 + padding: 0 !important;
106 +}
86 107
87 -.mainwp-ui #mainwp-add-new-bulkpost { padding: 0 !important; }
88 -.mainwp-ui #mainwp-add-new-bulkpost .mainwp-main-content { padding-left: 1em !important; }
108 +.mainwp-ui #mainwp-add-new-bulkpost {
109 + padding: 0 !important;
110 +}
89 111
90 112 .mainwp-ui .mainwp-posts .mainwp-main-content,
91 113 .mainwp-ui #mainwp-manage-pages .mainwp-main-content,
92 114 .mainwp-ui #mainwp-manage-plugins .mainwp-main-content,
@@ -95,9 +117,12 @@
95 117 .mainwp-ui #mainwp-install-themes .mainwp-main-content,
96 118 .mainwp-ui #mainwp-plugin-auto-updates .mainwp-main-content,
97 119 .mainwp-ui #mainwp-theme-auto-updates .mainwp-main-content,
98 120 .mainwp-ui #mainwp-manage-users .mainwp-main-content,
99 -.mainwp-ui #mainwp-add-clients .mainwp-main-content{ padding-right: 0 !important; }
121 +.mainwp-ui #mainwp-manage-extensions .mainwp-main-content,
122 +.mainwp-ui #mainwp-add-clients .mainwp-main-content {
123 + padding-right: 0 !important;
124 +}
100 125
101 126 .mainwp-ui .mainwp-sidebar-left .mainwp-posts .mainwp-main-content,
102 127 .mainwp-ui .mainwp-sidebar-left #mainwp-manage-pages .mainwp-main-content,
103 128 .mainwp-ui .mainwp-sidebar-left #mainwp-manage-plugins .mainwp-main-content,
@@ -106,85 +131,279 @@
106 131 .mainwp-ui .mainwp-sidebar-left #mainwp-install-themes .mainwp-main-content,
107 132 .mainwp-ui .mainwp-sidebar-left #mainwp-plugin-auto-updates .mainwp-main-content,
108 133 .mainwp-ui .mainwp-sidebar-left #mainwp-theme-auto-updates .mainwp-main-content,
109 134 .mainwp-ui .mainwp-sidebar-left #mainwp-manage-users .mainwp-main-content,
110 -.mainwp-ui .mainwp-sidebar-left #mainwp-add-clients .mainwp-main-content { padding-left: 0 !important; }
135 +.mainwp-ui .mainwp-sidebar-left #mainwp-add-clients .mainwp-main-content {
136 + padding-left: 0 !important;
137 +}
111 138
112 -.mainwp-ui #mainwp-groups-table tr.active { background: #f9fafb !important; }
139 +.mainwp-ui #mainwp-groups-table tr.active {
140 + background: #f9fafb !important;
141 +}
113 142
114 -.mainwp-ui .ui.message.green a:not(.button) { color: #7fb100; font-weight: bolder; text-decoration: underline !important;}
115 -.mainwp-ui .ui.message.yellow a:not(.button) { color: #b58105; font-weight: bolder; text-decoration: underline !important;}
116 -.mainwp-ui .ui.message.info a:not(.button) { color: #276f86; font-weight: bolder; text-decoration: underline !important;}
117 -.mainwp-ui .ui.message.red a:not(.button) { color: #a00000; font-weight: bolder; text-decoration: underline !important;}
118 -.mainwp-ui .ui.message a:not(.button) { color: rgba(0,0,0,.87); font-weight: bolder; text-decoration: underline !important;}
143 +.mainwp-ui .ui.message.green a:not(.button) {
144 + color: #7fb100;
145 + font-weight: bolder;
146 + text-decoration: underline !important;
147 +}
119 148
149 +.mainwp-ui .ui.message.yellow a:not(.button) {
150 + color: #b58105;
151 + font-weight: bolder;
152 + text-decoration: underline !important;
153 +}
154 +
155 +.mainwp-ui .ui.message.info a:not(.button) {
156 + color: #276f86;
157 + font-weight: bolder;
158 + text-decoration: underline !important;
159 +}
160 +
161 +.mainwp-ui .ui.message.red a:not(.button) {
162 + color: #a00000;
163 + font-weight: bolder;
164 + text-decoration: underline !important;
165 +}
166 +
167 +.mainwp-ui .ui.message a:not(.button) {
168 + color: rgba(0, 0, 0, .87);
169 + font-weight: bolder;
170 + text-decoration: underline !important;
171 +}
172 +
120 173 .mainwp-ui [data-tooltip][data-inverted]:before,
121 -.mainwp-ui [data-tooltip][data-inverted]:after { z-index: 99 !important; }
174 +.mainwp-ui [data-tooltip][data-inverted]:after {
175 + z-index: 9999 !important;
176 +}
122 177
178 +.mainwp-ui [data-tooltip][data-inverted]:after {
179 + white-space: normal;
180 + width: max-content;
181 + max-width: 500px;
182 +}
183 +
123 184 .mainwp-ui .progress .bar {
124 - border-radius: 0;
185 + border-radius: 0;
125 186 }
126 187
127 188 .mainwp-ui .ui.em.divider {
128 - margin-top: 0.5em !important;
129 - margin-bottom: 0.5em !important;
189 + margin-top: 0.5em !important;
190 + margin-bottom: 0.5em !important;
130 191 }
131 192
132 193 .mainwp-ui .ui.vertical.menu {
133 - box-shadow: none !important;
134 - -webkit-box-shadow: none !important;
194 + box-shadow: none !important;
195 + -webkit-box-shadow: none !important;
135 196 }
136 197
137 198 .mainwp-ui .ui.vertical.right.pointing.menu .active.item::after {
138 - left: -9px !important;
139 - right: auto !important;
140 - border-top: 0 solid #d4d4d5;
141 - border-right: 0 solid #d4d4d5;
142 - border-bottom: 1px solid #d4d4d5;
143 - border-left: 1px solid #d4d4d5;
199 + left: -9px !important;
200 + right: auto !important;
201 + border-top: 0 solid #d4d4d5;
202 + border-right: 0 solid #d4d4d5;
203 + border-bottom: 1px solid #d4d4d5;
204 + border-left: 1px solid #d4d4d5;
144 205 }
145 206
146 -.mainwp-ui .ui.multiple.dropdown > .label {
147 - vertical-align: baseline;
207 +.mainwp-ui .ui.multiple.dropdown>.label {
208 + vertical-align: baseline;
148 209 }
149 210
150 -.mainwp-ui .mainwp-main-content .ui.checkbox:not( .slider, .toggle ) .box::after,
151 -.mainwp-ui .mainwp-main-content .ui.checkbox:not( .slider, .toggle ) label::after,
152 -.mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not( .slider, .toggle ) .box::after,
153 -.mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not( .slider, .toggle ) label::after { top: 1px; left: 1px; }
211 +.mainwp-ui .mainwp-manage-updates-table .ui.checkbox {
212 + vertical-align: middle !important;
213 +}
154 214
155 -.mainwp-ui .mainwp-actions-bar .ui.mini.form .ui.dropdown,
156 -.mainwp-ui .mainwp-actions-bar.ui.mini.form .ui.dropdown,
157 -.mainwp-ui .mainwp-sub-header .ui.mini.form .ui.dropdown,
158 -.mainwp-ui .mainwp-sub-header.ui.mini.form .ui.dropdown {
159 - font-size: 0.78571429rem !important;
215 +.mainwp-ui .mainwp-main-content .ui.checkbox:not(.slider, .toggle) .box::after,
216 +.mainwp-ui .mainwp-main-content .ui.checkbox:not(.slider, .toggle) label::after,
217 +.mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not(.slider, .toggle) .box::after,
218 +.mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not(.slider, .toggle) label::after {
219 + top: 1px;
220 + left: 1px;
160 221 }
161 222
162 223 .mainwp-ui .ui.dropdown .menu,
163 224 .mainwp-ui .ui.selection.active.dropdown {
164 - z-index: 9999 !important;
225 + z-index: 9999 !important;
165 226 }
166 227
167 228 .mainwp-ui i.plug.circular.icon {
168 - height: auto !important;
229 + height: auto !important;
169 230 }
170 231
232 +.mainwp-ui .ui.mini.circular.image {
233 + height: 35px !important;
234 + width: 35px !important;
235 +}
236 +
237 +.mainwp-ui:not(.mainwp-ui-setup) .ui.dimmer {
238 + background: rgba(255, 255, 255, 1);
239 +}
240 +
241 +.mainwp-ui.mainwp-ui:not(.mainwp-ui-setup) .ui.page.dimmer {
242 + z-index: 1002 !important;
243 +}
244 +
171 245 .mainwp-ui .ui.dimmer.active,
172 246 .mainwp-ui .ui.dimmer.modals.active {
173 - z-index: 99999;
247 + z-index: 1000;
174 248 }
175 249
250 +.mainwp-ui .mainwp-widget .ui.dimmer.active,
251 +.mainwp-ui .mainwp-widget .ui.dimmer.modals.active {
252 + z-index: 1000;
253 +}
254 +
255 +
256 +.mainwp-ui .ui.modal .mainwp-html-popup {
257 + overflow: visible;
258 + z-index: 9999 !important;
259 +}
260 +
261 +.mainwp-ui .dt-scroll-body .ui.modal .mainwp-html-popup {
262 + overflow: visible;
263 + z-index: 9999 !important;
264 + border: 1px dashed red;
265 + position: absolute
266 +}
267 +
176 268 .mainwp-ui .icon.card {
177 - padding: 0;
178 - min-width: auto;
179 - max-width: none;
180 - border: none;
181 - box-shadow: none;
182 - background: none !important;
269 + padding: 0;
270 + min-width: auto;
271 + max-width: none;
272 + border: none;
273 + box-shadow: none;
274 + background: none !important;
183 275 }
184 276
185 277 .mainwp-ui .left.action.input .mainwp-color-picker-input {
186 - min-height: 2.71428571em;
187 - padding: 5px !important;
188 - border-radius: 0 10px 10px 0 !important;
189 - -webkit-border-radius: 0 10px 10px 0 !important;
190 -}
278 + min-height: 2.71428571em;
279 + padding: 5px !important;
280 + max-width: 65px !important;
281 +}
282 +
283 +.mainwp-widget .mainwp-scrolly-overflow table.ui.dataTable {
284 + width: 100% !important;
285 +}
286 +
287 +.mainwp-widget table.dataTable.ui.table th.dt-type-numeric,
288 +.mainwp-widget table.dataTable.ui.table td.dt-type-numeric {
289 + text-align: left !important;
290 +}
291 +
292 +.mainwp-ui #widget-uptime_monitoring_response_time .ui.card {
293 + min-width: 100px !important;
294 +}
295 +
296 +.mainwp-ui .mainwp-cards .ui.card {
297 + flex: 1 1 100px;
298 + min-width: 200px;
299 + max-width: 500px;
300 +}
301 +
302 +#mainwp-sites-previews .mainwp-cards.cards {
303 + display: grid !important;
304 + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
305 + gap: 1.5rem;
306 + margin: 0 !important;
307 +}
308 +
309 +#mainwp-sites-previews .mainwp-cards.cards > .card {
310 + margin: 0 !important;
311 + width: auto !important;
312 +}
313 +
314 +#mainwp-extensions-list .ui.four.cards {
315 + display: grid !important;
316 + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
317 + gap: 1.5rem !important;
318 + margin: 0 !important;
319 +}
320 +
321 +#mainwp-extensions-list .ui.four.cards > .card {
322 + margin: 0 !important;
323 + width: auto !important;
324 + max-width: none !important;
325 +}
326 +
327 +#mainwp-install-plugins-container.ui.three.cards {
328 + display: grid !important;
329 + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
330 + gap: 1.5rem !important;
331 + margin: 0 !important;
332 +}
333 +
334 +#mainwp-install-plugins-container.ui.three.cards > .card {
335 + margin: 0 !important;
336 + width: auto !important;
337 + max-width: none !important;
338 +}
339 +
340 +.mainwp-browse-themes .themes.ui.four.cards {
341 + display: grid !important;
342 + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
343 + gap: 1.5rem !important;
344 + margin: 0 !important;
345 +}
346 +
347 +.mainwp-browse-themes .themes.ui.four.cards > .theme {
348 + margin: 0 !important;
349 + width: auto !important;
350 + max-width: none !important;
351 +}
352 +
353 +.mainwp-ui .ui.form .field {
354 + margin: 0 0 1.25em !important;
355 +}
356 +
357 +/* classic theme */
358 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.red.button {
359 + color: #fff !important;
360 +}
361 +
362 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.basic.red.button {
363 + color: var(--mainwp-red) !important;
364 +}
365 +
366 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.green {
367 + color: #fff !important;
368 +}
369 +
370 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.basic.green {
371 + color: var(--mainwp-green) !important;
372 +}
373 +
374 +/* end */
375 +
376 +.mainwp-ui div.dt-container .dt-scroll-body {
377 + border-bottom: none !important;
378 +}
379 +
380 +/* end */
381 +
382 +
383 +.mainwp-ui .ui.table[class*="center aligned"],
384 +.mainwp-ui .ui.table [class*="center aligned"] {
385 + text-align: center !important;
386 +}
387 +
388 +/* to fix auto align left */
389 +.mainwp-ui table.dataTable.ui.table th.dt-type-numeric,
390 +.mainwp-ui table.dataTable.ui.table th.dt-type-date,
391 +.mainwp-ui table.dataTable.ui.table td.dt-type-numeric,
392 +.mainwp-ui table.dataTable.ui.table td.dt-type-date {
393 + text-align: left;
394 +}
395 +
396 +.mainwp-ui table.dataTable.ui.table td.right.aligned.dt-type-numeric,
397 +.mainwp-ui table.dataTable.ui.table td.right.aligned.dt-type-date {
398 + text-align: right !important;
399 +}
400 +
401 +.mainwp-ui-page [data-tooltip][data-inverted]::before {
402 + background: #1c1d1b !important;
403 +}
404 +
405 +
406 +.mainwp-ui .ui.accordion.mainwp-blank-accordion .title,
407 +.mainwp-ui .ui.accordion.mainwp-blank-accordion .content {
408 + background: none !important;
409 +}