element-ui/packages/theme-default/lib/time-picker.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-time-spinner__wrapper{height:190px;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;vertical-align:top;position:relative;-ms-overflow-style:none}.el-time-spinner__wrapper:hover{overflow-y:auto}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#E5E9F2;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#fff}.el-time-spinner__item.disabled{color:#d3dce6;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #d3dce6;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-time-panel__content{font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:":";top:50%;color:#fff;position:absolute;font-size:14px;margin-top:-15px;line-height:16px;background-color:#20a0ff;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.el-time-panel__content::after{left:66.66667%;margin-left:-2px}.el-time-panel__content::before{padding-left:33.33333%;margin-right:-2px}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#8492a6}.el-time-panel__btn.confirm{font-weight:800;color:#20a0ff}