| |
| .laydate-set-ym, |
| .layui-laydate, |
| .layui-laydate *, |
| .layui-laydate-list { |
| box-sizing: border-box |
| } |
|
|
| html #layuicss-laydate { |
| display: none; |
| position: absolute; |
| width: 1989px |
| } |
|
|
| .layui-laydate * { |
| margin: 0; |
| padding: 0 |
| } |
|
|
| .layui-laydate { |
| position: absolute; |
| z-index: 66666666; |
| margin: 5px 0; |
| border-radius: 2px; |
| font-size: 14px; |
| -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 |
| } |
|
|
| .layui-laydate-main { |
| width: 272px |
| } |
|
|
| .layui-laydate-content td, |
| .layui-laydate-header *, |
| .layui-laydate-list li { |
| transition-duration: .3s; |
| -webkit-transition-duration: .3s |
| } |
|
|
| @-webkit-keyframes laydate-upbit { |
| from { |
| -webkit-transform: translate3d(0, 20px, 0); |
| opacity: .3 |
| } |
|
|
| to { |
| -webkit-transform: translate3d(0, 0, 0); |
| opacity: 1 |
| } |
| } |
|
|
| @keyframes laydate-upbit { |
| from { |
| transform: translate3d(0, 20px, 0); |
| opacity: .3 |
| } |
|
|
| to { |
| transform: translate3d(0, 0, 0); |
| opacity: 1 |
| } |
| } |
|
|
| .layui-laydate-static { |
| position: relative; |
| z-index: 0; |
| display: inline-block; |
| margin: 0; |
| -webkit-animation: none; |
| animation: none |
| } |
|
|
| .laydate-ym-show .laydate-next-m, |
| .laydate-ym-show .laydate-prev-m { |
| display: none !important |
| } |
|
|
| .laydate-ym-show .laydate-next-y, |
| .laydate-ym-show .laydate-prev-y { |
| display: inline-block !important |
| } |
|
|
| .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 |
| } |
|
|
| .layui-laydate-header { |
| position: relative; |
| line-height: 30px; |
| padding: 10px 70px 5px |
| } |
|
|
| .laydate-set-ym span, |
| .layui-laydate-header i { |
| padding: 0 5px; |
| cursor: pointer |
| } |
|
|
| .layui-laydate-header * { |
| display: inline-block; |
| vertical-align: bottom |
| } |
|
|
| .layui-laydate-header i { |
| position: absolute; |
| top: 10px; |
| color: #999; |
| font-size: 18px |
| } |
|
|
| .layui-laydate-header i.laydate-prev-y { |
| left: 15px |
| } |
|
|
| .layui-laydate-header i.laydate-prev-m { |
| left: 45px |
| } |
|
|
| .layui-laydate-header i.laydate-next-y { |
| right: 15px |
| } |
|
|
| .layui-laydate-header i.laydate-next-m { |
| right: 45px |
| } |
|
|
| .laydate-set-ym { |
| width: 100%; |
| text-align: center; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap |
| } |
|
|
| .laydate-time-text { |
| cursor: default !important |
| } |
|
|
| .layui-laydate-content { |
| position: relative; |
| padding: 10px; |
| -moz-user-select: none; |
| -webkit-user-select: none; |
| -ms-user-select: none |
| } |
|
|
| .layui-laydate-content table { |
| border-collapse: collapse; |
| border-spacing: 0 |
| } |
|
|
| .layui-laydate-content td, |
| .layui-laydate-content th { |
| width: 36px; |
| height: 30px; |
| padding: 5px; |
| text-align: center |
| } |
|
|
| .layui-laydate-content td { |
| position: relative; |
| cursor: pointer |
| } |
|
|
| .laydate-day-mark { |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 100%; |
| height: 100%; |
| line-height: 30px; |
| font-size: 12px; |
| overflow: hidden |
| } |
|
|
| .laydate-day-mark::after { |
| position: absolute; |
| content: ''; |
| right: 2px; |
| top: 2px; |
| width: 5px; |
| height: 5px; |
| border-radius: 50% |
| } |
|
|
| .layui-laydate-footer { |
| position: relative; |
| height: 46px; |
| line-height: 26px; |
| padding: 10px 20px |
| } |
|
|
| .layui-laydate-footer span { |
| margin-right: 15px; |
| display: inline-block; |
| cursor: pointer; |
| font-size: 12px |
| } |
|
|
| .layui-laydate-footer span:hover { |
| color: #20a53a |
| } |
|
|
| .laydate-footer-btns { |
| position: absolute; |
| right: 10px; |
| top: 10px |
| } |
|
|
| .laydate-footer-btns span { |
| height: 26px; |
| line-height: 26px; |
| margin: 0 0 0 -1px; |
| padding: 0 10px; |
| border: 1px solid #C9C9C9; |
| background-color: #fff; |
| white-space: nowrap; |
| vertical-align: top; |
| border-radius: 2px |
| } |
|
|
| .layui-laydate-list>li, |
| .layui-laydate-range .layui-laydate-main { |
| display: inline-block; |
| vertical-align: middle |
| } |
|
|
| .layui-laydate-list { |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 100%; |
| height: 100%; |
| padding: 10px; |
| background-color: #fff |
| } |
|
|
| .layui-laydate-list>li { |
| position: relative; |
| width: 33.3%; |
| height: 36px; |
| line-height: 36px; |
| margin: 3px 0; |
| text-align: center; |
| cursor: pointer |
| } |
|
|
| .laydate-month-list>li { |
| width: 25%; |
| margin: 17px 0 |
| } |
|
|
| .laydate-time-list>li { |
| height: 100%; |
| margin: 0; |
| line-height: normal; |
| cursor: default |
| } |
|
|
| .laydate-time-list p { |
| position: relative; |
| top: -4px; |
| line-height: 29px |
| } |
|
|
| .laydate-time-list ol { |
| height: 181px; |
| overflow: hidden |
| } |
|
|
| .laydate-time-list>li:hover ol { |
| overflow-y: auto |
| } |
|
|
| .laydate-time-list ol li { |
| width: 130%; |
| padding-left: 33px; |
| line-height: 30px; |
| text-align: left; |
| cursor: pointer |
| } |
|
|
| .layui-laydate-hint { |
| position: absolute; |
| top: 115px; |
| left: 50%; |
| width: 250px; |
| margin-left: -125px; |
| line-height: 20px; |
| padding: 15px; |
| text-align: center; |
| font-size: 12px |
| } |
|
|
| .layui-laydate-range { |
| width: 546px |
| } |
|
|
| .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 |
| } |
|
|
| .layui-laydate-range .laydate-main-list-1 .layui-laydate-content { |
| border-left: 1px solid #e2e2e2 |
| } |
|
|
| .layui-laydate, |
| .layui-laydate-hint { |
| border: 1px solid #d2d2d2; |
| box-shadow: 0 2px 4px rgba(0, 0, 0, .12); |
| background-color: #fff; |
| color: #666 |
| } |
|
|
| .layui-laydate-header { |
| border-bottom: 1px solid #e2e2e2 |
| } |
|
|
| .layui-laydate-header i:hover, |
| .layui-laydate-header span:hover { |
| color: #5FB878 |
| } |
|
|
| .layui-laydate-content { |
| border-top: none 0; |
| border-bottom: none 0 |
| } |
|
|
| .layui-laydate-content th { |
| font-weight: 400; |
| color: #333 |
| } |
|
|
| .layui-laydate-content td { |
| color: #666 |
| } |
|
|
| .layui-laydate-content td.laydate-selected { |
| background-color: #1c7a2f; |
| } |
|
|
| .laydate-selected:hover { |
| background-color: #1c7a2f !important |
| } |
|
|
| .layui-laydate-content td:hover, |
| .layui-laydate-list li:hover { |
| background-color: #eaeaea; |
| color: #333 |
| } |
|
|
| .laydate-time-list li ol { |
| margin: 0; |
| padding: 0; |
| border: 1px solid #e2e2e2; |
| border-left-width: 0 |
| } |
|
|
| .laydate-time-list li:first-child ol { |
| border-left-width: 1px |
| } |
|
|
| .laydate-time-list>li:hover { |
| background: 0 0 |
| } |
|
|
| .layui-laydate-content .laydate-day-next, |
| .layui-laydate-content .laydate-day-prev { |
| color: #d2d2d2 |
| } |
|
|
| .laydate-selected.laydate-day-next, |
| .laydate-selected.laydate-day-prev { |
| background-color: #f8f8f8 !important |
| } |
|
|
| .layui-laydate-footer { |
| border-top: 1px solid #e2e2e2 |
| } |
|
|
| .layui-laydate-hint { |
| color: #FF5722 |
| } |
|
|
| .laydate-day-mark::after { |
| background-color: #5FB878 |
| } |
|
|
| .layui-laydate-content td.layui-this .laydate-day-mark::after { |
| display: none |
| } |
|
|
| .layui-laydate-footer span[lay-type=date] { |
| color: #5FB878 |
| } |
|
|
| .layui-laydate .layui-this { |
| background-color: #20a53a !important; |
| color: #fff !important |
| } |
|
|
| .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 |
| } |
|
|
| .laydate-theme-molv { |
| border: none |
| } |
|
|
| .laydate-theme-molv.layui-laydate-range { |
| width: 548px |
| } |
|
|
| .laydate-theme-molv .layui-laydate-main { |
| width: 274px |
| } |
|
|
| .laydate-theme-molv .layui-laydate-header { |
| border: none; |
| background-color: #20a53a |
| } |
|
|
| .laydate-theme-molv .layui-laydate-header i, |
| .laydate-theme-molv .layui-laydate-header span { |
| color: #f6f6f6 |
| } |
|
|
| .laydate-theme-molv .layui-laydate-header i:hover, |
| .laydate-theme-molv .layui-laydate-header span:hover { |
| color: #fff |
| } |
|
|
| .laydate-theme-molv .layui-laydate-content { |
| border: 1px solid #e2e2e2; |
| border-top: none; |
| border-bottom: none |
| } |
|
|
| .laydate-theme-molv .laydate-main-list-1 .layui-laydate-content { |
| border-left: none |
| } |
|
|
| .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 |
| } |
|
|
| .laydate-theme-grid .laydate-selected, |
| .laydate-theme-grid .laydate-selected:hover { |
| background-color: #f2f2f2 !important; |
| color: #20a53a !important |
| } |
|
|
| .laydate-theme-grid .laydate-selected.laydate-day-next, |
| .laydate-theme-grid .laydate-selected.laydate-day-prev { |
| color: #d2d2d2 !important |
| } |
|
|
| .laydate-theme-grid .laydate-month-list, |
| .laydate-theme-grid .laydate-year-list { |
| margin: 1px 0 0 1px |
| } |
|
|
| .laydate-theme-grid .laydate-month-list>li, |
| .laydate-theme-grid .laydate-year-list>li { |
| margin: 0 -1px -1px 0 |
| } |
|
|
| .laydate-theme-grid .laydate-year-list>li { |
| height: 43px; |
| line-height: 43px |
| } |
|
|
| .laydate-theme-grid .laydate-month-list>li { |
| height: 71px; |
| line-height: 71px |
| } |
|
|
| @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') |
| } |
|
|
| .laydate-icon { |
| font-family: laydate-icon !important; |
| font-size: 16px; |
| font-style: normal; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale |
| } |
|
|
|
|
|
|
|
|
| html.dark .layui-laydate-footer span:hover { |
| color: var(--el-color-primary); |
| } |
|
|
|
|
| html.dark .laydate-footer-btns span { |
| background-color: var(--el-bg-color); |
| border-color: var(--el-border-color); |
| } |
|
|
| html.dark .layui-laydate-list { |
| background-color: var(--el-fill-color-lighter); |
| } |
|
|
|
|
| html.dark .layui-laydate-range .laydate-main-list-1 .layui-laydate-content { |
| border-left: 1px solid var(--el-border-color); |
| } |
|
|
| html.dark .layui-laydate, |
| html.dark .layui-laydate-hint { |
| border: 1px solid var(--el-border-color); |
| background-color: var(--el-fill-color-lighter); |
| color: var(--el-text-color-primary); |
| } |
|
|
| html.dark .layui-laydate-header { |
| border-bottom: 1px solid var(--el-border-color) |
| } |
|
|
| html.dark .layui-laydate-header i:hover, |
| html.dark .layui-laydate-header span:hover { |
| color: var(--el-color-primary); |
| } |
|
|
| html.dark .layui-laydate-content th { |
| color: var(--el-base-tertiary); |
| } |
|
|
| html.dark .layui-laydate-content td { |
| color: var(--el-base-primary); |
| } |
|
|
| html.dark .laydate-selected:hover { |
| background-color: var(--el-color-primary); |
| } |
|
|
| html.dark .layui-laydate-content td:hover, |
| html.dark .layui-laydate-list li:hover { |
| background-color: var(--el-fill-color-light); |
| color: var(--el-text-color-primary); |
| } |
|
|
| html.dark .laydate-time-list li ol { |
| border: 1px solid var(--el-border-color); |
| } |
|
|
| html.dark .layui-laydate-content .laydate-day-next, |
| html.dark .layui-laydate-content .laydate-day-prev { |
| color: var(--el-base-tertiary); |
| } |
|
|
| html.dark .layui-laydate-footer { |
| border-top: 1px solid var(--el-border-color); |
| } |
|
|
| html.dark .laydate-selected.laydate-day-next, |
| html.dark .laydate-selected.laydate-day-prev { |
| background-color: var(--el-fill-color-lighter) !important |
| } |
|
|
| html.dark .layui-laydate-hint { |
| color: var(--el-color-error); |
| } |
|
|
| html.dark .laydate-day-mark::after { |
| background-color: var(--el-color-success); |
| } |
|
|
| html.dark .layui-laydate-footer span[lay-type=date] { |
| color: var(--el-color-success); |
| } |
|
|
|
|
| html.dark .layui-laydate .layui-this { |
| background-color: var(--el-color-primary) !important; |
| color: #fff !important; |
| } |
|
|
| html.dark .layui-laydate .laydate-disabled, |
| html.dark .layui-laydate .laydate-disabled:hover { |
| color: var(--el-color-text-disabled) !important; |
| } |
|
|
| html.dark .laydate-theme-molv .layui-laydate-header { |
| background-color: var(--el-color-primary); |
| } |
|
|
| html.dark .laydate-theme-molv .layui-laydate-header i, |
| html.dark .laydate-theme-molv .layui-laydate-header span { |
| color: var(--el-base-primary); |
| } |
|
|
| html.dark .laydate-theme-molv .layui-laydate-header i:hover, |
| html.dark .laydate-theme-molv .layui-laydate-header span:hover { |
| color: var(--el-color-white); |
| } |
|
|
| html.dark .laydate-theme-molv .layui-laydate-content { |
| border: 1px solid var(--el-border-color); |
| } |
|
|
| html.dark .laydate-theme-grid .laydate-month-list>li, |
| html.dark .laydate-theme-grid .laydate-year-list>li, |
| html.dark .laydate-theme-grid .layui-laydate-content td, |
| html.dark .laydate-theme-grid .layui-laydate-content thead, |
| html.dark .laydate-theme-molv .layui-laydate-footer { |
| border: 1px solid var(--el-border-color); |
| } |
|
|
| html.dark .laydate-theme-grid .laydate-selected, |
| html.dark .laydate-theme-grid .laydate-selected:hover { |
| background-color: var(--el-fill-color-lighter) !important; |
| color: var(--el-color-primary) !important |
| } |
|
|
| html.dark .laydate-theme-grid .laydate-selected.laydate-day-next, |
| html.dark .laydate-theme-grid .laydate-selected.laydate-day-prev { |
| color: var(--el-color-text-disabled) !important |
| } |
