framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 3.69 kB
CSS
.login-screen{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);background:#fff;z-index:11000}.login-screen.modal-in,.login-screen.modal-out{-webkit-transition-duration:.4s;transition-duration:.4s}.login-screen.not-animated{-webkit-transition-duration:0s;transition-duration:0s}.login-screen.modal-in{display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.login-screen.modal-out{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html.with-statusbar.device-ios .login-screen,html.with-statusbar.ios:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 20px);top:20px}html.with-statusbar.device-iphone-x .login-screen{height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}html.with-statusbar.device-android .login-screen,html.with-statusbar.md:not(.device-ios):not(.device-android) .login-screen{height:calc(100% - 24px);top:24px}.login-screen-content{background:#fff}.login-screen-content .block,.login-screen-content .block-footer,.login-screen-content .block-header,.login-screen-content .list,.login-screen-content .login-screen-title{max-width:480px}.login-screen-content .list ul{background:0 0}.login-screen-content .list ul:before{display:none}.login-screen-content .list ul:after{display:none}.login-screen-content .block-footer,.login-screen-content .block-header{text-align:center;margin-left:auto;margin-right:auto}.login-screen-title{text-align:center}.ios .login-screen-content .block,.ios .login-screen-content .list,.ios .login-screen-content .login-screen-title{margin:25px auto}.ios .login-screen-title{font-size:30px}.ios .theme-dark .login-screen-content,.ios .theme-dark .login-screen-content .list ul{background-color:transparent}.md .login-screen-content .block,.md .login-screen-content .list,.md .login-screen-content .login-screen-title{margin:24px auto}.md .login-screen-content .list-button{text-align:center;color:#2196f3}.md .login-screen-title{font-size:34px}.login-screen-content.md .theme-dark,.md .theme-dark .login-screen-content{background:0 0}.md .color-theme-red .login-screen-content .list-button{color:#f44336}.md .color-theme-green .login-screen-content .list-button{color:#4caf50}.md .color-theme-blue .login-screen-content .list-button{color:#2196f3}.md .color-theme-pink .login-screen-content .list-button{color:#e91e63}.md .color-theme-yellow .login-screen-content .list-button{color:#ffeb3b}.md .color-theme-orange .login-screen-content .list-button{color:#ff9800}.md .color-theme-gray .login-screen-content .list-button{color:#9e9e9e}.md .color-theme-white .login-screen-content .list-button{color:#fff}.md .color-theme-black .login-screen-content .list-button{color:#000}.md .login-screen-content .list-button.color-red{color:#f44336}.md .login-screen-content .list-button.color-green{color:#4caf50}.md .login-screen-content .list-button.color-blue{color:#2196f3}.md .login-screen-content .list-button.color-pink{color:#e91e63}.md .login-screen-content .list-button.color-yellow{color:#ffeb3b}.md .login-screen-content .list-button.color-orange{color:#ff9800}.md .login-screen-content .list-button.color-gray{color:#9e9e9e}.md .login-screen-content .list-button.color-white{color:#fff}.md .login-screen-content .list-button.color-black{color:#000}