equal
deleted
inserted
replaced
195 box-sizing: border-box; |
195 box-sizing: border-box; |
196 color: #555; |
196 color: #555; |
197 border-color: #cccccc; |
197 border-color: #cccccc; |
198 background: #f7f7f7; |
198 background: #f7f7f7; |
199 box-shadow: 0 1px 0 #cccccc; |
199 box-shadow: 0 1px 0 #cccccc; |
200 vertical-align: top; |
200 vertical-align: top; |
201 } |
201 } |
202 |
202 |
203 .ui-button:active, |
203 .ui-button:active, |
204 .ui-button:focus { |
204 .ui-button:focus { |
205 outline: none; |
205 outline: none; |
219 color: #23282d; |
219 color: #23282d; |
220 } |
220 } |
221 |
221 |
222 .ui-button:focus { |
222 .ui-button:focus { |
223 border-color: #5b9dd9; |
223 border-color: #5b9dd9; |
224 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
224 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
225 } |
225 } |
226 |
226 |
227 .ui-button:active { |
227 .ui-button:active { |
228 background: #eee; |
228 background: #eee; |
229 border-color: #999; |
229 border-color: #999; |
230 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); |
231 transform: translateY(1px); |
233 } |
232 } |
234 |
233 |
235 .ui-button[disabled], |
234 .ui-button[disabled], |
236 .ui-button:disabled { |
235 .ui-button:disabled { |
238 border-color: #ddd !important; |
237 border-color: #ddd !important; |
239 background: #f7f7f7 !important; |
238 background: #f7f7f7 !important; |
240 box-shadow: none !important; |
239 box-shadow: none !important; |
241 text-shadow: 0 1px 0 #fff !important; |
240 text-shadow: 0 1px 0 #fff !important; |
242 cursor: default; |
241 cursor: default; |
243 -webkit-transform: none !important; |
|
244 transform: none !important; |
242 transform: none !important; |
245 } |
243 } |
246 |
244 |
247 @media screen and ( max-width: 782px ) { |
245 @media screen and (max-width: 782px) { |
248 |
246 |
249 .ui-button { |
247 .ui-button { |
250 padding: 6px 14px; |
248 padding: 6px 14px; |
251 line-height: normal; |
249 line-height: normal; |
252 font-size: 14px; |
250 font-size: 14px; |
263 position: absolute; |
261 position: absolute; |
264 top: 0; |
262 top: 0; |
265 left: 0; |
263 left: 0; |
266 z-index: 100102; |
264 z-index: 100102; |
267 background-color: #fff; |
265 background-color: #fff; |
268 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
266 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); |
269 } |
267 } |
270 |
268 |
271 .ui-dialog-titlebar { |
269 .ui-dialog-titlebar { |
272 background: #fcfcfc; |
270 background: #fcfcfc; |
273 border-bottom: 1px solid #dfdfdf; |
271 border-bottom: 1px solid #dfdfdf; |
301 -webkit-font-smoothing: antialiased; |
299 -webkit-font-smoothing: antialiased; |
302 -moz-osx-font-smoothing: grayscale; |
300 -moz-osx-font-smoothing: grayscale; |
303 line-height: 36px; |
301 line-height: 36px; |
304 width: 36px; |
302 width: 36px; |
305 height: 36px; |
303 height: 36px; |
306 content: '\f158'; |
304 content: "\f158"; |
307 } |
305 } |
308 |
306 |
309 .ui-button.ui-dialog-titlebar-close:hover { |
307 .ui-button.ui-dialog-titlebar-close:hover { |
310 color: #00a0d2; |
308 color: #00a0d2; |
311 } |
309 } |