h_ui
Version:
A Vue.js 2.0 UI Components Framework
1 lines • 6.21 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-alert{position:relative;padding:8px 48px 8px 16px;border-radius:6px;color:#495060;font-size:12px;line-height:16px;margin-bottom:10px}.classic-blue .h-alert{color:#333}.night-black .h-alert{color:#fff}.h-alert-with-icon{padding:8px 48px 8px 38px}.h-alert-icon{font-size:14px;top:9px;left:16px;position:absolute}.h-alert-desc{font-size:12px;color:#7e828a;line-height:22px;text-align:justify}.classic-blue .h-alert-desc{color:#333}.night-black .h-alert-desc{color:#fff}.h-alert-success{border:1px solid #b7eb8f;background-color:#f6ffed}.classic-blue .h-alert-success{border-color:#e9faf3}.night-black .h-alert-success{border-color:#1f3b40}.classic-blue .h-alert-success{background-color:#e9faf3}.night-black .h-alert-success{background-color:#1f3b40}.h-alert-success .h-alert-icon{color:#1abe6b}.classic-blue .h-alert-success .h-alert-icon{color:#3ac992}.night-black .h-alert-success .h-alert-icon{color:#3ac992}.h-alert-info{border:1px solid #91cbff;background-color:#e6f7ff}.classic-blue .h-alert-info{border-color:#eff5ff}.night-black .h-alert-info{border-color:#273853}.classic-blue .h-alert-info{background-color:#eff5ff}.night-black .h-alert-info{background-color:#273853}.h-alert-info .h-alert-icon{color:#298dff}.classic-blue .h-alert-info .h-alert-icon{color:#4686f2}.night-black .h-alert-info .h-alert-icon{color:#4686f2}.h-alert-warning{border:1px solid #fdd496;background-color:#fffae6}.classic-blue .h-alert-warning{border-color:#fff8ed}.night-black .h-alert-warning{border-color:#383937}.classic-blue .h-alert-warning{background-color:#fff8ed}.night-black .h-alert-warning{background-color:#383937}.h-alert-warning .h-alert-icon{color:#ff9901}.classic-blue .h-alert-warning .h-alert-icon{color:#f2b146}.night-black .h-alert-warning .h-alert-icon{color:#f2b146}.h-alert-error{border:1px solid #ffa39e;background-color:#fff1f0}.classic-blue .h-alert-error{border-color:#fdedef}.night-black .h-alert-error{border-color:#392e3d}.classic-blue .h-alert-error{background-color:#fdedef}.night-black .h-alert-error{background-color:#392e3d}.h-alert-error .h-alert-icon{color:#f5222d}.classic-blue .h-alert-error .h-alert-icon{color:#f14658}.night-black .h-alert-error .h-alert-icon{color:#f14658}.h-alert-close{font-size:12px;position:absolute;right:16px;top:12px;overflow:hidden;cursor:pointer}.h-alert-close .h-icon-ios-close-empty{font-size:22px;color:#9ea7b4;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:-3px}.classic-blue .h-alert-close .h-icon-ios-close-empty{color:#999}.night-black .h-alert-close .h-icon-ios-close-empty{color:rgba(255,255,255,.5)}.h-alert-close .h-icon-ios-close-empty:hover{color:#298dff}.classic-blue .h-alert-close .h-icon-ios-close-empty:hover{color:#999}.night-black .h-alert-close .h-icon-ios-close-empty:hover{color:rgba(255,255,255,.5)}.h-alert-close i.iconfont{color:#9ea7b4}.classic-blue .h-alert-close i.iconfont{color:#999}.night-black .h-alert-close i.iconfont{color:rgba(255,255,255,.5)}.h-alert-close i:hover{color:#298dff}.classic-blue .h-alert-close i:hover{color:#999}.night-black .h-alert-close i:hover{color:rgba(255,255,255,.5)}.classic-blue .h-alert-close{color:#4686f2}.night-black .h-alert-close{color:#4686f2}.classic-blue .h-alert-close:hover{color:#5196ff}.night-black .h-alert-close:hover{color:#5196ff}.classic-blue .h-alert-close:active{color:#3165cc}.night-black .h-alert-close:active{color:#3165cc}.h-alert-with-desc{padding:16px;position:relative;border-radius:6px;margin-bottom:10px;color:#495060;line-height:1.5}.classic-blue .h-alert-with-desc{color:#333}.night-black .h-alert-with-desc{color:#fff}.h-alert-with-desc .h-alert-desc{display:block}.h-alert-with-desc .h-alert-message{font-size:14px;font-weight:700;color:#495060;letter-spacing:0;text-align:left;line-height:24px;display:block}.classic-blue .h-alert-with-desc .h-alert-message{color:#333}.night-black .h-alert-with-desc .h-alert-message{color:#fff}.h-alert-with-desc .h-alert-icon{left:24px}.h-alert-with-desc .h-alert-icon i.iconfont{font-size:28px}.h-alert-with-banner{border-radius:0}.h-alert-with-desc.h-alert-with-icon{padding:16px 16px 16px 69px}