datepicker.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. .datepicker {
  2. display: none;
  3. position: absolute;
  4. padding: 4px;
  5. margin-top: 1px;
  6. direction: ltr; }
  7. .datepicker.dropdown-menu {
  8. position: absolute;
  9. top: 100%;
  10. left: 0;
  11. z-index: 1000;
  12. float: left;
  13. display: none;
  14. min-width: 160px;
  15. list-style: none;
  16. background-color: #fff;
  17. border: 1px solid rgba(0, 0, 0, 0.2);
  18. -webkit-border-radius: 5px;
  19. -moz-border-radius: 5px;
  20. border-radius: 5px;
  21. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  22. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  23. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  24. -webkit-background-clip: padding-box;
  25. -moz-background-clip: padding;
  26. background-clip: padding-box;
  27. *border-right-width: 2px;
  28. *border-bottom-width: 2px;
  29. color: #333;
  30. font-size: 13px;
  31. line-height: 18px; }
  32. .datepicker.dropdown-menu th {
  33. padding: 4px 5px; }
  34. .datepicker.dropdown-menu td {
  35. padding: 4px 5px; }
  36. .datepicker table {
  37. border: 0;
  38. margin: 0;
  39. width: auto; }
  40. .datepicker table tr td span {
  41. display: block;
  42. width: 23%;
  43. height: 54px;
  44. line-height: 54px;
  45. float: left;
  46. margin: 1%;
  47. cursor: pointer; }
  48. .datepicker td {
  49. text-align: center;
  50. width: 20px;
  51. height: 20px;
  52. border: 0;
  53. font-size: 12px;
  54. padding: 4px 8px;
  55. background: #fff;
  56. cursor: pointer; }
  57. .datepicker td.active.day, .datepicker td.active.year {
  58. background: #2ba6cb; }
  59. .datepicker td.old, .datepicker td.new {
  60. color: #999; }
  61. .datepicker td span.active {
  62. background: #2ba6cb; }
  63. .datepicker td.day.disabled {
  64. color: #eee; }
  65. .datepicker th {
  66. text-align: center;
  67. width: 20px;
  68. height: 20px;
  69. border: 0;
  70. font-size: 12px;
  71. padding: 4px 8px;
  72. background: #fff;
  73. cursor: pointer; }
  74. .datepicker th.active.day, .datepicker th.active.year {
  75. background: #2ba6cb; }
  76. .datepicker th.date-switch {
  77. width: 145px; }
  78. .datepicker th span.active {
  79. background: #2ba6cb; }
  80. .datepicker .cw {
  81. font-size: 10px;
  82. width: 12px;
  83. padding: 0 2px 0 5px;
  84. vertical-align: middle; }
  85. .datepicker.days div.datepicker-days {
  86. display: block; }
  87. .datepicker.months div.datepicker-months {
  88. display: block; }
  89. .datepicker.years div.datepicker-years {
  90. display: block; }
  91. .datepicker thead tr:first-child th {
  92. cursor: pointer; }
  93. .datepicker thead tr:first-child th.cw {
  94. cursor: default;
  95. background-color: transparent; }
  96. .datepicker tfoot tr:first-child th {
  97. cursor: pointer; }
  98. .datepicker-inline {
  99. width: 220px; }
  100. .datepicker-rtl {
  101. direction: rtl; }
  102. .datepicker-rtl table tr td span {
  103. float: right; }
  104. .datepicker-dropdown {
  105. top: 0;
  106. left: 0; }
  107. .datepicker-dropdown:before {
  108. content: '';
  109. display: inline-block;
  110. border-left: 7px solid transparent;
  111. border-right: 7px solid transparent;
  112. border-bottom: 7px solid #ccc;
  113. border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
  114. position: absolute;
  115. top: -7px;
  116. left: 6px; }
  117. .datepicker-dropdown:after {
  118. content: '';
  119. display: inline-block;
  120. border-left: 6px solid transparent;
  121. border-right: 6px solid transparent;
  122. border-bottom: 6px solid #fff;
  123. position: absolute;
  124. top: -6px;
  125. left: 7px; }
  126. .datepicker > div,
  127. .datepicker-dropdown::before,
  128. .datepicker-dropdown::after {
  129. display: none; }
  130. .datepicker-close {
  131. position: absolute;
  132. top: -30px;
  133. right: 0;
  134. width: 15px;
  135. height: 30px;
  136. padding: 0;
  137. display: none; }
  138. .table-striped .datepicker table tr td,
  139. .table-striped .datepicker table tr th {
  140. background-color: transparent; }