mirror of
https://github.com/ZSCGR/CloudFlare-ImgBed.git
synced 2026-08-13 04:03:42 +08:00
1 line
12 KiB
CSS
1 line
12 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-17f54292]{text-decoration:none;display:inline-block}.logo[data-v-17f54292]{transition:all .3s ease;border-radius:8px}.logo--fixed[data-v-17f54292]{position:fixed;top:20px;left:20px;z-index:100}.logo--relative[data-v-17f54292]{position:relative}.logo--absolute[data-v-17f54292]{position:absolute;top:5px;left:5px;z-index:100}.logo--static[data-v-17f54292]{position:static}.logo--small[data-v-17f54292]{height:50px;width:50px}.logo--normal[data-v-17f54292]{height:70px;width:70px}.logo--large[data-v-17f54292]{height:90px;width:90px}.logo--hover-enabled[data-v-17f54292]:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 10px var(--logo-glow-color))}@media (max-width:768px){.logo--small[data-v-17f54292]{height:40px;width:40px}.logo--normal[data-v-17f54292]{height:60px;width:60px}.logo--large[data-v-17f54292]{height:75px;width:75px}}.logo[data-v-17f54292]:focus{outline:2px solid var(--el-color-primary);outline-offset:2px}.logo[data-v-17f54292]{filter:var(--logo-filter,none);opacity:var(--logo-opacity,1)}@media (prefers-color-scheme:dark){.logo[data-v-17f54292]{filter:var(--logo-dark-filter,brightness(.9))}}.language-switcher[data-v-08567d0a]{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.lang-icon[data-v-08567d0a]{font-size:var(--lang-icon-size,1.5em);color:var(--lang-icon-color,var(--theme-toggle-color))}#themeToggle[data-v-c93807da]{border:1px solid #d9dce2;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background-color:var(--glass-bg);box-shadow:none;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}html.dark #themeToggle[data-v-c93807da]{border:1px solid #34343a}#themeToggle[data-v-c93807da]:hover{border-color:#bfc4cc}html.dark #themeToggle[data-v-c93807da]:hover{border-color:#4a4a52}#themeToggle[data-v-c93807da]{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}@media (max-width:768px){#themeToggle[data-v-c93807da]{width:2rem;height:2rem}}.theme_toggle_circle1[data-v-c93807da]{transition:cx .5s ease-in-out,cy .5s ease-in-out,r .5s ease-in-out}.theme_toggle_circle2[data-v-c93807da]{transition:all .5s ease-in-out;fill:var(--theme-toggle-bg-color)}.theme_toggle_svg[data-v-c93807da]{transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);color:var(--theme-toggle-color)}.dark.theme_toggle_svg[data-v-c93807da]{transform:rotate(40deg)}.theme_toggle_g[data-v-c93807da]{transition:opacity .5s ease-in-out}.icon-fade-enter-active[data-v-c93807da],.icon-fade-leave-active[data-v-c93807da]{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.icon-fade-enter-from[data-v-c93807da]{opacity:0;transform:scale(.8) rotate(-90deg)}.icon-fade-leave-to[data-v-c93807da]{opacity:0;transform:scale(.8) rotate(90deg)}.icon-fade-enter-to[data-v-c93807da],.icon-fade-leave-from[data-v-c93807da]{opacity:1;transform:scale(1) rotate(0deg)}.auto-icon[data-v-c93807da]{display:inline-block}.background-image1:not([src]),.background-image2:not([src]){display:none}body.wallpaper-active{background-color:transparent!important}body.wallpaper-active .wallpaper-background-active{background:transparent!important;background-color:transparent!important}.login[data-v-5b07fe04]{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;transition:height .35s ease-out,min-height .35s ease-out}.login-title[data-v-5b07fe04]{font-size:2.3rem;margin-bottom:15px;color:var(--login-title-color);font-family:Pacifico,Noto Sans SC,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:2px}@media (max-width:768px){.login-title[data-v-5b07fe04]{font-size:1.5rem}}.login-title[data-v-5b07fe04]:focus,.login-title[data-v-5b07fe04]:hover{text-shadow:0 0 10px var(--login-title-glow-color,rgba(52,152,219,.5))}.login-container[data-v-5b07fe04]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:auto;height:auto;width:600px;border-radius:12px;box-shadow:var(--login-container-box-shadow);background-color:var(--glass-bg)!important;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--glass-border);transition:all .3s ease;padding:40px 0;gap:20px;position:relative;z-index:101}@media (max-width:768px){.login-container[data-v-5b07fe04]{width:85vw;padding:25px 0;gap:12px}}.login-container[data-v-5b07fe04]:hover{box-shadow:var(--login-container-hover-box-shadow)}.input-container[data-v-5b07fe04]{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-5b07fe04]{width:85%;gap:4px;margin-bottom:8px}}.input-wrapper[data-v-5b07fe04]{position:relative;width:100%;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-icon[data-v-5b07fe04]{margin-right:6px;font-size:1rem}.input-name[data-v-5b07fe04]{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-5b07fe04]:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--login-input-underline-color,#5b9bd3);transition:width .3s linear;border-radius:1px}.input-container:has(.input-wrapper.focused) .input-name[data-v-5b07fe04]:after,.input-container:hover .input-name[data-v-5b07fe04]:after{width:var(--underline-width,50px)}.input-container:has(.input-wrapper.focused) .input-name[data-v-5b07fe04],.input-container:hover .input-name[data-v-5b07fe04]{color:var(--login-input-label-focus-color,#5b9bd3)}@media (max-width:768px){.input-name[data-v-5b07fe04]{font-size:.85rem}}.submit[data-v-5b07fe04]{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 .4s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;position:relative;padding:0;display:flex;justify-content:center;align-items:center}.submit.is-loading[data-v-5b07fe04]{width:48px;border-radius:50%;background-color:transparent!important;box-shadow:none!important;pointer-events:none}.loading-ring[data-v-5b07fe04]{display:inline-block;width:34px;height:34px;border:4px solid transparent;border-radius:50%;border-top-color:var(--login-title-color,#fff);animation:spin-5b07fe04 1s ease-in-out infinite;box-sizing:border-box}@keyframes spin-5b07fe04{to{transform:rotate(1turn)}}@media (max-width:768px){.submit[data-v-5b07fe04]{width:50%}}.submit[data-v-5b07fe04]:not(.is-loading):focus,.submit[data-v-5b07fe04]:not(.is-loading):hover{transform:scale(1.05);box-shadow:none}.submit[data-v-5b07fe04]:disabled{cursor:default;transform:none}.password-input[data-v-5b07fe04]{width:100%;height:50px;position:relative}.password-input[data-v-5b07fe04] .el-input__prefix{color:var(--login-input-icon-color,#59636e);font-size:1rem;transition:color .3s ease}.password-input[data-v-5b07fe04] .el-input__wrapper:focus-within .el-input__prefix{color:var(--login-input-label-focus-color,#5b9bd3)}.password-input[data-v-5b07fe04] .el-input__wrapper{border-radius:12px;background-color:var(--password-input-bg-color);border:1px solid var(--glass-border);box-shadow:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.password-input[data-v-5b07fe04] .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-5b07fe04] .el-input__wrapper:hover:before{left:100%}.password-input[data-v-5b07fe04] .el-input__wrapper:hover{box-shadow:none;border-color:var(--login-input-underline-color,#5b9bd3)}.password-input[data-v-5b07fe04] .el-input__wrapper:focus-within{border-color:var(--login-input-underline-color,#5b9bd3);box-shadow:none}.password-input[data-v-5b07fe04] .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-5b07fe04] .el-input__inner,[data-theme=dark] .password-input[data-v-5b07fe04] .el-input__inner{color:var(--text-color,#fff)!important}.password-input[data-v-5b07fe04] .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-5b07fe04] .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-5b07fe04] .el-input__wrapper:focus-within .el-input__inner::-moz-placeholder{opacity:.7}.password-input[data-v-5b07fe04] .el-input__wrapper:focus-within .el-input__inner::placeholder{opacity:.7}.password-input[data-v-5b07fe04] .el-input__suffix{color:var(--icon-color,#666)}.password-input[data-v-5b07fe04] .el-input__suffix-inner{transition:color .3s ease}.password-input[data-v-5b07fe04] .el-input__wrapper:hover .el-input__suffix-inner{color:var(--login-input-label-focus-color,#5b9bd3)}@media (max-width:768px){.password-input[data-v-5b07fe04]{width:100%;height:40px}.password-input[data-v-5b07fe04] .el-input__wrapper{padding:8px 12px}}.footer[data-v-5b07fe04]{position:fixed;bottom:0;width:100vw}.toggle-dark[data-v-5b07fe04]{position:fixed;top:30px;right:30px;border:1px solid #d9dce2;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;background-color:var(--glass-bg);box-shadow:none;border-radius:12px}html.dark .toggle-dark[data-v-5b07fe04]{border:1px solid #34343a}.toggle-dark[data-v-5b07fe04]:hover{transform:scale(1.05);border-color:#bfc4cc}html.dark .toggle-dark[data-v-5b07fe04]:hover{border-color:#4a4a52}.language-switcher[data-v-5b07fe04]{position:fixed;top:30px;right:80px;transition:background-color .25s ease,border-color .25s ease,transform .25s ease;background-color:var(--glass-bg);box-shadow:none;border:1px solid #d9dce2;border-radius:12px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:100}html.dark .language-switcher[data-v-5b07fe04]{border:1px solid #34343a}@media (max-width:768px){.language-switcher[data-v-5b07fe04]{width:2rem;height:2rem}}.language-switcher[data-v-5b07fe04]:hover{transform:scale(1.05);border-color:#bfc4cc}html.dark .language-switcher[data-v-5b07fe04]:hover{border-color:#4a4a52}.language-switcher[data-v-5b07fe04],.toggle-dark[data-v-5b07fe04]{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)} |