mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-04-25 22:54:52 +00:00
1 line
8.5 KiB
CSS
1 line
8.5 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-019ed83e]{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-019ed83e]{width:2rem;height:2rem}}.theme_toggle_circle1[data-v-019ed83e]{transition:cx .5s ease-in-out,cy .5s ease-in-out,r .5s ease-in-out}.theme_toggle_circle2[data-v-019ed83e]{transition:all .5s ease-in-out;fill:var(--theme-toggle-bg-color)}.theme_toggle_svg[data-v-019ed83e]{transition:transform .5s cubic-bezier(.68,-.55,.27,1.55);transform:rotate(90deg);color:var(--theme-toggle-color)}.dark.theme_toggle_svg[data-v-019ed83e]{transform:rotate(40deg)}.theme_toggle_g[data-v-019ed83e]{transition:opacity .5s ease-in-out}.login[data-v-21f9852c]{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background:var(--admin-container-bg-color,var(--bg-color))}.login-title[data-v-21f9852c]{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-21f9852c]{font-size:1.5rem}}.login-title[data-v-21f9852c]:focus,.login-title[data-v-21f9852c]:hover{transform:translateY(-2px);text-shadow:0 0 10px var(--login-title-glow-color,rgba(52,152,219,.5))}.login-container[data-v-21f9852c]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:40vh;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}@media (max-width:768px){.login-container[data-v-21f9852c]{width:80vw}}.login-container[data-v-21f9852c]:hover{box-shadow:var(--login-container-hover-box-shadow);transform:translateY(-5px)}.input-container[data-v-21f9852c]{display:flex;align-items:center;width:35vw;margin-bottom:25px;position:relative;gap:15px}@media (max-width:768px){.input-container[data-v-21f9852c]{width:75vw;gap:10px}}.input-wrapper[data-v-21f9852c]{position:relative;flex:1;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-name[data-v-21f9852c]{font-size:1rem;font-weight:600;color:var(--login-title-color);text-align:right;width:80px;min-width:60px;transition:all .3s ease;letter-spacing:.5px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;height:50px}.input-name[data-v-21f9852c]:before{content:"";position:absolute;right:0;bottom:12px;width:0;height:2px;background:linear-gradient(90deg,var(--login-input-underline-color,#5b9bd3),var(--login-input-underline-secondary-color,#7ba9d8));transition:width .3s ease}.input-container:has(.input-wrapper.focused) .input-name[data-v-21f9852c]:before,.input-container:hover .input-name[data-v-21f9852c]:before{width:var(--underline-width,50px)}.input-container:has(.input-wrapper.focused) .input-name[data-v-21f9852c],.input-container:hover .input-name[data-v-21f9852c]{color:var(--login-input-label-focus-color,#5b9bd3);transform:translateX(-3px)}.input-underline[data-v-21f9852c]{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--login-input-underline-color,#5b9bd3),var(--login-input-underline-secondary-color,#7ba9d8));transition:width .3s cubic-bezier(.4,0,.2,1);z-index:2}.input-wrapper.focused .input-underline[data-v-21f9852c]{width:90%}@media (max-width:768px){.input-name[data-v-21f9852c]{font-size:.9rem;width:60px;min-width:50px;height:45px}.input-wrapper.focused .input-underline[data-v-21f9852c]{width:95%}}.submit[data-v-21f9852c]{margin-bottom:10px;width:40%;height:15%;border-radius:12px;background-color:var(--login-submit-btn-bg-color);transition:all .3s ease;border:none}.submit[data-v-21f9852c]:focus,.submit[data-v-21f9852c]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.password-input[data-v-21f9852c]{width:90%;height:50px;position:relative;margin-bottom:4px}.password-input[data-v-21f9852c] .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-21f9852c] .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-21f9852c] .el-input__wrapper:hover:before{left:100%}.password-input[data-v-21f9852c] .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-21f9852c] .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-21f9852c] .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-21f9852c] .el-input__inner,[data-theme=dark] .password-input[data-v-21f9852c] .el-input__inner{color:var(--text-color,#fff)!important}.password-input[data-v-21f9852c] .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-21f9852c] .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-21f9852c] .el-input__wrapper:focus-within .el-input__inner::-moz-placeholder{opacity:.7}.password-input[data-v-21f9852c] .el-input__wrapper:focus-within .el-input__inner::placeholder{opacity:.7}.password-input[data-v-21f9852c] .el-input__suffix{color:var(--icon-color,#666)}.password-input[data-v-21f9852c] .el-input__suffix-inner{transition:color .3s ease}.password-input[data-v-21f9852c] .el-input__wrapper:hover .el-input__suffix-inner{color:var(--login-input-label-focus-color,#5b9bd3)}@media (max-width:768px){.password-input[data-v-21f9852c]{width:95%;height:45px}.password-input[data-v-21f9852c] .el-input__wrapper{padding:10px 14px}}.footer[data-v-21f9852c]{position:fixed;bottom:0;width:100vw}.toggle-dark[data-v-21f9852c]{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-21f9852c]:hover{transform:scale(1.05);box-shadow:var(--toolbar-button-shadow-hover)} |