datepicker.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. .datepicker {
  2. padding: 4px; border-radius: 4px; left: 0px; top: 0px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  3. }
  4. .datepicker > div {
  5. display: none;
  6. }
  7. .datepicker table {
  8. margin: 0px; width: 100%;
  9. }
  10. .datepicker td {
  11. border-radius: 4px; width: 20px; height: 20px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  12. }
  13. .datepicker th {
  14. border-radius: 4px; width: 20px; height: 20px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  15. }
  16. .datepicker td.day:hover {
  17. background: rgb(238, 238, 238); cursor: pointer;
  18. }
  19. .datepicker td.day.disabled {
  20. color: rgb(238, 238, 238);
  21. }
  22. .datepicker td.old {
  23. color: rgb(153, 153, 153);
  24. }
  25. .datepicker td.new {
  26. color: rgb(153, 153, 153);
  27. }
  28. .datepicker td.active {
  29. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204);
  30. }
  31. .datepicker td.active:hover {
  32. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204);
  33. }
  34. .datepicker td.active:hover {
  35. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  36. }
  37. .datepicker td.active:hover {
  38. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  39. }
  40. .datepicker td.active:focus {
  41. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  42. }
  43. .datepicker td.active:hover:focus {
  44. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  45. }
  46. .datepicker td.active:active {
  47. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  48. }
  49. .datepicker td.active:hover:active {
  50. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  51. }
  52. .datepicker td.active.active {
  53. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  54. }
  55. .datepicker td.active.active:hover {
  56. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  57. }
  58. .datepicker td.active.disabled {
  59. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  60. }
  61. .datepicker td.active.disabled:hover {
  62. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  63. }
  64. .datepicker td[disabled].active {
  65. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  66. }
  67. .datepicker td[disabled].active:hover {
  68. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  69. }
  70. .datepicker td.active:active {
  71. }
  72. .datepicker td.active:hover:active {
  73. }
  74. .datepicker td.active.active {
  75. }
  76. .datepicker td.active.active:hover {
  77. }
  78. .datepicker td span {
  79. margin: 2px; border-radius: 4px; width: 47px; height: 54px; line-height: 54px; float: left; display: block; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  80. }
  81. .datepicker td span:hover {
  82. background: rgb(238, 238, 238);
  83. }
  84. .datepicker td span.active {
  85. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; background-color: rgb(0, 109, 204);
  86. }
  87. .datepicker td span.active:hover {
  88. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  89. }
  90. .datepicker td span.active:focus {
  91. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  92. }
  93. .datepicker td span.active:active {
  94. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  95. }
  96. .datepicker td span.active.active {
  97. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  98. }
  99. .datepicker td span.active.disabled {
  100. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  101. }
  102. .datepicker td span[disabled].active {
  103. color: rgb(255, 255, 255); background-color: rgb(0, 68, 204);
  104. }
  105. .datepicker td span.active:active {
  106. }
  107. .datepicker td span.active.active {
  108. }
  109. .datepicker td span.old {
  110. color: rgb(153, 153, 153);
  111. }
  112. .datepicker th.switch {
  113. width: 145px;
  114. }
  115. .datepicker th.next {
  116. font-size: 21px;
  117. }
  118. .datepicker th.prev {
  119. font-size: 21px;
  120. }
  121. .datepicker thead tr:first-child th {
  122. cursor: pointer;
  123. }
  124. .datepicker thead tr:first-child th:hover {
  125. background: rgb(238, 238, 238);
  126. }
  127. .input-append.date .add-on i {
  128. width: 16px; height: 16px; display: block; cursor: pointer;
  129. }
  130. .input-prepend.date .add-on i {
  131. width: 16px; height: 16px; display: block; cursor: pointer;
  132. }