datetimepicker.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /**
  2. * @license angular-bootstrap-datetimepicker
  3. * Copyright 2016 Knight Rider Consulting, Inc. http://www.knightrider.com
  4. * License: MIT
  5. */
  6. .datetimepicker {
  7. border-radius: 4px;
  8. direction: ltr;
  9. display: block;
  10. margin-top: 1px;
  11. -webkit-user-select: none;
  12. -moz-user-select: none;
  13. -ms-user-select: none;
  14. user-select: none;
  15. width: 320px;
  16. }
  17. .datetimepicker > div {
  18. display: none;
  19. }
  20. .datetimepicker .hour,
  21. .datetimepicker .minute {
  22. height: 34px;
  23. line-height: 34px;
  24. margin: 0;
  25. width: 25%;
  26. }
  27. .datetimepicker .table {
  28. margin: 0;
  29. }
  30. .datetimepicker .table td,
  31. .datetimepicker .table th {
  32. border: 0;
  33. border-radius: 4px;
  34. height: 20px;
  35. text-align: center;
  36. }
  37. .datetimepicker .minute:hover,
  38. .datetimepicker .hour:hover,
  39. .datetimepicker .day:hover,
  40. .datetimepicker .switch:hover,
  41. .datetimepicker .left:hover,
  42. .datetimepicker .right:hover {
  43. background: #eee;
  44. cursor: pointer;
  45. }
  46. .datetimepicker .disabled,
  47. .datetimepicker .disabled:hover {
  48. background: none;
  49. color: #ebebeb;
  50. cursor: default;
  51. }
  52. .datetimepicker .active,
  53. .datetimepicker .active:hover,
  54. .datetimepicker .active.disabled,
  55. .datetimepicker .active.disabled:hover {
  56. background-color: #04c;
  57. background-image: linear-gradient(to bottom, #08c, #04c);
  58. background-repeat: repeat-x;
  59. border-color: #04c #04c #002a80;
  60. color: #fff;
  61. -webkit-filter: progid:dximagetransform.microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0);
  62. filter: progid:dximagetransform.microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0);
  63. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  64. }
  65. .datetimepicker .current,
  66. .datetimepicker .current:hover,
  67. .datetimepicker .current.disabled,
  68. .datetimepicker .current.disabled:hover {
  69. background-color: #e5e5e5;
  70. }
  71. .datetimepicker .active:hover,
  72. .datetimepicker .active:hover:hover,
  73. .datetimepicker .active.disabled:hover,
  74. .datetimepicker .active.disabled:hover:hover,
  75. .datetimepicker .active:active,
  76. .datetimepicker .active:hover:active,
  77. .datetimepicker .active.disabled:active,
  78. .datetimepicker .active.disabled:hover:active,
  79. .datetimepicker .active.active,
  80. .datetimepicker .active:hover.active,
  81. .datetimepicker .active.disabled.active,
  82. .datetimepicker .active.disabled:hover.active,
  83. .datetimepicker .active.disabled,
  84. .datetimepicker .active:hover.disabled,
  85. .datetimepicker .active.disabled.disabled,
  86. .datetimepicker .active.disabled:hover.disabled,
  87. .datetimepicker td.active[disabled],
  88. .datetimepicker td.active:hover[disabled],
  89. .datetimepicker td.active.disabled[disabled],
  90. .datetimepicker td.active.disabled:hover[disabled],
  91. .datetimepicker span.active[disabled],
  92. .datetimepicker span.active:hover[disabled],
  93. .datetimepicker span.active.disabled[disabled],
  94. .datetimepicker span.active.disabled:hover[disabled] {
  95. background-color: #04c;
  96. }
  97. .datetimepicker span {
  98. border-radius: 4px;
  99. cursor: pointer;
  100. display: block;
  101. float: left;
  102. height: 54px;
  103. line-height: 54px;
  104. margin: 1%;
  105. width: 23%;
  106. }
  107. .datetimepicker span:hover {
  108. background: #eee;
  109. }
  110. .datetimepicker .past,
  111. .datetimepicker .future {
  112. color: #999;
  113. }