element-ui/packages/theme-default/lib/time-select.css

A Component Library for Vue.js.

@charset "UTF-8";.fade-in-enter,.fade-in-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-enter-active,.fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.md-fade-center-enter-active,.md-fade-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.md-fade-center-enter,.md-fade-center-leave,.md-fade-center-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.md-fade-bottom-enter-active,.md-fade-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center top;transform-origin:center top}.md-fade-left-enter-active,.md-fade-left-leave-active,.md-fade-top-enter-active,.md-fade-top-leave-active{-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s}.md-fade-bottom-enter,.md-fade-bottom-leave,.md-fade-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.md-fade-top-enter-active,.md-fade-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:center bottom;transform-origin:center bottom}.md-fade-top-enter,.md-fade-top-leave,.md-fade-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.md-fade-left-enter-active,.md-fade-left-leave-active{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:right center;transform-origin:right center}.md-fade-left-enter,.md-fade-left-leave,.md-fade-left-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.md-fade-right-enter-active,.md-fade-right-leave-active{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s,-webkit-transform .3s cubic-bezier(.23,1,.32,1) .1s;-webkit-transform-origin:left center;transform-origin:left center}.md-fade-right-enter,.md-fade-right-leave,.md-fade-right-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1);transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.fade-enter,.fade-leave-active{opacity:0}.list-enter-active,.list-leave-active,.list-move{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1)}.list-enter,.list-leave-active{opacity:0;-webkit-transform:translate(0,-30px);transform:translate(0,-30px)}.el-date-editor{position:relative;display:inline-block;box-sizing:border-box;height:36px;width:182px}.el-date-editor .el-picker-panel{position:absolute;min-width:180px;box-sizing:border-box;box-shadow:0 2px 6px #ccc;background:#fff;z-index:10;top:41px}.el-date-editor.lg .el-date-editor__editor{padding:6px 4px}.el-date-editor.sm .el-date-editor__editor{padding:1px}.el-date-editor.is-have-trigger .el-date-editor__editor{padding-right:20px}.el-date-editor.is-have-trigger .el-date-editor__clear{right:22px}.el-date-editor__editor{border:1px solid #c0ccda;border-radius:4px;line-height:18px;height:36px;padding:3px 10px;width:100%;box-sizing:border-box;-webkit-transition:border .3s;transition:border .3s;color:#666;font-size:14px}.el-date-editor__editor::-webkit-input-placeholder{color:#99a9bf;font-size:14px}.el-date-editor__editor::-moz-placeholder{color:#bbb;font-size:14px}.el-date-editor__editor:-ms-input-placeholder{color:#bbb;font-size:14px}.el-date-editor__editor::placeholder{color:#bbb;font-size:14px}.el-date-editor__trigger.el-icon{cursor:pointer;position:absolute;display:inline-block;width:16px;right:10px;top:0;bottom:0;color:#c0ccda;font-size:16px;line-height:38px}.el-date-editor__clear{cursor:pointer;position:absolute;width:20px;right:0;top:0;bottom:0;line-height:36px;color:#99a9bf}.el-date-editor__clear:hover{color:#20a0ff}.el-date-editor.is-active>.el-date-editor__editor,.el-date-editor:hover>.el-date-editor__editor,.el-date-editor__editor:focus{outline:0;border-color:#20a0ff}.el-date-editor .el-date-editor__clear{display:none}.el-date-editor.is-filled.is-active>.el-date-editor__clear,.el-date-editor.is-filled:hover .el-date-editor__clear{display:inline-block}.el-picker-panel{color:#475669;border:1px solid #d3dce6;box-shadow:0 2px 6px #ccc;background:#fff;border-radius:2px;line-height:20px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#fff;position:relative}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#475669;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{background-color:#e5e9f2}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#20a0ff}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#99a9bf;border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.el-picker-panel__icon-btn:hover{color:#20a0ff}.el-picker-panel__link-btn{cursor:pointer;color:#55a4ff;text-decoration:none;padding:15px;font-size:12px}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:#f9fafc}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{min-width:254px}.el-date-picker .el-picker-panel__content{min-width:224px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker.has-sidebar.has-time{min-width:434px}.el-date-picker.has-sidebar{min-width:370px}.el-date-picker.has-time{min-width:324px}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__editor{position:relative;border:1px solid #c0ccda;border-radius:4px;padding:5px 10px;box-sizing:border-box;height:28px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border .3s;transition:border .3s;width:100%}.el-date-picker__editor:hover{border-color:#20a0ff}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header-label{font-size:14px;padding:0 5px;line-height:22px;text-align:center;cursor:pointer}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#20a0ff}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;overflow:hidden;margin:0}.time-select .el-picker-panel__content:hover{overflow-y:auto}.time-select-item{padding:8px 10px;font-size:14px}.time-select-item.selected:not(.disabled){background-color:#20a0ff;color:#fff}.time-select-item.selected:not(.disabled):hover{background-color:#1d8ce0}.time-select-item.disabled{color:#d3dce6;cursor:not-allowed}.time-select-item:hover{background-color:#e5e9f2;cursor:pointer}