Index: date_popup/themes/datepicker.css =================================================================== RCS file: /cvs/drupal-contrib/contributions/modules/date/date_popup/themes/Attic/datepicker.css,v retrieving revision 1.1.2.7 diff -u -r1.1.2.7 datepicker.css --- date_popup/themes/datepicker.css 28 Jul 2009 19:43:52 -0000 1.1.2.7 +++ date_popup/themes/datepicker.css 24 Nov 2010 20:50:01 -0000 @@ -1,37 +1,30 @@ -/* Smoothness Theme for jQuery UI Datepicker */ -#ui-datepicker-div table, -#ui-datepicker-div td, -#ui-datepicker-div th { - margin: 0; - padding: 0; -} -#ui-datepicker-div, -#ui-datepicker-div table, -.ui-datepicker-div, -.ui-datepicker-div table, -.ui-datepicker-inline, -.ui-datepicker-inline table { - font-size: 12px !important; +/* Drupal Custom */ +.ui-datepicker-div, .ui-datepicker-inline a, #ui-datepicker-div a { + text-decoration: none; +} + +.ui-datepicker-div, .ui-datepicker-inline tbody, #ui-datepicker-div tbody { + border: 0px; } + +/* Smoothness Theme for jQuery UI Datepicker */ .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - background: #ffffff; - border: 2px solid #d3d3d3; - font-family: Verdana, Arial, sans-serif; + font-family: Verdana,Arial,sans-serif; + background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x; font-size: 1.1em; - margin: 0; + border: 4px solid #aaaaaa; + width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative; - width: 15.5em; } -#ui-datepicker-div { - background: #ffffff; - display: none; +.ui-datepicker-div, #ui-datepicker-div { z-index: 9999; /*must have*/ + display: none; } .ui-datepicker-inline { + float: left; display: block; - float: left; /* LTR */ } .ui-datepicker-control { display: none; @@ -40,98 +33,103 @@ display: none; } .ui-datepicker-next, .ui-datepicker-prev { - background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */ - left: .5em; /* LTR */ position: absolute; + left: .5em; top: .5em; + background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next { left: 14.6em; } .ui-datepicker-next:hover, .ui-datepicker-prev:hover { - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */ + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; } .ui-datepicker-next a, .ui-datepicker-prev a { - background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */ - border: 1px solid #d3d3d3; - cursor: pointer; - display: block; - font-size: 1em; - height: 1.4em; text-indent: -999999px; width: 1.3em; + height: 1.4em; + display: block; + font-size: 1em; + background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; + border: 1px solid #d3d3d3; + cursor: pointer; } .ui-datepicker-next a { - background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */ + background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:hover { - background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */ + background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:hover { - background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */ + background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-prev a:active { - background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */ + background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; } .ui-datepicker-next a:active { - background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */ + background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; } .ui-datepicker-header select { - background: #e6e6e6; border: 1px solid #d3d3d3; color: #555555; + background: #e6e6e6; font-size: 1em; line-height: 1.4em; - margin: 0 !important; - padding: 0 !important; position: absolute; top: .5em; + margin: 0 !important; +} +.ui-datepicker-header option:focus, .ui-datepicker-header option:hover { + background: #dadada; } .ui-datepicker-header select.ui-datepicker-new-month { - left: 2.2em; /* LTR */ width: 7em; + left: 2.2em; } .ui-datepicker-header select.ui-datepicker-new-year { - left: 9.4em; /* LTR */ width: 5em; + left: 9.4em; } table.ui-datepicker { - text-align: right; /* LTR */ width: 15.5em; + text-align: right; } table.ui-datepicker td a { - color: #555555; + padding: .1em .3em .1em 0; display: block; - padding: .1em .3em .1em 0; /* LTR */ - text-decoration: none; -} -table.ui-datepicker tbody { - border-top: none; -} -table.ui-datepicker tbody td a { - background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */ - border: 1px solid #ffffff; + color: #555555; + background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; cursor: pointer; + border: 1px solid #ffffff; } -table.ui-datepicker tbody td a:hover { - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */ +table.ui-datepicker td a:hover { border: 1px solid #999999; color: #212121; + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; } -table.ui-datepicker tbody td a:active { - background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; /* LTR */ - border: 1px solid #dddddd; - color: #222222; +table.ui-datepicker td a:active { + border: 1px solid #aaaaaa; + color: #212121; + background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; } table.ui-datepicker .ui-datepicker-title-row td { - /*border-bottom: 1px solid #d3d3d3;*/ - color: #222222; - font-size: .9em; padding: .3em 0; text-align: center; + font-size: .9em; + color: #222222; text-transform: uppercase; } - table.ui-datepicker .ui-datepicker-title-row td a { color: #222222; +} +.ui-datepicker-cover { + display: none; + display/**/: block; + position: absolute; + z-index: -1; + filter: mask(); + top: -4px; + left: -4px; + width: 193px; + height: 200px; } \ No newline at end of file