laydate.css 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*! laydate-v5.0.9 日期与时间组件 MIT License http://www.layui.com/laydate/ By 贤心 */
  2. .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}
  3. html #layuicss-laydate{position:absolute;display:none;width:1989px}
  4. .layui-laydate *{margin:0;padding:0}
  5. .layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:13px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}
  6. .layui-laydate-main{width:272px}
  7. .layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{-webkit-transition-duration:.3s;transition-duration:.3s}
  8. @-webkit-keyframes laydate-upbit{from{opacity:.3;-webkit-transform:translate3d(0,20px,0)}
  9. to{opacity:1;-webkit-transform:translate3d(0,0,0)}
  10. }
  11. @keyframes laydate-upbit{from{opacity:.3;transform:translate3d(0,20px,0)}
  12. to{opacity:1;transform:translate3d(0,0,0)}
  13. }
  14. .layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}
  15. .laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}
  16. .laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}
  17. .laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}
  18. /*.layui-laydate-header{position:relative;padding:10px 70px 5px;line-height:30px}*/
  19. .layui-laydate-header{position:relative;padding:5px 70px 5px;line-height:25px}
  20. .laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}
  21. .layui-laydate-header *{display:inline-block;vertical-align:bottom}
  22. /*.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}*/
  23. .layui-laydate-header i{position:absolute;top:5px;color:#999;font-size:18px}
  24. .layui-laydate-header i.laydate-prev-y{left:15px}
  25. .layui-laydate-header i.laydate-prev-m{left:45px}
  26. .layui-laydate-header i.laydate-next-y{right:15px}
  27. .layui-laydate-header i.laydate-next-m{right:45px}
  28. .laydate-set-ym{overflow:hidden;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  29. .laydate-time-text{cursor:default!important}
  30. .layui-laydate-content{position:relative;padding:5px 10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
  31. .layui-laydate-content table{border-collapse:collapse;border-spacing:0}
  32. /*.layui-laydate-content td,.layui-laydate-content th{padding:5px;width:36px;height:30px;text-align:center}*/
  33. .layui-laydate-content td,.layui-laydate-content th{padding:2px 5px;width:36px;height:21px;text-align:center}
  34. .layui-laydate-content td{position:relative;cursor:pointer}
  35. .laydate-day-mark{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;font-size:12px;line-height:30px}
  36. .laydate-day-mark::after{position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;content:''}
  37. .layui-laydate-footer{position:relative;padding:10px 20px;height:46px;line-height:26px}
  38. .layui-laydate-footer span{display:inline-block;margin-right:15px;font-size:12px;cursor:pointer}
  39. .layui-laydate-footer span:hover{color:#5FB878}
  40. .laydate-footer-btns{position:absolute;top:10px;right:10px}
  41. .laydate-footer-btns span{margin:0 0 0 -1px;padding:0 10px;height:26px;border:1px solid #C9C9C9;border-radius:2px;background-color:#fff;vertical-align:top;white-space:nowrap;line-height:26px}
  42. .layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}
  43. /*.layui-laydate-list{position:absolute;top:0;left:0;padding:10px;width:100%;height:100%;background-color:#fff}
  44. .layui-laydate-list>li{position:relative;margin:3px 0;width:33.3%;height:36px;text-align:center;line-height:36px;cursor:pointer}*/
  45. .layui-laydate-list{position:absolute;top:0;left:0;padding:10px;width:100%;height:100%;background-color:#fff}
  46. .layui-laydate-list>li{position:relative;margin:3px 0;width:33.3%;height:36px;text-align:center;line-height:36px;cursor:pointer}
  47. /*.laydate-month-list>li{margin:17px 0;width:25%}*/
  48. .laydate-month-list>li{margin:7px 0;width:25%}
  49. .laydate-time-list>li{margin:0;height:100%;line-height:normal;cursor:default}
  50. .laydate-time-list p{position:relative;top:-4px;line-height:29px}
  51. /*.laydate-time-list ol{overflow:hidden;height:181px}*/
  52. .laydate-time-list ol{overflow:hidden;height:120px}
  53. .laydate-time-list>li:hover ol{overflow-y:auto}
  54. .laydate-time-list ol li{padding-left:33px;width:130%;text-align:left;line-height:30px;cursor:pointer}
  55. .layui-laydate-hint{position:absolute;top:115px;left:50%;margin-left:-125px;padding:15px;width:250px;text-align:center;font-size:12px;line-height:20px}
  56. .layui-laydate-range{width:546px}
  57. .layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}
  58. .layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}
  59. .layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12);color:#666}
  60. .layui-laydate-header{border-bottom:1px solid #e2e2e2}
  61. .layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}
  62. .layui-laydate-content{border-top:none 0;border-bottom:none 0}
  63. .layui-laydate-content th{color:#333;font-weight:400}
  64. .layui-laydate-content td{color:#666}
  65. .layui-laydate-content td.laydate-selected{background-color:#00F7DE}
  66. .laydate-selected:hover{background-color:#00F7DE!important}
  67. .layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}
  68. .laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}
  69. .laydate-time-list li:first-child ol{border-left-width:1px}
  70. .laydate-time-list>li:hover{background:0 0}
  71. .layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}
  72. .laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}
  73. .layui-laydate-footer{border-top:1px solid #e2e2e2}
  74. .layui-laydate-hint{color:#FF5722}
  75. .laydate-day-mark::after{background-color:#5FB878}
  76. .layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}
  77. .layui-laydate-footer span[lay-type=date]{color:#5FB878}
  78. .layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}
  79. .layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
  80. .laydate-theme-molv{border:none}
  81. .laydate-theme-molv.layui-laydate-range{width:548px}
  82. .laydate-theme-molv .layui-laydate-main{width:274px}
  83. .laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}
  84. .laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}
  85. .laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}
  86. .laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}
  87. .laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}
  88. .laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}
  89. .laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}
  90. .laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}
  91. .laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}
  92. .laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}
  93. .laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}
  94. .laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}
  95. @font-face{font-family:laydate-icon;src:url(font/iconfont.eot);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')}
  96. .laydate-icon{font-style:normal;font-size:16px;font-family:laydate-icon!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  97. .laydate-year-list{padding:3px 10px;}
  98. .laydate-year-list>li{margin:3px 0;width:33.3%;height:26px;line-height:26px;}
  99. /*墨绿*/
  100. .laydate-logo{background:url(icon.png) right center no-repeat}
  101. /*.laydate-logo{background:url(icon.png) 5px center no-repeat}
  102. .laydate-indent{text-indent:35px !important;}*/
  103. .layui-laydate-header i.laydate-prev-y{font-size:15px !important;}
  104. .layui-laydate-header i.laydate-next-y{font-size:15px !important;}
  105. .laydate-set-ym span{font-size:15px;}