1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-10-03 22:17:08 +02:00
theme.park/CSS/addons/unraid/login-page/alien/alien_base.css
2021-07-25 21:00:39 +00:00

1 line
4.9 KiB
CSS

@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=VT323);*{outline:0}@media only screen and (max-width:500px){#login{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;border-radius:none!important}#video-bg-elem,.background-wrap{display:none}#login{-webkit-box-shadow:inset 0 0 0 2px #f000!important;box-shadow:inset 0 0 0 2px #f000!important}}html{background:var(--main-bg)!important}body{background:var(--main-bg)!important;position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}@media only screen and (max-width:768px){#login{min-width:300px}}.background-wrap{position:fixed;z-index:-1000;width:100%;height:100%;overflow:hidden;top:0;left:0}#video-bg-elem{position:absolute;top:0;left:0;min-height:100%;min-width:100%}#login .error,#login h1,#login h2{color:var(--text-color)!important;text-shadow:var(--text-shadow) var(--text-color);font-size:20px}#login a{color:var(--link-color);text-shadow:var(--text-shadow) var(--text-color)}#login a:hover{color:var(--link-color-hover);text-shadow:var(--text-shadow) var(--text-color)}#login input{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-webkit-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login ::-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-ms-input-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login :-moz-placeholder{color:var(--input-color);text-shadow:0 0 5px var(--text-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus::-moz-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login input:focus:-ms-input-placeholder{color:transparent!important;text-shadow:0 0 0 transparent}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font);-webkit-font-smoothing:none;line-height:1.2}#login [class*=' case-'],#login [class^=case-]{font-family:cases!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;color:var(--case-color);text-shadow:var(--text-shadow) var(--text-color)}#login [type=password],#login [type=text]{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase;border-radius:5px}#login [type=password]:active,#login [type=password]:focus,#login [type=text]:active,#login [type=text]:focus{font-family:var(--input-font);background-color:rgba(0,0,0,.25);border:2px solid transparent;text-transform:uppercase}#login .button{color:var(--button-text-color);text-shadow:var(--text-shadow) var(--text-color);background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 0 no-repeat,linear-gradient(90deg,var(--button-color2) 0,var(--button-color)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color2) 0,var(--button-color2)) 0 100% no-repeat,linear-gradient(0deg,var(--button-color) 0,var(--button-color)) 100% 100% no-repeat;background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color2)),to(var(--button-color2))) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(var(--button-color)),to(var(--button-color))) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}#login .button:hover{color:var(--button-text-color-hover);text-shadow:var(--text-shadow) var(--button-color-hover);box-shadow:var(--box-shadow) var(--button-color-hover);background-color:var(--button-color-hover);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2-hover)),to(var(--button-color-hover)));background:linear-gradient(90deg,var(--button-color2-hover) 0,var(--button-color-hover))}#login{background:var(--div-background-color-15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:1rem;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin:0!important;text-transform:uppercase;min-width:300px}#login .angle:after{display:none}#login .wordmark{display:none}#login .logo{background:var(--logo);background-size:contain;padding:2rem;border-radius:0;margin:0 1rem 0 1rem}#login .error{animation-name:shake;animation-duration:.8s}.shadow{-webkit-box-shadow:inset 0 0 0 2px var(--text-color)!important;box-shadow:inset 0 0 0 2px var(--text-color)!important}