lib/dijit/themes/tundra/Calendar.css

   1 /* Calendar*/
   2
   3 .tundra .dijitCalendarIncrementControl {
   4         /* next/prev month buttons */
   5         width:15px;
   6         height:15px;
   7         background-image: url("images/spriteRoundedIconsSmall.png");
   8         background-repeat: no-repeat
   9 }
  10 .dj_ie6 .tundra .dijitCalendarIncrementControl {
  11         font-size:.1em;
  12         background-image: url("images/spriteRoundedIconsSmall.gif");
  13 }
  14
  15 .tundra .dijitA11ySideArrow {
  16         display: none;
  17 }
  18
  19 .tundra .dijitCalendarDecrease {
  20         background-position: top left;
  21 }
  22 .tundra .dijitCalendarIncrease {
  23         background-position: -30px top;
  24 }
  25
  26 .tundra .dijitCalendarContainer {
  27         font-size: 100%;
  28         border-spacing: 0;
  29         border-collapse: separate;
  30         border: 1px solid #ccc;
  31         margin: 0;
  32 }
  33
  34 .tundra .dijitCalendarMonthContainer th {
  35         /* month header cell */
  36         background:#d3d3d3 url("images/titleBar.png") repeat-x top;
  37         padding-top:.3em;
  38         padding-bottom:.2em;
  39         text-align:center;
  40 }
  41 .dj_ie6 .tundra .dijitCalendarMonthContainer th {
  42         padding-top:.2em;
  43         padding-bottom:.1em;
  44 }
  45
  46 .tundra .dijitCalendarDayLabelTemplate {
  47         /* day of week labels */
  48         background:white url("images/calendarDayLabel.png") repeat-x bottom;
  49         font-weight:normal;
  50         padding-top:.15em;
  51         padding-bottom:0;
  52         border-top: 1px solid #eeeeee;
  53         color:#293a4b;
  54         text-align:center;
  55 }
  56
  57 .tundra .dijitCalendarBodyContainer {
  58         border-bottom: 1px solid #eeeeee;
  59 }
  60
  61 .tundra .dijitCalendarMonthLabel {
  62         color:#293a4b;
  63         font-weight: bold;
  64         padding: 0 4px;
  65 }
  66
  67 .tundra .dijitCalendarDateTemplate {
  68         /* style for each day cell */
  69         font-size: 0.9em;
  70         font-weight: bold;
  71         text-align: center;
  72         padding: 0.3em 0.3em 0.05em 0.3em;
  73         letter-spacing: 1px;
  74 }
  75
  76 .dj_ie .tundra .dijitCalendarDateTemplate {
  77         padding: 0.1em .33em 0.02em .33em;
  78 }
  79
  80 .tundra .dijitCalendarPreviousMonth,
  81 .tundra .dijitCalendarNextMonth                 {
  82         /* days that are part of the previous or next month */
  83         color:#999999;
  84         background-color:#f8f8f8;
  85 }
  86
  87 .tundra .dijitCalendarCurrentMonth {
  88         /* days that are part of this month */
  89         background-color: white;
  90 }
  91
  92 .tundra .dijitCalendarCurrentDate {
  93         /* cell for today's date */
  94         text-decoration:underline;
  95         font-weight:bold;
  96 }
  97
  98 .tundra .dijitCalendarHoveredDate {
  99         background-color: #e2ebf2;
 100 }
 101
 102 .tundra .dijitCalendarDisabledDate {
 103         text-decoration: line-through;
 104         background-color: white;        /* override hover effects above, hover and click on disabled date should have no effect */
 105 }
 106
 107 .tundra .dijitCalendarSelectedDate {
 108         /* cell for the selected date */
 109         background-color:#bbc4d0 !important;
 110         color:black !important;
 111 }
 112 .tundra .dijitCalendarYearContainer {
 113         /* footer of the table that contains the year display/selector */
 114         background:white url("images/calendarYearLabel.png") repeat-x bottom;
 115         border-top:1px solid #ccc;
 116 }
 117
 118 .tundra .dijitCalendarYearLabel {
 119         /* container for all of 3 year labels */
 120         margin:0;
 121         padding:0.4em 0 0.25em 0;
 122         text-align:center;
 123         font-size: 1.17em;
 124 }
 125
 126 .tundra .dijitCalendarSelectedYear {
 127         /* label for selected year */
 128         font-weight:bolder;
 129         color:black;
 130         padding:0.2em;
 131         padding-bottom:0.1em;
 132         background-color:#bbc4d0 !important;
 133 }
 134
 135 .tundra .dijitCalendarNextYear,
 136 .tundra .dijitCalendarPreviousYear {
 137         /* label for next/prev years */
 138         color:black !important;
 139         font-weight:normal;
 140 }
 141
 142 /* Styling for month DropDownButton */
 143
 144 .tundra .dijitCalendar .dijitDropDownButton {
 145         margin: 0;
 146 }
 147 .tundra .dijitCalendar .dijitButtonText {
 148         padding: 0;
 149 }
 150 .tundra .dijitCalendar .dijitDropDownButton .dijitButtonNode {
 151         background-color: transparent;
 152         background-image: none;
 153         padding: 0;
 154 }
 155
 156 /* Styling for month drop down list */
 157
 158 .tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
 159         background-color: #3559ac;
 160         color:#fff;
 161 }