This repository has been archived by the owner on Oct 10, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
angular-ios-alertview.min.css
7 lines (7 loc) · 3.4 KB
/
angular-ios-alertview.min.css
1
2
3
4
5
6
7
/*!
* angular-ios-alertview 1.4.3
* iOS7+ style alertview service for angular
* License: MIT
* Author: Treri
* build: Sun Feb 07 2016 12:50:54 GMT+0800 (CST)
**/.ios-alertview-overlay{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;font-size:14px;line-height:1.4;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:10600;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:opacity;transition-property:opacity}.ios-alertview-overlay.ng-enter,.ios-alertview-overlay.ng-leave-active{opacity:0}.ios-alertview-overlay.ng-enter-active{opacity:1}.ios-alertview-overlay *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.ios-alertview{width:270px;position:absolute;z-index:11000;left:50%;top:50%;text-align:center;border-radius:7px;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity}.ios-alertview-overlay.ng-enter .ios-alertview{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(1.185);transform:translate3d(-50%,-50%,0) scale(1.185)}.ios-alertview-overlay.ng-enter-active .ios-alertview,.ios-alertview-overlay.ng-leave .ios-alertview{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}.ios-alertview-overlay.ng-leave-active .ios-alertview{opacity:0;z-index:10999;-webkit-transform:translate3d(-50%,-50%,0) scale(.815);transform:translate3d(-50%,-50%,0) scale(.815)}.ios-alertview-inner{padding:15px;border-bottom:1px solid #b5b5b5;border-top-left-radius:7px;border-top-right-radius:7px;background:#e8e8e8}.ios-alertview-inner-remind{border-bottom-right-radius:7px;border-bottom-left-radius:7px}.ios-alertview-title{font-weight:700;font-size:18px;text-align:center}.ios-alertview-title+.ios-alertview-text{margin-top:5px}.ios-alertview-text-input{outline:0;box-sizing:border-box;height:30px;background:#fff;margin:0;margin-top:15px;padding:0 5px;border:1px solid #a0a0a0;border-radius:5px;width:100%;font-size:14px;font-family:inherit;display:block;box-shadow:0 0 0 transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-alertview-buttons{overflow:hidden}.ios-alertview-buttons-horizontal{height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios-alertview-button{width:100%;padding:0 5px;height:44px;font-size:17px;line-height:44px;text-align:center;color:#007aff;background:#e8e8e8;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;border-bottom:1px solid #b5b5b5;box-sizing:border-box}.ios-alertview-button.ios-alertview-button-bold{font-weight:700}.ios-alertview-button:active{background-color:#d4d4d4}.ios-alertview-button:last-child{border-radius:0 0 7px 7px}.ios-alertview-buttons-horizontal .ios-alertview-button{border-bottom:none;border-right:1px solid #b5b5b5;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ios-alertview-buttons-horizontal .ios-alertview-button:first-child{border-radius:0 0 0 7px}.ios-alertview-buttons-horizontal .ios-alertview-button:last-child{border-right:none;border-radius:0 0 7px 0}.ios-alertview-buttons-horizontal .ios-alertview-button:first-child:last-child{border-radius:0 0 7px 7px}