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