eSales Media Git repositories
Browse code

Use fixed padding values for widgets

(cherry picked from commit 5235e38)

Benjamin Roth authored on06/07/2017 20:36:53
Showing2 changed files
assets/css/form.css
History View file @9d883b5
... ... 
@@ -81,17 +81,20 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
81 81 
  * Widget Styles
82 82 
  */
83 83 
 .widget {
84 
-	padding: 0 1%;
84 
+	padding: 0 10px;
85 85 
 	margin-bottom: 0.5em;
86 
+	-webkit-box-sizing: border-box;
87 
+	-moz-box-sizing: border-box;
88 
+	box-sizing: border-box;
86 89 
 	min-height: 4em;
87 90 
 	float: left;
88 
-	width: 98%;
91 
+	width: 100%;
89 92 
 }
90 93
91 94 
 .widget.cbx {
92 95 
 	min-height: 1.5em;
93 96 
 	height: 1.5em;
94 
-	padding: 4px 1%;
97 
+	padding: 4px 10px;
95 98 
 }
96 99
97 100 
 .widget label {
... ... 
@@ -143,25 +146,25 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
143 146 
 	min-height: 2.1em;
144 147 
 }
145 148
146 
-.widget.w10 { float: left; width: 8%; }
147 
-.widget.w15 { float: left; width: 13%; }
148 
-.widget.w20 { float: left; width: 18%; }
149 
-.widget.w25 { float: left; width: 23%; }
150 
-.widget.w30 { float: left; width: 28%; }
151 
-.widget.w35 { float: left; width: 33%; }
152 
-.widget.w40 { float: left; width: 38%; }
153 
-.widget.w45 { float: left; width: 43%; }
154 
-.widget.w50 { float: left; width: 48%; }
155 
-.widget.w55 { float: left; width: 53%; }
156 
-.widget.w60 { float: left; width: 58%; }
157 
-.widget.w65 { float: left; width: 63%; }
158 
-.widget.w70 { float: left; width: 68%; }
159 
-.widget.w75 { float: left; width: 73%; }
160 
-.widget.w80 { float: left; width: 78%; }
161 
-.widget.w85 { float: left; width: 83%; }
162 
-.widget.w90 { float: left; width: 88%; }
163 
-.widget.w95 { float: left; width: 93%; }
164 
-.widget.w100 { float: left; width: 98%; }
149 
+.widget.w10 { float: left; width: 10%; }
150 
+.widget.w15 { float: left; width: 15%; }
151 
+.widget.w20 { float: left; width: 20%; }
152 
+.widget.w25 { float: left; width: 25%; }
153 
+.widget.w30 { float: left; width: 30%; }
154 
+.widget.w35 { float: left; width: 35%; }
155 
+.widget.w40 { float: left; width: 40%; }
156 
+.widget.w45 { float: left; width: 45%; }
157 
+.widget.w50 { float: left; width: 50%; }
158 
+.widget.w55 { float: left; width: 55%; }
159 
+.widget.w60 { float: left; width: 60%; }
160 
+.widget.w65 { float: left; width: 65%; }
161 
+.widget.w70 { float: left; width: 70%; }
162 
+.widget.w75 { float: left; width: 75%; }
163 
+.widget.w80 { float: left; width: 80%; }
164 
+.widget.w85 { float: left; width: 85%; }
165 
+.widget.w90 { float: left; width: 90%; }
166 
+.widget.w95 { float: left; width: 95%; }
167 
+.widget.w100 { float: left; width: 100%; }
165 168
166 169
167 170 
 .widget.clr,
... ... 
@@ -188,7 +191,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i
188 191 
 	.widget.w85,
189 192 
 	.widget.w90,
190 193 
 	.widget.w95,
191 
-	.widget.w100 { float: none; width: 98%; }
194 
+	.widget.w100 { float: none; width: 100%; }
192 195 
 }
193 196
194 197 
 .widget.w10:before,
assets/css/form.min.css
History View file @9d883b5
... ... 
@@ -1 +1 @@
1 
-input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody>fieldset{clear:left}.formbody>fieldset legend{color:inherit;font-size:123%;line-height:2;font-weight:normal;border-bottom:inherit 3px solid;margin-bottom:1em}.widget .radio_container legend,.widget .checkbox_container legend{color:inherit;font-size:100%;font-weight:normal;border-bottom:0;display:block;margin-bottom:.4em;line-height:1.5em}.widget .checkbox_container label,.widget .radio_container label{font-weight:normal;display:inline;margin-bottom:0}.widget .checkbox_container>span,.widget .radio_container>span{display:block}.widget.headline{margin-top:1em;font-size:108%;font-weight:bold;min-height:1.5em}.widget{padding:0 1%;margin-bottom:.5em;min-height:4em;float:left;width:98%}.widget.cbx{min-height:1.5em;height:1.5em;padding:4px 1%}.widget label{display:block;margin-bottom:.4em;line-height:1.5em}.widget.error input,.widget.error select,.widget.error textarea{border-color:#e23e15}.widget p.error{font-size:85%;margin-top:-0.4em;margin-bottom:.4em}.widget.error .errortip{background-color:#e23e15;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;color:#fff;cursor:help;display:block;float:right;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;height:15px;line-height:13px;margin-top:3.25px;text-align:center;vertical-align:top;width:15px}.submit_container{min-height:2.1em}.widget.w10{float:left;width:8%}.widget.w15{float:left;width:13%}.widget.w20{float:left;width:18%}.widget.w25{float:left;width:23%}.widget.w30{float:left;width:28%}.widget.w35{float:left;width:33%}.widget.w40{float:left;width:38%}.widget.w45{float:left;width:43%}.widget.w50{float:left;width:48%}.widget.w55{float:left;width:53%}.widget.w60{float:left;width:58%}.widget.w65{float:left;width:63%}.widget.w70{float:left;width:68%}.widget.w75{float:left;width:73%}.widget.w80{float:left;width:78%}.widget.w85{float:left;width:83%}.widget.w90{float:left;width:88%}.widget.w95{float:left;width:93%}.widget.w100{float:left;width:98%}.widget.clr,.formbody>fieldset{clear:left}@media screen and (max-width:43em){.widget.w10,.widget.w15,.widget.w20,.widget.w25,.widget.w30,.widget.w35,.widget.w40,.widget.w45,.widget.w50,.widget.w55,.widget.w60,.widget.w65,.widget.w70,.widget.w75,.widget.w80,.widget.w85,.widget.w90,.widget.w95,.widget.w100{float:none;width:98%}}.widget.w10:before,.widget.w10:after,.widget.w15:before,.widget.w15:after,.widget.w20:before,.widget.w20:after,.widget.w25:before,.widget.w25:after,.widget.w30:before,.widget.w30:after,.widget.w35:before,.widget.w35:after,.widget.w40:before,.widget.w40:after,.widget.w45:before,.widget.w45:after,.widget.w50:before,.widget.w50:after,.widget.w55:before,.widget.w55:after,.widget.w60:before,.widget.w60:after,.widget.w65:before,.widget.w65:after,.widget.w70:before,.widget.w70:after,.widget.w75:before,.widget.w75:after,.widget.w80:before,.widget.w80:after,.widget.w85:before,.widget.w85:after,.widget.w90:before,.widget.w90:after,.widget.w95:before,.widget.w95:after,.widget.w100:before,.widget.w100:after,form:before,form:after{content:" ";display:table}.widget.w10:after,.widget.w15:after,.widget.w20:after,.widget.w25:after,.widget.w30:after,.widget.w35:after,.widget.w40:after,.widget.w45:after,.widget.w50:after,.widget.w55:after,.widget.w60:after,.widget.w65:after,.widget.w70:after,.widget.w75:after,.widget.w80:after,.widget.w85:after,.widget.w90:after,.widget.w95:after,.widget.w100:after,form:after{clear:both}.widget.widget-split input[type="text"],.widget.widget-split input[type="password"],.widget.widget-split input[type="date"],.widget.widget-split input[type="datetime"],.widget.widget-split input[type="email"],.widget.widget-split input[type="number"],.widget.widget-split input[type="search"],.widget.widget-split input[type="tel"],.widget.widget-split input[type="time"],.widget.widget-split input[type="url"],.widget.widget-split textarea,.widget.widget-split select{max-width:50%!important;min-width:10%!important;float:left;margin-right:10px;display:inline}.widget.widget-split.widget-split-3 input{max-width:30%!important}.widget.widget-split.widget-split-3 input[type="submit"]{max-width:70%!important}.widget.widget-split.widget-split-4 input{max-width:40%!important}.widget.widget-split.widget-split-4 input[type="submit"]{max-width:60%!important}.widget.widget-split.widget-split-5 input{max-width:50%!important}.widget.widget-split.widget-split-5 input[type="submit"]{max-width:50%!important}.widget.widget-split.widget-split-6 input{max-width:60%!important}.widget.widget-split.widget-split-6 input[type="submit"]{max-width:40%!important}.widget.widget-split.widget-split-7 input{max-width:70%!important}.widget.widget-split.widget-split-7 input[type="submit"]{max-width:30%!important}.widget.fl_right input[type="submit"],.submit_container.fl_right .submit{float:right}.widget.lblp{padding-top:1.9em;min-height:2.1em}.widget.autoh{min-height:0}.widget,form{*zoom:1}
2 1 
\ No newline at end of file
2 
+input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget input.captcha{max-width:4em}.formbody>fieldset{clear:left}.formbody>fieldset legend{color:inherit;font-size:123%;line-height:2;font-weight:normal;border-bottom:inherit 3px solid;margin-bottom:1em}.widget .radio_container legend,.widget .checkbox_container legend{color:inherit;font-size:100%;font-weight:normal;border-bottom:0;display:block;margin-bottom:.4em;line-height:1.5em}.widget .checkbox_container label,.widget .radio_container label{font-weight:normal;display:inline;margin-bottom:0}.widget .checkbox_container>span,.widget .radio_container>span{display:block}.widget.headline{margin-top:1em;font-size:108%;font-weight:bold;min-height:1.5em}.widget{padding:0 10px;margin-bottom:.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:4em;float:left;width:100%}.widget.cbx{min-height:1.5em;height:1.5em;padding:4px 10px}.widget label{display:block;margin-bottom:.4em;line-height:1.5em}.widget.error input,.widget.error select,.widget.error textarea{border-color:#e23e15}.widget p.error{font-size:85%;margin-top:-0.4em;margin-bottom:.4em}.widget.error .errortip{background-color:#e23e15;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;color:#fff;cursor:help;display:block;float:right;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;height:15px;line-height:13px;margin-top:3.25px;text-align:center;vertical-align:top;width:15px}.submit_container{min-height:2.1em}.widget.w10{float:left;width:10%}.widget.w15{float:left;width:15%}.widget.w20{float:left;width:20%}.widget.w25{float:left;width:25%}.widget.w30{float:left;width:30%}.widget.w35{float:left;width:35%}.widget.w40{float:left;width:40%}.widget.w45{float:left;width:45%}.widget.w50{float:left;width:50%}.widget.w55{float:left;width:55%}.widget.w60{float:left;width:60%}.widget.w65{float:left;width:65%}.widget.w70{float:left;width:70%}.widget.w75{float:left;width:75%}.widget.w80{float:left;width:80%}.widget.w85{float:left;width:85%}.widget.w90{float:left;width:90%}.widget.w95{float:left;width:95%}.widget.w100{float:left;width:100%}.widget.clr,.formbody>fieldset{clear:left}@media screen and (max-width:43em){.widget.w10,.widget.w15,.widget.w20,.widget.w25,.widget.w30,.widget.w35,.widget.w40,.widget.w45,.widget.w50,.widget.w55,.widget.w60,.widget.w65,.widget.w70,.widget.w75,.widget.w80,.widget.w85,.widget.w90,.widget.w95,.widget.w100{float:none;width:100%}}.widget.w10:before,.widget.w10:after,.widget.w15:before,.widget.w15:after,.widget.w20:before,.widget.w20:after,.widget.w25:before,.widget.w25:after,.widget.w30:before,.widget.w30:after,.widget.w35:before,.widget.w35:after,.widget.w40:before,.widget.w40:after,.widget.w45:before,.widget.w45:after,.widget.w50:before,.widget.w50:after,.widget.w55:before,.widget.w55:after,.widget.w60:before,.widget.w60:after,.widget.w65:before,.widget.w65:after,.widget.w70:before,.widget.w70:after,.widget.w75:before,.widget.w75:after,.widget.w80:before,.widget.w80:after,.widget.w85:before,.widget.w85:after,.widget.w90:before,.widget.w90:after,.widget.w95:before,.widget.w95:after,.widget.w100:before,.widget.w100:after,form:before,form:after{content:" ";display:table}.widget.w10:after,.widget.w15:after,.widget.w20:after,.widget.w25:after,.widget.w30:after,.widget.w35:after,.widget.w40:after,.widget.w45:after,.widget.w50:after,.widget.w55:after,.widget.w60:after,.widget.w65:after,.widget.w70:after,.widget.w75:after,.widget.w80:after,.widget.w85:after,.widget.w90:after,.widget.w95:after,.widget.w100:after,form:after{clear:both}.widget.widget-split input[type="text"],.widget.widget-split input[type="password"],.widget.widget-split input[type="date"],.widget.widget-split input[type="datetime"],.widget.widget-split input[type="email"],.widget.widget-split input[type="number"],.widget.widget-split input[type="search"],.widget.widget-split input[type="tel"],.widget.widget-split input[type="time"],.widget.widget-split input[type="url"],.widget.widget-split textarea,.widget.widget-split select{max-width:50% !important;min-width:10% !important;float:left;margin-right:10px;display:inline}.widget.widget-split.widget-split-3 input{max-width:30% !important}.widget.widget-split.widget-split-3 input[type="submit"]{max-width:70% !important}.widget.widget-split.widget-split-4 input{max-width:40% !important}.widget.widget-split.widget-split-4 input[type="submit"]{max-width:60% !important}.widget.widget-split.widget-split-5 input{max-width:50% !important}.widget.widget-split.widget-split-5 input[type="submit"]{max-width:50% !important}.widget.widget-split.widget-split-6 input{max-width:60% !important}.widget.widget-split.widget-split-6 input[type="submit"]{max-width:40% !important}.widget.widget-split.widget-split-7 input{max-width:70% !important}.widget.widget-split.widget-split-7 input[type="submit"]{max-width:30% !important}.widget.fl_right input[type="submit"],.submit_container.fl_right .submit{float:right}.widget.lblp{padding-top:1.9em;min-height:2.1em}.widget.autoh{min-height:0}.widget,form{*zoom:1}
3 3 
\ No newline at end of file