925 lines
37 KiB
CSS
925 lines
37 KiB
CSS
/*
|
|
----------------------------------------------------------------
|
|
|
|
readyclass.css
|
|
Gravity Forms Ready Class Pre-Set Helper Styles
|
|
http://www.gravityforms.com
|
|
updated: August 02, 2017 12:10 PM (GMT-05:00) US Eastern Time
|
|
|
|
Gravity Forms is a Rocketgenius project
|
|
copyright 2008-2017 Rocketgenius Inc.
|
|
http: //www.rocketgenius.com
|
|
this may not be redistributed without the
|
|
express written permission of the author.
|
|
|
|
NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
|
|
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
|
|
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.
|
|
|
|
If you need to make extensive customizations,
|
|
copy the contents of this file to your theme
|
|
style sheet for editing. Then, go to the form
|
|
settings page & set the 'output CSS' option
|
|
to no.
|
|
|
|
----------------------------------------------------------------
|
|
*/
|
|
|
|
@media only screen and (min-width: 641px) {
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline {
|
|
vertical-align: top;
|
|
width: auto !important;
|
|
margin: 0;
|
|
padding-right: 16px;
|
|
float: none !important;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].large,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].small,
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].small {
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
|
|
width: 96px !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline select {
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text],
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] {
|
|
width: 70% !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour,
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute,
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month,
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day,
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year {
|
|
width: 50px;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm {
|
|
width: auto;
|
|
}
|
|
|
|
.gform_wrapper li.gf_inline div.ginput_container {
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.gform_wrapper li.gf_inline div.ginput_container.ginput_container_date label {
|
|
display: block !important;
|
|
}
|
|
|
|
|
|
.gform_wrapper li.gfield.gfield_error.gf_inline {
|
|
margin-right: 16px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half {
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 50%;
|
|
padding-right: 16px;
|
|
float: none;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container),
|
|
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
|
|
width: 100% !important;
|
|
margin: 8px 0 0 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half:before {
|
|
content: "";
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_right_half:after {
|
|
content:"";
|
|
display: table;
|
|
clear:both;
|
|
}
|
|
|
|
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
|
|
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
|
|
max-width: calc(50% - 16px);
|
|
padding-right: 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.large {
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half textarea,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half textarea {
|
|
width: 98%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half input.small,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
|
|
width: 35%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+li.gsection,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+li.gsection {
|
|
padding: 16px 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half,
|
|
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half,
|
|
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half,
|
|
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half {
|
|
padding: 16px 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
|
|
padding: 0 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
|
|
padding: 16px 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer {
|
|
clear: both;
|
|
}
|
|
|
|
/* 3 columns */
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third {
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
float: none;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
|
|
width: 33.3%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
|
|
width: 33.4%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.large {
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']):not(.ginput_quantity),
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']):not(.ginput_quantity),
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']):not(.ginput_quantity),
|
|
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select {
|
|
width:100% !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
|
|
width: calc(33.3% - 24px) !important;
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
|
|
width: 33.4%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_right_third:after {
|
|
content:"";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third+li.gsection,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third+li.gsection {
|
|
padding: 16px 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_left_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer {
|
|
clear: both;
|
|
}
|
|
|
|
/* 4 columns - quarters */
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
|
|
width: 25%;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
float: none;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']),
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']),
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']),
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) input:not([type='radio']):not([type='checkbox']),
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) select,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) select,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) select,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) select {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter,
|
|
.gform_wrapper .top_label li.gfield.gfield_error.gf_fourth_quarter {
|
|
width: 24.5%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
|
|
width: 97.5%;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gsection {
|
|
padding: 16px 0 8px 0;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield,
|
|
.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
|
|
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer {
|
|
clear: both;
|
|
}
|
|
|
|
/* horizontal list columns - displayed inline */
|
|
|
|
.gform_wrapper .top_label li ul.gfield_checkbox,
|
|
.gform_wrapper .top_label li ul.gfield_radio {
|
|
width: calc(100% + 16px);
|
|
}
|
|
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
|
|
width: calc(70% + 16px);
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
|
|
width: 50%;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding-right: 16px;
|
|
min-height: 28px;
|
|
vertical-align: top;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
|
|
width: 33.3%;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
margin: 0 0 2px 0;
|
|
padding-right: 16px;
|
|
min-height: 28px;
|
|
vertical-align: top;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li label,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
|
|
max-width: 75%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
|
|
width: 25%;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding-right: 16px;
|
|
min-height: 28px;
|
|
vertical-align: top;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
|
|
width: 20%;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding-right: 16px;
|
|
min-height: 28px;
|
|
vertical-align: top;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox,
|
|
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_2col label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_3col label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_4col label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_5col label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_inline label.gfield_label {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
/* vertical list columns - using CSS columns */
|
|
|
|
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox {
|
|
-webkit-column-gap: 16px;
|
|
-moz-column-gap: 16px;
|
|
column-gap: 16px;
|
|
}
|
|
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label,
|
|
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio {
|
|
width: calc(100% - 16px);
|
|
-webkit-column-count: 2;
|
|
-moz-column-count: 2;
|
|
column-count: 2;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio {
|
|
width: calc(100% - 8px);
|
|
-webkit-column-count: 3;
|
|
-moz-column-count: 3;
|
|
column-count: 3;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio {
|
|
width: calc(100% - 8px);
|
|
-webkit-column-count: 4;
|
|
-moz-column-count: 4;
|
|
column-count: 4;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox,
|
|
.gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio {
|
|
width: calc(100% - 8px);
|
|
-webkit-column-count: 5;
|
|
-moz-column-count: 5;
|
|
column-count: 5;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio li label,
|
|
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio li label,
|
|
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio li label,
|
|
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
|
|
.gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio li label {
|
|
max-width: 75%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li {
|
|
height: 25px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li {
|
|
height: 50px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li {
|
|
height: 75px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li {
|
|
height: 100px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li {
|
|
height: 125px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li,
|
|
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li {
|
|
height: 150px;
|
|
}
|
|
|
|
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
|
|
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
|
|
width: auto !important;
|
|
float: none !important;
|
|
margin: 0 8px 10px 0;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
}
|
|
|
|
html[dir="rtl"] .gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
|
|
html[dir="rtl"] .gform_wrapper li.gf_list_inline ul.gfield_radio li {
|
|
padding-left: 16px !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.gform_wrapper li.gf_hide_ampm div.gfield_time_ampm {
|
|
display: none !important;
|
|
}
|
|
|
|
.gform_wrapper li.gsection.gf_scroll_text {
|
|
height: 240px;
|
|
width: calc(100% - 16px);
|
|
padding: 16px;
|
|
background-color: #fff;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
border: 1px solid #CCC;
|
|
border-bottom: 1px solid #CCC !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gsection.gf_scroll_text h2.gsection_title {
|
|
margin: 10px 10px 0 8px !important
|
|
}
|
|
|
|
.gform_wrapper.gf_browser_gecko .top_label li.gsection.gf_scroll_text h2.gsection_title,
|
|
.gform_wrapper.gf_browser_chrome .top_label li.gsection.gf_scroll_text h2.gsection_title {
|
|
margin: 0 10px 0 8px !important;
|
|
}
|
|
|
|
.gform_wrapper .top_label li.gsection.gf_scroll_text .gsection_description {
|
|
margin: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li,
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li {
|
|
list-style-type: disc !important;
|
|
margin: 0 0 8px;
|
|
overflow: visible;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul,
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul {
|
|
list-style-type: disc !important;
|
|
margin: 16px 0 16px 18px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li,
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li {
|
|
list-style-type: decimal!important;
|
|
overflow: visible;
|
|
margin: 0 0 8px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol,
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol {
|
|
list-style-type: decimal!important;
|
|
margin: 16px 0 18px 32px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul,
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
|
|
list-style-type: disc !important;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul {
|
|
margin: 16px 0 16px 18px;
|
|
}
|
|
|
|
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl {
|
|
margin: 0 0 18px 0;
|
|
padding-left: 0;
|
|
}
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dt {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dd {
|
|
margin: 0 0 16px 18px;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_green,
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_red,
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_yellow,
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_gray,
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_blue {
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
margin: 20px 0 !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_green {
|
|
border: 1px solid #97B48A;
|
|
background-color: #CBECA0;
|
|
text-shadow: #DFB 1px 1px;
|
|
color: #030;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_red {
|
|
border: 1px solid #CFADB3;
|
|
background-color: #FAF2F5;
|
|
text-shadow: #FFF 1px 1px;
|
|
color: #832525;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_yellow {
|
|
border: 1px solid #E6DB55;
|
|
background-color: #FFFBCC;
|
|
text-shadow: #FCFAEA 1px 1px;
|
|
color: #222;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_gray {
|
|
border: 1px solid #CCC;
|
|
background-color: #EEE;
|
|
text-shadow: #FFF 1px 1px;
|
|
color: #424242;
|
|
}
|
|
|
|
.gform_wrapper li.gfield.gfield_html.gf_alert_blue {
|
|
border: 1px solid #a7c2e7;
|
|
background-color: #D1E4F3;
|
|
text-shadow: #E0F1FF 1px 1px;
|
|
color: #314475;
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_simple_yellow {
|
|
margin: 30px 0;
|
|
max-width: 99%;
|
|
border-top: 1px solid #E6DB55;
|
|
border-bottom: 1px solid #E6DB55;
|
|
padding: 32px;
|
|
background-color: #FFFBCC;
|
|
color: #424242;
|
|
font-size: 25px;
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_simple_gray {
|
|
margin: 30px 0;
|
|
max-width: 99%;
|
|
border-top: 1px solid #CCC;
|
|
border-bottom: 1px solid #CCC;
|
|
padding: 32px;
|
|
background-color: #EAEAEA;
|
|
color: #424242;
|
|
font-size: 25px;
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient {
|
|
position: relative;
|
|
background-color: #FFFBD2;
|
|
margin: 30px 0;
|
|
border: 1px solid #E6DB55;
|
|
-webkit-box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75);
|
|
-moz-box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75);
|
|
box-shadow: 0px 0px 5px rgba(221, 215, 131, 0.75);
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient div.gforms_confirmation_message {
|
|
margin: 0;
|
|
padding: 40px;
|
|
max-width: 99%;
|
|
font-size: 28px;
|
|
border-top: 2px solid #FFF;
|
|
border-bottom: 1px solid #E6DB55;
|
|
background-color: #FFFBCC;
|
|
color: #424242;
|
|
background: #fffce5;
|
|
background: -moz-linear-gradient(top, #fffce5 0%, #fff9bf 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffce5), color-stop(100%,#fff9bf));
|
|
background: -webkit-linear-gradient(top, #fffce5 0%,#fff9bf 100%);
|
|
background: -o-linear-gradient(top, #fffce5 0%,#fff9bf 100%);
|
|
background: -ms-linear-gradient(top, #fffce5 0%,#fff9bf 100%);
|
|
background: linear-gradient(to bottom, #fffce5 0%,#fff9bf 100%);
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_green_gradient {
|
|
position: relative;
|
|
background-color: #f1fcdf;
|
|
margin: 30px 0;
|
|
border: 1px solid #a7c37c;
|
|
-webkit-box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4);
|
|
-moz-box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4);
|
|
box-shadow: 0px 0px 5px rgba(86, 122, 86, 0.4);
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_green_gradient div.gforms_confirmation_message {
|
|
margin: 0;
|
|
padding: 40px;
|
|
max-width: 99%;
|
|
font-size: 28px;
|
|
border-top: 2px solid #effade;
|
|
border-bottom: 1px solid #a7c37c;
|
|
background-color: #FFFBCC;
|
|
text-shadow: #DFB 1px 1px;
|
|
color: #030;
|
|
background: rgb(219,242,183);
|
|
background: -moz-linear-gradient(top, rgba(219,242,183,1) 0%, rgba(180,208,136,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,242,183,1)), color-stop(100%,rgba(180,208,136,1)));
|
|
background: -webkit-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(219,242,183,1) 0%,rgba(180,208,136,1) 100%);
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:before,
|
|
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after,
|
|
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:before,
|
|
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after {
|
|
z-index: -1;
|
|
position: absolute;
|
|
content: "";
|
|
bottom: 15px;
|
|
left: 10px;
|
|
width: 50%;
|
|
top: 80%;
|
|
max-width: 40%;
|
|
background: rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.2);
|
|
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-transform: rotate(-3deg);
|
|
-moz-transform: rotate(-3deg);
|
|
-o-transform: rotate(-3deg);
|
|
-ms-transform: rotate(-3deg);
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after,
|
|
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after {
|
|
-webkit-transform: rotate(3deg);
|
|
-moz-transform: rotate(3deg);
|
|
-o-transform: rotate(3deg);
|
|
-ms-transform: rotate(3deg);
|
|
transform: rotate(3deg);
|
|
right: 10px;
|
|
left: auto;
|
|
}
|
|
|
|
/* simple horizontal form ready class - very simple implementation for up to 5 fields and a button */
|
|
|
|
.gform_wrapper.gf_simple_horizontal_wrapper.centered_wrapper {
|
|
width: auto;
|
|
margin: 0 auto;
|
|
display: table;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal {
|
|
width: calc(100% - 16px);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body,
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body {
|
|
width: auto;
|
|
max-width: 75%;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.ginput_container,
|
|
.gform_wrapper form.gf_simple_horizontal ul li.gfield {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
|
|
width: auto;
|
|
max-width: 25%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body:not(rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
|
|
text-align: left
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
|
|
display: table-cell;
|
|
padding-right: 1em;
|
|
height: auto;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal label.gfield_label,
|
|
.gform_wrapper form.gf_simple_horizontal .ginput_complex label,
|
|
.gform_wrapper form.gf_simple_horizontal .gfield_description:not(.validation_message) {
|
|
display: block;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: -9000px;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_below li.gfield {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_above li.gfield {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.small,
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.medium,
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.large {
|
|
width: 100%
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.small,
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.medium,
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.large {
|
|
width: 100%
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type="submit"],
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type="button"],
|
|
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type="image"] {
|
|
height: auto;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal .top_label .gfield_error {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_checkbox ul li,
|
|
.gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_radio ul li {
|
|
display: inline-block;
|
|
margin-right: .5em;
|
|
}
|
|
|
|
html[dir="rtl"] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_2 span {
|
|
width: 48.5%;
|
|
}
|
|
|
|
html[dir="rtl"] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_3 span {
|
|
width: 33%;
|
|
}
|
|
|
|
html[dir="rtl"] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_4 span {
|
|
width: 24.5%;
|
|
}
|
|
|
|
html[dir="rtl"] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_5 span {
|
|
width: 19.5%;
|
|
}
|
|
|
|
|
|
/* end media query */
|
|
|
|
}
|
|
|
|
/* add equal padding to form for better centering */
|
|
|
|
body .gform_wrapper.gf_form_center_wrapper {padding: 16px 0 16px 16px;} |