ngDatepicker.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. .ng-datepicker {
  2. position: absolute;
  3. z-index: 9999;
  4. width: 250px;
  5. background: #fff;
  6. font-size: 12px;
  7. color: #565a5c;
  8. display: inline-block;
  9. border: 1px solid #c4c4c4;
  10. border-radius: 2px;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. .ng-datepicker > .controls {
  15. width: 250px;
  16. display: inline-block;
  17. padding: 5px 0 0 0;
  18. }
  19. .ng-datepicker > .controls i {
  20. font-size: 25px;
  21. cursor: pointer;
  22. }
  23. .ng-datepicker > .controls > .left {
  24. width: 35px;
  25. display: inline-block;
  26. float: left;
  27. margin: 5px 0 0 3px;
  28. }
  29. .ng-datepicker > .controls > .left > i.prev-year-btn {
  30. float: left;
  31. display: block;
  32. font-size: 14px;
  33. opacity: 0.4;
  34. }
  35. .ng-datepicker > .controls > .left > i.prev-month-btn {
  36. float: left;
  37. margin: -5px 0 0 9px;
  38. display: block;
  39. }
  40. .ng-datepicker > .controls > span.date {
  41. width: 170px;
  42. text-align: center;
  43. font-size: 14px;
  44. color: #565a5c;
  45. font-weight: bold;
  46. float: left;
  47. padding: 3px 0 0 0;
  48. }
  49. .ng-datepicker > .controls > .right {
  50. width: 35px;
  51. display: inline-block;
  52. float: right;
  53. margin: 5px 0 0 0;
  54. }
  55. .ng-datepicker > .controls > .right > i.next-year-btn {
  56. float: left;
  57. display: block;
  58. font-size: 14px;
  59. opacity: 0.4;
  60. }
  61. .ng-datepicker > .controls > .right > i.next-month-btn {
  62. float: left;
  63. margin: -6px 9px 0 0;
  64. }
  65. .ng-datepicker > .day-names {
  66. width: 250px;
  67. border-bottom: 1px solid #c4c4c4;
  68. display: inline-block;
  69. }
  70. .ng-datepicker > .day-names > span {
  71. width: 35.7px;
  72. text-align: center;
  73. color: #82888a;
  74. float: left;
  75. display: block;
  76. }
  77. .ng-datepicker > .calendar {
  78. width: 255px;
  79. display: inline-block;
  80. margin: -3px 0 -4px -1px;
  81. padding: 0;
  82. }
  83. .ng-datepicker > .calendar > span > span.day {
  84. width: 35px;
  85. height: 35px;
  86. border-left: 1px solid #c4c4c4;
  87. border-bottom: 1px solid #c4c4c4;
  88. float: left;
  89. display: block;
  90. color: #565a5c;
  91. text-align: center;
  92. font-weight: bold;
  93. line-height: 35px;
  94. margin: 0;
  95. padding: 0;
  96. font-size: 14px;
  97. cursor: pointer;
  98. }
  99. .ng-datepicker > .calendar > span:last-child > span.day {
  100. border-right: 1px solid #c4c4c4;
  101. }
  102. .ng-datepicker > .calendar > span > span.day.disabled {
  103. border-left: 1px solid transparent;
  104. cursor: default;
  105. pointer-events: none;
  106. }
  107. .ng-datepicker > .calendar > span > span.day:hover {
  108. background: #ff5c5b;
  109. color: #fff;
  110. }