h_ui/dist/lib/theme-chalk/progress.css

A Vue.js 2.0 UI Components Framework

@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%}}