Snavigation/css/style.min.css
2022-08-19 11:55:02 +08:00

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,.sou form .se{width:40px;height:40px;display:flex;padding:10px;cursor:pointer;justify-content:center;align-items:center}#icon-se,#icon-sou{font-size:1.25rem;color:#efefef}.sou form .se{transition:.3s;border-radius:0 30px 30px 0}.sou form .se:hover{transition:.3s;background:var(--main-background-color);border-radius:0 30px 30px 0}.sou-button{transition:.3s;border-radius:30px 0 0 30px}.sou-button:hover{transition:.3s;background:var(--main-background-color);border-radius:30px 0 0 30px}.all-search input::-webkit-input-placeholder{color:var(--main-text-color);text-align:center}.all-search input::-moz-placeholder{color:var(--main-text-color);text-align:center}.all-search input:-ms-input-placeholder{color:var(--main-text-color);text-align:center}.search-engine{position:absolute;margin-top:10px;margin-left:5px;padding:10px;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);border-radius:8px;display:none;z-index:999;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.search-engine-list{display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;height:152px;overflow-y:auto;overflow-x:hidden}.se-li{flex:1;width:23%;min-width:23%;max-width:23%;width:100%;padding:8px 0;margin:1%;border-radius:8px;transition:.3s;background:var(--main-background-color)}.se-li:hover{cursor:pointer;transition:.3s;border-radius:8px;background-color:var(--main-background-hover-color)}.se-li-text{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.se-li-text span{margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#keywords{position:absolute;width:100%;top:46.5%;font-size:small;color:var(--main-text-color);background-color:var(--main-background-color);box-shadow:var(--main-search-shadow);border-radius:8px;display:none;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:down;-webkit-animation:down .5s;-moz-animation:down .5s;-o-animation:down .5s;-ms-animation:down .5s}.keyword{padding:6px 12px;border-radius:8px;transition:.3s;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.keyword i{margin-right:6px;font-size:small}.keyword.choose,.keyword:hover{cursor:pointer;transition:.3s;text-indent:10px;border-radius:8px;background-color:var(--main-background-hover-color);border-radius:8px}.mark,.set{flex-direction:column;align-items:center;background:var(--main-background-color);border-radius:8px;height:400px;max-height:400px;width:80%;max-width:900px;max-width:900px;position:absolute;margin-top:200px;z-index:2000;animation:fade;-webkit-animation:fade .75s;-moz-animation:fade .75s;-o-animation:fade .75s;-ms-animation:fade .75s}.mark .tab,.set .tabs{height:40px;min-height:40px;width:100%;display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.set .tabs{margin-bottom:0!important}.mark .tab .tab-item,.set .tabs .tab-items{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.95rem;transition:.3s;border-bottom:2px solid transparent;border-top:2px solid transparent}.mark .tab .tab-item:hover,.set .tabs .tab-items:hover{transition:.3s;cursor:pointer;border-bottom-color:var(--border-bottom-color-hover)}.mark .tab .tab-item.active,.set .tabs .tab-items.actives{border-bottom-color:var(--border-bottom-color-active)}.products,.productss{width:100%;height:100%}.products .mainCont,.productss .mainConts{display:none;width:100%;flex-wrap:wrap;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.products .mainCont.selected,.productss .mainConts.selected{display:flex}.quick-all,.quick-alls{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;width:100%;margin:0 20px 20px 20px;height:316px;overflow:auto}.quick,.quicks{flex:1;height:48px;background:var(--main-background-color);cursor:pointer;border-radius:8px;width:18%;min-width:18%;max-width:18%;margin:0 1% 2% 1%;transition:.3s}.quick:hover,.quicks:hover{transition:.3s;background:var(--main-background-hover-color)}.quick:active,.quicks:active{transform:scale(.95);transition:.3s;background:var(--main-background-active-color)}.quick a,.quicks a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu{width:44px;height:44px;position:absolute;right:8px;top:8px;z-index:2000000;cursor:pointer;transition:.5s;border-radius:8px;transition:.3s;animation:fade;-webkit-animation:fade 1s;-moz-animation:fade 1s;-o-animation:fade 1s;-ms-animation:fade 1s}#menu:hover{cursor:pointer;transition:.3s;background:var(--main-background-color);border-radius:8px}#menu:active{cursor:pointer;transform:scale(.9)}#menu i{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.75rem;transition:.3s}.set_blocks{width:100%;height:340px;display:flex;flex-direction:column;justify-content:space-between}.set_blocks_content{display:flex;margin:20px 20px 0 20px;height:430px;flex-direction:column;justify-content:space-between}.from_items.button,.set_blocks_content .se_add_preinstall,.set_blocks_content .se_add_preinstalls{display:flex;justify-content:center}.quick_add_cancel,.quick_add_save,.se_add_cancel,.se_add_save,.set_quick_list_add,.set_quick_list_preinstall,.set_se_list_add,.set_se_list_preinstall,.wallpaper_save{width:25%;display:flex;height:40px;border-radius:8px;background:var(--main-background-color);margin:0 20px;justify-content:center;align-items:center;transition:.3s}.quick_add_cancel:hover,.quick_add_save:hover,.se_add_cancel:hover,.se_add_save:hover,.set_quick_list_add:hover,.set_quick_list_preinstall:hover,.set_se_list_add:hover,.set_se_list_preinstall:hover,.wallpaper_save:hover{cursor:pointer;background:var(--main-background-hover-color);transition:.3s}.quick_add_cancel:active,.quick_add_save:active,.se_add_cancel:active,.se_add_save:active,.set_quick_list_add:active,.set_quick_list_preinstall:active,.set_se_list_add:active,.set_se_list_preinstall:active,.wallpaper_save:active{transform:scale(.9);background:var(--main-background-active-color);transition:.3s}.set_blocks_content button{width:40px;height:100%;background:var(--main-button-color);border:1px solid transparent;transition:.3s}.set_blocks_content button:hover{cursor:pointer;background:var(--main-button-hover-color)}.set_blocks_content button:active{transform:scale(.95);background:var(--main-button-active-color)}.add_content,.quick_list,.se_add_preinstall,.se_add_preinstalls,.se_list{animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.add_content{display:flex;flex-direction:column;height:320px;justify-content:space-between;overflow-y:auto;overflow-x:hidden}.froms{height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.froms .from_items{display:flex;flex-direction:row;align-items:center;width:100%}.from_text{width:60px;display:flex;justify-content:center;margin-right:10px}#wallpaper_url input,.add_content input{font-size:1.05rem;outline:0;height:40px;width:100%;border-radius:8px;padding:0 10px;border:none;background:var(--main-input-color)}#wallpaper_url input:active,#wallpaper_url input:hover,.add_content input:active,.add_content input:hover{box-shadow:var(--main-search-hover-shadow)}#wallpaper_url input::-webkit-input-placeholder,.add_content input::-webkit-input-placeholder{color:var(--main-input-text-placeholder-color)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.quick_list,.se_list{height:260px;overflow-y:auto}.quick_list_table,.se_list_table{display:flex;flex-direction:column;margin:0 10px}.quick_list_div,.se_list_div{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:14px;background:var(--main-background-color);border-radius:8px;transition:.3s}.quick_list_div:hover,.se_list_div:hover{background:var(--main-background-hover-color);transition:.3s}.quick_list_div_num,.se_list_num{height:40px;width:40px;min-width:40px;display:flex;justify-content:center;align-items:center;background:var(--main-background-color);border-radius:8px}.quick_list_div_name,.se_list_name{width:100%;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick_list_div_button,.se_list_button{height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}#wallpaper{display:flex;flex-direction:row}#wallpaper_url{margin:10px 0;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}#wallpaper_text{font-weight:700;margin-top:6px}.form-radio{margin:0 10px 10px 0}input[type=radio]+label{cursor:pointer;padding:6px 10px;background:var(--main-background-color);border-radius:8px;transition:.3s;border:2px solid transparent}input[type=radio]:checked+label{background:var(--main-background-active-color);border:2px solid var(--main-background-active-color)}.set_tip{display:flex;margin:20px;background:var(--main-background-color);padding:20px;border-radius:8px;flex-direction:column}.set_button{margin:20px;display:flex;justify-content:center}.but-ordinary{width:25%;display:flex;height:40px;border-radius:8px;background:var(--main-background-color);margin:0 20px;justify-content:center;align-items:center;transition:.3s}.but-ordinary:hover{cursor:pointer;background:var(--main-background-hover-color);transition:.3s}.but-ordinary:active{transform:scale(.9);background:var(--main-background-active-color);transition:.3s}.set_version{display:flex;justify-content:center;flex-direction:column;align-items:center}.set_version-text2{font-size:small;color:var(--main-background-active-color)}.foot{position:absolute;bottom:10px;z-index:1000;text-align:center;width:100%;height:20px;line-height:20px}.power{color:var(--main-text-color);opacity:.8;font-size:small;text-shadow:var(--main-text-shadow)}.iziToast{backdrop-filter:blur(10px)!important}.iziToast:after{box-shadow:none!important}.iziToast>.iziToast-body{display:flex;align-items:center}.iziToast>.iziToast-body .iziToast-message{margin:0!important}.iziToast>.iziToast-body .iziToast-texts{margin:0!important}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){margin:2px 6px!important;color:#efefef!important}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus{box-shadow:none!important}::-webkit-scrollbar{background-color:transparent!important;width:6px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:var(--main-background-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--main-background-active-color)}::selection{background:#00000040;color:#000000b3}::-moz-selection{background:#00000040;color:#000000b3}::-webkit-selection{background:#00000040;color:#000000b3}.from_items input::selection{background:#ffffff60;color:#ffffffb3}.close_sou{width:100%;height:100%;position:absolute}