郑州第一人民医院UI

laydate.css 8.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510
  1. /*! laydate-v5.0.85 日期与时间组件 MIT License http://www.layui.com/laydate/ By 贤心 */
  2. .laydate-set-ym,
  3. .layui-laydate,
  4. .layui-laydate *,
  5. .layui-laydate-list {
  6. box-sizing: border-box
  7. }
  8. @font-face {
  9. font-family: laydate-icon;
  10. src: url(font/iconfont.eot);
  11. src: url(font/iconfont.eot#iefix) format('embedded-opentype'), url(font/iconfont.svg#iconfont) format('svg'), url(font/iconfont.woff) format('woff'), url(font/iconfont.ttf) format('truetype')
  12. }
  13. .laydate-icon {
  14. font-family: laydate-icon!important;
  15. font-size: 16px;
  16. font-style: normal;
  17. -webkit-font-smoothing: antialiased;
  18. -moz-osx-font-smoothing: grayscale
  19. }
  20. html #layuicss-laydate {
  21. display: none;
  22. position: absolute;
  23. width: 1989px
  24. }
  25. .layui-laydate * {
  26. margin: 0;
  27. padding: 0
  28. }
  29. .layui-laydate {
  30. position: absolute;
  31. z-index: 66666666;
  32. margin: 5px 0;
  33. border-radius: 2px;
  34. font-size: 14px;
  35. -webkit-animation-duration: .3s;
  36. animation-duration: .3s;
  37. -webkit-animation-fill-mode: both;
  38. animation-fill-mode: both;
  39. -webkit-animation-name: laydate-upbit;
  40. animation-name: laydate-upbit
  41. }
  42. .layui-laydate-main {
  43. width: 272px
  44. }
  45. .layui-laydate-content td,
  46. .layui-laydate-header *,
  47. .layui-laydate-list li {
  48. transition-duration: .3s;
  49. -webkit-transition-duration: .3s
  50. }
  51. @-webkit-keyframes laydate-upbit {
  52. from {
  53. -webkit-transform: translate3d(0, 20px, 0);
  54. opacity: .3
  55. }
  56. to {
  57. -webkit-transform: translate3d(0, 0, 0);
  58. opacity: 1
  59. }
  60. }
  61. @keyframes laydate-upbit {
  62. from {
  63. transform: translate3d(0, 20px, 0);
  64. opacity: .3
  65. }
  66. to {
  67. transform: translate3d(0, 0, 0);
  68. opacity: 1
  69. }
  70. }
  71. .layui-laydate-static {
  72. position: relative;
  73. z-index: 0;
  74. display: inline-block;
  75. margin: 0;
  76. -webkit-animation: none;
  77. animation: none
  78. }
  79. .laydate-ym-show .laydate-next-m,
  80. .laydate-ym-show .laydate-prev-m {
  81. display: none!important
  82. }
  83. .laydate-ym-show .laydate-next-y,
  84. .laydate-ym-show .laydate-prev-y {
  85. display: inline-block!important
  86. }
  87. .laydate-time-show .laydate-set-ym span[lay-type=month],
  88. .laydate-time-show .laydate-set-ym span[lay-type=year],
  89. .laydate-time-show .layui-laydate-header .layui-icon,
  90. .laydate-ym-show .laydate-set-ym span[lay-type=month] {
  91. display: none!important
  92. }
  93. .layui-laydate-header {
  94. position: relative;
  95. line-height: 30px;
  96. padding: 10px 70px 5px
  97. }
  98. .laydate-set-ym span,
  99. .layui-laydate-header i {
  100. padding: 0 5px;
  101. cursor: pointer
  102. }
  103. .layui-laydate-header * {
  104. display: inline-block;
  105. vertical-align: bottom
  106. }
  107. .layui-laydate-header i {
  108. position: absolute;
  109. top: 10px;
  110. color: #999;
  111. font-size: 18px
  112. }
  113. .layui-laydate-header i.laydate-prev-y {
  114. left: 15px
  115. }
  116. .layui-laydate-header i.laydate-prev-m {
  117. left: 45px
  118. }
  119. .layui-laydate-header i.laydate-next-y {
  120. right: 15px
  121. }
  122. .layui-laydate-header i.laydate-next-m {
  123. right: 45px
  124. }
  125. .laydate-set-ym {
  126. width: 100%;
  127. text-align: center;
  128. text-overflow: ellipsis;
  129. overflow: hidden;
  130. white-space: nowrap
  131. }
  132. .laydate-time-text {
  133. cursor: default!important
  134. }
  135. .layui-laydate-content {
  136. position: relative;
  137. padding: 10px;
  138. -moz-user-select: none;
  139. -webkit-user-select: none;
  140. -ms-user-select: none
  141. }
  142. .layui-laydate-content table {
  143. border-collapse: collapse;
  144. border-spacing: 0
  145. }
  146. .layui-laydate-content td,
  147. .layui-laydate-content th {
  148. width: 36px;
  149. height: 30px;
  150. padding: 5px;
  151. text-align: center
  152. }
  153. .layui-laydate-content td {
  154. position: relative;
  155. cursor: pointer
  156. }
  157. .laydate-day-mark {
  158. position: absolute;
  159. left: 0;
  160. top: 0;
  161. width: 100%;
  162. height: 100%;
  163. line-height: 30px;
  164. font-size: 12px;
  165. overflow: hidden
  166. }
  167. .laydate-day-mark::after {
  168. position: absolute;
  169. content: '';
  170. right: 2px;
  171. top: 2px;
  172. width: 5px;
  173. height: 5px;
  174. border-radius: 50%
  175. }
  176. .layui-laydate-footer {
  177. position: relative;
  178. height: 46px;
  179. line-height: 26px;
  180. padding: 10px 20px
  181. }
  182. .layui-laydate-footer span {
  183. margin-right: 15px;
  184. display: inline-block;
  185. cursor: pointer;
  186. font-size: 12px
  187. }
  188. .layui-laydate-footer span:hover {
  189. color: #249fea
  190. }
  191. .laydate-footer-btns {
  192. position: absolute;
  193. right: 10px;
  194. top: 10px
  195. }
  196. .laydate-footer-btns span {
  197. height: 26px;
  198. line-height: 26px;
  199. margin: 0 0 0 -1px;
  200. padding: 0 10px;
  201. border: 1px solid #C9C9C9;
  202. background-color: #fff;
  203. white-space: nowrap;
  204. vertical-align: top;
  205. border-radius: 2px
  206. }
  207. .layui-laydate-list>li,
  208. .layui-laydate-range .layui-laydate-main {
  209. display: inline-block;
  210. vertical-align: middle
  211. }
  212. .layui-laydate-list {
  213. position: absolute;
  214. left: 0;
  215. top: 0;
  216. width: 100%;
  217. height: 100%;
  218. padding: 10px;
  219. background-color: #fff
  220. }
  221. .layui-laydate-list>li {
  222. position: relative;
  223. width: 33.3%;
  224. height: 36px;
  225. line-height: 36px;
  226. margin: 3px 0;
  227. text-align: center;
  228. cursor: pointer
  229. }
  230. .laydate-month-list>li {
  231. width: 25%;
  232. margin: 17px 0
  233. }
  234. .laydate-time-list>li {
  235. height: 100%;
  236. margin: 0;
  237. line-height: normal;
  238. cursor: default
  239. }
  240. .laydate-time-list p {
  241. position: relative;
  242. top: -4px;
  243. line-height: 29px
  244. }
  245. .laydate-time-list ol {
  246. height: 181px;
  247. overflow: hidden
  248. }
  249. .laydate-time-list>li:hover ol {
  250. overflow-y: auto
  251. }
  252. .laydate-time-list ol li {
  253. width: 130%;
  254. padding-left: 33px;
  255. line-height: 30px;
  256. text-align: left;
  257. cursor: pointer
  258. }
  259. .layui-laydate-hint {
  260. position: absolute;
  261. top: 115px;
  262. left: 50%;
  263. width: 250px;
  264. margin-left: -125px;
  265. line-height: 20px;
  266. padding: 15px;
  267. text-align: center;
  268. font-size: 12px
  269. }
  270. .layui-laydate-range {
  271. width: 546px
  272. }
  273. .layui-laydate-range .laydate-main-list-0 .laydate-next-m,
  274. .layui-laydate-range .laydate-main-list-0 .laydate-next-y,
  275. .layui-laydate-range .laydate-main-list-1 .laydate-prev-m,
  276. .layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
  277. display: none
  278. }
  279. .layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
  280. border-left: 1px solid #e2e2e2
  281. }
  282. .layui-laydate,
  283. .layui-laydate-hint {
  284. border: 1px solid #d2d2d2;
  285. box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
  286. background-color: #fff;
  287. color: #666
  288. }
  289. .layui-laydate-header {
  290. border-bottom: 1px solid #e2e2e2
  291. }
  292. .layui-laydate-header i:hover,
  293. .layui-laydate-header span:hover {
  294. color: #249fea
  295. }
  296. .layui-laydate-content {
  297. border-top: none 0;
  298. border-bottom: none 0
  299. }
  300. .layui-laydate-content th {
  301. font-weight: 400;
  302. color: #333
  303. }
  304. .layui-laydate-content td {
  305. color: #666
  306. }
  307. .layui-laydate-content td.laydate-selected {
  308. background-color: #00F7DE
  309. }
  310. .laydate-selected:hover {
  311. background-color: #00F7DE!important
  312. }
  313. .layui-laydate-content td:hover,
  314. .layui-laydate-list li:hover {
  315. background-color: #eaeaea;
  316. color: #333
  317. }
  318. .laydate-time-list li ol {
  319. margin: 0;
  320. padding: 0;
  321. border: 1px solid #e2e2e2;
  322. border-left-width: 0
  323. }
  324. .laydate-time-list li:first-child ol {
  325. border-left-width: 1px
  326. }
  327. .laydate-time-list>li:hover {
  328. background: 0 0
  329. }
  330. .layui-laydate-content .laydate-day-next,
  331. .layui-laydate-content .laydate-day-prev {
  332. color: #d2d2d2
  333. }
  334. .laydate-selected.laydate-day-next,
  335. .laydate-selected.laydate-day-prev {
  336. background-color: #f8f8f8!important
  337. }
  338. .layui-laydate-footer {
  339. border-top: 1px solid #e2e2e2
  340. }
  341. .layui-laydate-hint {
  342. color: #FF5722
  343. }
  344. .laydate-day-mark::after {
  345. background-color: #249fea
  346. }
  347. .layui-laydate-content td.layui-this .laydate-day-mark::after {
  348. display: none
  349. }
  350. .layui-laydate-footer span[lay-type=date] {
  351. color: #249fea
  352. }
  353. .layui-laydate .layui-this {
  354. background-color: #249fea!important;
  355. color: #fff!important
  356. }
  357. .layui-laydate .laydate-disabled,
  358. .layui-laydate .laydate-disabled:hover {
  359. background: 0 0!important;
  360. color: #d2d2d2!important;
  361. cursor: not-allowed!important;
  362. -moz-user-select: none;
  363. -webkit-user-select: none;
  364. -ms-user-select: none
  365. }
  366. .laydate-theme-molv {
  367. border: none
  368. }
  369. .laydate-theme-molv.layui-laydate-range {
  370. width: 548px
  371. }
  372. .laydate-theme-molv .layui-laydate-main {
  373. width: 274px
  374. }
  375. .laydate-theme-molv .layui-laydate-header {
  376. border: none;
  377. background-color: #249fea
  378. }
  379. .laydate-theme-molv .layui-laydate-header i,
  380. .laydate-theme-molv .layui-laydate-header span {
  381. color: #f6f6f6
  382. }
  383. .laydate-theme-molv .layui-laydate-header i:hover,
  384. .laydate-theme-molv .layui-laydate-header span:hover {
  385. color: #fff
  386. }
  387. .laydate-theme-molv .layui-laydate-content {
  388. border: 1px solid #e2e2e2;
  389. border-top: none;
  390. border-bottom: none
  391. }
  392. .laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
  393. border-left: none
  394. }
  395. .laydate-theme-grid .laydate-month-list>li,
  396. .laydate-theme-grid .laydate-year-list>li,
  397. .laydate-theme-grid .layui-laydate-content td,
  398. .laydate-theme-grid .layui-laydate-content thead,
  399. .laydate-theme-molv .layui-laydate-footer {
  400. border: 1px solid #e2e2e2
  401. }
  402. .laydate-theme-grid .laydate-selected,
  403. .laydate-theme-grid .laydate-selected:hover {
  404. background-color: #f2f2f2!important;
  405. color: #249fea!important
  406. }
  407. .laydate-theme-grid .laydate-selected.laydate-day-next,
  408. .laydate-theme-grid .laydate-selected.laydate-day-prev {
  409. color: #d2d2d2!important
  410. }
  411. .laydate-theme-grid .laydate-month-list,
  412. .laydate-theme-grid .laydate-year-list {
  413. margin: 1px 0 0 1px
  414. }
  415. .laydate-theme-grid .laydate-month-list>li,
  416. .laydate-theme-grid .laydate-year-list>li {
  417. margin: 0 -1px -1px 0
  418. }
  419. .laydate-theme-grid .laydate-year-list>li {
  420. height: 43px;
  421. line-height: 43px
  422. }
  423. .laydate-theme-grid .laydate-month-list>li {
  424. height: 71px;
  425. line-height: 71px
  426. }