1 line
7.7 KiB
CSS
1 line
7.7 KiB
CSS
::selection{background:var(--color-selection-bg)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cosy-scrollbar{overflow-y:auto}.cosy-scrollbar::-webkit-scrollbar-track{background:transparent}.cosy-scrollbar::-webkit-scrollbar{height:12px;width:12px}.cosy-scrollbar::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--color-scrollbar);border:3px solid transparent;border-radius:12px;opacity:.2}.cosy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}:root{--color-yellow:#f1c84b;--color-orange:#f2984a;--color-green:#4cb882;--color-teal:#00b0bd;--color-red:#eb5656;--color-blue:#4fa9fc;--color-red-light:#fa6361;--color-grey:#95a1b2;--font-regular:"linear","Inter UI","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size:13px;--base-hue:238;--base-saturation:50%;--base-lightness:56%;--color-primary:hsl(var(--base-hue),var(--base-saturation),var(--base-lightness));--color-primary-1:hsl(var(--base-hue),var(--base-saturation),calc(var(--base-lightness)*0.8));--color-primary-2:hsl(calc(var(--base-hue) - 5),calc(var(--base-saturation) - 17%),calc(var(--base-lightness) - 24%));--color-primary-3:hsl(calc(var(--base-hue) - 5),calc(var(--base-saturation) - 18%),calc(var(--base-lightness) - 32%));--color-primary-4:hsl(var(--base-hue),calc(var(--base-saturation) - 18%),calc(var(--base-lightness) - 36%))}.cosy-theme-dark{--color-bg:#191a24;--color-bg-2:#31323f;--color-bg-3:#2c2d35;--color-body-bg:linear-gradient(to bottom right,#282934,#191a24 50%);--color-bg-hover:rgba(50,51,73,.7);--color-bg-hover-1:rgba(50,51,73,.8);--color-frost-bg:blur(10px) saturate(190%) contrast(70%) brightness(80%);--color-dragger:#2d2e43;--color-border:#3c3d53;--color-border-2:rgba(60,61,83,.5);--color-border-3:rgba(60,61,83,.3);--width-scrollbar:12px;--color-scrollbar:#323349;--color-scrollbar-hover:#6b6f76;--color-font:#fff;--color-font-1:#d2d3e0;--color-font-2:#8c8aa3;--color-selection-bg:hsl(233,33%,36%);--color-icon:#858699;--color-icon-hover:#d2d3e0;--color-button-font:#858699;--color-button-font-hover:#d2d3e0;--color-button-border:#3c3d53;--color-button-border-hover:#4e506a;--color-button-bg:#2d2e43;--color-button-bg-hover:#323349;--color-short-key-bg:#3c3d53;--color-short-key-font:#dfe0ec;--color-search-bg:#2d2e43;--color-search-bg-hover:#2d2e43;--color-search-font:#dfe0ec;--color-search-border:#323349;--color-search-border-hover:#4e506a;--color-switch-bg:#3c3d53;--color-switch-bg-checked:#3c3d53;--color-switch-font-checked:var(--color-orange);--color-switch-border:#323349;--color-switch-border-hover:#4e506a;--color-switch-track-bg:#191a24;--color-switch-track-bg-checked:#2d2e43;--color-dropdown-hover:#3c3d53;--color-dropdown-bg:rgba(45,46,67,.6);--color-dropdown-border:#3c3d53;--color-dropdown-shadow:rgba(0,0,0,.2) 0px 4px 24px;--color-tooltip-bg:rgba(45,46,67,.9);--color-tooltip-border:#3c3d53;--color-border-divider:#3c3d53;--color-popup-mask-bg:rgba(140,138,163,.05);--color-popup-bg:rgba(29,30,42,.8);--color-popup-border:rgba(60,61,83,.44);--color-label-font:#858699;--color-label-font-hover:#d2d3e0;--color-label-bg:#2d2e43;--color-label-border:#3c3d53;--color-label-border-hover:#4e506a;--color-radial-before:hsla(0,0%,100%,.06);--color-radial-after:hsla(0,0%,100%,.4)}.cosy-theme-light{--color-bg:#fff;--color-bg-2:#f5f5f5;--color-bg-3:#ebebeb;--color-body-bg:linear-gradient(to bottom right,#fff,#fff 10%);--color-bg-hover:#f0f3f9;--color-bg-hover-1:#839cce;--color-frost-bg:blur(10px) saturate(190%) contrast(70%) brightness(80%);--color-dragger:#e7e7e7;--color-border:#e9e9e9;--color-border-2:hsla(0,0%,91%,.8);--color-border-3:hsla(0,0%,91%,.6);--width-scrollbar:12px;--color-scrollbar:rgba(50,51,73,.2);--color-scrollbar-hover:#b9bcc0;--color-font:#1c1c1c;--color-font-1:rgba(25,27,31,.9);--color-font-2:rgba(25,27,31,.6);--color-selection-bg:rgba(25,27,31,.1);--color-icon:#6b6f76;--color-icon-hover:#3c4149;--color-button-font:var(--color-font-1);--color-button-font-hover:var(--color-font);--color-button-border:var(--color-border-2);--color-button-border-hover:rgba(60,61,83,.24);--color-button-bg:hsla(0,0%,100%,.9);--color-button-bg-hover:#fff;--color-short-key-bg:#ebebeb;--color-short-key-font:var(--color-font-2);--color-search-bg:hsla(0,0%,100%,.9);--color-search-bg-hover:#fff;--color-search-font:var(--color-font-1);--color-search-border:var(--color-border-3);--color-search-border-hover:rgba(60,61,83,.24);--color-switch-bg:#e6e6e6;--color-switch-bg-checked:#3c3d53;--color-switch-font-checked:var(--color-orange);--color-switch-border:var(--color-border-2);--color-switch-border-hover:rgba(60,61,83,.24);--color-switch-track-bg:hsla(0,0%,100%,.9);--color-switch-track-bg-checked:hsla(0,0%,100%,.6);--color-dropdown-bg:hsla(0,0%,100%,.9);--color-dropdown-hover:#e6e6e6;--color-dropdown-border:var(--color-border);--color-dropdown-shadow:rgba(0,0,0,.1) 0px 4px 24px;--color-tooltip-bg:hsla(0,0%,100%,.9);--color-tooltip-border:var(--color-border);--color-border-divider:#3c3d53;--color-popup-mask-bg:hsla(0,0%,100%,.5);--color-popup-bg:hsla(0,0%,100%,.9);--color-popup-border:var(--color-border-2);--color-label-font:var(--color-font-2);--color-label-font-hover:var(--color-font);--color-label-bg:#f5f5f5;--color-label-border:var(--color-border-2);--color-label-border-hover:rgba(60,61,83,.24);--color-radial-before:hsla(var(--base-hue),var(--base-saturation),var(--base-lightness),0.06);--color-radial-after:hsla(var(--base-hue),var(--base-saturation),var(--base-lightness),0.4)}@media only screen and (max-width:768px){:root{--color-dropdown-bg:#2d2e43!important}.resume .header>ul{display:flex;flex-direction:column}.post-num,.preference main section p{display:none}.post-container #toc-drag-box{left:-1px}.breadcrumb .arrow,.breadcrumb .ellipsis{display:none}.archive .timeline-item,.tags-container .timeline-item{padding-left:0!important}.archive .timeline-marker:after,.archive .timeline-marker:before,.tags-container .timeline-marker:after,.tags-container .timeline-marker:before{content:none!important}.resume .header:before{display:none}.resume .skill{padding-left:0!important}.resume ul{list-style:none!important}.resume ul .item{border-left:0!important;margin-left:0!important;padding-left:0!important}.resume ul .item:before{display:none!important}.resume ul .item .list{padding-left:0!important}.resume ul .title:before,.resume ul .title>span:after{content:none!important}.weather{left:5%!important;min-width:inherit!important;right:5%!important;top:5%!important;width:inherit!important}.weather #weather-7d{grid-gap:10px;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}}*{box-sizing:border-box}@font-face{font-family:linear;src:url(../font/linear.woff2)}@font-face{font-family:motto;src:url(../font/motto.woff)}body,html{background:var(--color-body-bg);color:var(--color-font-1);font-family:var(--font-regular);font-size:var(--font-size);height:100%;line-height:1;margin:0;overflow:hidden;padding:0}#app{display:flex;height:100%}#app>main{flex:1;overflow:hidden}#app .left-aside{border-right:1px solid var(--color-border);display:flex;flex-direction:column;width:220px}#app .left-aside .header{display:flex;flex-direction:column;gap:12px;padding:0 13px 12px}#app .left-aside .aside-category{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}#app .left-aside .bottom{display:flex;padding:12px}#app .left-aside[thumb-mode]{position:relative;width:60px}#app .left-aside[thumb-mode] #about-cosy,#app .left-aside[thumb-mode] .badge,#app .left-aside[thumb-mode] .category-nav li a div{display:none}#app .left-aside[thumb-mode] .header{align-items:center;flex-direction:column;justify-content:center}#app .left-aside[thumb-mode] .bottom,#app .left-aside[thumb-mode] .header .profile{justify-content:center} |