datePicker.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. @charset "utf-8";
  2. /*基本样式,和日历无关*/
  3. .clear{
  4. clear:both;
  5. }
  6. .it,.so,.is{
  7. border:1px solid #ccc;
  8. vertical-align:middle;}
  9. /* Date Picker 日期拾取器 */
  10. table.jCalendar {
  11. border: 1px solid #fff;
  12. border-collapse:collapse;
  13. font-family:Tahoma;
  14. }
  15. table.jCalendar th {
  16. background: #333;
  17. color: #fff;
  18. font-weight: normal;
  19. padding: 3px 5px;
  20. vertical-align:middle;
  21. }
  22. table.jCalendar td {
  23. background: #AADBF9;
  24. color: #000;
  25. font-size:11px;
  26. border:1px solid #fff;
  27. padding: 3px 5px;
  28. text-align: center;
  29. }
  30. table.jCalendar td.other-month {
  31. background: #D0E6F7;
  32. color: #555;
  33. }
  34. table.jCalendar td.today {
  35. background: #FF6600;
  36. color: #fff;
  37. }
  38. table.jCalendar td.selected {
  39. background: #f66;
  40. color: #fff;
  41. }
  42. table.jCalendar td.selected.dp-hover {
  43. background: #fff;
  44. color: #f66;
  45. }
  46. table.jCalendar td.dp-hover,
  47. table.jCalendar tr.activeWeekHover td {
  48. background: #fff;
  49. color: #000;
  50. }
  51. table.jCalendar tr.selectedWeek td {
  52. background: #f66;
  53. color: #fff;
  54. }
  55. table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
  56. background: #ECF1F4;
  57. color: #888;
  58. }
  59. table.jCalendar td.unselectable,
  60. table.jCalendar td.unselectable:hover,
  61. table.jCalendar td.unselectable.dp-hover {
  62. background: #fff;
  63. color: #555;
  64. }
  65. /* For the popup */
  66. /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
  67. div.dp-popup {
  68. position: relative;
  69. background: #D6E9F8;
  70. font-size: 12px;
  71. font-family: arial, sans-serif;
  72. padding: 2px;
  73. width: 160px;
  74. width:162px\9;
  75. line-height: 1.2em;
  76. font-family:Tahoma;
  77. }
  78. div#dp-popup {
  79. position: absolute;
  80. z-index: 199;
  81. }
  82. div.dp-popup h2 {
  83. font-size: 12px;
  84. text-align: center;
  85. margin: 2px 0;
  86. padding: 0;
  87. }
  88. a#dp-close {
  89. font-size: 11px;
  90. padding: 4px 0;
  91. text-align: center;
  92. display: block;
  93. }
  94. a#dp-close:hover {
  95. text-decoration: underline;
  96. }
  97. div.dp-popup a {
  98. color: #000;
  99. text-decoration: none;
  100. padding: 3px 4px 0;
  101. }
  102. div.dp-popup div.dp-nav-prev {
  103. position: absolute;
  104. top: 2px;
  105. left: 4px;
  106. width: 100px;
  107. }
  108. div.dp-popup div.dp-nav-prev a {
  109. float: left;
  110. }
  111. /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
  112. div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  113. cursor: pointer;
  114. }
  115. div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  116. cursor: default;
  117. }
  118. div.dp-popup div.dp-nav-next {
  119. position: absolute;
  120. top: 2px;
  121. right: 4px;
  122. width: 100px;
  123. }
  124. div.dp-popup div.dp-nav-next a {
  125. float: right;
  126. }
  127. div.dp-popup a.disabled {
  128. cursor: default;
  129. color: #aaa;
  130. }
  131. div.dp-popup td {
  132. cursor: pointer;
  133. }
  134. div.dp-popup td.disabled {
  135. cursor: default;
  136. }