From 7fb39d02a0f3deb530bfc22e7b08607436efab0f Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Thu, 7 Apr 2016 16:14:39 -0400 Subject: [PATCH] Gravity forms quarter class --- css/app.css | 35 +++++++++++++++ scss/plugins/_gravityforms.scss | 76 +++++++++++++++++++++++++++++++++ 2 files changed, 111 insertions(+) diff --git a/css/app.css b/css/app.css index 1fad373..7efdd5f 100644 --- a/css/app.css +++ b/css/app.css @@ -6928,6 +6928,41 @@ td.gfield_list_cell.gfield_list_56_cell1, td.gfield_list_cell.gfield_list_57_cel .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: inline-block !important; } } +/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/ +.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: 0 0 8px 0; + width: 24%; } + +.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 { + width: 21%; } + +.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter { + margin-right: 1%; } + +.gform_wrapper .top_label li.gfield.gf_first_quarter { + float: left; + clear: left !important; } + +.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 { + float: left; + margin-left: 2%; + clear: none !important; } + +.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter { + margin-left: 3%; } + +.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: 95%; } + +.gform_wrapper .top_label li.gfield.gf_first_quarter + li.gsection, .gform_wrapper .top_label li.gfield.gf_third_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 { + clear: both; } + +.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; } + .home-feed-post { padding-bottom: 25px; } @media only screen and (max-width: 40em) { diff --git a/scss/plugins/_gravityforms.scss b/scss/plugins/_gravityforms.scss index 8fa55ae..a0aa2b3 100644 --- a/scss/plugins/_gravityforms.scss +++ b/scss/plugins/_gravityforms.scss @@ -131,4 +131,80 @@ td.gfield_list_cell.gfield_list_56_cell1 , td.gfield_list_cell.gfield_list_57_ce } + +/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/ + +.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:0 0 8px 0; + width:24%; +} + +.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 { + width:21%; +} + +.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter { + margin-right:1%; +} + +.gform_wrapper .top_label li.gfield.gf_first_quarter { + float:left; + clear:left!important; +} + +.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 { + float:left; + margin-left:2%; + clear:none!important; +} + +.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter, +.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter { + margin-left:3%; +} + +.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:95%; +} + +.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection, +.gform_wrapper .top_label li.gfield.gf_third_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 { + clear:both; +} + +.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; +} /////////////////////////////////// \ No newline at end of file -- 2.17.1