h_ui
Version:
A Vue.js 2.0 UI Components Framework
1 lines • 19.6 kB
CSS
@charset "UTF-8";.verify-tip{display:block;font-family:"Helvetica Neue",helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:normal;opacity:100;position:absolute;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:nowrap;word-break:nowrap;word-spacing:normal;word-wrap:nowrap;line-height:24px;z-index:9}.verify-tip.verify-top{top:-31px}.verify-tip>.verify-tip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f5222d;border-width:5px 5px 0;left:50%;margin-left:-5px;bottom:-5px}.classic-blue .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.night-black .verify-tip.verify-top>.verify-tip-arrow{border-top-color:#f14658}.verify-tip.verify-bottom{margin-top:2px;padding:5px 0}.verify-tip>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.classic-blue .verify-tip>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip>.verify-tip-inner{color:#fff}.night-black .verify-tip>.verify-tip-inner{color:#fff}.verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f5222d;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.classic-blue .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.night-black .verify-tip.verify-bottom>.verify-tip-arrow{border-bottom-color:#f14658}.verify-tip.bottom>.verify-tip-inner{background-color:#f5222d;border-radius:4px;color:#fff;max-width:200px;padding:0 8px;text-align:center;margin-top:-1px}.classic-blue .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.night-black .verify-tip.bottom>.verify-tip-inner{background-color:#f14658}.classic-blue .verify-tip.bottom>.verify-tip-inner{color:#fff}.night-black .verify-tip.bottom>.verify-tip-inner{color:#fff}.h-message{font-size:12px;position:fixed;z-index:1010;width:100%;top:16px;left:0}.h-message-notice{width:auto;vertical-align:middle;position:absolute;left:50%;pointer-events:none}.h-message-notice-close{position:absolute;right:6px;top:13px;color:#999;outline:0}.classic-blue .h-message-notice-close{color:#999}.night-black .h-message-notice-close{color:rgba(255,255,255,.5)}.h-message-notice-close i.iconfont{font-size:14px;color:#9ea7b4;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-1px}.classic-blue .h-message-notice-close i.iconfont{color:#999}.night-black .h-message-notice-close i.iconfont{color:rgba(255,255,255,.5)}.h-message-notice-close i.iconfont:hover{color:#298dff}.classic-blue .h-message-notice-close i.iconfont:hover{color:#999}.night-black .h-message-notice-close i.iconfont:hover{color:rgba(255,255,255,.5)}.h-message-notice-content{position:relative;right:50%;padding:8px 16px;border-radius:4px;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.15);box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;display:block;pointer-events:auto}.classic-blue .h-message-notice-content{-webkit-box-shadow:0 3px 8px 0 rgba(51,51,51,.3);box-shadow:0 3px 8px 0 rgba(51,51,51,.3)}.night-black .h-message-notice-content{-webkit-box-shadow:0 3px 8px 0 rgba(51,51,51,.3);box-shadow:0 3px 8px 0 rgba(51,51,51,.3)}.classic-blue .h-message-notice-content{background-color:#fff}.night-black .h-message-notice-content{background-color:#2e3a4c}.h-message-notice-content-text{display:inline-block}.h-message-notice-content-text span{color:#495060;font-size:12px}.classic-blue .h-message-notice-content-text span{color:#333}.night-black .h-message-notice-content-text span{color:#fff}.h-message-notice-closable .h-message-notice-content-text{padding-right:32px}.h-message-success .h-icon{color:#1abe6b}.classic-blue .h-message-success .h-icon{color:#3ac992}.night-black .h-message-success .h-icon{color:#3ac992}.h-message-error .h-icon{color:#f5222d}.classic-blue .h-message-error .h-icon{color:#f14658}.night-black .h-message-error .h-icon{color:#f14658}.h-message-warning .h-icon{color:#ff9901}.classic-blue .h-message-warning .h-icon{color:#f2b146}.night-black .h-message-warning .h-icon{color:#f2b146}.h-message-info .h-icon,.h-message-loading .h-icon{color:#298dff}.classic-blue .h-message-info .h-icon,.classic-blue .h-message-loading .h-icon{color:#4686f2}.night-black .h-message-info .h-icon,.night-black .h-message-loading .h-icon{color:#4686f2}.h-message .h-icon{margin-right:4px;font-size:18px;top:1px;position:relative}.h-progress{display:inline-block;width:100%;font-size:0;position:relative}.h-progress-vertical{position:relative;height:90%;height:calc(100% - 20px);width:auto;margin:0 10px}.h-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.h-progress-show-info .h-progress-outer{padding-right:55px;margin-right:-55px}.h-progress-vertical .h-progress-outer{height:100%;width:auto}.h-progress-inner{display:inline-block;width:100%;background-color:#f7f7f7;border-radius:100px;vertical-align:middle;overflow:hidden}.classic-blue .h-progress-inner{background-color:#f7f7f7}.night-black .h-progress-inner{background-color:#35404f}.h-progress-vertical .h-progress-inner{height:100%;width:auto}.h-progress-vertical .h-progress-inner::after,.h-progress-vertical .h-progress-inner>*{display:inline-block;vertical-align:bottom}.h-progress-vertical .h-progress-inner::after{content:"";height:100%}.h-progress-vertical .h-progress-text{position:absolute;left:-11px;bottom:-20px;width:32px;margin-left:0;text-align:center}.h-progress-bg{background-color:#298dff;-webkit-transition:all .2s linear;transition:all .2s linear;position:relative}.classic-blue .h-progress-bg{background-color:#4686f2}.night-black .h-progress-bg{background-color:#4686f2}.h-progress-text{display:inline-block;margin-left:5px;text-align:left;vertical-align:middle;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;font-size:12px;color:#7e828a;line-height:20px}.classic-blue .h-progress-text{color:#666}.night-black .h-progress-text{color:rgba(255,255,255,.7)}.h-progress-text .iconfont{font-size:14px}.h-progress-active .h-progress-bg:before{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;-webkit-animation:h-progress-active 2s ease-in-out infinite;animation:h-progress-active 2s ease-in-out infinite}.classic-blue .h-progress-active .h-progress-bg:before{background-color:#fff}.night-black .h-progress-active .h-progress-bg:before{background-color:#fff}.h-progress-wrong .h-progress-bg{background-color:#f5222d}.classic-blue .h-progress-wrong .h-progress-bg{background-color:#f14658}.night-black .h-progress-wrong .h-progress-bg{background-color:#f14658}.h-progress-wrong .h-progress-text{color:#f5222d}.classic-blue .h-progress-wrong .h-progress-text{color:#f14658}.night-black .h-progress-wrong .h-progress-text{color:#f14658}.h-progress-success .h-progress-bg{background-color:#1abe6b}.classic-blue .h-progress-success .h-progress-bg{background-color:#3ac992}.night-black .h-progress-success .h-progress-bg{background-color:#3ac992}.h-progress-success .h-progress-text{color:#1abe6b}.classic-blue .h-progress-success .h-progress-text{color:#3ac992}.night-black .h-progress-success .h-progress-text{color:#3ac992}@-webkit-keyframes h-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes h-progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.h-tooltip{display:inline-block}.h-tooltip-relative{position:relative}.h-tooltip-rel{display:inline-block;position:relative}.h-tooltip-popper{display:block;visibility:visible;font-size:12px;line-height:1.5;position:absolute;z-index:1060}.h-tooltip-popper[x-placement^=top]{padding:5px 0 8px 0}.h-tooltip-popper[x-placement^=right]{padding:0 5px 0 8px}.h-tooltip-popper[x-placement^=bottom]{padding:8px 0 5px 0}.h-tooltip-popper[x-placement^=left]{padding:0 8px 0 5px}.h-tooltip-popper[x-placement^=top] .h-tooltip-arrow{bottom:3px;border-width:5px 5px 0;border-top-color:#585e6a}.h-tooltip-popper[x-placement=top] .h-tooltip-arrow{left:50%;margin-left:-5px}.h-tooltip-popper[x-placement=top-start] .h-tooltip-arrow{left:16px}.h-tooltip-popper[x-placement=top-end] .h-tooltip-arrow{right:16px}.h-tooltip-popper[x-placement^=right] .h-tooltip-arrow{left:3px;border-width:5px 5px 5px 0;border-right-color:#585e6a}.h-tooltip-popper[x-placement=right] .h-tooltip-arrow{top:50%;margin-top:-5px}.h-tooltip-popper[x-placement=right-start] .h-tooltip-arrow{top:8px}.h-tooltip-popper[x-placement=right-end] .h-tooltip-arrow{bottom:8px}.h-tooltip-popper[x-placement^=left] .h-tooltip-arrow{right:3px;border-width:5px 0 5px 5px;border-left-color:#585e6a}.h-tooltip-popper[x-placement=left] .h-tooltip-arrow{top:50%;margin-top:-5px}.h-tooltip-popper[x-placement=left-start] .h-tooltip-arrow{top:8px}.h-tooltip-popper[x-placement=left-end] .h-tooltip-arrow{bottom:8px}.h-tooltip-popper[x-placement^=bottom] .h-tooltip-arrow{top:3px;border-width:0 5px 5px;border-bottom-color:#585e6a}.h-tooltip-popper[x-placement=bottom] .h-tooltip-arrow{left:50%;margin-left:-5px}.h-tooltip-popper[x-placement=bottom-start] .h-tooltip-arrow{left:16px}.h-tooltip-popper[x-placement=bottom-end] .h-tooltip-arrow{right:16px}.classic-blue .h-tooltip-popper[x-placement^=top] .h-tooltip-arrow{border-top-color:rgba(51,51,51,.9)} .classic-blue.h-tooltip-popper[x-placement^=top] .h-tooltip-arrow{border-top-color:rgba(51,51,51,.9)}.night-black .h-tooltip-popper[x-placement^=top] .h-tooltip-arrow{border-top-color:rgba(0,0,0,.9)} .night-black.h-tooltip-popper[x-placement^=top] .h-tooltip-arrow{border-top-color:rgba(0,0,0,.9)}.classic-blue .h-tooltip-popper[x-placement^=right] .h-tooltip-arrow{border-right-color:rgba(51,51,51,.9)} .classic-blue.h-tooltip-popper[x-placement^=right] .h-tooltip-arrow{border-right-color:rgba(51,51,51,.9)}.night-black .h-tooltip-popper[x-placement^=right] .h-tooltip-arrow{border-right-color:rgba(0,0,0,.9)} .night-black.h-tooltip-popper[x-placement^=right] .h-tooltip-arrow{border-right-color:rgba(0,0,0,.9)}.classic-blue .h-tooltip-popper[x-placement^=left] .h-tooltip-arrow{border-left-color:rgba(51,51,51,.9)} .classic-blue.h-tooltip-popper[x-placement^=left] .h-tooltip-arrow{border-left-color:rgba(51,51,51,.9)}.night-black .h-tooltip-popper[x-placement^=left] .h-tooltip-arrow{border-left-color:rgba(0,0,0,.9)} .night-black.h-tooltip-popper[x-placement^=left] .h-tooltip-arrow{border-left-color:rgba(0,0,0,.9)}.classic-blue .h-tooltip-popper[x-placement^=bottom] .h-tooltip-arrow{border-bottom-color:rgba(51,51,51,.9)} .classic-blue.h-tooltip-popper[x-placement^=bottom] .h-tooltip-arrow{border-bottom-color:rgba(51,51,51,.9)}.night-black .h-tooltip-popper[x-placement^=bottom] .h-tooltip-arrow{border-bottom-color:rgba(0,0,0,.9)} .night-black.h-tooltip-popper[x-placement^=bottom] .h-tooltip-arrow{border-bottom-color:rgba(0,0,0,.9)}.h-tooltip-inner{max-width:250px;min-height:34px;padding:8px 12px;color:#fff;font-size:12px;text-align:left;text-decoration:none;background-color:#585e6a;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);white-space:nowrap}.classic-blue .h-tooltip-inner{color:#fff}.night-black .h-tooltip-inner{color:#fff}.classic-blue .h-tooltip-inner{background-color:rgba(51,51,51,.9)}.night-black .h-tooltip-inner{background-color:rgba(0,0,0,.9)}.classic-blue .h-tooltip-inner{-webkit-box-shadow:none;box-shadow:none}.night-black .h-tooltip-inner{-webkit-box-shadow:none;box-shadow:none}.h-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.h-upload form,.h-upload input[type=file]{display:none}.h-upload-click-wrapper{display:inline-block}.h-upload-list{margin-top:8px}.h-upload-list-file{color:#495060;border-radius:4px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;overflow:hidden;position:relative;padding:4px}.classic-blue .h-upload-list-file{color:#333}.night-black .h-upload-list-file{color:#fff}.h-upload-list-file span.li-body-span{cursor:pointer;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.h-upload-list-file span.li-body-span>i{margin-right:8px}.h-upload-list-file span.li-body-span .fail{color:#f14c5d}.classic-blue .h-upload-list-file span.li-body-span .fail{color:#f14658}.night-black .h-upload-list-file span.li-body-span .fail{color:#f14658}.h-upload-list-file span.li-body-span i{display:inline-block;width:12px;height:12px;color:#495060;text-align:center}.classic-blue .h-upload-list-file span.li-body-span i{color:#666}.night-black .h-upload-list-file span.li-body-span i{color:rgba(255,255,255,.7)}.h-upload-list-file:hover{background:#eaf5ff}.classic-blue .h-upload-list-file:hover{background-color:#f7f7f7}.night-black .h-upload-list-file:hover{background-color:#35404f}.h-upload-list-file:hover>span{color:#298dff}.classic-blue .h-upload-list-file:hover>span{color:#333}.night-black .h-upload-list-file:hover>span{color:#fff}.h-upload-list-file:hover>span i{color:#495060}.classic-blue .h-upload-list-file:hover>span i{color:#666}.night-black .h-upload-list-file:hover>span i{color:rgba(255,255,255,.7)}.h-upload-list-file:hover .h-upload-list-remove{opacity:1}.h-upload-list-file-text-nowrap .li-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h-upload-list-file-text-nowrap .li-body span.li-body-span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h-upload-list-file-text-nowrap .li-body span.li-body-span i{width:auto;height:auto}.h-upload-list-file-text-nowrap .li-body span.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-upload-list-remove{font-size:18px;cursor:pointer;float:right;margin-right:4px;color:#999;-webkit-transition:all .2s ease;transition:all .2s ease;padding-left:10px}.classic-blue .h-upload-list-remove{color:#999}.night-black .h-upload-list-remove{color:rgba(255,255,255,.5)}.h-upload-list-remove:hover{color:#444}.classic-blue .h-upload-list-remove:hover{color:#999}.night-black .h-upload-list-remove:hover{color:rgba(255,255,255,.5)}.classic-blue .h-upload-list .remove-fail{color:#f14658}.night-black .h-upload-list .remove-fail{color:#f14658}.h-upload-drag{background:#f7f7f7;border:1px dashed #d7dde4;border-radius:4px;text-align:center;cursor:pointer;position:relative;overflow:hidden;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.classic-blue .h-upload-drag{background-color:#f7f7f7}.night-black .h-upload-drag{background-color:#35404f}.classic-blue .h-upload-drag{border-color:#d9d9d9}.night-black .h-upload-drag{border-color:#485565}.classic-blue .h-upload-drag{color:#333}.night-black .h-upload-drag{color:#fff}.h-upload-drag:hover{border:1px dashed #298dff}.classic-blue .h-upload-drag:hover{border-color:#5196ff}.night-black .h-upload-drag:hover{border-color:#5196ff}.classic-blue .h-upload-drag .h-icon{color:#bbb}.night-black .h-upload-drag .h-icon{color:rgba(255,255,255,.5)}.h-upload-dragOver{border:2px dashed #298dff}.classic-blue .h-upload-dragOver{border:1px dashed #3165cc}.night-black .h-upload-dragOver{border:1px dashed #3165cc}.h-upload-self>.h-upload{display:inline-block}.h-upload .h-upload-uploaded-wrap{display:block;margin-top:8px;border:1px solid #ccc;border-radius:3px;text-align:left;color:#000;font-weight:700;font-size:13px;line-height:30px}.classic-blue .h-upload .h-upload-uploaded-wrap{border-color:#d9d9d9}.night-black .h-upload .h-upload-uploaded-wrap{border-color:#485565}.classic-blue .h-upload .h-upload-uploaded-wrap{color:#333}.night-black .h-upload .h-upload-uploaded-wrap{color:#fff}.h-upload .h-upload-uploaded-wrap .h-upload-uploaded-title{padding-left:10px;background:#ddd}.classic-blue .h-upload .h-upload-uploaded-wrap .h-upload-uploaded-title{background-color:#f7f7f7}.night-black .h-upload .h-upload-uploaded-wrap .h-upload-uploaded-title{background-color:#35404f}.h-upload .h-upload-uploaded-wrap .h-upload-uploaded-close{font-size:14px;cursor:pointer;float:right;margin-right:4px}.classic-blue .h-upload .h-upload-uploaded-wrap .h-upload-uploaded-close{color:#999}.night-black .h-upload .h-upload-uploaded-wrap .h-upload-uploaded-close{color:rgba(255,255,255,.5)}.h-upload .h-upload-uploaded-wrap .h-upload-list{margin-top:0}.classic-blue .h-upload[disabled] .h-upload-drag{color:#bbb}.night-black .h-upload[disabled] .h-upload-drag{color:rgba(255,255,255,.5)}.classic-blue .h-upload[disabled] .h-upload-drag:hover{border-color:#d9d9d9}.night-black .h-upload[disabled] .h-upload-drag:hover{border-color:#485565}.classic-blue .h-upload[disabled] .h-upload-dragOver{border-color:#d9d9d9}.night-black .h-upload[disabled] .h-upload-dragOver{border-color:#485565}.h-message{font-size:12px;position:fixed;z-index:1010;width:100%;top:16px;left:0}.h-message-notice{width:auto;vertical-align:middle;position:absolute;left:50%;pointer-events:none}.h-message-notice-close{position:absolute;right:6px;top:13px;color:#999;outline:0}.classic-blue .h-message-notice-close{color:#999}.night-black .h-message-notice-close{color:rgba(255,255,255,.5)}.h-message-notice-close i.iconfont{font-size:14px;color:#9ea7b4;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-1px}.classic-blue .h-message-notice-close i.iconfont{color:#999}.night-black .h-message-notice-close i.iconfont{color:rgba(255,255,255,.5)}.h-message-notice-close i.iconfont:hover{color:#298dff}.classic-blue .h-message-notice-close i.iconfont:hover{color:#999}.night-black .h-message-notice-close i.iconfont:hover{color:rgba(255,255,255,.5)}.h-message-notice-content{position:relative;right:50%;padding:8px 16px;border-radius:4px;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.15);box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;display:block;pointer-events:auto}.classic-blue .h-message-notice-content{-webkit-box-shadow:0 3px 8px 0 rgba(51,51,51,.3);box-shadow:0 3px 8px 0 rgba(51,51,51,.3)}.night-black .h-message-notice-content{-webkit-box-shadow:0 3px 8px 0 rgba(51,51,51,.3);box-shadow:0 3px 8px 0 rgba(51,51,51,.3)}.classic-blue .h-message-notice-content{background-color:#fff}.night-black .h-message-notice-content{background-color:#2e3a4c}.h-message-notice-content-text{display:inline-block}.h-message-notice-content-text span{color:#495060;font-size:12px}.classic-blue .h-message-notice-content-text span{color:#333}.night-black .h-message-notice-content-text span{color:#fff}.h-message-notice-closable .h-message-notice-content-text{padding-right:32px}.h-message-success .h-icon{color:#1abe6b}.classic-blue .h-message-success .h-icon{color:#3ac992}.night-black .h-message-success .h-icon{color:#3ac992}.h-message-error .h-icon{color:#f5222d}.classic-blue .h-message-error .h-icon{color:#f14658}.night-black .h-message-error .h-icon{color:#f14658}.h-message-warning .h-icon{color:#ff9901}.classic-blue .h-message-warning .h-icon{color:#f2b146}.night-black .h-message-warning .h-icon{color:#f2b146}.h-message-info .h-icon,.h-message-loading .h-icon{color:#298dff}.classic-blue .h-message-info .h-icon,.classic-blue .h-message-loading .h-icon{color:#4686f2}.night-black .h-message-info .h-icon,.night-black .h-message-loading .h-icon{color:#4686f2}.h-message .h-icon{margin-right:4px;font-size:18px;top:1px;position:relative}