Calendar.css 3.4 KB

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