mirror of
https://github.com/caojiezi2003/Snavigation.git
synced 2024-11-10 06:39:45 +00:00
1 line
15 KiB
CSS
1 line
15 KiB
CSS
|
@charset "utf-8";:root{--body-background-color:#333333;--main-text-color:#efefef;--main-text-form-color:#333333;--main-text-form-hover-color:#efefef;--main-background-color:#00000040;--main-background-hover-color:#acacac60;--main-background-active-color:#8a8a8a80;--main-button-color:#ffffff40;--main-button-hover-color:#00000030;--main-button-active-color:#00000020;--main-input-color:#ffffff30;--main-input-text-placeholder-color:#ffffff70;--main-text-shadow:0px 0px 8px #00000066;--main-search-shadow:0 0 20px #0000000d;--main-search-hover-shadow:0 0 20px #00000033;--border-bottom-color-hover:#efefef80;--border-bottom-color-active:#efefef}body,html{width:100%;height:100%;margin:0;background-color:var(--body-background-color);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*,a,p{text-decoration:none;transition:.3s;color:var(--main-text-color);user-select:none;font-family:MiSans,sans-serif}section{display:block;position:fixed;width:100%;height:100%;min-height:600px;opacity:0;transition:ease 1.5s}.noclickn{pointer-events:none}.bg-all{z-index:0;position:absolute;top:calc(0px + 0px);left:0;width:100%;height:calc(100% - 0px);transition:.25s}#bg{transform:scale(1.1);filter:blur(10px);position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s,transform .25s,filter .25s;backface-visibility:hidden}img.error{display:none}.cover{opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%);transition:.25s}#content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.con{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.sou{max-width:680px;width:calc(100% - 60px);animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.box .all-search{opacity:0;transition:.3s}.onsearch .all-search{background-color:var(--main-text-form-hover-color);transform:translateY(-140%);transition:ease .3s!important}.onsearch #bg{transform:scale(1.08)!important;filter:blur(10px)!important;transition:ease .3s!important}.onsearch #icon-se{color:var(--main-text-form-color)!important;transition:ease .5s}.onsearch #icon-sou{color:var(--main-text-form-color)!important;transition:ease .5s}.onsearch .tool-all{transform:translateY(-140%)!important}.onsearch .search-engine{transform:translateY(-38%)!important}.tool-all{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateY(-120%);z-index:1}.time{color:var(--main-text-color);display:flex;flex-direction:column;align-items:center}#point{margin:0 4px;animation:fadenum 2s infinite;-webkit-animation:fadenum 2s infinite;-moz-animation:fadenum 2s infinite;-o-animation:fadenum 2s linear infinite;-ms-animation:fadenum 2s linear infinite}#time_text{font-size:3rem;margin:6px 0;text-shadow:var(--main-text-shadow);transition:.2s}#time_text:hover{cursor:pointer;transition:.2s;transform:scale(1.08)}#time_text:active{transition:.2s;opacity:.6;transform:scale(1.02)}#day{font-size:1.15rem;opacity:.8;margin:4px 0;text-shadow:var(--main-text-shadow)}.weather{color:#efefef;opacity:.8;font-size:1.1rem;text-shadow:var(--main-text-shadow)}.s,.search,.wd{padding:0;margin:0;border:none;outline:0;background:0 0;display:flex;justify-content:center;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.wd::-webkit-input-placeholder{letter-spacing:2px;font-size:1.05rem}.all-search{display:flex;align-items:center;width:100%;height:43px;border-radius:30px;color:var(--main-text-color);background-color:var(--main-background-color);box-shadow:var(--main-search-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:.5s ease}.all-search:hover{box-shadow:var(--main-search-hover-shadow)}.con .sou form .wd{width:100%;height:100%;line-height:100%;text-indent:4px;font-size:1.25rem;color:var(--main-text-form-color)}.sou form .s,.
|