213 padding: 0; |
213 padding: 0; |
214 } |
214 } |
215 |
215 |
216 .ui-button:hover, |
216 .ui-button:hover, |
217 .ui-button:focus { |
217 .ui-button:focus { |
218 background: #fafafa; |
218 background: #f6f7f7; |
219 border-color: #999; |
219 border-color: #8c8f94; |
220 color: #23282d; |
220 color: #1d2327; |
221 } |
221 } |
222 |
222 |
223 .ui-button:focus { |
223 .ui-button:focus { |
224 border-color: #5b9dd9; |
224 border-color: #4f94d4; |
225 box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); |
225 box-shadow: 0 0 3px rgba(34, 113, 177, 0.8); |
226 } |
226 } |
227 |
227 |
228 .ui-button:active { |
228 .ui-button:active { |
229 background: #eee; |
229 background: #f0f0f1; |
230 border-color: #999; |
230 border-color: #8c8f94; |
231 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
231 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
232 } |
232 } |
233 |
233 |
234 .ui-button[disabled], |
234 .ui-button[disabled], |
235 .ui-button:disabled { |
235 .ui-button:disabled { |
236 color: #a0a5aa !important; |
236 color: #a7aaad !important; |
237 border-color: #ddd !important; |
237 border-color: #dcdcde !important; |
238 background: #f7f7f7 !important; |
238 background: #f6f7f7 !important; |
239 box-shadow: none !important; |
239 box-shadow: none !important; |
240 text-shadow: 0 1px 0 #fff !important; |
240 text-shadow: 0 1px 0 #fff !important; |
241 cursor: default; |
241 cursor: default; |
242 transform: none !important; |
242 transform: none !important; |
243 } |
243 } |
266 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); |
266 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); |
267 overflow: hidden; |
267 overflow: hidden; |
268 } |
268 } |
269 |
269 |
270 .ui-dialog-titlebar { |
270 .ui-dialog-titlebar { |
271 background: #fcfcfc; |
271 background: #fff; |
272 border-bottom: 1px solid #dfdfdf; |
272 border-bottom: 1px solid #dcdcde; |
273 height: 36px; |
273 height: 36px; |
274 font-size: 18px; |
274 font-size: 18px; |
275 font-weight: 600; |
275 font-weight: 600; |
276 line-height: 2; |
276 line-height: 2; |
277 padding: 0 16px 0 36px; |
277 padding: 0 16px 0 36px; |
279 |
279 |
280 .ui-button.ui-dialog-titlebar-close { |
280 .ui-button.ui-dialog-titlebar-close { |
281 background: none; |
281 background: none; |
282 border: none; |
282 border: none; |
283 box-shadow: none; |
283 box-shadow: none; |
284 color: #666; |
284 color: #646970; |
285 cursor: pointer; |
285 cursor: pointer; |
286 display: block; |
286 display: block; |
287 padding: 0; |
287 padding: 0; |
288 position: absolute; |
288 position: absolute; |
289 top: 0; |
289 top: 0; |
290 left: 0; |
290 left: 0; |
291 width: 36px; |
291 width: 36px; |
292 height: 36px; |
292 height: 36px; |
293 text-align: center; |
293 text-align: center; |
294 border-radius: 0; |
294 border-radius: 0; |
|
295 overflow: hidden; |
295 } |
296 } |
296 |
297 |
297 .ui-dialog-titlebar-close:before { |
298 .ui-dialog-titlebar-close:before { |
298 font: normal 20px/1 dashicons; |
299 font: normal 20px/1 dashicons; |
299 vertical-align: top; |
300 vertical-align: top; |
300 speak: none; |
301 speak: never; |
301 -webkit-font-smoothing: antialiased; |
302 -webkit-font-smoothing: antialiased; |
302 -moz-osx-font-smoothing: grayscale; |
303 -moz-osx-font-smoothing: grayscale; |
303 line-height: 1.8; |
304 line-height: 1.8; |
304 width: 36px; |
305 width: 36px; |
305 height: 36px; |
306 height: 36px; |
306 content: "\f158"; |
307 content: "\f158"; |
307 } |
308 } |
308 |
309 |
309 .ui-button.ui-dialog-titlebar-close:hover, |
310 .ui-button.ui-dialog-titlebar-close:hover, |
310 .ui-button.ui-dialog-titlebar-close:focus { |
311 .ui-button.ui-dialog-titlebar-close:focus { |
311 color: #006799; |
312 color: #135e96; |
312 } |
313 } |
313 |
314 |
314 .ui-button.ui-dialog-titlebar-close:focus { |
315 .ui-button.ui-dialog-titlebar-close:focus { |
315 box-shadow: |
316 box-shadow: |
316 0 0 0 1px #5b9dd9, |
317 0 0 0 1px #4f94d4, |
317 0 0 2px 1px rgba(30, 140, 190, 0.8); |
318 0 0 2px 1px rgba(79, 148, 212, 0.8); |
318 /* Only visible in Windows High Contrast mode */ |
319 /* Only visible in Windows High Contrast mode */ |
319 outline: 2px solid transparent; |
320 outline: 2px solid transparent; |
320 outline-offset: -2px; |
321 outline-offset: -2px; |
321 } |
322 } |
322 |
323 |
323 .ui-dialog-titlebar-close .ui-button-text { |
|
324 display: none; |
|
325 } |
|
326 |
|
327 .ui-dialog-content { |
324 .ui-dialog-content { |
328 padding: 16px; |
325 padding: 16px; |
329 overflow: auto; |
326 overflow: auto; |
330 } |
327 } |
331 |
328 |
332 .ui-dialog-buttonpane { |
329 .ui-dialog-buttonpane { |
333 background: #fcfcfc; |
330 background: #fff; |
334 border-top: 1px solid #dfdfdf; |
331 border-top: 1px solid #dcdcde; |
335 padding: 16px; |
332 padding: 16px; |
336 } |
333 } |
337 |
334 |
338 .ui-dialog-buttonpane .ui-button { |
335 .ui-dialog-buttonpane .ui-button { |
339 margin-right: 16px; |
336 margin-right: 16px; |