angularjs-datetime-picker.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .angularjs-datetime-picker {
  2. color: #333;
  3. font: normal 14px sans-serif;
  4. border: 1px solid #ddd;
  5. display: inline-block;
  6. background: #fff;
  7. z-index: 999;
  8. }
  9. .angularjs-datetime-picker > .adp-month {
  10. text-align: center;
  11. line-height: 22px;
  12. padding: 10px;
  13. background: #fcfcfc;
  14. text-transform: uppercase;
  15. font-weight: bold;
  16. border-bottom: 1px solid #ddd;
  17. position: relative;
  18. }
  19. .angularjs-datetime-picker > .adp-month > button {
  20. color: #555;
  21. font: normal 14px sans-serif;
  22. outline: none;
  23. position: absolute;
  24. background: transparent;
  25. border: none;
  26. cursor: pointer;
  27. }
  28. .angularjs-datetime-picker > .adp-month > button:hover {
  29. color: #333;
  30. }
  31. .angularjs-datetime-picker > .adp-month > button.adp-prev {
  32. left: 10px;
  33. }
  34. .angularjs-datetime-picker > .adp-month > button.adp-next {
  35. right: 10px;
  36. }
  37. .angularjs-datetime-picker > .adp-days {
  38. width: 210px; /* 30 x 7 */
  39. margin: 10px;
  40. text-align: center;
  41. }
  42. .angularjs-datetime-picker > .adp-days > .adp-day-of-week, .angularjs-datetime-picker > .adp-days > .adp-day {
  43. box-sizing: border-box;
  44. -moz-box-sizing: border-box;
  45. border: 1px solid transparent;
  46. width: 30px;
  47. line-height: 28px;
  48. float: left;
  49. }
  50. .angularjs-datetime-picker > .adp-days > .adp-day-of-week {
  51. font-weight: bold;
  52. }
  53. .angularjs-datetime-picker > .adp-days > .adp-day:not(.selectable) {
  54. opacity: 0.15;
  55. cursor: default;
  56. }
  57. .angularjs-datetime-picker > .adp-days > .adp-day.selectable {
  58. cursor: pointer;
  59. }
  60. .angularjs-datetime-picker > .adp-days > .adp-day.selected {
  61. background: #e0e0e0;
  62. }
  63. .angularjs-datetime-picker > .adp-days > .adp-day.selectable:hover {
  64. background: #eee;
  65. }
  66. .angularjs-datetime-picker > .adp-days:after {
  67. content: '';
  68. display: block;
  69. clear: left;
  70. height: 0;
  71. }
  72. .angularjs-datetime-picker input[type=range] {
  73. width: 150px;
  74. }