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