PluginProbe
MainWP Dashboard: Self-hosted WordPress Management for Agencies / 6.2.2
MainWP Dashboard: Self-hosted WordPress Management for Agencies v6.2.2
6.2.2 6.2.1 6.2 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1 6.0.12 6.0.11 4.6.0.1 5.0 5.0.1 5.0.2 5.0.3 5.0.3.1 5.0.3.2 5.1 5.1.1 5.2 5.2.1 All 155 releases
← All changes | assets/css/mainwp-fomantic.css +223 -108 5.2 → 6.2.2 View file →
@@ -1,92 +1,96 @@
1 1 .mainwp-widget .header {
2 - margin-bottom: 15px;
2 + margin-bottom: 15px;
3 3 }
4 4
5 5 .mainwp-widget .header .right {
6 - float: right;
6 + float: right;
7 7 }
8 8
9 9 .mainwp-widget .header .inline {
10 - display: inline;
10 + display: inline;
11 11 }
12 12
13 13 .mainwp-ui .ui.menu {
14 - padding-top: 0 !important;
14 + padding-top: 0 !important;
15 15 }
16 16
17 -.mainwp-ui #mainwp-main-menu .menu .item {
18 - font-size: .95em;
17 +.mainwp-ui .mainwp-main-navigation-menu .menu .item {
18 + font-size: .95em;
19 19 }
20 20
21 21 .mainwp-ui .ui.vertical.menu>.item:first-child {
22 - border-radius: 0 !important;
22 + border-radius: 0 !important;
23 23 }
24 24
25 25 .mainwp-ui .ui.message:last-child {
26 - margin-bottom: 1em;
26 + margin-bottom: 1em;
27 27 }
28 28
29 29 .iconlbl {
30 - width: 40px;
31 - display: inline-block;
30 + width: 40px;
31 + display: inline-block;
32 32 }
33 33
34 34 .mainwp-ui .ui.toggle.checkbox input:checked~.box::before,
35 35 .mainwp-ui .ui.toggle.checkbox input:checked~label::before {
36 - background-color: #7fb100 !important;
36 + background-color: #7fb100 !important;
37 37 }
38 38
39 39 .mainwp-ui .alternate {
40 - background-color: rgba(255, 0, 0, 0) !important;
40 + background-color: rgba(255, 0, 0, 0) !important;
41 41 }
42 42
43 43 .mainwp-ui .ui.search,
44 44 .mainwp-ui .icon.search {
45 - background: none !important;
45 + background: none !important;
46 46 }
47 47
48 -.mainwp-ui:not(.mainwp-ui-setup) .ui.segment {
49 - border-radius: 0;
50 - border: 0;
51 - margin-top: 0;
52 - margin-bottom: 10px;
53 - 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 54 }
55 55
56 56 .mainwp-ui .ui.secondary.segment,
57 57 .mainwp-quick-setup .ui.secondary.segment {
58 - box-shadow: none;
58 + box-shadow: none;
59 59 }
60 60
61 61 .mainwp-ui .ui.alt.segment {
62 - border-top: none;
63 - padding-top: 0;
62 + border-top: none;
63 + padding-top: 0;
64 64 }
65 65
66 +.mainwp-ui .green.pulsating.transition {
67 + box-shadow: 0 0 0 0 rgba(127, 177, 0, 0.5)
68 +}
69 +
66 70 #mainwp-ignored-abandoned-plugins,
67 71 #mainwp-ignored-plugins,
68 72 #mainwp-ignored-abandoned-themes,
69 73 #mainwp-ignored-themes {
70 - padding-top: 1em;
74 + padding-top: 1em;
71 75 }
72 76
73 77 #mainwp-general-settings .mainwp-main-content,
74 78 #mainwp-advanced-settings .mainwp-main-content,
75 79 #mainwp-tools-settings .mainwp-main-content,
80 +#mainwp-early-updates-settings .mainwp-main-content,
76 81 #mainwp-mcrwc-settings .mainwp-main-content,
77 82 #mainwp-add-new-site .mainwp-main-content,
78 -#mainwp-edit-site .mainwp-main-content,
79 -#mainwp-manage-extensions .mainwp-main-content {
80 - padding-top: 1em;
83 +#mainwp-edit-site .mainwp-main-content {
84 + padding-top: 1em;
81 85 }
82 86
83 87 .mainwp-ui .ui.alt.mainwp-posts.segment {
84 - padding: 0 !important;
88 + padding: 0 !important;
85 89 }
86 90
87 91 .mainwp-ui .ui.alt.mainwp-posts.segment .mainwp-main-content {
88 - padding-right: 0;
92 + padding-right: 0;
89 93 }
90 94
91 95 .mainwp-ui #mainwp-manage-plugins,
92 96 .mainwp-ui #mainwp-manage-themes,
@@ -97,19 +101,15 @@
97 101 .mainwp-ui #mainwp-manage-pages,
98 102 .mainwp-ui #mainwp-theme-auto-updates,
99 103 .mainwp-ui #mainwp-manage-users,
100 104 .mainwp-ui #mainwp-add-clients {
101 - padding: 0 !important;
105 + padding: 0 !important;
102 106 }
103 107
104 108 .mainwp-ui #mainwp-add-new-bulkpost {
105 - padding: 0 !important;
109 + padding: 0 !important;
106 110 }
107 111
108 -.mainwp-ui #mainwp-add-new-bulkpost .mainwp-main-content {
109 - padding-left: 1em !important;
110 -}
111 -
112 112 .mainwp-ui .mainwp-posts .mainwp-main-content,
113 113 .mainwp-ui #mainwp-manage-pages .mainwp-main-content,
114 114 .mainwp-ui #mainwp-manage-plugins .mainwp-main-content,
115 115 .mainwp-ui #mainwp-manage-themes .mainwp-main-content,
@@ -117,10 +117,11 @@
117 117 .mainwp-ui #mainwp-install-themes .mainwp-main-content,
118 118 .mainwp-ui #mainwp-plugin-auto-updates .mainwp-main-content,
119 119 .mainwp-ui #mainwp-theme-auto-updates .mainwp-main-content,
120 120 .mainwp-ui #mainwp-manage-users .mainwp-main-content,
121 +.mainwp-ui #mainwp-manage-extensions .mainwp-main-content,
121 122 .mainwp-ui #mainwp-add-clients .mainwp-main-content {
122 - padding-right: 0 !important;
123 + padding-right: 0 !important;
123 124 }
124 125
125 126 .mainwp-ui .mainwp-sidebar-left .mainwp-posts .mainwp-main-content,
126 127 .mainwp-ui .mainwp-sidebar-left #mainwp-manage-pages .mainwp-main-content,
@@ -131,164 +132,278 @@
131 132 .mainwp-ui .mainwp-sidebar-left #mainwp-plugin-auto-updates .mainwp-main-content,
132 133 .mainwp-ui .mainwp-sidebar-left #mainwp-theme-auto-updates .mainwp-main-content,
133 134 .mainwp-ui .mainwp-sidebar-left #mainwp-manage-users .mainwp-main-content,
134 135 .mainwp-ui .mainwp-sidebar-left #mainwp-add-clients .mainwp-main-content {
135 - padding-left: 0 !important;
136 + padding-left: 0 !important;
136 137 }
137 138
138 139 .mainwp-ui #mainwp-groups-table tr.active {
139 - background: #f9fafb !important;
140 + background: #f9fafb !important;
140 141 }
141 142
142 143 .mainwp-ui .ui.message.green a:not(.button) {
143 - color: #7fb100;
144 - font-weight: bolder;
145 - text-decoration: underline !important;
144 + color: #7fb100;
145 + font-weight: bolder;
146 + text-decoration: underline !important;
146 147 }
147 148
148 149 .mainwp-ui .ui.message.yellow a:not(.button) {
149 - color: #b58105;
150 - font-weight: bolder;
151 - text-decoration: underline !important;
150 + color: #b58105;
151 + font-weight: bolder;
152 + text-decoration: underline !important;
152 153 }
153 154
154 155 .mainwp-ui .ui.message.info a:not(.button) {
155 - color: #276f86;
156 - font-weight: bolder;
157 - text-decoration: underline !important;
156 + color: #276f86;
157 + font-weight: bolder;
158 + text-decoration: underline !important;
158 159 }
159 160
160 161 .mainwp-ui .ui.message.red a:not(.button) {
161 - color: #a00000;
162 - font-weight: bolder;
163 - text-decoration: underline !important;
162 + color: #a00000;
163 + font-weight: bolder;
164 + text-decoration: underline !important;
164 165 }
165 166
166 167 .mainwp-ui .ui.message a:not(.button) {
167 - color: rgba(0, 0, 0, .87);
168 - font-weight: bolder;
169 - text-decoration: underline !important;
168 + color: rgba(0, 0, 0, .87);
169 + font-weight: bolder;
170 + text-decoration: underline !important;
170 171 }
171 172
172 173 .mainwp-ui [data-tooltip][data-inverted]:before,
173 174 .mainwp-ui [data-tooltip][data-inverted]:after {
174 - z-index: 99 !important;
175 + z-index: 9999 !important;
175 176 }
177 +
176 178 .mainwp-ui [data-tooltip][data-inverted]:after {
177 - white-space: normal;
178 - width: max-content;
179 - max-width: 500px;
179 + white-space: normal;
180 + width: max-content;
181 + max-width: 500px;
180 182 }
181 183
182 184 .mainwp-ui .progress .bar {
183 - border-radius: 0;
185 + border-radius: 0;
184 186 }
185 187
186 188 .mainwp-ui .ui.em.divider {
187 - margin-top: 0.5em !important;
188 - margin-bottom: 0.5em !important;
189 + margin-top: 0.5em !important;
190 + margin-bottom: 0.5em !important;
189 191 }
190 192
191 193 .mainwp-ui .ui.vertical.menu {
192 - box-shadow: none !important;
193 - -webkit-box-shadow: none !important;
194 + box-shadow: none !important;
195 + -webkit-box-shadow: none !important;
194 196 }
195 197
196 198 .mainwp-ui .ui.vertical.right.pointing.menu .active.item::after {
197 - left: -9px !important;
198 - right: auto !important;
199 - border-top: 0 solid #d4d4d5;
200 - border-right: 0 solid #d4d4d5;
201 - border-bottom: 1px solid #d4d4d5;
202 - 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;
203 205 }
204 206
205 207 .mainwp-ui .ui.multiple.dropdown>.label {
206 - vertical-align: baseline;
208 + vertical-align: baseline;
207 209 }
208 210
211 +.mainwp-ui .mainwp-manage-updates-table .ui.checkbox {
212 + vertical-align: middle !important;
213 +}
214 +
209 215 .mainwp-ui .mainwp-main-content .ui.checkbox:not(.slider, .toggle) .box::after,
210 216 .mainwp-ui .mainwp-main-content .ui.checkbox:not(.slider, .toggle) label::after,
211 217 .mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not(.slider, .toggle) .box::after,
212 218 .mainwp-ui #mainwp-manage-sites-content .ui.checkbox:not(.slider, .toggle) label::after {
213 - top: 1px;
214 - left: 1px;
219 + top: 1px;
220 + left: 1px;
215 221 }
216 222
217 -.mainwp-ui .mainwp-actions-bar .ui.mini.form .ui.dropdown,
218 -.mainwp-ui .mainwp-actions-bar.ui.mini.form .ui.dropdown,
219 -.mainwp-ui .mainwp-sub-header .ui.mini.form .ui.dropdown,
220 -.mainwp-ui .mainwp-sub-header.ui.mini.form .ui.dropdown {
221 - font-size: 0.78571429rem !important;
222 -}
223 -
224 223 .mainwp-ui .ui.dropdown .menu,
225 224 .mainwp-ui .ui.selection.active.dropdown {
226 - z-index: 9999 !important;
225 + z-index: 9999 !important;
227 226 }
228 227
229 228 .mainwp-ui i.plug.circular.icon {
230 - height: auto !important;
229 + height: auto !important;
231 230 }
232 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 +
233 245 .mainwp-ui .ui.dimmer.active,
234 246 .mainwp-ui .ui.dimmer.modals.active {
235 - z-index: 1001;
247 + z-index: 1000;
236 248 }
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 +
237 256 .mainwp-ui .ui.modal .mainwp-html-popup {
238 - overflow: visible;
239 - z-index: 9999 !important;
257 + overflow: visible;
258 + z-index: 9999 !important;
240 259 }
241 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 +
242 268 .mainwp-ui .icon.card {
243 - padding: 0;
244 - min-width: auto;
245 - max-width: none;
246 - border: none;
247 - box-shadow: none;
248 - 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;
249 275 }
250 276
251 277 .mainwp-ui .left.action.input .mainwp-color-picker-input {
252 - min-height: 2.71428571em;
253 - padding: 5px !important;
254 - border-radius: 0 10px 10px 0 !important;
255 - -webkit-border-radius: 0 10px 10px 0 !important;
256 - max-width: 65px !important;
278 + min-height: 2.71428571em;
279 + padding: 5px !important;
280 + max-width: 65px !important;
257 281 }
258 282
259 283 .mainwp-widget .mainwp-scrolly-overflow table.ui.dataTable {
260 - width: 100% !important;
284 + width: 100% !important;
261 285 }
262 286
263 287 .mainwp-widget table.dataTable.ui.table th.dt-type-numeric,
264 288 .mainwp-widget table.dataTable.ui.table td.dt-type-numeric {
265 - text-align: left !important;
289 + text-align: left !important;
266 290 }
267 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 +
268 357 /* classic theme */
269 -.mainwp-ui .dt-scroll-body tbody tr.selected .ui.red.button{
270 - color: #fff !important;
358 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.red.button {
359 + color: #fff !important;
271 360 }
272 -.mainwp-ui .dt-scroll-body tbody tr.selected .ui.basic.red.button{
273 - color: var(--mainwp-red) !important;
361 +
362 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.basic.red.button {
363 + color: var(--mainwp-red) !important;
274 364 }
275 -.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.green{
276 - color: #fff !important;
365 +
366 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.green {
367 + color: #fff !important;
277 368 }
278 -.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.basic.green{
279 - color: var(--mainwp-green) !important;
369 +
370 +.mainwp-ui .dt-scroll-body tbody tr.selected .ui.button.basic.green {
371 + color: var(--mainwp-green) !important;
280 372 }
373 +
281 374 /* end */
282 375
283 -.mainwp-ui div.dt-container .dt-scroll-body{
284 - border-bottom: none !important;
376 +.mainwp-ui div.dt-container .dt-scroll-body {
377 + border-bottom: none !important;
285 378 }
286 379
287 380 /* end */
288 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 +
289 388 /* to fix auto align left */
290 -.mainwp-ui table.dataTable.ui.table th.dt-type-numeric, .mainwp-ui table.dataTable.ui.table th.dt-type-date,
389 +.mainwp-ui table.dataTable.ui.table th.dt-type-numeric,
390 +.mainwp-ui table.dataTable.ui.table th.dt-type-date,
291 391 .mainwp-ui table.dataTable.ui.table td.dt-type-numeric,
292 392 .mainwp-ui table.dataTable.ui.table td.dt-type-date {
293 - text-align: left;
294 -}
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 +}