芝麻web文件管理V1.00

编辑当前文件:/home/paymbalq/study.tamela.org/css/about.68b6011c.css
*{margin:0;padding:0;box-sizing:border-box;font-family:Avenir,sans-serif}section{position:relative;min-height:100vh;background-color:var(--background);display:flex;justify-content:center;align-items:center;padding:20px}section .container{position:relative;width:800px;height:500px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--border-radius-1);overflow:hidden}section .container .user{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}section .container .user .imgBx{position:relative;width:50%;height:100%;background:var(--primary);transition:.5s}section .container .user .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:80%;object-position:80%}section .container .user .formBx{position:relative;width:50%;height:100%;background:var(--white);display:flex;justify-content:center;align-items:center;padding:40px;transition:.5s}section .container .user .formBx form h2{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;width:100%;margin-bottom:30px;color:var(--dark)}section .container .user .formBx form h3{font-size:14px;font-weight:600;text-transform:capitalize;letter-spacing:2px;text-align:center;width:100%;margin-bottom:10px;color:var(--danger)}section .container .user .formBx form input{position:relative;width:100%;padding:10px;background:var(--light);color:var(--dark);border:none;outline:none;box-shadow:none;margin:8px 0;font-size:14px;letter-spacing:1px;font-weight:300;border-radius:var(--border-radius-1)}section .container .user .formBx form input[type=submit]{max-width:100px;background:var(--primary);color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;transition:.5s;border-radius:var(--border-radius-1);border:1px solid var(--primary)}section .container .user .formBx form input[type=submit]:hover{background:var(--white);color:var(--primary);border:1px solid var(--primary)}section .container .user .formBx form .signup{position:relative;margin-top:20px;font-size:12px;letter-spacing:1px;color:var(--dark);text-transform:uppercase;font-weight:300}section .container .user .formBx form .signup a{font-weight:600;text-decoration:none;color:var(--primary)}section .container .user .formBx form .signup a:hover{text-decoration:underline}section .container .signupBx{pointer-events:none}section .container.active .signupBx{pointer-events:auto}section .container .signupBx .formBx{left:100%}section .container.active .signupBx .formBx{left:0}section .container .signupBx .imgBx{left:-100%}section .container .signinBx .formBx,section .container.active .signupBx .imgBx{left:0}section .container.active .signinBx .formBx{left:100%}section .container .signinBx .imgBx{left:0}section .container.active .signinBx .imgBx{left:-100%}.login-logo{display:flex;position:absolute;top:0;left:0;padding:1rem;margin:1rem;width:200px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:var(--dark);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@media (max-width:991px){section .container{max-width:400px}section .container .imgBx{display:none}section .container .user .formBx{width:100%;background:var(--background)}}@media screen and (max-width:600px){section .container{background:var(--background);box-shadow:none;max-width:400px}section .container .user .formBx form input[type=submit]{max-width:100%;margin-top:2rem}.login-logo{width:150px;margin:1rem auto}}.login-logo img{width:100%}input.error[data-v-7f70f529]{border:2px solid var(--danger)!important;color:var(--danger)!important}