Calendar.css 3.5 KB

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