PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.16.1
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.16.1
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/frm_grids.css +82 -97 6.346.16.1 View file →
@@ -8,34 +8,33 @@
8 8 position: absolute;
9 9 width: 1px;
10 10 word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
11 11 }
12 -
13 -.frm_screen_reader.frm_hidden {
14 - display: initial;
12 +.frm_screen_reader.frm_hidden{
13 + display:initial;
15 14 }
16 15
17 -.frm_clear_none {
18 - clear: none;
16 +.frm_clear_none{
17 + clear:none;
19 18 }
20 19
21 -.frm_clear {
22 - clear: both;
20 +.frm_clear{
21 + clear:both;
23 22 }
24 23
25 -.frm_form_field.frm_alignright {
26 - float: right !important;
24 +.frm_form_field.frm_alignright{
25 + float:right !important;
27 26 }
28 27
29 -.with_frm_style .frm_form_field {
30 - clear: both;
28 +.with_frm_style .frm_form_field{
29 + clear:both;
31 30 }
32 31
33 32 .frm_combo_inputs_container,
34 33 .frm_grid_container,
35 34 .frm_form_fields .frm_section_heading,
36 -.frm_form_fields .frm_fields_container {
37 - display: grid;
35 +.frm_form_fields .frm_fields_container{
36 + display:grid;
38 37 grid-template-columns: repeat(12, 1fr);
39 38 grid-auto-rows: max-content;
40 39 grid-gap: 0 2%;
41 40 }
@@ -43,9 +42,9 @@
43 42 .frm_combo_inputs_container > *,
44 43 .frm_grid_container > *,
45 44 .frm_section_heading > *,
46 45 .frm_fields_container .frm_form_field,
47 -.frm_fields_container > * {
46 +.frm_fields_container > *{
48 47 grid-column: span 12 / span 12;
49 48 }
50 49
51 50 .frm_inline,
@@ -53,10 +52,10 @@
53 52 .frm_form_field.frm_first_inline,
54 53 .frm_form_field.frm_inline,
55 54 .frm_submit.frm_inline,
56 55 .frm_form_field.frm_right_inline,
57 -.frm_form_field.frm_last_inline {
58 - width: auto;
56 +.frm_form_field.frm_last_inline{
57 + width:auto;
59 58 grid-column: span 2 / span 2;
60 59 }
61 60
62 61 .frm6,
@@ -68,10 +67,10 @@
68 67 .frm_form_field.frm_right_half,
69 68 .frm_form_field.frm_first_half,
70 69 .frm_form_field.frm_last_half,
71 70 .frm_form_field.frm_half,
72 -.frm_submit.frm_half {
73 - grid-column: span 6 / span 6;
71 +.frm_submit.frm_half{
72 + grid-column:span 6 / span 6;
74 73 }
75 74
76 75 .frm4,
77 76 .frm_third,
@@ -82,10 +81,10 @@
82 81 .frm_form_field.frm_third,
83 82 .frm_submit.frm_third,
84 83 .frm_form_field.frm_right_third,
85 84 .frm_form_field.frm_first_third,
86 -.frm_form_field.frm_last_third {
87 - grid-column: span 4 / span 4;
85 +.frm_form_field.frm_last_third{
86 + grid-column:span 4 / span 4;
88 87 }
89 88
90 89 .frm8,
91 90 .frm_two_thirds,
@@ -94,9 +93,9 @@
94 93 .frm_form_field.frm_left_two_thirds,
95 94 .frm_form_field.frm_right_two_thirds,
96 95 .frm_form_field.frm_first_two_thirds,
97 96 .frm_form_field.frm_last_two_thirds,
98 -.frm_form_field.frm_two_thirds {
97 +.frm_form_field.frm_two_thirds{
99 98 grid-column: span 8/span 8;
100 99 }
101 100
102 101 .frm3,
@@ -107,9 +106,9 @@
107 106 .frm_form_field.frm_fourth,
108 107 .frm_submit.frm_fourth,
109 108 .frm_form_field.frm_right_fourth,
110 109 .frm_form_field.frm_first_fourth,
111 -.frm_form_field.frm_last_fourth {
110 +.frm_form_field.frm_last_fourth{
112 111 grid-column: span 3/span 3;
113 112 }
114 113
115 114 .frm9,
@@ -116,9 +115,9 @@
116 115 .frm_three_fourths,
117 116 .frm_form_field.frm_four_fifths, /* 5ths deprecated */
118 117 .frm_form_field.frm9,
119 118 .frm_submit.frm9,
120 -.frm_form_field.frm_three_fourths {
119 +.frm_form_field.frm_three_fourths{
121 120 grid-column: span 9/span 9;
122 121 }
123 122
124 123 /* fifths are deprecated */
@@ -126,9 +125,9 @@
126 125 .frm_form_field.frm_fifth,
127 126 .frm_submit.frm_fifth,
128 127 .frm_form_field.frm_right_fifth,
129 128 .frm_form_field.frm_first_fifth,
130 -.frm_form_field.frm_last_fifth {
129 +.frm_form_field.frm_last_fifth{
131 130 grid-column: span 2/span 2;
132 131 }
133 132
134 133 .frm2,
@@ -137,15 +136,15 @@
137 136 .frm_submit.frm2,
138 137 .frm_form_field.frm_sixth,
139 138 .frm_submit.frm_sixth,
140 139 .frm_form_field.frm_first_sixth,
141 -.frm_form_field.frm_last_sixth {
140 +.frm_form_field.frm_last_sixth{
142 141 grid-column: span 2/span 2;
143 142 }
144 143
145 144 .frm10,
146 145 .frm_form_field.frm10,
147 -.frm_submit.frm10 {
146 +.frm_submit.frm10{
148 147 grid-column: span 10/span 10;
149 148 }
150 149
151 150 .frm1,
@@ -158,27 +157,27 @@
158 157 .frm_form_field.frm_last_seventh
159 158 .frm_form_field.frm_eighth,
160 159 .frm_submit.frm_eighth,
161 160 .frm_form_field.frm_first_eighth,
162 -.frm_form_field.frm_last_eighth {
161 +.frm_form_field.frm_last_eighth{
163 162 grid-column: span 1/span 1;
164 163 }
165 164
166 165 .frm5,
167 166 .frm_form_field.frm5,
168 -.frm_submit.frm5 {
167 +.frm_submit.frm5{
169 168 grid-column: span 5/span 5;
170 169 }
171 170
172 171 .frm7,
173 172 .frm_form_field.frm7,
174 -.frm_submit.frm7 {
173 +.frm_submit.frm7{
175 174 grid-column: span 7/span 7;
176 175 }
177 176
178 177 .frm11,
179 178 .frm_form_field.frm11,
180 -.frm_submit.frm11 {
179 +.frm_submit.frm11{
181 180 grid-column: span 11/span 11;
182 181 }
183 182
184 183 .frm12,
@@ -183,18 +182,18 @@
183 182
184 183 .frm12,
185 184 .frm_full,
186 185 .frm_full .wp-editor-wrap,
187 -.frm_full > input:not([type="checkbox"]):not([type="radio"]):not([type="button"]),
186 +.frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']),
188 187 .frm_full select,
189 -.frm_full textarea {
190 - width: 100% !important;
188 +.frm_full textarea{
189 + width:100% !important;
191 190 grid-column: span 12/span 12;
192 191 box-sizing: border-box;
193 192 }
194 193
195 -.frm_full .wp-editor-wrap input {
196 - width: auto !important;
194 +.frm_full .wp-editor-wrap input{
195 + width:auto !important;
197 196 }
198 197
199 198 .frm_first,
200 199 .frm_form_field.frm_left_half,
@@ -211,23 +210,23 @@
211 210 .frm_form_field.frm_first_sixth,
212 211 .frm_form_field.frm_first_seventh,
213 212 .frm_form_field.frm_first_eighth,
214 213 .frm_form_field.frm_first_inline,
215 -.frm_form_field.frm_first {
216 - grid-column-start: 1;
214 +.frm_form_field.frm_first{
215 + grid-column-start:1;
217 216 }
218 217
219 218 .frm_last,
220 219 .frm_form_field.frm_last,
221 -.frm_form_field.frm_alignright {
222 - grid-column-end: -1;
220 +.frm_form_field.frm_alignright{
221 + grid-column-end:-1;
223 222 justify-content: end;
224 223 }
225 224
226 225 /* RTL Grids */
227 226
228 -.with_frm_style.frm_rtl .frm_form_fields .star-rating {
229 - float: right;
227 +.with_frm_style.frm_rtl .frm_form_fields .star-rating{
228 + float:right;
230 229 }
231 230
232 231 .with_frm_style.frm_rtl .frm_grid .frm_primary_label,
233 232 .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label,
@@ -236,11 +235,11 @@
236 235 .with_frm_style.frm_rtl .frm_grid_first .frm_radio,
237 236 .with_frm_style.frm_rtl .frm_grid_odd .frm_radio,
238 237 .with_frm_style.frm_rtl .frm_grid .frm_checkbox,
239 238 .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox,
240 -.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox {
241 - float: right !important;
242 - margin-right: 0 !important;
239 +.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{
240 + float:right !important;
241 + margin-right:0 !important;
243 242 }
244 243
245 244 .with_frm_style.frm_rtl .frm_grid_first .frm_radio label input,
246 245 .with_frm_style.frm_rtl .frm_grid .frm_radio label input,
@@ -246,21 +245,21 @@
246 245 .with_frm_style.frm_rtl .frm_grid .frm_radio label input,
247 246 .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input,
248 247 .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input,
249 248 .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input,
250 -.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input {
251 - float: left;
249 +.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{
250 + float:left;
252 251 }
253 252
254 253 .with_frm_style.frm_rtl .frm_catlevel_2,
255 254 .with_frm_style.frm_rtl .frm_catlevel_3,
256 255 .with_frm_style.frm_rtl .frm_catlevel_4,
257 -.with_frm_style.frm_rtl .frm_catlevel_5 {
258 - margin-right: 18px;
256 +.with_frm_style.frm_rtl .frm_catlevel_5{
257 + margin-right:18px;
259 258 }
260 259
261 -.with_frm_style.frm_rtl div > .frm_time_select {
262 - margin-right: 5px;
260 +.with_frm_style.frm_rtl div > .frm_time_select{
261 + margin-right:5px;
263 262 }
264 263
265 264 /* Left and right label styling for non-Formidable styling */
266 265
@@ -265,58 +264,58 @@
265 264 /* Left and right label styling for non-Formidable styling */
266 265
267 266 .frm_form_field.frm_inline_container,
268 267 .frm_form_field.frm_right_container,
269 -.frm_form_field.frm_left_container {
268 +.frm_form_field.frm_left_container{
270 269 display: grid;
271 270 grid-template-columns: 25% auto;
272 - width: 100%;
271 + width:100%;
273 272 grid-auto-rows: min-content;
274 273 }
275 274
276 -.frm_form_field.frm_right_container {
275 +.frm_form_field.frm_right_container{
277 276 grid-template-columns: auto 25%;
278 277 }
279 278
280 -.frm_form_field.frm_inline_container {
281 - grid-template-columns: repeat(2, minmax(auto, max-content));
279 +.frm_form_field.frm_inline_container{
280 + grid-template-columns: repeat(2, minmax(auto, max-content) );
282 281 }
283 282
284 283 .frm_form_field.frm_inline_container .frm_primary_label,
285 284 .frm_form_field.frm_right_container .frm_primary_label,
286 -.frm_form_field.frm_left_container .frm_primary_label {
287 - margin-right: 10px;
288 - grid-row: span 2/span 2;
289 - padding-top: 4px;
285 +.frm_form_field.frm_left_container .frm_primary_label{
286 + margin-right:10px;
287 + grid-row:span 2/span 2;
288 + padding-top:4px;
290 289 }
291 290
292 -.frm_form_field.frm_left_container .frm_primary_label {
293 - grid-column: 1;
294 - grid-row: span 2/span 2; /* cover a row for the description */
291 +.frm_form_field.frm_left_container .frm_primary_label{
292 + grid-column:1;
293 + grid-row:span 2/span 2; /* cover a row for the description */
295 294 }
296 295
297 -.frm_form_field.frm_right_container .frm_primary_label {
298 - grid-column: 2;
299 - grid-row: 1;
300 - margin-right: 0;
301 - margin-left: 10px;
296 +.frm_form_field.frm_right_container .frm_primary_label{
297 + grid-column:2;
298 + grid-row:1;
299 + margin-right:0;
300 + margin-left:10px;
302 301 }
303 302
304 303 .frm_form_field.frm_inline_container .frm_description,
305 -.frm_form_field.frm_left_container .frm_description {
306 - grid-column: 2;
304 +.frm_form_field.frm_left_container .frm_description{
305 + grid-column:2;
307 306 }
308 307
309 -.frm_form_field.frm_right_container .frm_description {
310 - grid-column: 1;
308 +.frm_form_field.frm_right_container .frm_description{
309 + grid-column:1;
311 310 }
312 311
313 -.frm_conf_field.frm_left_container {
312 +.frm_conf_field.frm_left_container{
314 313 grid-template-columns: 67%;
315 314 }
316 315
317 -.frm_conf_field.frm_left_container .frm_description {
318 - grid-column: 1;
316 +.frm_conf_field.frm_left_container .frm_description{
317 + grid-column:1;
319 318 }
320 319
321 320 /* End RTL Grids */
322 321
@@ -326,42 +325,28 @@
326 325 animation-fill-mode: both;
327 326 }
328 327
329 328 @keyframes spin {
330 -
331 - 0% {
332 - transform: rotate(0deg);
333 - }
334 -
335 - 100% {
336 - transform: rotate(360deg);
337 - }
329 + 0% { transform: rotate(0deg); }
330 + 100% { transform: rotate(360deg); }
338 331 }
339 332
340 333 @keyframes fadeIn {
341 -
342 - 0% {
343 - opacity: 0;
344 - }
345 -
346 - 100% {
347 - opacity: 1;
348 - }
334 + 0% {opacity: 0;}
335 + 100% {opacity: 1;}
349 336 }
350 337
351 338 @media only screen and (max-width: 750px) {
352 -
353 - .frm_grid_container.frm_no_grid_750 > div {
339 + .frm_grid_container.frm_no_grid_750 > div{
354 340 grid-column: span 12/span 12;
355 341 }
356 342 }
357 343
358 344 @media only screen and (max-width: 600px) {
359 -
360 345 .frm_section_heading > .frm_form_field,
361 346 .frm_fields_container > .frm_submit,
362 347 .frm_grid_container > .frm_form_field,
363 - .frm_fields_container > .frm_form_field {
348 + .frm_fields_container > .frm_form_field{
364 349 grid-column: 1 / span 12 !important;
365 350 }
366 351
367 352 .frm_grid_container.frm_no_grid_600,
@@ -366,8 +351,8 @@
366 351
367 352 .frm_grid_container.frm_no_grid_600,
368 353 .frm_form_field.frm_inline_container,
369 354 .frm_form_field.frm_right_container,
370 - .frm_form_field.frm_left_container {
371 - display: block;
355 + .frm_form_field.frm_left_container{
356 + display:block;
372 357 }
373 -}
358 +}