/* * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ html.lockscreen, html.lockscreen body { height: 100%; overflow-x: auto; } .lockscreen { /*background: linear-gradient(141deg, #3dc6c2 0%, #3ca4bc 25%, #3c8dbc 50%, #3c73bc 75%, #2b50bf 100%);*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100% !important; } /* Remove the background from the body element */ .lockscreen > body { background: transparent; min-height: 100% !important; overflow: hidden !important; } /* We will put the dynamically generated digital clock here */ .lockscreen .headline { color: #fff; text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); font-weight: 300; -webkit-font-smoothing: antialiased !important; opacity: 0.8; margin: 10px 0 30px 0; font-size: 90px; } @media screen and (max-width: 480px) { .lockscreen .headline { font-size: 60px; margin-bottom: 40px; } } /* Will contain the image and the sign in form */ .lockscreen-item { padding: 0; position: relative; border-radius: 15px 15px 15px 15px; margin: 10px auto; width: 300px; } .lockscreen-item:before, .lockscreen-item:after { display: table; content: " "; } .lockscreen-item:after { clear: both; } /* User image */ .lockscreen-item > .lockscreen-image { position: absolute; left: -10px; top: -30px; background: #fff; padding: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 10; } .lockscreen-item > .lockscreen-image > img { width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Contains the password input and the login button */ .lockscreen-item > .lockscreen-credentials input { border: 0 !important; } .lockscreen-item > .lockscreen-credentials .btn { color: #ffffff; border-radius: 0px 4px 4px 0px; } #registration_link { color: #fff; margin-top: 20px; text-align: center; text-transform: uppercase; } #registration_link a, #custom_passphrase_link a { color: rgba(255,255,255,0.7); } #registration_link a:hover, #custom_passphrase_link a:hover { color: rgba(255,255,255,1.0); } #login_panel #remember_password_container label { color: rgba(255,255,255,0.7); } #login_panel #remember_password_container label:hover { color: rgba(255,255,255,1.0); } .lockscreen-credentials { height: 34px; color: rgba(0,0,0,0.0); } .lockscreen header, .lockscreen #page, .lockscreen #downloading_blockchain { display: none !important; } #lockscreen { height: 100%; overflow: auto; background-image: url(../../img/bg1.svg) } #lockscreen img.burst_logo_effect { position: absolute; animation: blurring 10s infinite alternate ease-in-out; } @keyframes blurring { 0% { opacity: 0.5; filter: blur(10px); transform: scale(1.0); transform: rotate(0deg); } 25% { transform: rotate(5deg); } 66% { opacity: 0.8; } 75% { transform: rotate(0deg); } 100% { opacity: 0.2; filter: blur(20px); transform: rotate(-5deg); } } #testnet_login { display: inline-block; text-align: left; margin-bottom: 0px; } #login_error { text-align: left; margin-bottom: 10px; margin: 0 auto; } #login_error .callout { margin-top: 10px; margin-bottom: 0; } #remember_password_container { margin-top: 12px; text-align: center; } #remember_password_container label { font-weight: normal; } #center .panel { display: inline-block; } .btn.btn-login { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 1px; }