datepicker.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* Bootstrap datepicker */
  2. .bsdatepicker {
  3. top: 0;
  4. left: 0;
  5. margin-top: 1px;
  6. padding: 4px !important;
  7. }
  8. .bsdatepicker:before {
  9. position: absolute;
  10. top: -7px;
  11. left: 6px;
  12. display: inline-block;
  13. content: '';
  14. border-right: 7px solid transparent;
  15. border-bottom: 7px solid transparent;
  16. border-bottom-color: transparent;
  17. border-left: 7px solid transparent;
  18. }
  19. .bsdatepicker:after {
  20. position: absolute;
  21. top: -6px;
  22. left: 7px;
  23. display: inline-block;
  24. content: '';
  25. border-right: 6px solid transparent;
  26. border-bottom: 6px solid #fff;
  27. border-left: 6px solid transparent;
  28. }
  29. .bsdatepicker > div {
  30. display: none;
  31. }
  32. .bsdatepicker table {
  33. width: 100%;
  34. margin: 0;
  35. }
  36. .bsdatepicker td,
  37. .bsdatepicker th {
  38. width: 20px;
  39. height: 20px;
  40. margin: 3px;
  41. text-align: center;
  42. }
  43. .bsdatepicker td.day:hover {
  44. cursor: pointer;
  45. }
  46. .bsdatepicker td.day.disabled {
  47. color: #eee;
  48. }
  49. .bsdatepicker td.old,
  50. .bsdatepicker td.new {
  51. color: #999;
  52. }
  53. .bsdatepicker td span {
  54. line-height: 44px;
  55. display: block;
  56. float: left;
  57. width: 54px;
  58. height: 44px;
  59. margin: 2px;
  60. cursor: pointer;
  61. }
  62. .bsdatepicker td span.old {
  63. color: #999;
  64. }
  65. .bsdatepicker th.switch {
  66. width: 145px;
  67. }
  68. .bsdatepicker th.next,
  69. .bsdatepicker th.prev {
  70. font-size: 21px;
  71. }
  72. .bsdatepicker thead tr:first-child th {
  73. cursor: pointer;
  74. }
  75. .input-append.date .add-on i,
  76. .input-prepend.date .add-on i {
  77. display: block;
  78. width: 16px;
  79. height: 16px;
  80. cursor: pointer;
  81. }