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