From: Keith Wood Date: Wed, 11 Jun 2008 10:45:06 +0000 (+0000) Subject: Complete datepicker styling X-Git-Tag: 1.5.1~97 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=36dd1c8cb1a583a8b0ed90607da51e7e543096f4;p=jquery-ui.git Complete datepicker styling --- diff --git a/themes/flora/flora.datepicker.css b/themes/flora/flora.datepicker.css index 79575a55a..6715c4eb3 100644 --- a/themes/flora/flora.datepicker.css +++ b/themes/flora/flora.datepicker.css @@ -4,7 +4,7 @@ font-size: 14px; padding: 0; margin: 0; - background: #DDD; + background: #E0F4D7; width: 185px; } #ui-datepicker-div { @@ -17,9 +17,12 @@ display: block; border: 0; } +.ui-datepicker-rtl { + direction: rtl; +} .ui-datepicker-dialog { padding: 5px !important; - border: 4px ridge #DDD !important; + border: 4px ridge #83C948 !important; } button.ui-datepicker-trigger { width: 25px; @@ -31,7 +34,7 @@ img.ui-datepicker-trigger { .ui-datepicker-prompt { float: left; padding: 2px; - background: #DDD; + background: #E0F4D7; color: #000; } *html .ui-datepicker-prompt { @@ -64,6 +67,10 @@ img.ui-datepicker-trigger { float: left; width: 34%; } +.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { + float: right; + text-align: right; +} .ui-datepicker-current { float: left; width: 30%; @@ -74,6 +81,10 @@ img.ui-datepicker-trigger { width: 34%; text-align: right; } +.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { + float: left; + text-align: left; +} .ui-datepicker-header { padding: 1px 0 3px; background: #83C948; @@ -118,6 +129,9 @@ img.ui-datepicker-trigger { .ui-datepicker .ui-datepicker-week-end-cell { background: #E0F4D7; } +.ui-datepicker-title-row .ui-datepicker-week-end-cell { + background: #B1DB87; +} .ui-datepicker .ui-datepicker-days-cell-over { background: #FFF; border: 1px solid #777; @@ -131,6 +145,12 @@ img.ui-datepicker-trigger { .ui-datepicker-current-day { background: #83C948 !important; } +.ui-datepicker-status { + background: #E0F4D7; + width: 100%; + font-size: 80%; + text-align: center; +} #ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0;