summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/claro/Calendar.css
diff options
context:
space:
mode:
authorAndrew Dolgov <[email protected]>2012-08-14 18:59:10 +0400
committerAndrew Dolgov <[email protected]>2012-08-14 18:59:18 +0400
commit1354d17270961fff662d40f90521223f8fd0d73b (patch)
treee9266be71587e47c800303446e968a6d3565e2cf /lib/dijit/themes/claro/Calendar.css
parentd04f8c826f5283765f52cf6b98b42a1ed8f2d6bc (diff)
update dojo to 1.7.3
Diffstat (limited to 'lib/dijit/themes/claro/Calendar.css')
-rw-r--r--lib/dijit/themes/claro/Calendar.css74
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;