PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.13
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.13
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
← All changes | css/admin/dashboard.css +39 -126 6.356.13 View file →
@@ -1,6 +1,5 @@
1 1 .frm-white-body #wpbody-content {
2 -
3 2 /* clear float - fix the full auto height with frm-dashboard-container */
4 3 float: none;
5 4 }
6 5
@@ -19,9 +18,9 @@
19 18 font-weight: 500;
20 19 }
21 20
22 21 .frm-dashboard-container .frm-dashboard-widget {
23 - opacity: 0;
22 + opacity: 0.0;
24 23 position: relative;
25 24 flex-direction: column;
26 25 padding-left: var(--gap-md);
27 26 padding-right: var(--gap-md);
@@ -32,10 +31,10 @@
32 31 }
33 32
34 33 .frm-counter-card-wrapper.frm-payments-placeholder p,
35 34 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card a {
36 - margin: 0;
37 - padding: 0;
35 + margin: 0px;
36 + padding: 0px;
38 37 }
39 38
40 39 .frm-counter-card-wrapper.frm-payments-placeholder .frm-counter-card h3,
41 40 .frm-dashboard-container .frm-dashboard-widget h2.frm-widget-heading {
@@ -81,9 +80,9 @@
81 80 margin: 0 auto;
82 81 box-sizing: border-box;
83 82 position: relative;
84 83 overflow: hidden;
85 - background: #4199fd;
84 + background: #4199FD;
86 85 border-radius: var(--small-radius);
87 86 }
88 87
89 88 .frm-dashboard-banner .frm-dashboard-banner-close {
@@ -96,11 +95,11 @@
96 95 z-index: 3;
97 96 }
98 97
99 98 .frm-dashboard-banner .frm-dashboard-banner-close svg {
100 - width: 100%;
99 + width:100%;
101 100 color: white;
102 - opacity: 0.5;
101 + opacity: .5;
103 102 }
104 103
105 104 .frm-dashboard-banner > div {
106 105 position: relative;
@@ -109,9 +108,8 @@
109 108 align-items: center;
110 109 }
111 110
112 111 .frm-dashboard-banner .frm-shrink-0 {
113 -
114 112 /* position at end of flex row */
115 113 margin-left: auto;
116 114 margin-right: var(--gap-lg);
117 115 }
@@ -126,9 +124,9 @@
126 124 font-size: var(--text-sm);
127 125 line-height: 21px;
128 126 color: white;
129 127 font-weight: 400;
130 - margin: 0;
128 + margin: 0px;
131 129 }
132 130
133 131 .frm-dashboard-banner > div > div:last-child {
134 132 min-width: 155px;
@@ -138,15 +136,15 @@
138 136 height: var(--h-xs);
139 137 opacity: 0.4;
140 138 }
141 139
142 -.frm-dashboard-banner::before {
143 - content: "";
140 +.frm-dashboard-banner:before {
141 + content: '';
144 142 display: block;
145 143 width: 628px;
146 144 height: 628px;
147 145 border-radius: 628px;
148 - background: #4199fd;
146 + background: #4199FD;
149 147 filter: blur(50px);
150 148 position: absolute;
151 149 bottom: 0;
152 150 right: 10%;
@@ -152,12 +150,12 @@
152 150 right: 10%;
153 151 z-index: 1;
154 152 }
155 153
156 -.frm-dashboard-banner::after {
157 - content: "";
154 +.frm-dashboard-banner:after {
155 + content: '';
158 156 border-radius: 463px;
159 - background: #f15a24;
157 + background: #F15A24;
160 158 mix-blend-mode: screen;
161 159 filter: blur(50px);
162 160 width: 463px;
163 161 height: 463px;
@@ -175,9 +173,9 @@
175 173 left: 0;
176 174 width: 469px;
177 175 height: 247px;
178 176 border-radius: 469px;
179 - background: #8b5cf6;
177 + background: #8B5CF6;
180 178 mix-blend-mode: overlay;
181 179 filter: blur(50px);
182 180 }
183 181
@@ -182,28 +180,24 @@
182 180 }
183 181
184 182 .frm-dashboard-container.frm-flex-box {
185 183 max-width: 1480px;
186 - width: calc(100% - var(--gap-md) * 2);
184 + width: calc( 100% - var(--gap-md) * 2 );
187 185 padding-bottom: var(--gap-2xl);
188 186 box-sizing: border-box;
189 187 gap: var(--gap-md);
190 188 flex-wrap: wrap;
191 189 }
192 -
193 190 #frm_top_bar + .wrap.frm-dashboard-container {
194 191 margin-left: auto;
195 192 margin-right: auto;
196 193 }
197 -
198 194 .frm-dashboard-container > .frm-flex-box {
199 195 row-gap: var(--gap-md);
200 196 }
201 -
202 197 .frm-dashboard-container > div:first-child {
203 198 overflow: hidden;
204 199 }
205 -
206 200 .frm-dashboard-container > div:last-child {
207 201 width: max(29%, var(--big-sidebar));
208 202 }
209 203
@@ -228,9 +222,8 @@
228 222
229 223 .frm-counter-card-wrapper .frm-counter-card a {
230 224 font-weight: 500;
231 225 }
232 -
233 226 /* END Counter Card */
234 227
235 228 /* License Management */
236 229 .frm-dashboard-license-management {
@@ -243,18 +236,17 @@
243 236 display: flex;
244 237 align-items: center;
245 238 gap: var(--gap-xs);
246 239 }
247 -
248 240 /* END License Management */
249 241
250 242 /* Entries Widget */
251 243 .frm-white-body .frm-dashboard-widget table.wp-list-table {
252 - margin-bottom: 0;
244 + margin-bottom: 0px;
253 245 table-layout: auto;
254 246 }
255 247
256 -.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions {
248 +.frm-white-body .frm-dashboard-widget table.wp-list-table .row-actions{
257 249 display: none;
258 250 }
259 251
260 252 .frm-white-body .frm-dashboard-widget table.wp-list-table th,
@@ -266,9 +258,8 @@
266 258 }
267 259
268 260 .frm-dashboard-widget table.wp-list-table td {
269 261 font-size: var(--text-sm);
270 - word-break: break-word;
271 262 }
272 263
273 264 .frm-dashboard-widget table.wp-list-table td abbr {
274 265 text-decoration: none;
@@ -278,11 +269,10 @@
278 269 .frm-dashboard-widget table.wp-list-table th {
279 270 color: var(--grey-500);
280 271 font-size: var(--text-xs);
281 272 text-transform: uppercase;
282 - border-bottom: 1px solid #e9eaea;
273 + border-bottom: 1px solid #E9EAEA;
283 274 }
284 -
285 275 /* End Entries Widget */
286 276
287 277 /* Chart Placeholder */
288 278 .frm-widget-placeholder {
@@ -293,15 +283,15 @@
293 283 justify-content: center;
294 284 }
295 285
296 286 .frm-widget-placeholder[data-background="chart-placeholder"] {
297 - background: url("../../images/dashboard/chart-placeholder.jpg") no-repeat;
287 + background: url( '../../images/dashboard/chart-placeholder.jpg' ) no-repeat;
298 288 background-size: 100%;
299 289 height: 314px;
300 290 }
301 291
302 292 .frm-widget-placeholder[data-background="entries-placeholder"] {
303 - background: url("../../images/dashboard/entries-placeholder.jpg") no-repeat;
293 + background: url( '../../images/dashboard/entries-placeholder.jpg' ) no-repeat;
304 294 background-size: 100%;
305 295 background-position: left -15px;
306 296 height: 385px;
307 297 }
@@ -309,9 +299,8 @@
309 299 .frm-widget-placeholder > div {
310 300 max-width: 337px;
311 301 text-align: center;
312 302 }
313 -
314 303 /* END Chart Placeholder */
315 304
316 305 /* Pro Features List */
317 306 .frm-pro-features-list {
@@ -316,34 +305,27 @@
316 305 /* Pro Features List */
317 306 .frm-pro-features-list {
318 307 padding: var(--gap-xl) var(--gap-2xl);
319 308 position: relative;
320 - display: flex;
321 - gap: var(--gap-2xl);
322 309 }
323 310
324 -.frm-pro-features-list::before {
325 - content: "";
311 +.frm-pro-features-list:before {
312 + content: '';
326 313 display: block;
327 314 width: 100%;
328 315 height: 8px;
329 - background: linear-gradient(90deg, #1961d5 0.76%, #e8abef 100%);
316 + background: linear-gradient(90deg, #1961D5 0.76%, #E8ABEF 100%);
330 317 position: absolute;
331 - top: 0;
332 - left: 0;
318 + top: 0; left: 0;
333 319 border-top-right-radius: var(--small-radius);
334 320 border-top-left-radius: var(--small-radius);
335 321 }
336 322
337 -.frm-pro-features-list-left {
338 - flex: 0 0 55%;
339 -}
340 -
341 -.frm-pro-features-list h2 {
342 - font-size: 24px !important;
343 - font-weight: 600 !important;
323 +.frm_wrap .frm-dashboard-container .frm-pro-features-list h2 {
324 + font-size: 24px;
325 + font-weight: 600;
344 326 max-width: 382px;
345 - margin-bottom: var(--gap-md) !important;
327 + margin-bottom: var(--gap-md);
346 328 }
347 329
348 330 .frm-pro-features-list ul {
349 331 padding: 0;
@@ -354,74 +336,8 @@
354 336 display: flex;
355 337 align-items: center;
356 338 gap: var(--gap-xs);
357 339 }
358 -
359 -.frm-testimonial {
360 - border-radius: 16px;
361 - border: 1px solid #eaecf0;
362 - position: relative;
363 - padding: 24px;
364 -}
365 -
366 -.frm-testimonial::before {
367 - content: "";
368 - display: block;
369 - height: 12px;
370 - width: calc(100% - 30px);
371 - border-radius: 0 0 12px 12px;
372 - border: 1px solid #eaecf0;
373 - border-top: 0;
374 - position: absolute;
375 - left: 15px;
376 - bottom: -13px;
377 -}
378 -
379 -.frm-testimonial__content {
380 - font-size: 16px;
381 - line-height: 1.625;
382 - margin-bottom: 24px;
383 -}
384 -
385 -.frm-testimonial__author {
386 - font-weight: 600;
387 - font-size: 18px;
388 - margin-bottom: 3px;
389 -}
390 -
391 -.frm-testimonial__rating svg {
392 - height: 18px;
393 - width: 18px;
394 -}
395 -
396 -.frm-testimonial__guarantee-icon img {
397 - position: absolute;
398 - bottom: -15px;
399 - right: -27px;
400 - height: 110px;
401 - width: 110px;
402 -}
403 -
404 -@media (max-width: 1280px) {
405 -
406 - .frm-pro-features-list {
407 - padding-left: var(--gap-lg);
408 - padding-right: var(--gap-lg);
409 - gap: var(--gap-lg);
410 - }
411 -}
412 -
413 -@media (max-width: 1025px) {
414 -
415 - .frm-pro-features-list {
416 - flex-direction: column;
417 - }
418 -
419 - .frm-testimonial__guarantee-icon svg {
420 - right: -10px;
421 - }
422 -}
423 -
424 340 /* END Pro Features List */
425 341
426 342 /* Inbox */
427 343 .frm-tabs-navs {
@@ -434,13 +350,13 @@
434 350 position: relative;
435 351 }
436 352
437 353 .frm-tabs-navs ul li {
438 - color: var(--grey-500);
354 + color: var( --grey-500 );
439 355 font-weight: 400;
440 356 font-size: var(--text-md);
441 357 cursor: pointer;
442 - margin-bottom: 0;
358 + margin-bottom: 0px;
443 359 }
444 360
445 361 .frm-tabs-navs ul li.frm-active {
446 362 color: var(--primary-500);
@@ -457,10 +373,9 @@
457 373 .frm-tabs-delimiter .frm-tabs-active-underline {
458 374 height: 2px;
459 375 background: var(--primary-500);
460 376 position: absolute;
461 - left: 24px;
462 - bottom: 0;
377 + left: 24px; bottom: 0;
463 378 width: 45px;
464 379 transition: 0.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
465 380 }
466 381
@@ -501,18 +416,18 @@
501 416 #frm_empty_inbox.frm-inbox-subscribe #frm-leave-email-modal {
502 417 margin: 0;
503 418 }
504 419
505 -.frm-inbox-subscribe h2::before {
506 - content: "";
507 - display: block;
508 - background: url("../../images/dashboard/bell-cross.svg") no-repeat;
420 +.frm-inbox-subscribe h2:before {
421 + content:'';
422 + display:block;
423 + background: url( '../../images/dashboard/bell-cross.svg' ) no-repeat;
509 424 width: 40px;
510 425 height: 40px;
511 426 margin: auto auto var(--gap-sm);
512 427 }
513 428
514 -.frm-inbox-subscribe #frmapi-email-form + img {
429 +.frm-inbox-subscribe #frmapi-email-form + img{
515 430 display: none;
516 431 }
517 432
518 433 .frm-tabs-container .frm-tabs-slide-track {
@@ -535,9 +450,9 @@
535 450 }
536 451
537 452 .frm-tabs-slide-track > div {
538 453 flex: 0 0 100%;
539 - opacity: 0;
454 + opacity: 0.0;
540 455 transition: 0.25s opacity linear;
541 456 position: relative;
542 457 height: auto;
543 458 max-height: 612px;
@@ -547,9 +462,9 @@
547 462
548 463 .frm-tabs-slide-track > div > div {
549 464 overflow: auto;
550 465 position: relative;
551 - width: 100%;
466 + width:100%;
552 467 padding: 0 var(--gap-md);
553 468 box-sizing: border-box;
554 469 }
555 470
@@ -557,9 +472,9 @@
557 472 height: 100%;
558 473 }
559 474
560 475 .frm-tabs-slide-track > div.frm-active {
561 - opacity: 1;
476 + opacity: 1.0;
562 477 transition: 0.35s opacity linear;
563 478 }
564 479
565 480 .frm-inbox-wrapper div.frm-tabs-container div.frm-inbox-message-container a.frm-button-primary,
@@ -576,13 +491,11 @@
576 491
577 492 .frm-admin-page-dashboard .frm-inbox-message-container p {
578 493 margin: 0;
579 494 }
580 -
581 495 /* END Inbox */
582 496
583 497 @media only screen and ( max-width: 1250px ) {
584 -
585 498 .frm-dashboard-container > div {
586 499 width: 100% !important;
587 500 }
588 501