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

A Vue.js 2.0 Mobile UI Toolkit

.md-dialog .md-popup{z-index:1500}.md-dialog-content{width:606px;border-radius:12px;background-color:#fff;overflow:hidden}.md-dialog-body{color:#666f83;font-size:28px;text-align:left;padding:52px}.md-dialog-icon{position:relative;display:block;width:100px;height:100px;margin:20px auto 28px}.md-dialog .md-dialog-icon .md-icon,.md-dialog .md-dialog-icon .md-icon.icon-font,.md-dialog .md-dialog-icon .md-icon.icon-svg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;top:0;left:0;width:100px;height:100px;fill:#858b9c;color:#858b9c;font-size:100px;line-height:100px}.md-dialog-close{position:absolute;color:#858b9c;top:32px;right:32px;z-index:15}.md-dialog-title{color:#01080f;text-align:center;font-size:40px;font-weight:400;line-height:1.2;margin:0 0 28px}.md-dialog-text{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.md-dialog-actions,.md-dialog-text{display:-webkit-box;display:-webkit-flex;display:flex}.md-dialog-actions{position:relative}.md-dialog-actions:after{content:"";position:absolute;z-index:2;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(-100%);transform:scaleY(.5) translateY(-100%);top:0;left:0;right:auto;bottom:auto;width:100%;border-top:2px solid #e2e4ea;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-dialog-actions:after{-webkit-transform:scaleY(.33) translateY(-100%);transform:scaleY(.33) translateY(-100%)}}.md-dialog-actions.is-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.md-dialog-actions.is-column .md-dialog-btn{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}.md-dialog-actions.is-column .md-dialog-btn:before{display:none}.md-dialog-actions.is-column .md-dialog-btn:not(:first-child):after{content:"";position:absolute;z-index:2;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(.5) translateY(-100%);transform:scaleY(.5) translateY(-100%);top:0;left:0;right:auto;bottom:auto;width:100%;border-top:2px solid #e2e4ea;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-dialog-actions.is-column .md-dialog-btn:not(:first-child):after{-webkit-transform:scaleY(.33) translateY(-100%);transform:scaleY(.33) translateY(-100%)}}.md-dialog-actions.is-column .md-dialog-btn:last-child{color:#666f83}.md-dialog-actions.is-column .md-dialog-btn:first-child{color:#198cff}.md-dialog-btn{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100px;font-size:36px;font-weight:500;color:#666f83;text-align:center;-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.md-dialog-btn:before{content:"";position:absolute;z-index:2;-webkit-transform:scaleX(.5) translateX(100%);transform:scaleX(.5) translateX(100%);top:0;right:0;left:auto;bottom:auto;border-right:2px solid #e2e4ea;height:100%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.md-dialog-btn:before{-webkit-transform:scaleX(.33) translateX(100%);transform:scaleX(.33) translateX(100%)}}.md-dialog-btn.warning{color:#ff4040!important}.md-dialog-btn.warning .md-dialog-btn-loading .md-activity-indicator-svg .circle circle{stroke:#ff4040!important}.md-dialog-btn.disabled{color:#d9e0e7!important}.md-dialog-btn.disabled .md-dialog-btn-loading .md-activity-indicator-svg .circle circle{stroke:#d9e0e7!important}.md-dialog-btn:last-child{color:#198cff}.md-dialog-btn:last-child:before{display:none}.md-dialog-btn:last-child .md-dialog-btn-loading .md-activity-indicator-svg .circle circle{stroke:#198cff}.md-dialog-btn:not(.disabled):active{background-color:#f9fafb}.md-dialog-btn .md-dialog-btn-loading .md-activity-indicator-svg{width:32px!important;height:32px!important;margin-right:10px}.md-dialog-btn .md-dialog-btn-loading .md-activity-indicator-svg .circle circle{stroke:#666f83}.md-dialog-btn .md-dialog-btn-icon{margin-right:10px}