Advertisement
anthonyluth

Gravity Forms Custom CSS

Mar 17th, 2011
2,531
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. ------------------------------------------------
  3. Template Name: Gravity Forms Custom CSS
  4.  
  5. Description: Modal CSS for Registration formats.
  6.  
  7. Version: 0.1a
  8.  
  9. NOTE: DO NOT EDIT THIS FILE!
  10. ANY CHANGES MADE HERE WILL BE OVERWRITTTEN.
  11.  
  12. if you need to make extensive customizations,
  13. copy the contents of this file to your theme
  14. style sheet for editing. Next, go to the form
  15. settings page & set the 'output CSS' option
  16. to no.
  17. ------------------------------------------------
  18. */
  19. .gform_wrapper {background: #f9f9f9; overflow:hidden; margin:10px 0; max-width:640px}
  20. .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {font-weight:normal;  border:1px solid red;; outline:none; background:none}
  21. .gform_wrapper:focus {outline:none}
  22. .gform_wrapper form {text-align:left}
  23. .gform_wrapper input {outline-style: none; font-size:9px; font-family:verdana, sans-serif; padding:2px 0 2px 0; letter-spacing:normal}
  24. .gform_wrapper textarea {outline-style: none; font-size:11px; font-family:verdana, sans-serif; letter-spacing:normal; padding:2px 0 2px 0; resize:none; /* doesn't validate but added for Safari field resizing */}
  25. .gform_wrapper ul {margin:0; list-style-type:none}
  26. html>body .entry ul, .gform_wrapper ul {text-indent:1px}
  27. .gform_wrapper li, .gform_wrapper form li {list-style-type:none!important; overflow:hidden}
  28. .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {overflow:visible}
  29. .gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {margin-bottom:14px}
  30. .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after {content:""; /* for safari */}
  31. .gform_wrapper ul li:before, .gform_wrapper ul li:after, .entry ul li:before, .entry ul li:after {content:none; # /* for other browsers */}
  32. .gform_wrapper ul.gform_fields {padding:0px; margin:0px; -moz-border-radius: 4px; -webkit-border-radius:4px;}
  33. .gform_wrapper select {font-size:9px; font-family:verdana, sans-serif; padding:2px 0 2px 0; letter-spacing:normal}
  34. .gform_wrapper .inline {display:inline!important}
  35. .gform_wrapper .gform_heading {width:100%; margin-bottom:8px}
  36. .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {width:70px; float:left}
  37. .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {margin-right:12px}
  38. .gform_wrapper .gfield_time_ampm select {width:60px!important}
  39. .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {width:70%!important}
  40. .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {width:50px; float:left}
  41. .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_year input {width:85%!important}
  42. .gform_wrapper .field_hover {border:1px dashed #2175A9!important; cursor:pointer}
  43. .gform_wrapper .field_selected {background-color:#DFEFFF; border:1px solid #C2D7EF!important}
  44. .gform_wrapper .field_name_first, .gform_wrapper .field_name_last {width:50%; float:left}
  45. .gform_wrapper .ginput_complex {overflow:hidden}
  46. .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {width:90%!important}
  47. .gform_wrapper .field_name_last input {width:93%!important}
  48. .gform_wrapper .datepicker {width:100px!important}
  49. .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {width:48%; float:left}
  50. .gform_wrapper .gfield_error .ginput_complex .ginput_left, .gform_wrapper .gfield_error .ginput_complex .ginput_right {width:50%}
  51. .gform_wrapper .gfield_error .ginput_complex .ginput_left input {width:90%!important}
  52. .gform_wrapper .gfield_error .ginput_complex .ginput_right input {width:100%!important}
  53. .gform_wrapper .ginput_complex input, .gform_wrapper .ginput_complex select {width:92%!important}
  54. .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {display:block; margin:3px 0 8px 0; font-size:10px; letter-spacing:.1em}
  55. .gform_wrapper .ginput_complex .name_prefix {float:left; width:30px!important; margin-right:14px}
  56. .gform_wrapper .ginput_complex .name_suffix {float:left; width:30px!important}
  57. .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last {float:left; width:100px; margin-right:8px}
  58. .gform_wrapper .top_label .gfield_label {margin:10px 0 4px 0; font-weight:bold; display:-moz-inline-stack; display:inline-block; line-height:130%; clear:both}
  59. .gform_wrapper .left_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold}
  60. .gform_wrapper .right_label .gfield_label {float:left; margin:2px 15px 0 0; width:29%; font-weight:bold; text-align:right}
  61. .gform_wrapper .left_label ul.gfield_checkbox, .gform_wrapper .right_label ul.gfield_checkbox, .gform_wrapper .left_label ul.gfield_radio, .gform_wrapper .right_label ul.gfield_radio {margin-left:32%}
  62. .gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small {width:25%}
  63. .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width:50%}
  64. .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {width:92%}
  65. .gform_wrapper .right_label input.small, .gform_wrapper .right_label select.small, .gform_wrapper .left_label input.small, .gform_wrapper .left_label select.small {width:15%}
  66. .gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {width:35%}
  67. .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper textarea.textarea {width:59%}
  68. .gform_wrapper .right_label div.ginput_complex, .gform_wrapper .left_label div.ginput_complex {width:64%; float:left}
  69. .gform_wrapper h2.gsection_title {margin:0!important; padding:0!important; letter-spacing:normal!important}
  70. .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {font-weight:bold; font-size:16px; font-family:Helvetica, sans-serif}
  71. .gform_wrapper h3.gform_title {letter-spacing:normal!important; margin:10px 0 6px 0}
  72. .gform_wrapper span.gform_description {font-weight:normal}
  73. .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {width:98%}
  74. .gform_wrapper .gsection {border-bottom:1px dotted #ccc!important; padding:0 0 8px 0; margin:8px 0 16px 0}
  75.  
  76. /* updated radio and checkbox styling - justifies lenghty labels ----------------------------------- */
  77.  
  78. .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {position:relative}
  79. .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {margin:4px 0; padding:0}
  80. .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {display:block; margin: 0 0 0 24px; padding:0; width: auto; line-height:0.5; vertical-align: top}
  81. .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {float:left; margin-top:2px}
  82.  
  83. /* some built in styles to use for quick radio/checkbox columns ----------------------------------- */
  84.  
  85. .gform_wrapper .gf_2col ul.gfield_checkbox li, .gform_wrapper .gf_2col ul.gfield_radio li {width:50%; float:left; margin:0; min-height:1.8em}
  86. .gform_wrapper .gf_3col ul.gfield_checkbox li, .gform_wrapper .gf_3col ul.gfield_radio li {width:33%; float:left; margin:0; min-height:1.8em}
  87. .gform_wrapper .gf_4col ul.gfield_checkbox li, .gform_wrapper .gf_4col ul.gfield_radio li {width:25%; float:left; margin:0; min-height:1.8em}
  88. .gform_wrapper .gf_2col ul.gfield_checkbox, .gform_wrapper .gf_2col ul.gfield_radio, .gform_wrapper .gf_3col ul.gfield_checkbox, .gform_wrapper .gf_3col ul.gfield_radio, .gform_wrapper .gf_4col ul.gfield_checkbox, .gform_wrapper .gf_4col ul.gfield_radio {overflow:hidden}
  89. .gform_wrapper .gf_height25 ul.gfield_checkbox li, .gform_wrapper .gf_height25 ul.gfield_radio li {height:25px}
  90. .gform_wrapper .gf_height50 ul.gfield_checkbox li, .gform_wrapper .gf_height50 ul.gfield_radio li {height:50px}
  91. .gform_wrapper .gf_height75 ul.gfield_checkbox li, .gform_wrapper .gf_height75 ul.gfield_radio li {height:75px}
  92. .gform_wrapper .gf_height100 ul.gfield_checkbox li, .gform_wrapper .gf_height100 ul.gfield_radio li {height:100px}
  93. .gform_wrapper .gf_height125 ul.gfield_checkbox li, .gform_wrapper .gf_height125 ul.gfield_radio li {height:125px}
  94. .gform_wrapper .gf_height150 ul.gfield_checkbox li, .gform_wrapper .gf_height150 ul.gfield_radio li {height:150px}
  95.  
  96. .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {font-size:10px; line-height:150%; clear:both; font-family:verdana, sans-serif; letter-spacing:normal}
  97. .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {padding:4px 0 8px 0}
  98. .gform_wrapper .gfield_description {padding: 10px 0 8px 0; font-style: italic}
  99. .gfield_date_year+.gfield_description {padding:0 0 8px 0}
  100. .gform_wrapper .gsection_description {font-style: italic}
  101. .ginput_complex + .gfield_description {padding-top:0!important}
  102. .gform_wrapper .right_label .gfield_description, .gform_wrapper .left_label .gfield_description, .gform_wrapper .left_label .instruction, .gform_wrapper .right_label .instruction {margin-left:29%; padding-left:15px}
  103. .gform_wrapper .left_label .gsection .gsection_description, .gform_wrapper .right_label .gsection .gsection_description {margin-left:0; padding-left:0; padding-top:4px; line-height:150%}
  104. .gform_wrapper .gfield_required {color:#790000; margin-left:4px}
  105. .gform_wrapper textarea.small {height:80px}
  106. .gform_wrapper textarea.medium {height:150px}
  107. .gform_wrapper textarea.large {height:250px}
  108. .gform_wrapper .gfield_error {background-color:#FFDFDF!important; margin-top:4px!important; margin-bottom:6px; padding:6px 6px 4px 6px!important; border:1px dotted #C89797}
  109. .gform_wrapper .top_label .gfield_error .ginput_container {max-width:99%}
  110. .gform_wrapper .top_label .gfield_error {width:92%}
  111. .gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea {width:100%}
  112. .gform_wrapper .right_label .gfield_error input.large, .gform_wrapper .right_label .gfield_error select.large, .gform_wrapper .right_label .gfield_error textarea.textarea, .gform_wrapper .left_label .gfield_error input.large, .gform_wrapper .left_label .gfield_error select.large, .gform_wrapper .left_label .gfield_error textarea.textarea {width:66%}
  113. .gform_wrapper .gfield_error .gfield_label {color:#790000}
  114. .gform_wrapper .validation_error {color:#790000; font-weight:bold; font-size:14px; line-height:150%; font-family:Helvetica, sans-serif; margin-bottom:16px}
  115. .gform_wrapper .validation_message {color:#790000!important; font-size:11px; font-family:verdana, sans-serif; letter-spacing:normal}
  116. .gform_wrapper .gform_footer {padding:16px 0 10px 0; margin:16px 0 0 0}
  117. .gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {padding:16px 0 10px 31%}
  118. .gform_wrapper input.button {font-size:100%; color:#222}
  119. .gform_wrapper input.button:hover {color:#000}
  120. #gforms_confirmation_message {background-color:#fffac6; border:1px solid #feda70; margin-top:10px; margin-bottom:10px; padding:20px 0; font-size:14px; color:#252525; text-align:center}
  121. .gform_wrapper .gform_edit_link {margin:20px 0; font-family:verdana, sans-serif; font-size:12px}
  122. .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {min-height:43px; display:block; overflow:hidden}
  123. .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {margin:0 0 4px 0; line-height: 130%!important} /* improve spacing and prevent descenders from getting cut off in IE */
  124.  
  125. /* jQuery UI date picker ---------------------------------------------------------------------------------------*/
  126.  
  127. .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {/*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida , sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em; position:relative}
  128. .ui-datepicker-div, #ui-datepicker-div {z-index:9999; /*must have*/ display:none}
  129. .ui-datepicker-inline {float:left; display:block}
  130. .ui-datepicker-control {display:none}
  131. .ui-datepicker-current {display:none}
  132. .ui-datepicker-next, .ui-datepicker-prev {position:absolute; left:.5em; top:.5em; background:#eee}
  133. .ui-datepicker-next {left:14.6em}
  134. .ui-datepicker-next:hover, .ui-datepicker-prev:hover {background:#dadada}
  135. .ui-datepicker-next a, .ui-datepicker-prev a {text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
  136. .ui-datepicker-next a {background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
  137. .ui-datepicker-header select {border:1px solid #d3d3d3; color:#555; background:#e6e6e6; font-size:1em; line-height:1.4em; position:absolute; top:.5em; margin:0 !important}
  138. .ui-datepicker-header option:focus, .ui-datepicker-header option:hover {background:#dadada}
  139. .ui-datepicker-header select.ui-datepicker-new-month {width:7em; left:2.2em}
  140. .ui-datepicker-header select.ui-datepicker-new-year {width:5em; left:9.4em}
  141. table.ui-datepicker {width:15.5em; text-align:right}
  142. table.ui-datepicker td a {padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center}
  143. table.ui-datepicker td a:hover {border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none}
  144. table.ui-datepicker td a:active {border:1px solid #aaa; color:#212121; background:#fff; text-decoration: none}
  145. table.ui-datepicker .ui-datepicker-title-row td {padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
  146. table.ui-datepicker .ui-datepicker-title-row td a {color:#222; padding:.3em 0}
  147. .ui-datepicker-cover {display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px}
  148. img.ui-datepicker-trigger {position:relative; top:3px; left:4px}
  149.  
  150. /* tame those pesky hidden fields --------------------------------------------------------------------*/
  151.  
  152. .gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden, .gform_hidden {display:none}
  153. .ginput_full br, .ginput_left br, .ginput_right br {display:none}
  154.  
  155. /* fix captcha alignment for IE8 ---------------------------------------------------------------------*/
  156.  
  157. .gform_wrapper .left_label #recaptcha_area #recaptcha_table, .gform_wrapper .right_label #recaptcha_area #recaptcha_table {margin-left:32%}
  158.  
  159. /* additional spacing and padding tweaks --------------------------------------------*/
  160.  
  161. .gform_wrapper .left_label .ginput_complex .ginput_right label, .gform_wrapper .left_label .ginput_complex .ginput_left label, .gform_wrapper .right_label .ginput_complex .ginput_right label, .gform_wrapper .right_label .ginput_complex .ginput_left label {word-spacing: -.4em}
  162. .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {padding:0!important}
  163. .gform_wrapper .top_label .ginput_complex + .gfield_description {padding-bottom:0!important}
  164. .gform_wrapper .top_label .gfield_description, {padding: 10px 0 0 0}
  165. .gform_wrapper .top_label .gfield_description.validation_message, .gfield_description.validation_message {padding:10px 0 10px 0}
  166.  
  167. /* Twentyten theme specific styles updated 08.23.2010 -----------------------------------------------------*/
  168. /* pretty specific inheritance but if your theme is structured just like the 2010 theme it may affect yours as well */
  169.  
  170. #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex input, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex select, .entry-content .gform_wrapper input, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper select {margin:0!important}
  171. #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .ginput_complex select, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper select {font-size:16px; padding:1px 2px!important; background-color: #F9F9F9; border:1px solid #CCC; color:#444}
  172. #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li input[type=checkbox], #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li input {margin-top:2px!important}
  173. #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li input[type=radio], #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li input {margin-top:1px!important}
  174. #wrapper.hfeed #main #container #content .entry-content .gf_2col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_2col ul.gfield_radio li {min-height:1.5em}
  175. #wrapper.hfeed #main #container #content .entry-content .gf_3col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_3col ul.gfield_radio li {min-height:1.5em}
  176. #wrapper.hfeed #main #container #content .entry-content .gf_4col ul.gfield_checkbox li, #wrapper.hfeed #main #container #content .entry-content .gf_4col ul.gfield_radio li {min-height:1.5em}
  177. #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_checkbox li label, #wrapper.hfeed #main #container #content .entry-content .gform_wrapper .gfield_radio li label {*display:inline-block!important; *margin: 2px 0 0 6px}/* for IE7 */
  178.  
  179. /* Thesis theme specific styles updated 08.23.2010 -----------------------------------------------------*/
  180. /* pretty specific inheritance but if your theme is structured identical to the Thesis theme it will affect yours as well */
  181.  
  182. body.custom #container #page #content_box .post_box .format_text ul.gfield_radio li input, body.custom #container #page #content_box .post_box .format_text ul.gfield_checkbox li input {width:auto!important; border:none!important; border-color:none!important; background-color:none!important; background:none!important}
  183. body.custom #container #page #content_box .post_box .format_text .gform_footer input[type=image] {border:none!important; border-color:none!important; background-color:none!important}
  184. body.custom #container #page #content_box .post_box .format_text .gform_footer input.button {border-color:#CCC #999 #999 #CCC; border-right:3px double #999; border-style:double; border-width:3px; color:#111111; background-color:#E3E3E3; cursor:pointer; font-weight:bold; overflow:visible; width:auto !important; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.143em; padding:0.313em 0.25em}
  185. body.custom #container #page #content_box .post_box .format_text .left_label ul.gfield_checkbox, body.custom #container #page #content_box .post_box .format_text .left_label ul.gfield_radio, body.custom #container #page #content_box .post_box .format_text .right_label ul.gfield_checkbox, body.custom #container #page #content_box .post_box .format_text .right_label ul.gfield_radio {margin-top:-.2em!important}
  186. body.custom #container #page #content_box .post_box .format_text input, body.custom #container #page #content_box .post_box .format_text select {font-size:1em; padding:0.214em}
  187. body.custom #container #page #content_box .post_box .format_text select {background-color:#eee; border-color:#AAA #DDD #DDD #AAA; border-style:solid; border-width:1px; color:#444; font-size:1em}
  188. body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input[type=checkbox], body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_radio li input[type=radio], body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li input {float:left; margin-top:4px}
  189. body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_checkbox li label, body.custom #container #page #content_box .post_box .format_text .gform_wrapper .gfield_radio li label {display:inline-block\9; margin: 2px 0 0 6px\9}/* another hack for IE */
  190.  
  191. /* HTML field default margins -----------------------------------------------------*/
  192.  
  193. .gform_wrapper .left_label li.gfield_html_formatted, .gform_wrapper .right_label li.gfield_html_formatted {margin-left:32%}
  194. .gform_wrapper .gfield_html.gfield_no_follows_desc {margin-top:10px}
  195.  
  196. /* ajax forms ------------------------------------------------------*/
  197.  
  198. .gform_wrapper .gform_ajax_spinner {padding-left: 10px}
  199. .gform_wrapper .gform_validation_container {display:none!important}
  200.  
  201. /* Simple Captcha ------------------------------------------------------*/
  202.  
  203. .gform_wrapper .gfield_captcha_input_container {padding-top:3px}
  204.  
  205. .gform_wrapper .simple_captcha_small input {width:100px}
  206. .gform_wrapper .simple_captcha_medium input {width:150px}
  207. .gform_wrapper .simple_captcha_large input {width:200px}
  208. .gform_wrapper .gform_wrapper .left_label .simple_captcha_small, .gform_wrapper .right_label .simple_captcha_small, .gform_wrapper .left_label .simple_captcha_medium, .gform_wrapper .right_label .simple_captcha_medium, .gform_wrapper .left_label .simple_captcha_large, .gform_wrapper .right_label .simple_captcha_large {margin-left:32%}
  209. .gform_wrapper .gfield_captcha_container img.gfield_captcha {border:none!important; background:none!important; float:none!important; margin:0!important; padding:0!important}
  210.  
  211. /* Math Challenge ------------------------------------------------------*/
  212.  
  213. .gform_wrapper .math_small input {width:69px}
  214. .gform_wrapper .math_medium input {width:90px}
  215. .gform_wrapper .math_large input {width:108px}
  216. .gform_wrapper .left_label .math_small, .gform_wrapper .right_label .math_small, .gform_wrapper .left_label .math_medium, .gform_wrapper .right_label .math_medium, .gform_wrapper .left_label .math_large, .gform_wrapper .right_label .math_large {margin-left:32%}
  217.  
  218. /* a few IE specific hacks ------------------------------------------------------------------------- */
  219.  
  220. .gform_wrapper .gfield_time_hour {*width:80px}
  221. .gform_wrapper .gfield_time_minute {*width:70px}
  222. .gform_wrapper .gfield_time_ampm {*padding-top:2px}
  223. .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {*margin-left:0}
  224. .gform_wrapper .ginput_complex .ginput_left label, .gform_wrapper .ginput_complex .ginput_right label {*margin:3px 0 5px 0}
  225. .gform_footer input.button {*padding:3px}
  226. ul.top_label .clear-multi {overflow:hidden; clear:both}
  227. .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio], .gform_wrapper .gfield_checkbox li input {*margin-top:0}
  228. .gform_wrapper .ginput_complex .ginput_left select, .gform_wrapper .ginput_complex .ginput_right select {padding: 2px 0 2px 0\9 }
  229. .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {display:inline-block\9; margin: 2px 0 0 6px\9; }
Advertisement
RAW Paste Data Copied
Advertisement