mand-mobile/lib/tip/style/tip.css

A Vue.js 2.0 Mobile UI Toolkit

.md-tip{position:relative;display:inline-block;z-index:1303}.md-tip-content{position:relative;padding:15px 32px;color:#fff;font-size:24px;line-height:1.2;z-index:2}.md-tip-content:after{content:"";display:table;clear:both}.md-tip-content .content-icon{float:left;margin-right:14px}.md-tip-content .content-text{float:left;margin-top:2px}.md-tip-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1000px;background-color:#41485d;box-shadow:0 5px 20px rgba(0,0,0,.08);opacity:.8}.md-tip-bg:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-11px;width:0;height:0;border-color:#41485d transparent transparent;border-style:solid;border-width:10px 11px 0}.md-tip.has-close .md-tip-content{padding-right:60px}.md-tip.is-bottom .md-tip-bg:after{bottom:auto;top:-10px;border-width:0 11px 10px;border-color:transparent transparent #41485d}.md-tip.is-left .md-tip-bg:after{top:50%;right:-6px;left:auto;margin-top:-11px;border-width:11px 0 11px 10px;border-color:transparent transparent transparent #41485d}.md-tip.is-right .md-tip-bg:after{top:50%;left:4px;margin-top:-11px;border-width:11px 10px 11px 0;border-color:transparent #41485d transparent transparent}.md-tip .md-icon.md-icon-close{position:absolute;right:16px;top:50%;width:32px;height:32px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}