q792602257/qlg.tsgz.moe
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
qlg.tsgz.moe/hyhproject/mobile2/view/default/css/iziModal.css
root f0ef89dfbb Init Repo
2019-09-06 23:53:10 +08:00

54 lines
13 KiB
CSS
Executable File
Raw Blame History

.iziModal{display:none;position:fixed;width:100%;left:50%;top:50%;z-index:999;background:#FFF;border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.3);transition:margin-top .3s ease}
.iziModal *{-webkit-font-smoothing:antialiased}
.iziModal::after{content:'';width:100%;height:0;opacity:0;position:absolute;left:0;bottom:0;z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.35)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#59000000',GradientType=0);transition:height .3s ease-in-out,opacity .3s ease-in-out;pointer-events:none}
.iziModal.hasScroll::after{height:50px;opacity:1}
.iziModal .iziModal-button-close{display:block;position:absolute;top:0;left:0;z-index:2;outline:0;height:46px;width:46px;border-radius:50%;opacity:.5;transition:transform .5s cubic-bezier(.16,.81,.32,1),opacity .5s ease}
.iziModal-button-close i{color:#000}
.iziModal .iziModal-button-close:hover{opacity:1;transform:rotate(180deg)}
.iziModal .iziModal-header{background:#88a0b9;padding:14px 40px 15px 18px;border-radius:3px 3px 0 0;border-bottom:1px solid #e8e8e8;overflow:hidden;position:relative;z-index:10}
.iziModal .iziModal-header-icon{font-size:40px;color:rgba(255,255,255,0.5);padding-right:15px;float:left}
.iziModal .iziModal-header-title{color:#69696b;font-size:18px;line-height:1.3}
.iziModal .iziModal-header-subtitle{color:rgba(255,255,255,0.6);font-size:12px;line-height:1.4}
.iziModal .iziModal-header-title,.iziModal .iziModal-header-subtitle{margin:0;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.iziModal .iziModal-header.iziModal-noSubtitle{height:auto;padding:9px 15px 9px 15px}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon{font-size:23px;padding-right:13px}
.iziModal .iziModal-header.iziModal-noSubtitle{font-size:15px;font-weight:400}
.iziModal.light .iziModal-header{box-shadow:none}
.iziModal.light .iziModal-header-icon{color:rgba(0,0,0,0.5)}
.iziModal.light .iziModal-header-title{color:#000}
.iziModal.light .iziModal-header-subtitle{color:rgba(0,0,0,0.6)}
.iziModal.light .iziModal-button-close{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU0QjI2RjgyNjZFMTFFNkE3RTk5MEFGMzVBNTcxNkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU0QjI2RjcyNjZFMTFFNkE3RTk5MEFGMzVBNTcxNkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVDRUM4QTFGQTZCMTFFNEExNEZGMTM1MjdDNDE2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVDRUM4QTJGQTZCMTFFNEExNEZGMTM1MjdDNDE2ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mca+RAAABkklEQVR42rxVoU4DQRC9NhhUAYNBICqbVLUJSU+cK4IPuB+4BAeCNAUPAgH6fqCuBkHdGRJEVZPKE4iaKlqFPN4ms8uymbm7hjsmeZmmO/ve7czsTiPLMq9O28tbjOP4EC4EzoE2cEJLKyAFXoFJFEWfEkeDOwGI9+GugRvgoOAjN8Aj8AShr0IBkJ/CvQCdHbOxBC4g8iEKgFyl4N1Kxa6mUncGkZX+o+mkZfoHco/2TonrtwDsCuhV0Dg94voRgOIR3IgJvgR8OjqXDp9iXBsRpzmBasUWVzjk8w0+cETU74DWlsy+FnEagaFw3Am+pA2i1BLR5KlaUzHC3qEt0M0pWuKI2ORJTlN07Zt8XNAZSiQgEa8EueFsejWbFlgXXB6TFqYmkq1tgUUZckpLUlJkYQvMhKCQKahb+FDYO7MFVKttmaAOiAZMQbXIQHgUt7p9zWOH4DHcfUW1vcXpHtwuegbmFZDPieufn2tltOAL70uZgePb5OxFo4nUB+5oHBbZhmL77jQTZ3LtQ79K+xZgAC6hutw74AdUAAAAAElFTkSuQmCC') no-repeat 50% 50%}
.iziModal .iziModal-loader{background:#FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:9}
.iziModal .iziModal-content-loader{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%}
.iziModal .iziModal-content:before,.iziModal .iziModal-content:after{content:'';display:table}
.iziModal .iziModal-content:after{clear:both}
.iziModal .iziModal-content{zoom:1}
.iziModal .iziModal-wrap{position:relative;transition:height .3s ease}
.iziModal .iziModal-iframe{width:100%;margin-bottom:-4px;transition:height .3s ease}
.iziModal-overlay{display:block;position:fixed;z-index:998;top:0;left:0;height:100%;width:100%}
body.iziModal-attached{overflow:hidden}body.iziModal-attached .iziModal{border-radius:0}body.iziModal-attached .iziModal-header{border-radius:0}body.iziModal-attached .iziModal-wrap{overflow-x:hidden}
.iziModal.transitionIn .iziModal-header{-webkit-animation:slideDown .7s cubic-bezier(0.7,0,0.3,1);-moz-animation:slideDown .7s cubic-bezier(0.7,0,0.3,1);animation:slideDown .7s cubic-bezier(0.7,0,0.3,1)}
.iziModal.transitionIn .iziModal-header .iziModal-header-icon{-webkit-animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both;animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both}
.iziModal.transitionIn .iziModal-header .iziModal-header-title,.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle{-webkit-animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both}
.iziModal.transitionIn .iziModal-header .iziModal-button-close{-webkit-animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1);-moz-animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1);animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1)}
.iziModal.transitionIn .iziModal-iframe,.iziModal.transitionIn .iziModal-wrap{-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;animation:fadeIn 2s}
.iziModal.transitionIn .iziModal-header{-webkit-animation-delay:.0s;-moz-animation:.0s;animation-delay:.0s}
.iziModal.transitionIn .iziModal-header .iziModal-header-icon,.iziModal.transitionIn .iziModal-header .iziModal-header-title{-webkit-animation-delay:.4s;-moz-animation:.4s;animation-delay:.4s}
.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle{-webkit-animation-delay:.5s;-moz-animation:.5s;animation-delay:.5s}
.fadeOut{-webkit-animation:fadeOut .5s;-moz-animation:fadeOut .5s;animation:fadeOut .5s}
.fadeIn{-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;animation:fadeIn .5s}
.transitionIn{-webkit-animation:transitionIn .5s ease;-moz-animation:transitionIn .5s ease;animation:transitionIn .5s ease}
.transitionOut{-webkit-animation:transitionOut .5s cubic-bezier(.16,.81,.32,1);-moz-animation:transitionOut .5s cubic-bezier(.16,.81,.32,1);animation:transitionOut .5s cubic-bezier(.16,.81,.32,1)}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}
}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}
}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideIn{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@-moz-keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@-webkit-keyframes transitionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}
}@-moz-keyframes transitionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}}@keyframes transitionOut{0%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(0.9)}}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:scale(1,0) translateY(-40px);-webkit-transform-origin:center top}
}@-moz-keyframes slideDown{0%{opacity:0;-moz-transform:scale(1,0) translateY(-40px);-moz-transform-origin:center top}}@keyframes slideDown{0%{opacity:0;transform:scale(1,0) translateY(-40px);transform-origin:center top}
}@-webkit-keyframes revealIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,1)}}@-moz-keyframes revealIn{0%{opacity:0;-moz-transform:scale3d(0.3,0.3,1)}
}@keyframes revealIn{0%{opacity:0;transform:scale3d(0.3,0.3,1)}}
.iziModal ::-webkit-scrollbar{width:0}
Reference in New Issue View Git Blame Copy Permalink