Blame view

web/dist/js/cmpts/modals/modals.css 15.2 KB
2e86c939   xu   “首次提交”
1
.actions-modal-button,.modal-button{cursor:pointer;text-overflow:ellipsis}.modal-overlay,.popup-overlay,.preloader-indicator-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:13000;visibility:hidden;opacity:0;-webkit-transition-duration:.4s;transition-duration:.4s}.modal-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible,.preloader-indicator-overlay.modal-overlay-visible{visibility:visible;opacity:1}.popup-overlay{z-index:10500}.modal{width:280px;position:absolute;z-index:13500;left:50%;margin-left:-140px;margin-top:0;top:50%;text-align:center;border-radius:13px;overflow:hidden;opacity:0;-webkit-transform:translate3d(0,0,0) scale(1.185);transform:translate3d(0,0,0) scale(1.185);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;color:#000;display:none}.modal.modal-in{opacity:1;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.modal.modal-out{opacity:0;z-index:13499;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.modal-button:after,.modal-buttons-vertical .modal-button:after,.modal-inner:after{z-index:15;content:''}.modal-inner{padding:15px;border-radius:13px 13px 0 0;position:relative;background:rgba(255,255,255,.95)}.modal-inner:after{position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:rgba(0,0,0,.2);display:block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.pixel-ratio-2 .modal-inner:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .modal-inner:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.modal-title{font-weight:500;font-size:18px;text-align:center}html.ios-gt-8 .modal-title{font-weight:600}.modal-title+.modal-text{margin-top:5px}.modal-buttons{height:44px;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.modal-buttons.modal-buttons-vertical{display:block;height:auto}.modal-button{width:100%;padding:0 5px;height:44px;font-size:17px;line-height:44px;text-align:center;color:#dd2727;display:block;position:relative;white-space:nowrap;overflow:hidden;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;background:rgba(255,255,255,.95)}.modal-button:after{position:absolute;right:0;top:0;left:auto;bottom:auto;width:1px;height:100%;background-color:rgba(0,0,0,.2);display:block;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.modal-button:last-child:after,.modal-buttons-vertical .modal-button:after,.modal-buttons-vertical .modal-button:before{display:none}html.pixel-ratio-2 .modal-button:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}html.pixel-ratio-3 .modal-button:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.modal-button:first-child{border-radius:0 0 0 13px}.modal-button:last-child{border-radius:0 0 13px}.modal-button:first-child:last-child{border-radius:0 0 13px 13px}.modal-button.modal-button-bold{font-weight:500}html.ios-gt-8 .modal-button.modal-button-bold{font-weight:600}.modal-button.active-state,html:not(.watch-active-state) .modal-button:active{background:rgba(230,230,230,.95)}.modal-buttons-vertical .modal-button{border-radius:0}.modal-buttons-vertical .modal-button:after{position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:rgba(0,0,0,.2);display:block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.modal-buttons-vertical .modal-button:last-child:after,.modal-no-buttons .modal-buttons,.modal-no-buttons .modal-inner:after{display:none}html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.modal-buttons-vertical .modal-button:last-child{border-radius:0 0 13px 13px}.modal-no-buttons .modal-inner{border-radius:13px}.actions-modal{position:absolute;left:0;bottom:0;z-index:13500;width:100%;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}@media (min-width:496px){.actions-modal{width:480px;left:50%;margin-left:-240px}}.actions-modal.modal-in{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal.modal-out{z-index:13499;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.actions-modal-group{margin:8px;position:relative;border-radius:13px;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.actions-modal-button,.actions-modal-label{width:100%;text-align:center;font-weight:400;margin:0;background:rgba(255,255,255,.95);box-sizing:border-box;display:block;position:relative;overflow:hidden}.actions-modal-button:after,.actions-modal-label:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:rgba(0,0,0,.2);display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.pixel-ratio-2 .actions-modal-button:after,html.pixel-ratio-2 .actions-modal-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .actions-modal-button:after,html.pixel-ratio-3 .actions-modal-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.actions-modal-button a,.actions-modal-label a{text-decoration:none;color:inherit;display:block}.actions-modal-button b,.actions-modal-label b{font-weight:500}html.ios-gt-8 .actions-modal-button b,html.ios-gt-8 .actions-modal-label b{font-weight:600}.actions-modal-button.actions-modal-button-bold,.actions-modal-label.actions-modal-button-bold{font-weight:500}html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,html.ios-gt-8 .actions-modal-label.actions-modal-button-bold{font-weight:600}.actions-modal-button.actions-modal-button-red,.actions-modal-label.actions-modal-button-red{color:#ff3b30}.actions-modal-button:first-child,.actions-modal-label:first-child{border-radius:13px 13px 0 0}.actions-modal-button:last-child,.actions-modal-label:last-child{border-radius:0 0 13px 13px}.actions-modal-button:last-child:after,.actions-modal-label:last-child:after{display:none}.actions-modal-button:first-child:last-child,.actions-modal-label:first-child:last-child{border-radius:13px}.actions-modal-button.disabled,.actions-modal-label.disabled{opacity:.9;color:#8e8e93}.actions-modal-button{height:57px;line-height:57px;font-size:20px;color:#dd2727;white-space:normal}.actions-modal-button.active-state,html:not(.watch-active-state) .actions-modal-button:active{background:rgba(230,230,230,.9)}.actions-modal-label{font-size:13px;line-height:1.3;min-height:57px;padding:8px 10px;color:#8a8a8a;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media (orientation:landscape){.actions-modal-label{min-height:44px}.actions-modal-button{height:44px;line-height:44px}}input.modal-text-input{box-sizing:border-box;height:26px;background:#fff;margin:15px 0 0;padding:0 5px;border:1px solid rgba(0,0,0,.3);border-radius:0;width:100%;font-size:14px;font-family:inherit;display:block;box-shadow:0 0 0 transparent;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.popover,.popover .list-block:first-child ul:before,.popover .list-block:last-child ul:after{display:none}input.modal-text-input+input.modal-text-input{margin-top:5px}.popover,.popover .list-block{margin:0}.modal-input-double+.modal-input-double input.modal-text-input{border-top:0;margin-top:0}.popover{width:320px;background:rgba(255,255,255,.95);z-index:13500;top:0;opacity:0;left:0;border-radius:13px;position:absolute;-webkit-transform:none;transform:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.popover-angle,.popover-angle:after{width:26px;height:26px;position:absolute;top:0}.popover .list-block:first-child li:first-child a,.popover .list-block:first-child ul{border-radius:13px 13px 0 0}.popover.modal-in{-webkit-transition-duration:.3s;transition-duration:.3s;opacity:1}.popover .list-block ul{background:0 0}.popover .list-block:last-child li:last-child a,.popover .list-block:last-child ul{border-radius:0 0 13px 13px}.popover .list-block:first-child:last-child li:first-child:last-child a,.popover .list-block:first-child:last-child ul:first-child:last-child{border-radius:13px}.popover .list-block+.list-block{margin-top:35px}.popover-angle{left:-26px;z-index:100;overflow:hidden}.popover-angle:after{content:' ';background:rgba(255,255,255,.95);left:0;border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popover-angle.on-left{left:-26px}.popover-angle.on-left:after{left:19px;top:0}.popover-angle.on-right{left:100%}.popover-angle.on-right:after{left:-19px;top:0}.popover-angle.on-top{left:0;top:-26px}.popover-angle.on-top:after{left:0;top:19px}.popover-angle.on-bottom{left:0;top:100%}.popover-angle.on-bottom:after{left:0;top:-19px}.popover-inner{overflow:auto;-webkit-overflow-scrolling:touch}.actions-popover .list-block+.list-block{margin-top:20px}.actions-popover .list-block ul{background:#fff}.actions-popover-label{padding:8px 10px;color:#8a8a8a;font-size:13px;line-height:1.3;text-align:center;position:relative}.actions-popover-label:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:rgba(0,0,0,.2);display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.pixel-ratio-2 .actions-popover-label:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .actions-popover-label:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.actions-popover-label:last-child:after{display:none}.login-screen,.popup{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11000;background:#fff;box-sizing:border-box;display:none;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.login-screen.modal-in,.login-screen.modal-out,.popup.modal-in,.popup.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.modal-in,.popup.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out,.popup.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.login-screen.modal-in,.login-screen.modal-out{display:block}@media all and (min-width:630px) and (min-height:630px){.popup:not(.tablet-fullscreen){width:630px;height:630px;left:50%;top:50%;margin-left:-315px;margin-top:-315px;-webkit-transform:translate3d(0,1024px,0);transform:translate3d(0,1024px,0)}.popup:not(.tablet-fullscreen).modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popup:not(.tablet-fullscreen).modal-out{-webkit-transform:translate3d(0,1024px,0);transform:translate3d(0,1024px,0)}}@media all and (max-width:629px),(max-height:629px){html.with-statusbar-overlay .popup{height:-webkit-calc(100% - 20px);height:calc(100% - 20px);top:20px}html.with-statusbar-overlay .popup-overlay{z-index:9500}}html.with-statusbar-overlay .login-screen,html.with-statusbar-overlay .popup.tablet-fullscreen{height:-webkit-calc(100% - 20px);height:calc(100% - 20px);top:20px}.modal .preloader{width:34px;height:34px}.preloader-indicator-overlay{visibility:visible;opacity:0;background:0 0}.preloader-indicator-modal{position:absolute;left:50%;top:50%;padding:8px;margin-left:-25px;margin-top:-25px;background:rgba(0,0,0,.8);z-index:13500;border-radius:5px}.preloader-indicator-modal .preloader{display:block;width:34px;height:34px}.picker-modal{position:absolute;left:0;bottom:0;width:100%;height:260px;z-index:12500;display:none;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;background:#cfd5da;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.picker-modal.modal-in,.picker-modal.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.picker-modal.modal-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.picker-modal.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.picker-modal .picker-modal-inner{height:100%;position:relative}.picker-modal .toolbar{position:relative;width:100%;background:#f7f7f8}.picker-modal .toolbar:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#929499;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}html.pixel-ratio-2 .picker-modal .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .picker-modal .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.picker-modal .toolbar+.picker-modal-inner{height:-webkit-calc(100% - 44px);height:-moz-calc(100% - 44px);height:calc(100% - 44px)}.picker-modal.picker-modal-inline,.popover .picker-modal{display:block;position:relative;background:0 0;z-index:inherit;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.picker-modal.picker-modal-inline .toolbar:before,.popover .picker-modal .toolbar:before{display:none}.picker-modal.picker-modal-inline .toolbar:after,.popover .picker-modal .toolbar:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#929499;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-2 .popover .picker-modal .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-3 .popover .picker-modal .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.popover .picker-modal{width:auto}.popover .picker-modal .toolbar{background:0 0}.picker-modal.smart-select-picker .page{background:#fff}.picker-modal.smart-select-picker .toolbar:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.picker-modal.smart-select-picker .list-block{margin:0}.picker-modal.smart-select-picker .list-block ul:after,.picker-modal.smart-select-picker .list-block ul:before{display:none}