diff options
author | Andrew Dolgov <[email protected]> | 2012-08-14 18:59:10 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2012-08-14 18:59:18 +0400 |
commit | 1354d17270961fff662d40f90521223f8fd0d73b (patch) | |
tree | e9266be71587e47c800303446e968a6d3565e2cf /lib/dijit/themes/claro/Calendar.css | |
parent | d04f8c826f5283765f52cf6b98b42a1ed8f2d6bc (diff) |
update dojo to 1.7.3
Diffstat (limited to 'lib/dijit/themes/claro/Calendar.css')
-rw-r--r-- | lib/dijit/themes/claro/Calendar.css | 74 |
1 files changed, 38 insertions, 36 deletions
diff --git a/lib/dijit/themes/claro/Calendar.css b/lib/dijit/themes/claro/Calendar.css index ff8e64fa7..a0f959759 100644 --- a/lib/dijit/themes/claro/Calendar.css +++ b/lib/dijit/themes/claro/Calendar.css @@ -41,6 +41,7 @@ padding: 6px 5px 3px 5px; -moz-border-radius: 4px; border-radius: 4px; + border-collapse: separate; } .dj_ie6 .claro .dijitCalendar { background-image: none; @@ -48,13 +49,13 @@ .claro .dijitCalendar img { border: none; } -.claro .dijitCalendarHover, .claro .dijitCalendarActive { +.claro .dijitCalendarHover, .claro .dijitCalendar:hover, .claro .dijitCalendarActive { /* treat dijitCalenderActive like hover since there's * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) */ background-color: #abd6ff; - border: solid 1px #769dc0; + border: solid 1px #759dc0; } .claro .dijitCalendarMonthContainer th { text-align: center; @@ -79,16 +80,16 @@ .claro .dijitCalendarIncrease { background-position: -18px 0; } -.claro .dijitCalendarArrowHover .dijitCalendarDecrease { +.claro .dijitCalendarArrowHover .dijitCalendarDecrease, .claro .dijitCalendarArrow:hover .dijitCalendarDecrease { background-position: -36px 0; } -.claro .dijitCalendarArrowHover .dijitCalendarIncrease { +.claro .dijitCalendarArrowHover .dijitCalendarIncrease, .claro .dijitCalendarArrow:hover .dijitCalendarIncrease { background-position: -55px 0; } -.claro .dijitCalendarArrowActive .dijitCalendarDecrease { +.claro .dijitCalendarArrowActive .dijitCalendarDecrease, .claro .dijitCalendarArrow:active .dijitCalendarDecrease { background-position: -72px 0; } -.claro .dijitCalendarArrowActive .dijitCalendarIncrease { +.claro .dijitCalendarArrowActive .dijitCalendarIncrease, .claro .dijitCalendarArrow:active .dijitCalendarIncrease { background-position: -91px 0; } .claro .dijitA11ySideArrow { @@ -96,18 +97,19 @@ display: none; } -.claro .dijitDayLabels th { - padding: 0 4px 0 4px; - font-weight: bold; - text-align: center; -} .claro .dijitCalendarDayLabelTemplate { padding-bottom: 0; text-align: center; border-bottom: 1px solid #b5bcc7; - font-size: 0.909em; padding: 0 3px 2px; } +.claro .dijitCalendarDayLabel { + padding: 0 4px 0 4px; + font-weight: bold; + font-size: 0.909em; + text-align: center; + color: #000000; +} .claro .dijitCalendarDateTemplate { text-align: center; background-color: #ffffff; @@ -121,12 +123,13 @@ font-weight: bold; letter-spacing: .05em; text-align: center; + color: #000000; } .dj_ie6 .claro .dijitCalendarDateTemplate { background-image: none; } .claro .dijitCalendarPreviousMonth, .claro .dijitCalendarNextMonth { - background-color: #e9f4fe; + background-color: #e5f2fe; background-image: none; border-bottom: solid 1px #d3d3d3; /* todo: redundant with above .dijitCalendarDateTemplate rule */ @@ -149,8 +152,8 @@ transition-duration: 0.35s; } .claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel { - color: #769dc0; - border-color: #e9f4fe; + color: #759dc0; + border-color: #e5f2fe; /* intentionally matches background-color, no visible border until hover/selection */ } @@ -163,6 +166,7 @@ .claro .dijitCalendarYearLabel { padding: 2px 0 0 0; margin: 0; + font-size: 1.17em; } .claro .dijitCalendarYearLabel span { /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ @@ -182,35 +186,38 @@ } /* End Normal Calendar Style */ /* Hovered Calendar Style */ -.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel { +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { background-color: #abd6ff; - border: solid 1px #769dc0; + border: solid 1px #759dc0; color: #000000; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } -.claro .dijitCalendarNextYearHover, .claro .dijitCalendarPreviousYearHover { +.claro .dijitCalendarNextYearHover, +.claro .dijitCalendarNextYear:hover, +.claro .dijitCalendarPreviousYearHover, +.claro .dijitCalendarPreviousYear:hover { color: #000000; border: solid 1px #ffffff; padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ - background-color: #e9f4fe; + background-color: #e5f2fe; } /* End Hovered Calendar Style */ /* Active Calendar Style */ -.claro .dijitCalendarNextYearActive, .claro .dijitCalendarPreviousYearActive { - border: solid 1px #769dc0; +.claro .dijitCalendarNextYearActive, .claro .dijitCalendarNextYear:active.claro .dijitCalendarPreviousYearActive, .claro .dijitCalendarPreviousYear:active { + border: solid 1px #759dc0; padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ - background-color: #cfe5fa; + background-color: #7dbdfa; } -.claro .dijitCalendarActiveDate .dijitCalendarDateLabel { +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { background-image: url("images/calendarContainerImages.png"); background-position: 0 -300px; - background-color: #7dbefa; + background-color: #7dbdfa; border: solid 1px #ffffff; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; @@ -224,18 +231,13 @@ .claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { color: #000000; background-color: #abd6ff; - border-color: #769dc0; + border-color: #759dc0; } /* End Selected Calendar Style */ /* Disabled Calendar Style*/ .claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { - text-decoration: line-through; - /* override hover effects above, hover and click on disabled date should have no effect */ - - background-color: transparent; - border-width: 0; - padding: 4px 6px 4px 5px; color: #818181; + text-decoration: line-through; } /* End Disabled Calendar Style */ /* Styling for month DropDownButton */ @@ -255,13 +257,13 @@ -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } -.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode { - background-color: #e9f4fe; +.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { + background-color: #e5f2fe; border: solid 1px #ffffff; } /* Styling for month drop down list */ .claro .dijitCalendarMonthMenu { - border-color: #769dc0; + border-color: #759dc0; background-color: #ffffff; text-align: center; background-image: none; @@ -273,9 +275,9 @@ border-bottom: solid 1px #ffffff; padding: 2px 0; } -.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { +.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, .claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { background-color: #abd6ff; - border-color: #769dc0; + border-color: #759dc0; border-width: 1px 0; background-image: url("images/commonHighlight.png"); background-repeat: repeat-x; |