mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-01-31 00:53:20 +08:00
1 line
9.4 KiB
CSS
1 line
9.4 KiB
CSS
.page-footer[data-v-08acbaa9]{display:flex;justify-content:center;align-items:center;width:100vw;color:var(--page-footer-text-color);font-size:large;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.page-footer[data-v-08acbaa9]{font-size:small}}.footer-name[data-v-08acbaa9]{color:var(--page-footer-name-color);font-weight:700;text-decoration:none;position:relative;transition:all .3s ease}.footer-name[data-v-08acbaa9]:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--page-footer-name-color);transition:width .3s ease-in-out}.footer-name[data-v-08acbaa9]:hover:after{width:100%}.footer-link-icon[data-v-08acbaa9]{color:var(--page-footer-name-color);margin-left:5px;transition:transform .3s ease-in-out}.footer-link-icon[data-v-08acbaa9]:hover{transform:scale(1.2) rotate(-12deg)}.logo-link[data-v-a6188df6]{text-decoration:none;display:inline-block}.logo[data-v-a6188df6]{transition:all .3s ease;border-radius:8px}.logo--fixed[data-v-a6188df6]{position:fixed;top:5px;left:5px;z-index:100}.logo--relative[data-v-a6188df6]{position:relative}.logo--absolute[data-v-a6188df6]{position:absolute;top:5px;left:5px;z-index:100}.logo--static[data-v-a6188df6]{position:static}.logo--small[data-v-a6188df6]{height:50px;width:50px}.logo--normal[data-v-a6188df6]{height:70px;width:70px}.logo--large[data-v-a6188df6]{height:90px;width:90px}.logo--hover-enabled[data-v-a6188df6]:hover{transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.logo--small[data-v-a6188df6]{height:40px;width:40px}.logo--normal[data-v-a6188df6]{height:60px;width:60px}.logo--large[data-v-a6188df6]{height:75px;width:75px}}.logo[data-v-a6188df6]:focus{outline:2px solid var(--el-color-primary);outline-offset:2px}.logo[data-v-a6188df6]{filter:var(--logo-filter,none);opacity:var(--logo-opacity,1)}@media (prefers-color-scheme:dark){.logo[data-v-a6188df6]{filter:var(--logo-dark-filter,brightness(.9))}}#themeToggle[data-v-466b2b5c]{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}@media (max-width:768px){#themeToggle[data-v-466b2b5c]{width:2rem;height:2rem}}.theme_toggle_circle1[data-v-466b2b5c]{transition:cx .5s ease-in-out,cy .5s ease-in-out,r .5s ease-in-out}.theme_toggle_circle2[data-v-466b2b5c]{transition:all .5s ease-in-out;fill:var(--theme-toggle-bg-color)}.theme_toggle_svg[data-v-466b2b5c]{transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);color:var(--theme-toggle-color)}.dark.theme_toggle_svg[data-v-466b2b5c]{transform:rotate(40deg)}.theme_toggle_g[data-v-466b2b5c]{transition:opacity .5s ease-in-out}.icon-fade-enter-active[data-v-466b2b5c],.icon-fade-leave-active[data-v-466b2b5c]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.icon-fade-enter-from[data-v-466b2b5c]{opacity:0;transform:scale(.8) rotate(-90deg)}.icon-fade-leave-to[data-v-466b2b5c]{opacity:0;transform:scale(.8) rotate(90deg)}.icon-fade-enter-to[data-v-466b2b5c],.icon-fade-leave-from[data-v-466b2b5c]{opacity:1;transform:scale(1) rotate(0deg)}.auto-icon[data-v-466b2b5c]{display:inline-block}.login[data-v-75a6162e]{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;height:auto;background:var(--admin-container-bg-color,var(--bg-color));overflow-y:auto;padding:20px 0;box-sizing:border-box}.login-title[data-v-75a6162e]{font-size:2.5rem;margin-bottom:15px;color:var(--login-title-color);font-family:Noto Sans SC,sans-serif;cursor:pointer;transition:all .3s ease}@media (max-width:768px){.login-title[data-v-75a6162e]{font-size:1.5rem}.login[data-v-75a6162e]{transition:background-color .4s ease-out}.login.is-focused[data-v-75a6162e]{justify-content:flex-start;padding-top:10vh}.login-container[data-v-75a6162e]{transition:transform .4s ease-out,box-shadow .4s ease-out}.login.is-focused .login-container[data-v-75a6162e]{transform:translateY(-20px);box-shadow:var(--login-container-hover-box-shadow),0 20px 40px rgba(0,0,0,.15)}}.login-title[data-v-75a6162e]:focus,.login-title[data-v-75a6162e]:hover{transform:translateY(-2px);text-shadow:0 0 10px var(--login-title-glow-color,rgba(52,152,219,.5))}.login-container[data-v-75a6162e]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:auto;height:auto;width:40vw;border-radius:12px;box-shadow:var(--login-container-box-shadow);background-color:var(--login-container-bg-color);backdrop-filter:blur(8px);transition:all .3s ease;padding:40px 0;gap:20px}@media (max-width:768px){.login-container[data-v-75a6162e]{width:80vw}}.login-container[data-v-75a6162e]:hover{box-shadow:var(--login-container-hover-box-shadow);transform:translateY(-5px)}.input-container[data-v-75a6162e]{display:flex;flex-direction:column;align-items:flex-start;width:80%;margin-bottom:15px;position:relative;gap:8px}@media (max-width:768px){.input-container[data-v-75a6162e]{width:85%;gap:6px}}.input-wrapper[data-v-75a6162e]{position:relative;width:100%;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-icon[data-v-75a6162e]{margin-right:6px;font-size:1rem}.input-name[data-v-75a6162e]{font-size:.95rem;font-weight:600;color:var(--login-title-color);text-align:left;transition:all .3s ease;letter-spacing:.5px;position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:2px}.input-name[data-v-75a6162e]:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg,var(--login-input-underline-color,#5b9bd3),var(--login-input-underline-secondary-color,#7ba9d8));transition:width .3s linear;border-radius:1px}.input-container:has(.input-wrapper.focused) .input-name[data-v-75a6162e]:after,.input-container:hover .input-name[data-v-75a6162e]:after{width:var(--underline-width,50px)}.input-container:has(.input-wrapper.focused) .input-name[data-v-75a6162e],.input-container:hover .input-name[data-v-75a6162e]{color:var(--login-input-label-focus-color,#5b9bd3)}@media (max-width:768px){.input-name[data-v-75a6162e]{font-size:.85rem}}.submit[data-v-75a6162e]{margin-bottom:10px;width:50%;height:48px;font-size:1.1rem;font-weight:600;letter-spacing:2px;border-radius:12px;background-color:var(--login-submit-btn-bg-color);transition:all .3s ease;border:none}@media (max-width:768px){.submit[data-v-75a6162e]{width:50%}}.submit[data-v-75a6162e]:focus,.submit[data-v-75a6162e]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.password-input[data-v-75a6162e]{width:100%;height:50px;position:relative}.password-input[data-v-75a6162e] .el-input__prefix{color:var(--login-input-icon-color,#909399);font-size:1rem;transition:color .3s ease}.password-input[data-v-75a6162e] .el-input__wrapper:focus-within .el-input__prefix{color:var(--login-input-label-focus-color,#5b9bd3)}.password-input[data-v-75a6162e] .el-input__wrapper{border-radius:12px;background-color:var(--password-input-bg-color);border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.password-input[data-v-75a6162e] .el-input__wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.password-input[data-v-75a6162e] .el-input__wrapper:hover:before{left:100%}.password-input[data-v-75a6162e] .el-input__wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:var(--login-input-underline-color,#5b9bd3)}.password-input[data-v-75a6162e] .el-input__wrapper:focus-within{border-color:var(--login-input-underline-color,#5b9bd3);box-shadow:0 0 0 3px rgba(91,155,211,.1);transform:translateY(-1px)}.password-input[data-v-75a6162e] .el-input__inner{color:var(--text-color,var(--login-input-text-color,#333));font-size:1rem;font-weight:500;background:transparent;border:none;box-shadow:none}.dark .password-input[data-v-75a6162e] .el-input__inner,[data-theme=dark] .password-input[data-v-75a6162e] .el-input__inner{color:var(--text-color,#fff)!important}.password-input[data-v-75a6162e] .el-input__inner::-moz-placeholder{color:var(--placeholder-color,var(--text-color-secondary,hsla(0,0%,59%,.8)));font-weight:400;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.password-input[data-v-75a6162e] .el-input__inner::placeholder{color:var(--placeholder-color,var(--text-color-secondary,hsla(0,0%,59%,.8)));font-weight:400;transition:opacity .3s ease}.password-input[data-v-75a6162e] .el-input__wrapper:focus-within .el-input__inner::-moz-placeholder{opacity:.7}.password-input[data-v-75a6162e] .el-input__wrapper:focus-within .el-input__inner::placeholder{opacity:.7}.password-input[data-v-75a6162e] .el-input__suffix{color:var(--icon-color,#666)}.password-input[data-v-75a6162e] .el-input__suffix-inner{transition:color .3s ease}.password-input[data-v-75a6162e] .el-input__wrapper:hover .el-input__suffix-inner{color:var(--login-input-label-focus-color,#5b9bd3)}@media (max-width:768px){.password-input[data-v-75a6162e]{width:95%;height:45px}.password-input[data-v-75a6162e] .el-input__wrapper{padding:10px 14px}}.footer[data-v-75a6162e]{position:fixed;bottom:0;width:100vw}.toggle-dark[data-v-75a6162e]{position:fixed;top:30px;right:30px;border:none;transition:all .3s ease;background-color:var(--toolbar-button-bg-color);box-shadow:var(--toolbar-button-shadow);backdrop-filter:blur(10px);border-radius:12px}.toggle-dark[data-v-75a6162e]:hover{transform:scale(1.05);box-shadow:var(--toolbar-button-shadow-hover)} |