bootstrap-material-datetimepicker.min.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. .dtp .p10, .dtp .p20, .dtp .p60, .dtp .p80 {
  2. display: inline-block
  3. }
  4. .dtp {
  5. position: fixed;
  6. top: 0;
  7. left: 0;
  8. right: 0;
  9. bottom: 0;
  10. background: rgba(0, 0, 0, .4);
  11. z-index: 2000;
  12. font-size: 15px;
  13. -webkit-user-select: none;
  14. -moz-user-select: none;
  15. -ms-user-select: none;
  16. user-select: none
  17. }
  18. .dtp>.dtp-content {
  19. background: #fff;
  20. max-width: 300px;
  21. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
  22. max-height: 520px;
  23. position: relative;
  24. left: 50%
  25. }
  26. .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
  27. background: #1062dc;
  28. color: #fff;
  29. text-align: center;
  30. padding: .3em
  31. }
  32. .dtp div.dtp-date, .dtp div.dtp-time {
  33. background: #0d6efd;
  34. text-align: center;
  35. color: #fff;
  36. padding: 10px
  37. }
  38. .dtp div.dtp-date>div {
  39. padding: 0;
  40. margin: 0
  41. }
  42. .dtp div.dtp-actual-month {
  43. font-size: 1.5em
  44. }
  45. .dtp div.dtp-actual-maxtime, .dtp div.dtp-actual-num {
  46. font-size: 3em;
  47. line-height: .9
  48. }
  49. .dtp div.dtp-actual-year {
  50. font-size: 1.5em;
  51. color: #DCEDC8
  52. }
  53. .dtp div.dtp-picker {
  54. padding: 1em;
  55. text-align: center
  56. }
  57. .dtp div.dtp-actual-time, .dtp div.dtp-picker-month {
  58. font-weight: 500;
  59. text-align: center
  60. }
  61. .dtp div.dtp-picker-month {
  62. padding-bottom: 20px!important;
  63. text-transform: uppercase!important
  64. }
  65. .dtp .dtp-close {
  66. position: absolute;
  67. top: .5em;
  68. right: 1em
  69. }
  70. .dtp .dtp-close>a {
  71. color: #fff
  72. }
  73. .dtp .dtp-close>a>i {
  74. font-size: 1em
  75. }
  76. .dtp table.dtp-picker-days {
  77. margin: 0;
  78. min-height: 251px
  79. }
  80. .dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr>td {
  81. border: none
  82. }
  83. .dtp table.dtp-picker-days tr>td {
  84. font-weight: 700;
  85. font-size: .8em;
  86. text-align: center;
  87. padding: .5em .3em
  88. }
  89. .dtp table.dtp-picker-days tr>td>span.dtp-select-day {
  90. color: #BDBDBD!important
  91. }
  92. .dtp .dtp-picker-time>a, .dtp table.dtp-picker-days tr>td>a {
  93. color: #212121;
  94. text-decoration: none;
  95. padding: .4em .5em .5em .6em;
  96. border-radius: 50%!important
  97. }
  98. .dtp table.dtp-picker-days tr>td>a.selected {
  99. background: #0d6efd;
  100. color: #fff
  101. }
  102. .dtp table.dtp-picker-days tr>th {
  103. color: #757575;
  104. text-align: center;
  105. font-weight: 700;
  106. padding: .4em .3em
  107. }
  108. .dtp .p10>a {
  109. color: #fff;
  110. text-decoration: none
  111. }
  112. .dtp .p10 {
  113. width: 10%
  114. }
  115. .dtp .p20 {
  116. width: 20%
  117. }
  118. .dtp .p60 {
  119. width: 60%
  120. }
  121. .dtp .p80 {
  122. width: 80%
  123. }
  124. .dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
  125. position: relative;
  126. top: 10px;
  127. color: #212121;
  128. font-weight: 500;
  129. padding: .7em .5em;
  130. border-radius: 50%!important;
  131. text-decoration: none;
  132. background: #eee;
  133. font-size: 1em
  134. }
  135. .dtp .dtp-actual-meridien a.selected {
  136. background: #689F38;
  137. color: #fff
  138. }
  139. .dtp .dtp-picker-time>.dtp-select-hour, .dtp .dtp-picker-time>.dtp-select-minute {
  140. cursor: pointer
  141. }
  142. .dtp .dtp-buttons {
  143. padding: 0 1em 1em;
  144. text-align: right
  145. }
  146. .dtp .hidden, .dtp.hidden {
  147. display: none
  148. }
  149. .dtp .invisible {
  150. visibility: hidden
  151. }
  152. .dtp .left {
  153. float: left
  154. }
  155. .dtp .right {
  156. float: right
  157. }
  158. .dtp .clearfix {
  159. clear: both
  160. }
  161. .dtp .center {
  162. text-align: center
  163. }
  164. /*# sourceMappingURL=bootstrap-material-datetimepicker.min.css.map */