From 2efb5cd52acf37f5c4baa6c731c5e39d1ad6899a Mon Sep 17 00:00:00 2001 From: Thomas Bruederli Date: Thu, 19 Jun 2014 10:22:58 +0200 Subject: Extend jQuery UI datepicker widget with basic accessibility features --- .../jqueryui/themes/larry/jquery-ui-1.10.4.custom.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) (limited to 'plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css') diff --git a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css index d5260510b..d481cd37a 100755 --- a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css +++ b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css @@ -1457,6 +1457,10 @@ body .ui-tooltip { margin: 0; border-spacing: 0; } +.ui-datepicker table:focus { + outline: 2px solid #4fadd5; + outline-offset: -2px; +} .ui-datepicker td { border: 1px solid #bbb; padding: 0; @@ -1482,9 +1486,9 @@ body .ui-tooltip { } .ui-datepicker td a.ui-state-active { color: #fff; - border-color: #0286ac; - text-shadow: 0px 1px 1px #00516e; - background: #00acd4; + border-color: #0286ac !important; + text-shadow: 0px 1px 1px #00516e !important; + background: #00acd4 !important; background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7)); background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%); @@ -1494,4 +1498,9 @@ body .ui-tooltip { .ui-datepicker .ui-state-highlight { color: #0081c2; } - +.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default { + color: #fff; + border-color: rgba(73,180,210,0.7); + background: rgba(73,180,210,0.7); + text-shadow: 0px 1px 1px #666; +} -- cgit v1.2.3