Calendar.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /*if you link this stylesheet directory, mobile/common/dijit/base.css must already be imported*/
  2. /* dijit base styles to override (based on claro) */
  3. @import url("../../../../../dijit/themes/claro/form/Common.css");
  4. @import url("../../../../../dijit/themes/claro/form/Button.css");
  5. @import url("../../../../../dijit/themes/claro/Calendar.css");
  6. .dijitCalendar {
  7. border: solid 1px #B5BCC7;
  8. background-color: #CFE5FA;
  9. width: 320px;
  10. text-align: center;
  11. padding: 0px 0px 0px 0px;
  12. -moz-border-radius: 0px;
  13. border-radius: 0px;
  14. }
  15. .dijitCalendar thead {
  16. vertical-align: middle;
  17. border-color: inherit;
  18. background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#CCCCD1));
  19. }
  20. .dijitCalendarMonthLabel {
  21. color: #545454;
  22. font-size: 22px;
  23. padding: 0 4px;
  24. font-family: Helvetica;
  25. text-shadow: rgba(247,247,247,0.6) 0px 1px 0px;
  26. }
  27. .dijitCalendar .dijitDropDownButton .dijitButtonNode {
  28. background-color: transparent;
  29. background-image: none;
  30. padding: 0 3px 0 2px;
  31. border: none;
  32. -webkit-box-shadow: 0 0 0 transparent;
  33. -moz-box-shadow: 0 0 0 transparent;
  34. box-shadow: 0 0 0 transparent;
  35. -moz-border-radius: 0px;
  36. border-radius: 0px;
  37. }
  38. .dijitArrowButtonInner {
  39. display: none;
  40. }
  41. .dijitCalendarDayLabelTemplate {
  42. text-align: center;
  43. font-size: 9px;
  44. color: #545454;
  45. text-shadow: rgba(247,247,247,0.6) 0px 1px 0px;
  46. }
  47. .dijitCalendarHoveredDate .dijitCalendarDateLabel {
  48. background-color: #ABD6FF;
  49. border: solid 1px #769DC0;
  50. color: black;
  51. -webkit-transition-duration: 0.2s;
  52. -moz-transition-duration: 0.2s;
  53. transition-duration: 0.2s;
  54. }
  55. .dijitCalendarDateTemplate {
  56. text-align: center;
  57. background-color: #DDDDE0;
  58. border-bottom: 1px solid lightGrey;
  59. padding-top: 0;
  60. /* color: #545454;*/
  61. color: #4A5B6E;
  62. text-shadow: rgba(231,231,233,1.0) 0px 1px 0px;
  63. font-size: 22px;
  64. font-weight: normal;
  65. font-family: Helvetica;
  66. text-align: center;
  67. }
  68. .dijitCalendarDateTemplate .dijitCalendarDateLabel {
  69. text-decoration: none;
  70. display: block;
  71. padding: 3px 5px 3px 4px;
  72. border-top: solid 1px #ECEEEF;
  73. border-bottom: solid 1px #A6AAB3;
  74. border-left: solid 1px #A0A4AD;
  75. border-right: solid 1px #ECECED;
  76. background-color: rgba(171, 212, 251, 0);
  77. -webkit-transition-property: background-color, border;
  78. -moz-transition-property: background-color, border;
  79. transition-property: background-color, border;
  80. -webkit-transition-duration: 0.35s;
  81. -moz-transition-duration: 0.35s;
  82. transition-duration: 0.35s;
  83. }
  84. .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
  85. .dijitCalendarNextMonth .dijitCalendarDateLabel {
  86. color: #9099A4;
  87. }
  88. .dijitCalendarSelectedDate .dijitCalendarDateLabel {
  89. background-color: #1A80E5;
  90. border-top: solid 1px #1037B3;
  91. border-bottom: solid 1px #1037B3;
  92. border-left: solid 1px #1037B3;
  93. border-right: solid 1px #1037B3;
  94. color: white;
  95. text-shadow: rgba(0,0,0,0.4) 0px 1px 0px;
  96. }
  97. .dijitCalendarActiveDate .dijitCalendarDateLabel {
  98. background-color: #1A80E5;
  99. border: solid 1px white;
  100. -webkit-transition-duration: 0.1s;
  101. -moz-transition-duration: 0.1s;
  102. transition-duration: 0.1s;
  103. }
  104. .dijitCalendarYearLabel {
  105. padding: 2px 0 0 0;
  106. margin: 0;
  107. background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#CCCCD1));
  108. }
  109. .dijitCalendarSelectedYear {
  110. font-size: 1.091em;
  111. color: #545454;
  112. font-family: Helvetica;
  113. text-shadow: rgba(247,247,247,0.6) 0px 1px 0px;
  114. }
  115. .dijitCalendarNextYear,
  116. .dijitCalendarPreviousYear {
  117. padding: 1px 6px 1px 6px;
  118. color: #545454;
  119. text-shadow: rgba(247,247,247,0.6) 0px 1px 0px;
  120. font-size: 0.909em;
  121. }