22

✏️ Editing: browsers.css

/*
----------------------------------------------------------------

browsers.css
Gravity Forms Browser-Specific CSS
http://www.gravityforms.com
updated: September 27, 2016 12:02 PM GMT-5

Gravity Forms is a Rocketgenius project
copyright 2008-2016 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.

----------------------------------------------------------------
*/

/* Safari specific styles */

.entry .gform_wrapper.gf_browser_safari ul li:before,
.entry .gform_wrapper.gf_browser_safari ul li:after {
    content: "";
}

.gform_wrapper.gf_browser_safari .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
    width: 99% !important;
}

.gform_wrapper.gf_browser_safari .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_safari .right_label #recaptcha_area #recaptcha_table {
    margin-left: 32%;
}

.gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_safari .gfield_checkbox li input {
    margin-top: 4px;
}

.gform_wrapper.gf_browser_safari select[multiple=multiple] {
    height: auto !important;
}

.gform_wrapper.gf_browser_safari input.button.gform_button_select_files {
    padding: 6px 12px !important;
}

.gform_wrapper.gf_browser_safari .gfield_time_ampm select {
    max-width: 5rem !important;
    width: calc(2rem + 20px);
}

/* Google Chrome (and now Opera) styles */

.gform_wrapper.gf_browser_chrome select {
    padding: 2px 0 2px 3px;
}

.gform_wrapper.gf_browser_chrome .gfield_time_ampm select {
    max-width: 5rem !important;
    width: calc(3rem + 20px);
}

.gform_wrapper.gf_browser_chrome ul li:before,
.gform_wrapper.gf_browser_chrome ul li:after,
.entry .gform_wrapper.gf_browser_chrome ul li:before,
.entry .gform_wrapper.gf_browser_chrome ul li:after {
    content: none;
}

.gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
    width: 99% !important;
}

.gform_wrapper.gf_browser_chrome .left_label #recaptcha_area #recaptcha_table,
.gform_wrapper.gf_browser_chrome .right_label #recaptcha_area #recaptcha_table {
    margin-left: 32%;
}

.gform_wrapper.gf_browser_chrome .ginput_complex select,
.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select {
    text-indent: 2px;
    line-height: 1.5em;
    margin-bottom: 5px;
    margin-top: 2px;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
    margin-top: 6px;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 1px;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] {
    margin-left: 1px;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
    padding-top: 2px;
}

.gform_wrapper.gf_browser_chrome select[multiple=multiple] {
    height: auto !important;
}

.gform_wrapper.gf_browser_chrome .gfield_error .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle,
.gform_wrapper.gf_browser_chrome .gfield_error .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_last {
    margin-left: 1.1%;
}

.gform_wrapper.gf_browser_chrome .gfield_error input[type=text],
.gform_wrapper.gf_browser_chrome .gfield_error input[type=email],
.gform_wrapper.gf_browser_chrome .gfield_error input[type=tel],
.gform_wrapper.gf_browser_chrome .gfield_error input[type=url],
.gform_wrapper.gf_browser_chrome .gfield_error input[type=number],
.gform_wrapper.gf_browser_chrome .gfield_error input[type=password],
.gform_wrapper.gf_browser_chrome .gfield_error select,
.gform_wrapper.gf_browser_chrome .gfield_error textarea,
.gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {
    margin-bottom: 2px;
}

.gform_wrapper.gf_browser_chrome input.button.gform_button_select_files {
    padding: 6px 12px !important;
}

.gform_wrapper.gf_browser_chrome span.address_country {
        margin-top:-2px;
}

.gform_wrapper.gf_browser_chrome .gform_body {
        width: calc(100% + 15px);
}

/* Firefox specific styles */

.gform_wrapper.gf_browser_gecko select {
    padding: 2px 12px 2px 2px;
}

.gform_wrapper.gf_browser_gecko .gfield_time_ampm select {
    max-width: 5rem !important;
    width: calc(4rem + 25px);
}

.gform_wrapper.gf_browser_gecko ul li:before,
.gform_wrapper.gf_browser_gecko ul li:after,
.entry .gform_wrapper.gf_browser_gecko ul li:before,
.entry .gform_wrapper.gf_browser_gecko ul li:after {
    content: none;
}

.gform_wrapper.gf_browser_gecko .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
    margin-right: 1px;
}

.gform_wrappergf_browser_gecko .chosen-container-single .chosen-single {
    height: 32px;
    line-height: 2.4;
}

.gform_wrappergf_browser_gecko .chosen-container-single .chosen-single div b {
    position: relative;
    top: 5px;
}

/* Internet Explorer specific styles */

.gform_wrapper.gf_browser_ie ul li:before,
.gform_wrapper.gf_browser_ie ul li:after,
.entry .gform_wrapper.gf_browser_ie ul li:before,
.entry .gform_wrapper.gf_browser_ie ul li:after {
    content: none;
}

.gform_wrapper.gf_browser_ie .gfield_time_hour {
    width: 80px;
}

.gform_wrapper.gf_browser_ie .gfield_time_minute {
    width: 70px;
}

.gform_wrapper.gf_browser_ie .gfield_time_ampm {
    padding-top: 2px;
}

.gform_wrapper.gf_browser_ie .gfield_time_hour input,
.gform_wrapper.gf_browser_ie .gfield_time_minute input {
    margin-left: 0;
}

.gform_wrapper.gf_browser_ie .ginput_complex .ginput_left label,
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_right label {
    margin: 3px 0 5px 0;
}

.gform_wrapper.gf_browser_ie .gform_footer input.button {
    padding: 3px;
}

.gform_wrapper.gf_browser_ie ul.top_label .clear-multi {
    overflow: hidden;
    clear: both;
}

.gform_wrapper.gf_browser_ie .gfield_radio li {
    line-height: 20px !important;
}

.gform_wrapper.gf_browser_ie .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_ie .gfield_radio li input[type=radio],
.gform_wrapper.gf_browser_ie .gfield_checkbox li input {
    margin-top: 0;
}

.gform_wrapper.gf_browser_ie .ginput_complex .ginput_left select,
.gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select {
    padding: 2px 0 2px 0;
}

.gform_wrapper.gf_browser_ie .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {
    width: 99% !important;
}

.gform_wrapper.gf_browser_ie .left_label #recaptcha_area #recaptcha_table, .gform_wrapper.gf_browser_ie .right_label #recaptcha_area #recaptcha_table { margin-left: 32%;
}

.gform_wrapper.gf_browser_ie .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
    position: relative;
    top: -1px;
    left: 4px;
}

.gform_wrapper.gf_browser_ie img.add_list_item,
.gform_wrapper.gf_browser_ie img.delete_list_item {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px !important;
}

.gform_wrapper.gf_browser_iphone ul li:before,
.gform_wrapper.gf_browser_iphone ul li:after,
.entry .gform_wrapper.gf_browser_iphone ul li:before,
.entry .gform_wrapper.gf_browser_iphone ul li:after {
    content: none;
}

.gform_wrapper.gf_browser_unknown ul li:before,
.gform_wrapper.gf_browser_unknown ul li:after,
.entry .gform_wrapper.gf_browser_unknown ul li:before,
.entry .gform_wrapper.gf_browser_unknown ul li:after {
    content: none;
}

@media only screen and (max-width: 641px)  {

/* make the nifty styled selects a little larger for mobile devices */

.gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single,
    .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single,
    .gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single {
        height: 44px;
        line-height: 3.2;
    }

.gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single div b,
    .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single div b,
    .gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single div b {
        position: relative;
        top: 12px;
    }

}

MR SKB