h_ui
Version:
A Vue.js 2.0 UI Components Framework
1 lines • 5.76 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-notice{width:335px;margin-right:24px;position:fixed;z-index:1010}.h-notice-notice{margin-bottom:10px;padding:16px 24px;border-radius:4px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);background:#fff;line-height:1;position:relative;overflow:hidden}.classic-blue .h-notice-notice{-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-notice-notice{-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-notice-notice{background-color:#fff}.night-black .h-notice-notice{background-color:#2e3a4c}.h-notice-notice-close{position:absolute;right:16px;top:15px;color:#999;outline:0}.classic-blue .h-notice-notice-close{color:#999}.night-black .h-notice-notice-close{color:rgba(255,255,255,.5)}.h-notice-notice-close i{font-size:14px;color:#9ea7b4;-webkit-transition:color .2s ease;transition:color .2s ease;position:relative;top:1px}.classic-blue .h-notice-notice-close i{color:#999}.night-black .h-notice-notice-close i{color:rgba(255,255,255,.5)}.h-notice-notice-close i:hover{color:#298dff}.classic-blue .h-notice-notice-close i:hover{color:#999}.night-black .h-notice-notice-close i:hover{color:rgba(255,255,255,.5)}.h-notice-notice-with-desc .h-notice-notice-close{top:11px}.h-notice-title{font-size:14px;font-weight:700;color:#495060;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.classic-blue .h-notice-title{color:#333}.night-black .h-notice-title{color:#fff}.h-notice-with-desc .h-notice-title{margin-bottom:8px;margin-left:8px}.h-notice-desc{font-size:12px;color:#999;text-align:justify;line-height:1.5}.classic-blue .h-notice-desc{color:#333}.night-black .h-notice-desc{color:#fff}.h-notice-with-icon .h-notice-title{margin-left:8px}.h-notice-with-desc .h-notice-desc{margin-left:48px}.h-notice-icon{position:relative;left:0;margin-top:-1px;font-size:18px;display:inline-block}.h-notice-icon-success{color:#1abe6b}.classic-blue .h-notice-icon-success{color:#3ac992}.night-black .h-notice-icon-success{color:#3ac992}.h-notice-icon-info{color:#298dff}.classic-blue .h-notice-icon-info{color:#4686f2}.night-black .h-notice-icon-info{color:#4686f2}.h-notice-icon-warning{color:#ff9901}.classic-blue .h-notice-icon-warning{color:#f2b146}.night-black .h-notice-icon-warning{color:#f2b146}.h-notice-icon-error{color:#f5222d}.classic-blue .h-notice-icon-error{color:#f14658}.night-black .h-notice-icon-error{color:#f14658}.h-notice-with-desc .h-notice-icon i.iconfont{font-size:36px}.h-notice-custom-content::after{content:"";display:block;width:4px;position:absolute;top:0;bottom:0;left:0}.h-notice-with-normal::after{background:#298dff}.classic-blue .h-notice-with-normal::after{background-color:#fff}.night-black .h-notice-with-normal::after{background-color:#2e3a4c}.h-notice-with-normal .h-notice-desc,.h-notice-with-normal .h-notice-title{margin-left:0}.h-notice-with-info::after{background:#298dff}.classic-blue .h-notice-with-info::after{background-color:#4686f2}.night-black .h-notice-with-info::after{background-color:#4686f2}.h-notice-with-success::after{background:#1abe6b}.classic-blue .h-notice-with-success::after{background-color:#3ac992}.night-black .h-notice-with-success::after{background-color:#3ac992}.h-notice-with-warning::after{background:#ff9901}.classic-blue .h-notice-with-warning::after{background-color:#f2b146}.night-black .h-notice-with-warning::after{background-color:#f2b146}.h-notice-with-error::after{background:#f5222d}.classic-blue .h-notice-with-error::after{background-color:#f14658}.night-black .h-notice-with-error::after{background-color:#f14658}