]> source.dussan.org Git - jquery-ui.git/commitdiff
Rollback changes for datepicker. This means 3261, 3307, 3513, 3521 are problems again.
authorKeith Wood <kbwood.au@gmail.com>
Sat, 15 Nov 2008 12:08:55 +0000 (12:08 +0000)
committerKeith Wood <kbwood.au@gmail.com>
Sat, 15 Nov 2008 12:08:55 +0000 (12:08 +0000)
themes/default/ui.all.css

index 90650e28ea5ea016330c86e4cf039bf3a8d9ab08..a69f45fcc5125c1e996992b3dfafdf366b0d1bdd 100644 (file)
 }
 
 
-/*datepicker*/
+/* Datepicker */
 /* Main Style Sheet for jQuery UI date picker */
-button.ui-datepicker-trigger {
-       width: 25px;
-}
-img.ui-datepicker-trigger {
-       margin: 2px;
-       vertical-align: middle;
-}
 .ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline {
        /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
-       width: 15.6em;
-       padding: .5em .5em .5em .5em;
+       font-family: Verdana, Arial, sans-serif;
        background: #ffffff;
-       color: #212121;
+       font-size: 1.1em;
        border: 4px solid #d3d3d3;
-       font-family: Verdana, Arial, sans-serif;
-       font-size: .8em;
+       width: 15.5em;
+       padding: 2.5em .5em .5em .5em;
+       position: relative;
 }
-.ui-datepicker-div, #ui-datepicker-div {
+#ui-datepicker-div, .ui-datepicker-div {
+       z-index: 9999; /*must have*/
        display: none;
-       z-index: 100; /*must have*/
-}
-.ui-datepicker-div img, #ui-datepicker-div img, .ui-datepicker-inline img {
-       vertical-align: middle;
+       background: #ffffff;
 }
 .ui-datepicker-inline {
-       display: block;
        float: left;
+       display: block;
 }
-.ui-datepicker-rtl {
-       direction: rtl;
-}
-.ui-datepicker-disabled {
-       position: absolute;
-       z-index: 100;
-       background-color: #ffffff;
-       opacity: 0.5;
-       filter: alpha(opacity = 50);
-}
-.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-prompt, .ui-datepicker-header, .ui-datepicker {
-       clear: both;
-       float: left;
-       width: 100%;
-}
-* html .ui-datepicker-prompt {
-       width: 15.6em;
+.ui-datepicker-control {
+       display: none;
 }
-.ui-datepicker-prompt span {
-       padding: 0px 5px;
+.ui-datepicker-current {
+       display: none;
 }
-.ui-datepicker-control, .ui-datepicker-links {
-       padding: 2px 0px;
+.ui-datepicker-next, .ui-datepicker-prev {
+       position: absolute;
+       left: .5em;
+       top: .5em;
        background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #323232;
-       font-weight: bold;
-       font-size: 80%;
-}
-.ui-datepicker-rtl .ui-datepicker-control, .ui-datepicker-rtl .ui-datepicker-links {
-       font-size: 100%;
 }
-.ui-datepicker-links label { /* disabled links */
-       padding: 2px 5px;
-       color: #888;
+.ui-datepicker-next {
+       left: 14.6em;
 }
-.ui-datepicker-links label img {
-       opacity: 0.5;
-       filter: alpha(opacity = 50);
+.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
+       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 }
-.ui-datepicker-clear, .ui-datepicker-prev {
-       float: left;
-       width: 34%;
-       text-align: left;
+.ui-datepicker-next a, .ui-datepicker-prev a {
+       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-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
-       float: right;
-       text-align: right;
+.ui-datepicker-next a {
+       background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
 }
-.ui-datepicker-current {
-       float: left;
-       width: 32%;
-       text-align: center;
+.ui-datepicker-prev a:hover {
+       background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
 }
-.ui-datepicker-close, .ui-datepicker-next {
-       float: right;
-       width: 34%;
-       text-align: right;
+.ui-datepicker-next a:hover {
+       background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
 }
-.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
-       float: left;
-       text-align: left;
+.ui-datepicker-prev a:active {
+       background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
 }
-.ui-datepicker-header {
-       padding: 1px 0 3px;
-       height: 1.3em;
-       background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #323232;
-       font-weight: bold;
-       text-align: center;
+.ui-datepicker-next a:active {
+       background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
 }
 .ui-datepicker-header select {
-       background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #323232;
-       border: 0px;
-       font-weight: bold;
+       border: 1px solid #d3d3d3;
+       color: #555555;
+       background: #e6e6e6;
        font-size: 1em;
+       line-height: 1.4em;
+       position: absolute;
+       top: .5em;
+       margin: 0 !important;
+       
 }
-.ui-datepicker {
-       text-align: center;
+.ui-datepicker-header select.ui-datepicker-new-month {
+width: 7em;
+left: 2.2em;
 }
-.ui-datepicker a {
-       display: block;
-       width: 100%;
+.ui-datepicker-header select.ui-datepicker-new-year {
+width: 5em;
+left: 9.4em;
 }
-.ui-datepicker-title-row, .ui-datepicker-week-col {
-       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #212121;
+table.ui-datepicker {
+       width: 15.5em;
+       text-align: right;
 }
-.ui-datepicker-days-cell {
+table.ui-datepicker td a {
+       padding: .1em .3em .1em 0;
+       display: block;
+       color: #555555;
        background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #323232;
+       cursor: pointer;
        border: 1px solid #ffffff;
 }
-.ui-datepicker-days-cell-over {
-       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #212121;
+table.ui-datepicker td a:hover {
        border: 1px solid #999999;
-}
-.ui-datepicker-week-over td {
-       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
        color: #212121;
+       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
 }
-.ui-datepicker-unselectable {
-       background: #ffffff url(images/ffffff_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #222222;
-}
-.ui-datepicker-today {
+table.ui-datepicker td a:active {
        border: 1px solid #dddddd;
-}
-.ui-datepicker-current-day {
-       background: #ffffff url(images/ffffff_40x100_textures_02_glass_75.png) 0 50% repeat-x;
        color: #222222;
-       border: 1px solid #dddddd;
+       background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
 }
-.ui-datepicker-status {
-       width: 100%;
-       background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #555555;
-       font-size: 80%;
-       line-height: 1.5;
+table.ui-datepicker .ui-datepicker-title-row td {
+       padding: .3em 0;
        text-align: center;
+       font-size: .9em;
+       color: #222222;
+       text-transform: uppercase;
+       /*border-bottom: 1px solid #d3d3d3;*/
 }
-#ui-datepicker-div a, .ui-datepicker-inline a {
-       cursor: pointer;
-}
-.ui-datepicker-control a, .ui-datepicker-links a {
-       padding: 2px 5px;
-}
-.ui-datepicker-control a:hover, .ui-datepicker-links a:hover {
-       background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #212121;
-}
-.ui-datepicker-title-row a:hover {
-       background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
-       color: #555555;
-}
-
-/* ___________ MULTIPLE MONTHS _________*/
-
-.ui-datepicker-multi .ui-datepicker {
-       border-left: 1px solid #dddddd;
-       border-right: 1px solid #dddddd;
-}
-.ui-datepicker-one-month {
-       float: left;
-       width: 15.6em;
-}
-.ui-datepicker-new-row {
-       clear: left;
+table.ui-datepicker .ui-datepicker-title-row td a {
+       color: #222222;
 }
 
-/* ___________ IE6 IFRAME FIX ________ */
-
-.ui-datepicker-cover {
-    display: none; /*sorry for IE5*/
-    display/**/: block; /*sorry for IE5*/
-    position: absolute; /*must have*/
-    z-index: -1; /*must have*/
-    filter: mask(); /*must have*/
-    top: -4px; /*must have*/
-    left: -4px; /*must have*/
-    width: 200px; /*must have*/
-    height: 200px; /*must have*/
-}
 
 
 /* Dialog */