mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 10:02:32 +01:00
2 lines
3.9 KiB
CSS
2 lines
3.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 (max-width:500px){#login{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);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}}html{background:var(--main-bg-color)!important}body{background:var(--main-bg-color)!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{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#login .error,#login h1,#login h2{color:var(--text-color)!important}#login a{color:var(--link-color)}#login a:hover{color:var(--link-color-hover)}#login input{color:var(--input-color)}#login ::placeholder{color:var(--input-color)}#login ::-webkit-input-placeholder{color:var(--input-color)}#login ::-moz-placeholder{color:var(--input-color)}#login :-ms-input-placeholder{color:var(--input-color)}#login :-moz-placeholder{color:var(--input-color)}#login input:focus::-webkit-input-placeholder{color:transparent!important}#login input:focus:-moz-placeholder{color:transparent!important}#login input:focus::-moz-placeholder{color:transparent!important}#login input:focus:-ms-input-placeholder{color:transparent!important}#login .button,#login .error,#login a,#login h1,#login h2{font-family:var(--text-font)}#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)}#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);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);background-color:var(--button-color);background:-webkit-gradient(linear,left top,right top,from(var(--button-color2)),to(var(--button-color)));background:linear-gradient(90deg,var(--button-color2) 0,var(--button-color))}#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}
|