mand-mobile/lib/notice-bar/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-notice-bar{display:-webkit-box;display:-webkit-flex;display:flex;z-index:999;font-size:26px;min-height:64px;background-color:rgba(89,158,248,.08);color:#198cff;position:relative;padding-left:32px;box-sizing:border-box}.md-notice-bar.md-notice-bar-round{border-radius:32px}.md-notice-bar.activity{background-color:#ffedde;color:#ff843d}.md-notice-bar.warning{background-color:#ffeeef;color:#ff5b60}.md-notice-bar-left,.md-notice-bar-right{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.md-notice-bar-left{padding-right:16px}.md-notice-bar-right{padding-right:32px}.md-notice-bar-empty{padding-right:0}.md-notice-bar-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:auto;margin:auto 40px auto auto;line-height:64px;white-space:nowrap;overflow:hidden}.md-notice-bar-content.md-notice-bar-multi-content{padding:20px 0;line-height:36px;white-space:normal}.md-notice-bar-content .md-notice-bar-content-animate{padding-left:100%;display:inline-block;-webkit-animation:md-notice-bar-animation 16s linear infinite both;animation:md-notice-bar-animation 16s linear infinite both}@-webkit-keyframes md-notice-bar-animation{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes md-notice-bar-animation{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}