Gravity Forms Basic Styles for Responsive Sites using Roots Theme

gravity-forms-roots.css

/* Gravity Forms General */

.gform_fields { padding: 0; margin: 0 0 10px; }

#main .gform_fields { margin: 20px 0; }

.gform_fields li, #main .gform_fields li { list-style-type: none; padding: 0; margin: 0 0 15px; }

select { background: #fbfbfb; }

.alert-danger, .alert-error, .validation_error { margin: 20px 0; }

.validation_message { font-size: 11px; color: red; font-style: italic; }

.ginput_complex label { font-size: 11px !important; font-style: italic; margin: -6px 0 10px; color: #BBB; }

.gform_wrapper .top_label input.medium, .gform_wrapper input[type="text"] { padding: 4px !important; }

.gform_wrapper ul li.gform_left, span.ginput_left { float: left; width: 51%; clear: none; }

.gform_wrapper ul li.gform_right, span.ginput_right { float: left; width: 49%; clear: none; }

.gform_wrapper ul li.gform_left input.medium, span.ginput_left input { width: 91%; padding: 3px; }

.gform_wrapper ul li.gform_left select { width: 95%; padding: 3px; }

.gform_wrapper ul li.gform_right input.medium, span.ginput_right input { width: 96%; padding: 3px; }

.gform_wrapper ul li.gform_right select { width: 100%; padding: 3px; }

.gform_full textarea { width: 98%; }

.gform_wrapper textarea { padding: 3px; height: 115px; }

ul.gfield_checkbox { margin: 0; }

ul.gfield_checkbox li { margin: 0; padding: 0; }

.validation_error, #gforms_confirmation_message { padding: 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }

#gforms_confirmation_message { color: #468847; background-color: #dff0d8; border-color: #d6e9c6 }

.validation_error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7 }