h_ui/dist/lib/theme-chalk/badge.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-badge{position:relative;display:inline-block;line-height:1;vertical-align:middle;color:#495060}.classic-blue .h-badge{color:#333}.night-black .h-badge{color:#fff}.h-badge-count{position:absolute;-webkit-transform:translateX(50%);transform:translateX(50%);top:-10px;right:0;height:20px;border-radius:10px;min-width:20px;background:#f5222d;border:1px solid transparent;color:#fff;line-height:18px;text-align:center;padding:0 6px;font-size:12px;white-space:nowrap;-webkit-transform-origin:-10% center;transform-origin:-10% center;z-index:10;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.classic-blue .h-badge-count{background-color:#f14658}.night-black .h-badge-count{background-color:#f14658}.classic-blue .h-badge-count{border-color:transparent}.night-black .h-badge-count{border-color:transparent}.classic-blue .h-badge-count{color:#fff}.night-black .h-badge-count{color:#fff}.classic-blue .h-badge-count{-webkit-box-shadow:none;box-shadow:none}.night-black .h-badge-count{-webkit-box-shadow:none;box-shadow:none}.h-badge-count a,.h-badge-count a:hover{color:#fff}.classic-blue .h-badge-count a,.classic-blue .h-badge-count a:hover{color:#fff}.night-black .h-badge-count a,.night-black .h-badge-count a:hover{color:#fff}.h-badge-count-alone{top:auto;display:block;position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.h-badge-dot{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:0 center;transform-origin:0 center;top:-4px;right:-8px;height:8px;width:8px;border-radius:100%;background:#f5222d;z-index:10;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.classic-blue .h-badge-dot{background-color:#f14658}.night-black .h-badge-dot{background-color:#f14658}.classic-blue .h-badge-dot{-webkit-box-shadow:none;box-shadow:none}.night-black .h-badge-dot{-webkit-box-shadow:none;box-shadow:none}.classic-blue .h-badge a{color:#4686f2}.night-black .h-badge a{color:#4686f2}.classic-blue .h-badge a:hover{color:#5196ff}.night-black .h-badge a:hover{color:#5196ff}.classic-blue .h-badge a:active{color:#3165cc}.night-black .h-badge a:active{color:#3165cc}