You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

230 lines
5.5 KiB

2 years ago
  1. .date-picker
  2. {
  3. width:170px;
  4. height:25px;
  5. padding:0;
  6. border:0;
  7. line-height:25px;
  8. padding-left:10px;
  9. font-size:12px;
  10. font-family:Arial;
  11. font-weight:bold;
  12. cursor:pointer;
  13. color:#303030;
  14. position:relative;
  15. z-index:2;
  16. }
  17. .date-picker-wrapper
  18. {
  19. position:absolute;
  20. z-index:1;
  21. border:1px solid #bfbfbf;
  22. background-color:#efefef;
  23. width:428px;
  24. padding: 5px 12px;
  25. font-size:12px;
  26. line-height:20px;
  27. color:#aaa;
  28. font-family:Arial;
  29. box-shadow:3px 3px 10px rgba(0,0,0,0.5);
  30. }
  31. .date-picker-wrapper.single-date {
  32. width:auto;
  33. }
  34. .date-picker-wrapper.no-shortcuts { padding-bottom:12px;}
  35. .date-picker-wrapper .footer
  36. {
  37. font-size:11px;
  38. padding-top: 3px;
  39. }
  40. .date-picker-wrapper b
  41. {
  42. color:#666;
  43. font-weight:700;
  44. }
  45. .date-picker-wrapper a
  46. {
  47. color: rgb(107, 180, 214);
  48. text-decoration:underline;
  49. }
  50. .date-picker-wrapper .month-name
  51. {
  52. text-transform: uppercase;
  53. }
  54. .date-picker-wrapper .month-wrapper
  55. {
  56. border:1px solid #bfbfbf;
  57. border-radius:3px;
  58. background-color:#fff;
  59. padding:5px;
  60. cursor:default;
  61. position:relative;
  62. _overflow:hidden;
  63. }
  64. .date-picker-wrapper .month-wrapper table
  65. {
  66. width:190px;
  67. float:left;
  68. }
  69. .date-picker-wrapper .month-wrapper table.month2
  70. {
  71. width:190px;
  72. float:right;
  73. }
  74. .date-picker-wrapper .month-wrapper table th,
  75. .date-picker-wrapper .month-wrapper table td
  76. {
  77. vertical-align:middle;
  78. text-align:center;
  79. line-height:14px;
  80. margin : 0px;
  81. padding : 0px;
  82. }
  83. .date-picker-wrapper .month-wrapper table .day
  84. {
  85. height:19px;
  86. line-height:19px;
  87. font-size:12px;
  88. margin-bottom:1px;
  89. color:#999;
  90. cursor:default;
  91. }
  92. .date-picker-wrapper .month-wrapper table div.day.lastMonth,
  93. .date-picker-wrapper .month-wrapper table div.day.nextMonth
  94. {
  95. color:#999;
  96. cursor:default;
  97. }
  98. .date-picker-wrapper .month-wrapper table .day.checked
  99. {
  100. background-color: rgba(156, 219, 247, 0.5);
  101. }
  102. .date-picker-wrapper .month-wrapper table .week-name
  103. {
  104. height:20px;
  105. line-height:20px;
  106. font-weight:100;
  107. text-transform: uppercase;
  108. }
  109. .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help !important;}
  110. .date-picker-wrapper .month-wrapper table .day.toMonth.valid
  111. {
  112. color:#333;
  113. cursor:pointer;
  114. }
  115. .date-picker-wrapper .month-wrapper table .day.real-today { background-color: rgb(255, 230, 132); }
  116. .date-picker-wrapper .month-wrapper table .day.real-today.checked { background-color: rgb(112, 204, 213); }
  117. .date-picker-wrapper table .caption
  118. {
  119. height:40px;
  120. }
  121. .date-picker-wrapper table .caption .next,
  122. .date-picker-wrapper table .caption .prev
  123. {
  124. padding:0 5px;
  125. cursor:pointer;
  126. }
  127. .date-picker-wrapper table .caption .next:hover,
  128. .date-picker-wrapper table .caption .prev:hover
  129. {
  130. background-color:#ccc;
  131. color:white;
  132. }
  133. .date-picker-wrapper .gap
  134. {
  135. position:absolute;
  136. display:none;
  137. top:0px;
  138. left:193px;
  139. z-index: 1;
  140. width:15px;
  141. height: 100%;
  142. background-color:red;
  143. font-size:0;
  144. line-height:0;
  145. }
  146. .date-picker-wrapper .gap .gap-lines { height: 100%; overflow:hidden; }
  147. .date-picker-wrapper .gap .gap-line { height:15px;width:15px; position:relative; }
  148. .date-picker-wrapper .gap .gap-line .gap-1 { z-index:1; height:0; border-left:8px solid white; border-top:8px solid #eee;border-bottom:8px solid #eee; }
  149. .date-picker-wrapper .gap .gap-line .gap-2 { position:absolute; right:0; top:0px; z-index:2; height:0; border-left:8px solid transparent; border-top:8px solid white; }
  150. .date-picker-wrapper .gap .gap-line .gap-3 { position:absolute; right:0; top:8px; z-index:2; height:0; border-left:8px solid transparent; border-bottom:8px solid white; }
  151. .date-picker-wrapper .gap .gap-top-mask { width: 6px; height:1px; position:absolute; top: -1px; left: 1px; background-color: #eee; z-index:3; }
  152. .date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height:1px; position:absolute; bottom: -1px; left: 7px; background-color: #eee; z-index:3; }
  153. .date-picker-wrapper .selected-days
  154. {
  155. display:none;
  156. }
  157. .date-picker-wrapper .drp_top-bar
  158. {
  159. line-height:40px;
  160. height:40px;
  161. position:relative;
  162. }
  163. .date-picker-wrapper .drp_top-bar .error-top { display:none; }
  164. .date-picker-wrapper .drp_top-bar .normal-top { display:none; }
  165. .date-picker-wrapper .drp_top-bar .default-top { display:block; }
  166. .date-picker-wrapper .drp_top-bar.error .default-top { display:none; }
  167. .date-picker-wrapper .drp_top-bar.error .error-top { display:block; color:red; }
  168. .date-picker-wrapper .drp_top-bar.normal .default-top { display:none; }
  169. .date-picker-wrapper .drp_top-bar.normal .normal-top { display:block; }
  170. .date-picker-wrapper .drp_top-bar .apply-btn
  171. {
  172. position:absolute;
  173. right: 0px;
  174. top: 6px;
  175. padding:3px 5px;
  176. margin:0;
  177. font-size:12px;
  178. border-radius:4px;
  179. cursor:pointer;
  180. color: #d9eef7;
  181. border: solid 1px #0076a3;
  182. background: #0095cd;
  183. background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  184. background: -moz-linear-gradient(top, #00adee, #0078a5);
  185. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  186. color:white;
  187. }
  188. .date-picker-wrapper .drp_top-bar .apply-btn.disabled
  189. {
  190. cursor: pointer;
  191. color: #606060;
  192. border: solid 1px #b7b7b7;
  193. background: #fff;
  194. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  195. background: -moz-linear-gradient(top, #fff, #ededed);
  196. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  197. }
  198. /*time styling*/
  199. .time {
  200. position: relative;
  201. }
  202. .time input[type=range] {
  203. vertical-align: middle;
  204. }
  205. .time1, .time2 {
  206. width: 180px;
  207. padding: 0 5px;
  208. text-align: center;
  209. }
  210. .time1 {
  211. float: left;
  212. }
  213. .time2 {
  214. float: right;
  215. }
  216. .hour, .minute {
  217. text-align: right;
  218. }
  219. .hide {
  220. display: none;
  221. }