189 padding: 0 10px 1px; |
188 padding: 0 10px 1px; |
190 cursor: pointer; |
189 cursor: pointer; |
191 border-width: 1px; |
190 border-width: 1px; |
192 border-style: solid; |
191 border-style: solid; |
193 -webkit-appearance: none; |
192 -webkit-appearance: none; |
194 -webkit-border-radius: 3px; |
|
195 border-radius: 3px; |
193 border-radius: 3px; |
196 white-space: nowrap; |
194 white-space: nowrap; |
197 -webkit-box-sizing: border-box; |
|
198 -moz-box-sizing: border-box; |
|
199 box-sizing: border-box; |
195 box-sizing: border-box; |
200 color: #555; |
196 color: #555; |
201 border-color: #cccccc; |
197 border-color: #cccccc; |
202 background: #f7f7f7; |
198 background: #f7f7f7; |
203 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); |
199 box-shadow: 0 1px 0 #cccccc; |
204 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); |
200 vertical-align: top; |
205 vertical-align: top; |
|
206 } |
201 } |
207 |
202 |
208 .ui-button:active, |
203 .ui-button:active, |
209 .ui-button:focus { |
204 .ui-button:focus { |
210 outline: none; |
205 outline: none; |
211 } |
206 } |
212 |
207 |
213 /* Remove the dotted border on :focus and the extra padding in Firefox */ |
208 /* Remove the dotted border on :focus and the extra padding in Firefox */ |
214 .ui-button::-moz-focus-inner { |
209 .ui-button::-moz-focus-inner { |
215 border-width: 1px 0; |
210 border-width: 0; |
216 border-style: solid none; |
211 border-style: none; |
217 border-color: transparent; |
|
218 padding: 0; |
212 padding: 0; |
219 } |
213 } |
220 |
214 |
221 .ui-button:hover, |
215 .ui-button:hover, |
222 .ui-button:focus { |
216 .ui-button:focus { |
224 border-color: #999; |
218 border-color: #999; |
225 color: #23282d; |
219 color: #23282d; |
226 } |
220 } |
227 |
221 |
228 .ui-button:focus { |
222 .ui-button:focus { |
229 -webkit-box-shadow: |
223 border-color: #5b9dd9; |
230 0 0 0 1px #5b9dd9, |
224 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
231 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
232 box-shadow: |
|
233 0 0 0 1px #5b9dd9, |
|
234 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
235 } |
225 } |
236 |
226 |
237 .ui-button:active { |
227 .ui-button:active { |
238 background: #eee; |
228 background: #eee; |
239 border-color: #999; |
229 border-color: #999; |
240 color: #32373c; |
|
241 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
242 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
230 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
231 -webkit-transform: translateY(1px); |
|
232 transform: translateY(1px); |
243 } |
233 } |
244 |
234 |
245 .ui-button[disabled], |
235 .ui-button[disabled], |
246 .ui-button:disabled { |
236 .ui-button:disabled { |
247 color: #a0a5aa !important; |
237 color: #a0a5aa !important; |
248 border-color: #ddd !important; |
238 border-color: #ddd !important; |
249 background: #f7f7f7 !important; |
239 background: #f7f7f7 !important; |
250 -webkit-box-shadow: none !important; |
|
251 box-shadow: none !important; |
240 box-shadow: none !important; |
252 text-shadow: 0 1px 0 #fff !important; |
241 text-shadow: 0 1px 0 #fff !important; |
253 cursor: default; |
242 cursor: default; |
|
243 -webkit-transform: none !important; |
|
244 transform: none !important; |
254 } |
245 } |
255 |
246 |
256 @media screen and ( max-width: 782px ) { |
247 @media screen and ( max-width: 782px ) { |
257 |
248 |
258 .ui-button { |
249 .ui-button { |
259 padding: 10px 14px; |
250 padding: 6px 14px; |
260 line-height: 1; |
251 line-height: normal; |
261 font-size: 14px; |
252 font-size: 14px; |
262 vertical-align: middle; |
253 vertical-align: middle; |
263 height: auto; |
254 height: auto; |
264 margin-bottom: 4px; |
255 margin-bottom: 4px; |
265 } |
256 } |
272 position: absolute; |
263 position: absolute; |
273 top: 0; |
264 top: 0; |
274 left: 0; |
265 left: 0; |
275 z-index: 100102; |
266 z-index: 100102; |
276 background-color: #fff; |
267 background-color: #fff; |
277 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
|
278 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
268 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
279 } |
269 } |
280 |
270 |
281 .ui-dialog-titlebar { |
271 .ui-dialog-titlebar { |
282 background: #fcfcfc; |
272 background: #fcfcfc; |