jquery.datetimepicker.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. .xdsoft_datetimepicker{
  2. box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
  3. background: #FFFFFF;
  4. border-bottom: 1px solid #BBBBBB;
  5. border-left: 1px solid #CCCCCC;
  6. border-right: 1px solid #CCCCCC;
  7. border-top: 1px solid #CCCCCC;
  8. color: #333333;
  9. display: block;
  10. font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  11. padding: 8px;
  12. padding-left: 0px;
  13. padding-top: 2px;
  14. position: absolute;
  15. z-index: 9999;
  16. -moz-box-sizing: border-box;
  17. box-sizing: border-box;
  18. display:none;
  19. }
  20. .xdsoft_datetimepicker iframe {
  21. position: absolute;
  22. left: 0;
  23. top: 0;
  24. width: 75px;
  25. height: 210px;
  26. background: transparent;
  27. border:none;
  28. }
  29. /*For IE8 or lower*/
  30. .xdsoft_datetimepicker button {
  31. border:none !important;
  32. }
  33. .xdsoft_noselect{
  34. -webkit-touch-callout: none;
  35. -webkit-user-select: none;
  36. -khtml-user-select: none;
  37. -moz-user-select: none;
  38. -ms-user-select: none;
  39. -o-user-select: none;
  40. user-select: none;
  41. }
  42. .xdsoft_noselect::selection { background: transparent; }
  43. .xdsoft_noselect::-moz-selection { background: transparent; }
  44. .xdsoft_datetimepicker.xdsoft_inline{
  45. display: inline-block;
  46. position: static;
  47. box-shadow: none;
  48. }
  49. .xdsoft_datetimepicker *{
  50. -moz-box-sizing: border-box;
  51. box-sizing: border-box;
  52. padding:0px;
  53. margin:0px;
  54. }
  55. .xdsoft_datetimepicker .xdsoft_datepicker{
  56. display: inline;
  57. width: 224px;
  58. float:left;
  59. margin-left:8px;
  60. }
  61. .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
  62. display:none;
  63. }
  64. .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
  65. display:block;
  66. }
  67. .xdsoft_datetimepicker .xdsoft_timepicker{
  68. width: 58px;
  69. float:left;
  70. text-align:center;
  71. margin-left:8px;
  72. margin-top:0px;
  73. }
  74. .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
  75. margin-top:8px;
  76. margin-bottom:3px
  77. }
  78. .xdsoft_datetimepicker .xdsoft_mounthpicker:after, .xdsoft_datetimepicker .xdsoft_mounthpicker:before { content: ""; display: table; line-height: 0;}
  79. .xdsoft_datetimepicker .xdsoft_mounthpicker:after { clear:both;}
  80. .xdsoft_datetimepicker .xdsoft_mounthpicker{
  81. position: relative;
  82. text-align: center;
  83. *zoom:1;
  84. _height:30px;
  85. }
  86. .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{
  87. background-image: url(../images/ico.png);
  88. }
  89. .xdsoft_datetimepicker .xdsoft_prev{
  90. display: inline;
  91. float: left;
  92. background-position:-20px 0px;
  93. }
  94. .xdsoft_datetimepicker .xdsoft_today_button{
  95. display: inline;
  96. float: left;
  97. background-position:-70px 0px;
  98. margin-left:5px;
  99. }
  100. .xdsoft_datetimepicker .xdsoft_next{
  101. display: inline;
  102. float: right;
  103. background-position:0px 0px;
  104. }
  105. .xdsoft_datetimepicker .xdsoft_next:active,.xdsoft_datetimepicker .xdsoft_prev:active{
  106. }
  107. .xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev ,.xdsoft_datetimepicker .xdsoft_today_button{
  108. background-color: transparent;
  109. background-repeat: no-repeat;
  110. border: 0px none currentColor;
  111. cursor: pointer;
  112. display: block;
  113. height: 30px;
  114. opacity: 0.5;
  115. outline: medium none currentColor;
  116. overflow: hidden;
  117. padding: 0px;
  118. position: relative;
  119. text-indent: 100%;
  120. white-space: nowrap;
  121. width: 20px;
  122. }
  123. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
  124. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
  125. float:none;
  126. background-position:-40px -15px;
  127. height: 15px;
  128. width: 30px;
  129. display: block;
  130. margin-left:14px;
  131. margin-top:7px;
  132. }
  133. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
  134. background-position:-40px 0px;
  135. margin-bottom:7px;
  136. margin-top:0px;
  137. }
  138. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
  139. height:151px;
  140. overflow:hidden;
  141. border-bottom:1px solid #DDDDDD;
  142. }
  143. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
  144. background: #F5F5F5;
  145. border-top:1px solid #DDDDDD;
  146. color: #666666;
  147. font-size: 12px;
  148. text-align: center;
  149. border-collapse:collapse;
  150. cursor:pointer;
  151. border-bottom-width:0px;
  152. height:25px;
  153. line-height:25px;
  154. }
  155. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
  156. border-top-width:0px;
  157. }
  158. .xdsoft_datetimepicker .xdsoft_today_button:hover,
  159. .xdsoft_datetimepicker .xdsoft_next:hover,
  160. .xdsoft_datetimepicker .xdsoft_prev:hover {
  161. opacity: 1;
  162. }
  163. .xdsoft_datetimepicker .xdsoft_label{
  164. display: inline;
  165. position: relative;
  166. z-index: 9999;
  167. margin: 0;
  168. padding: 5px 3px;
  169. font-size: 14px;
  170. line-height: 20px;
  171. font-weight: bold;
  172. background-color: #fff;
  173. float:left;
  174. width:182px;
  175. text-align:center;
  176. cursor:pointer;
  177. _height: 20px;
  178. *zoom:1;
  179. }
  180. .xdsoft_datetimepicker .xdsoft_label:hover{
  181. text-decoration:underline;
  182. }
  183. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{
  184. position:absolute;
  185. right:0px;
  186. top:30px;
  187. border:1px solid #ccc;
  188. /*z-index:101;*/
  189. display:none;
  190. background:#fff;
  191. max-height:160px;
  192. overflow-y:hidden;
  193. _height:0px;
  194. _overflow:hidden;
  195. *zoom:1;
  196. }
  197. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
  198. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
  199. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
  200. color: #fff;
  201. background: #ff8000;
  202. }
  203. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
  204. padding:2px 10px 2px 5px;
  205. }
  206. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
  207. background: #33AAFF;
  208. box-shadow: #178FE5 0px 1px 3px 0px inset;
  209. color:#fff;
  210. font-weight: 700;
  211. }
  212. .xdsoft_datetimepicker .xdsoft_month{
  213. width:90px;
  214. text-align:right;
  215. _width:86px;
  216. }
  217. .xdsoft_datetimepicker .xdsoft_calendar{
  218. clear:both;
  219. }
  220. .xdsoft_datetimepicker .xdsoft_year{
  221. width:56px;
  222. }
  223. .xdsoft_datetimepicker .xdsoft_calendar table{
  224. border-collapse:collapse;
  225. width:100%;
  226. }
  227. .xdsoft_datetimepicker .xdsoft_calendar td > div{
  228. padding-right:5px;
  229. }
  230. .xdsoft_datetimepicker .xdsoft_calendar th{
  231. height: 25px;
  232. }
  233. .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
  234. width:14.2857142%;
  235. text-align:center;
  236. background: #F5F5F5;
  237. border:1px solid #DDDDDD;
  238. color: #666666;
  239. font-size: 12px;
  240. text-align: right;
  241. padding:0px;
  242. border-collapse:collapse;
  243. cursor:pointer;
  244. height: 25px;
  245. }
  246. .xdsoft_datetimepicker .xdsoft_calendar th{
  247. background: #F1F1F1;
  248. }
  249. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
  250. color:#33AAFF;
  251. }
  252. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
  253. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
  254. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
  255. background: #33AAFF;
  256. box-shadow: #178FE5 0px 1px 3px 0px inset;
  257. color:#fff;
  258. font-weight: 700;
  259. }
  260. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
  261. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
  262. .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled{
  263. opacity:0.5;
  264. }
  265. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
  266. opacity:0.2;
  267. }
  268. .xdsoft_datetimepicker .xdsoft_calendar td:hover,
  269. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
  270. color: #fff !important;
  271. background: #ff8000 !important;
  272. box-shadow: none !important;
  273. }
  274. .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
  275. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
  276. color: inherit !important;
  277. background: inherit !important;
  278. box-shadow: inherit !important;
  279. }
  280. .xdsoft_datetimepicker .xdsoft_calendar th{
  281. font-weight: 700;
  282. text-align: center;
  283. color: #999;
  284. cursor:default;
  285. }
  286. .xdsoft_datetimepicker .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
  287. .xdsoft_datetimepicker .xdsoft_copyright a{ color:#eee !important;}
  288. .xdsoft_datetimepicker .xdsoft_copyright a:hover{ color:#aaa !important;}
  289. .xdsoft_time_box{
  290. position:relative;
  291. border:1px solid #ccc;
  292. }
  293. .xdsoft_scrollbar >.xdsoft_scroller{
  294. background:#ccc !important;
  295. height:20px;
  296. border-radius:3px;
  297. }
  298. .xdsoft_scrollbar{
  299. position:absolute;
  300. width:7px;
  301. width:7px;
  302. right:0px;
  303. top:0px;
  304. bottom:0px;
  305. cursor:pointer;
  306. }
  307. .xdsoft_scroller_box{
  308. position:relative;
  309. *zoom:1;
  310. }
  311. .xdsoft_scroller_box { _height: 1; _overflow: hidden; }
  312. .xdsoft_month, .xdsoft_year, .xdsoft_month .xdsoft_option, .xdsoft_year .xdsoft_option { _display: none; _height: 0; _padding: 0; _overflow: hidden; }