lib/dijit/themes/soria/Calendar.css

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