h_ui
Version:
A Vue.js 2.0 UI Components Framework
1 lines • 17 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-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}.h-calendar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.h-calendar-top-change .h-calendar-top-icon,.h-calendar-top-change .h-calendar-top-text{display:inline-block;vertical-align:middle;font-size:28px}.classic-blue .h-calendar-top-change .h-calendar-top-text{color:#333}.night-black .h-calendar-top-change .h-calendar-top-text{color:#fff}.h-calendar-top-icon{cursor:pointer}.classic-blue .h-calendar-top-icon{color:#666}.night-black .h-calendar-top-icon{color:rgba(255,255,255,.7)}.h-calendar-top-icon:hover{background-color:#f7f7f7}.classic-blue .h-calendar-top-icon:hover{background-color:transparent}.night-black .h-calendar-top-icon:hover{background-color:transparent}.classic-blue .h-calendar-top-icon:hover{color:#5196ff}.night-black .h-calendar-top-icon:hover{color:#5196ff}.h-calendar-top-icon.h-prev-year{margin-right:30px}.h-calendar-top-icon.h-next-year{margin-left:30px}.h-calendar-top-change{height:50px;line-height:50px;text-align:center;position:relative}.h-calendar-month-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{color:#333;font-size:15px;background:#e9eaec;border-color:#e9eaec}.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{color:#999}.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{color:rgba(255,255,255,.5)}.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{background-color:#fff}.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{background-color:#2e3a4c}.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.classic-blue .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{border-color:#fff}.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item,.night-black .h-calendar-month-content.h-calendar-month-week .h-calendar-month-content-item-tag{border-color:#2e3a4c}.h-calendar-month-content-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:15px;width:14.28%;height:40px;text-align:center;color:#000;position:relative;line-height:40px;padding:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #fff;border-width:0 1px 1px 0}.classic-blue .h-calendar-month-content-item{color:#333}.night-black .h-calendar-month-content-item{color:#fff}.classic-blue .h-calendar-month-content-item{border-color:#fff}.night-black .h-calendar-month-content-item{border-color:#2e3a4c}.h-calendar-month-content-item .h-badge{width:0;height:0}.h-calendar-month-content-item .h-badge .h-badge-count{top:-25px;right:-20px}.h-calendar-month-content-item:nth-child(7n+1){border-width:0 1px 1px 1px}.h-calendar-month-week{background:#e9eaec}.classic-blue .h-calendar-month-week{background-color:#fff}.night-black .h-calendar-month-week{background-color:#2e3a4c}.h-calendar-month-week .h-calendar-month-content-item{border-width:1px;border-top-width:1px}.h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item{cursor:pointer;background:#e1f0fe}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item{background-color:#fff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item{background-color:#2e3a4c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item{border-top:1px solid #ededed}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item{border-top:1px solid #1b2533}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item:hover{background-color:#eff5ff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item:hover{background-color:#32496c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item:hover{border-top:1px solid #3165cc}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item:hover{border-top:1px solid #3165cc}.h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty{background:0 0}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty{background-color:#fff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty{background-color:#2e3a4c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty:hover{background-color:#fff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty:hover{background-color:#2e3a4c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty:hover{border-top:1px solid #ededed}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-item-empty:hover{border-top:1px solid #1b2533}.h-calendar-month-content-item.h-calendar-month-item-disable{background:#f7f7f7;color:#c3cbd6}.classic-blue .h-calendar-month-content-item.h-calendar-month-item-disable{background-color:#f7f7f7}.night-black .h-calendar-month-content-item.h-calendar-month-item-disable{background-color:#35404f}.classic-blue .h-calendar-month-content-item.h-calendar-month-item-disable{color:#bbb}.night-black .h-calendar-month-content-item.h-calendar-month-item-disable{color:rgba(255,255,255,.5)}.h-calendar-month-content-item.h-calendar-month-item-disable.h-calendar-month-day-active{background:#298dff;opacity:.6}.classic-blue .h-calendar-month-content-item.h-calendar-month-item-disable.h-calendar-month-day-active{background-color:#eff5ff}.night-black .h-calendar-month-content-item.h-calendar-month-item-disable.h-calendar-month-day-active{background-color:#32496c}.classic-blue .h-calendar-month-content-item.h-calendar-month-item-disable.h-calendar-month-day-active{opacity:1}.night-black .h-calendar-month-content-item.h-calendar-month-item-disable.h-calendar-month-day-active{opacity:1}.h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay{color:red;background:0 0}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay{color:#333}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay{color:#fff}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay{background-color:#f7f7f7}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay{background-color:#35404f}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay:hover{background-color:#eff5ff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay:hover{background-color:#32496c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay:hover{border-top:1px solid #3165cc}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-restDay:hover{border-top:1px solid #3165cc}.h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{background:#298dff;border-radius:2px;color:#fff}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{background-color:#eff5ff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{background-color:#32496c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{color:#333}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{color:#fff}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{border-top:1px solid #4686f2}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active{border-top:1px solid #4686f2}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active:hover{background-color:#eff5ff}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active:hover{background-color:#32496c}.classic-blue .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active:hover{border-top:1px solid #4686f2}.night-black .h-calendar-month-content.h-calendar-month-day .h-calendar-month-content-item.h-calendar-month-day-active:hover{border-top:1px solid #4686f2}.h-calendar-month-content.h-calendar-month-day{border:0}.h-calendar-month{width:22%;max-width:100%;margin:1.5%;float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:2px}.h-calendar-month>div{-webkit-box-shadow:0 2px 8px #d3ddeb;box-shadow:0 2px 8px #d3ddeb}.classic-blue .h-calendar-month>div{-webkit-box-shadow:none;box-shadow:none}.night-black .h-calendar-month>div{-webkit-box-shadow:none;box-shadow:none}.classic-blue .h-calendar-month>div{border:1px solid #d9d9d9}.night-black .h-calendar-month>div{border:1px solid #485565}.h-calendar-month-title{display:block;font-size:15px;height:36px;line-height:40px;text-align:center;background:#e9eaec;border-radius:2px 2px 0 0}.classic-blue .h-calendar-month-title{background-color:#fff}.night-black .h-calendar-month-title{background-color:#2e3a4c}.classic-blue .h-calendar-month-title{color:#333}.night-black .h-calendar-month-title{color:#fff}.h-calendar-wrapper{position:relative}.h-calendar-context-menu{display:none;position:absolute}.h-calendar-handle{width:100px;height:70px;padding:2px 0;text-align:center;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);border:1px solid #ccc}.classic-blue .h-calendar-handle{background-color:#fff}.night-black .h-calendar-handle{background-color:#2e3a4c}.classic-blue .h-calendar-handle{-webkit-box-shadow:0 1px 6px rgba(51,51,51,.15);box-shadow:0 1px 6px rgba(51,51,51,.15)}.night-black .h-calendar-handle{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.3);box-shadow:0 1px 6px rgba(0,0,0,.3)}.classic-blue .h-calendar-handle{border-color:transparent}.night-black .h-calendar-handle{border-color:transparent}.classic-blue .h-calendar-handle{color:#333}.night-black .h-calendar-handle{color:#fff}.h-calendar-handle .h-calendar-handle-item{display:block;height:32px;line-height:32px;outline:0;list-style:none;font-size:13px;cursor:pointer}.h-calendar-handle .h-calendar-handle-item.h-calendar-handle-setWorkDay{border-bottom:1px solid #ccc}.classic-blue .h-calendar-handle .h-calendar-handle-item.h-calendar-handle-setWorkDay{border-bottom-color:#ededed}.night-black .h-calendar-handle .h-calendar-handle-item.h-calendar-handle-setWorkDay{border-bottom-color:#1b2533}.h-calendar-handle .h-calendar-handle-item:hover{background:#4a94fa;color:#fff}.classic-blue .h-calendar-handle .h-calendar-handle-item:hover{background-color:#eff5ff}.night-black .h-calendar-handle .h-calendar-handle-item:hover{background-color:#32496c}.classic-blue .h-calendar-handle .h-calendar-handle-item:hover{color:#333}.night-black .h-calendar-handle .h-calendar-handle-item:hover{color:#fff}.h-calendar ::-moz-selection{background:0 0;opacity:.1}.h-calendar ::selection{background:0 0;opacity:.1}.h-calendar ::-moz-selection{background:0 0}