You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

8 lines
35 KiB
CSS

9 months ago
@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.window-header{padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.1);position:relative;display:flex;justify-content:space-between;align-items:center}.window-header-title{max-width:calc(100% - 100px);overflow:hidden}.window-header-title .window-header-main-title{font-size:20px;font-weight:bolder;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:50vw}.window-header-title .window-header-sub-title{font-size:14px}.window-actions{display:inline-flex}.window-action-button:not(:first-child){margin-left:10px}.light{--theme:light;--white:#fff;--black:#303030;--gray:#fafafa;--primary:#1d93ab;--second:#e7f8ff;--hover-color:#f3f3f3;--bar-color:rgba(0,0,0,.1);--theme-color:var(--gray);--shadow:50px 50px 100px 10px rgba(0,0,0,.1);--card-shadow:0px 2px 4px 0px rgba(0,0,0,.05);--border-in-light:1px solid #dedede}.dark{--theme:dark;--white:#1e1e1e;--black:#bbb;--gray:#151515;--primary:#1d93ab;--second:#1b262a;--hover-color:#323232;--bar-color:hsla(0,0%,100%,.1);--border-in-light:1px solid hsla(0,0%,100%,.192);--theme-color:var(--gray)}.dark div:not(.no-dark)>svg{filter:invert(.5)}.mask{filter:invert(.8)}:root{--theme:light;--white:#fff;--black:#303030;--gray:#fafafa;--primary:#1d93ab;--second:#e7f8ff;--hover-color:#f3f3f3;--bar-color:rgba(0,0,0,.1);--theme-color:var(--gray);--shadow:50px 50px 100px 10px rgba(0,0,0,.1);--card-shadow:0px 2px 4px 0px rgba(0,0,0,.05);--border-in-light:1px solid #dedede;--window-width:90vw;--window-height:90vh;--sidebar-width:300px;--window-content-width:calc(100% - var(--sidebar-width));--message-max-width:80%;--full-height:100%}@media only screen and (max-width:600px){:root{--window-width:100vw;--window-height:var(--full-height);--sidebar-width:100vw;--window-content-width:var(--window-width);--message-max-width:100%}.no-mobile{display:none}}@media(prefers-color-scheme:dark){:root{--theme:dark;--white:#1e1e1e;--black:#bbb;--gray:#151515;--primary:#1d93ab;--second:#1b262a;--hover-color:#323232;--bar-color:hsla(0,0%,100%,.1);--border-in-light:1px solid hsla(0,0%,100%,.192);--theme-color:var(--gray)}:root div:not(.no-dark)>svg{filter:invert(.5)}}html{font-family:Noto Sans,SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}body,html{height:var(--full-height)}body{background-color:var(--gray);color:var(--black);margin:0;padding:0;width:100vw;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x pan-y;overflow:hidden}@media only screen and (max-width:600px){body{background-color:var(--second)}}body :focus-visible{outline:none}::-webkit-scrollbar{--bar-width:10px;width:var(--bar-width);height:var(--bar-width)}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--bar-color);border-radius:20px;background-clip:content-box;border:1px solid transparent}select{border:var(--border-in-light);padding:10px;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);color:var(--black);text-align:center}label,select{cursor:pointer}input{text-align:center;font-family:inherit}input[type=checkbox]{cursor:pointer;background-color:var(--white);color:var(--black);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-in-light);border-radius:5px;height:16px;width:16px;display:inline-flex;align-items:center;justify-content:center}input[type=checkbox]:checked:after{display:inline-block;width:8px;height:8px;background-color:var(--primary);content:" ";border-radius:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);color:var(--black)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:8px;width:20px;background-color:var(--primary);border-radius:10px;cursor:point
Theme: Tokyo-night-Dark
origin: https://github.com/enkia/tokyo-night-vscode-theme
Description: Original highlight.js style
Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
License: see project LICENSE
Touched: 2022
*/}.markdown-body pre{padding:0}.markdown-body code,.markdown-body pre{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.markdown-body pre code{display:block;overflow-x:auto;padding:1em}.markdown-body code{padding:3px 5px}.markdown-body .hljs,.markdown-body pre{background:#1a1b26;color:#cbd2ea}.markdown-body .hljs-comment,.markdown-body .hljs-meta{color:#565f89}.markdown-body .hljs-deletion,.markdown-body .hljs-doctag,.markdown-body .hljs-regexp,.markdown-body .hljs-selector-attr,.markdown-body .hljs-selector-class,.markdown-body .hljs-selector-id,.markdown-body .hljs-selector-pseudo,.markdown-body .hljs-tag,.markdown-body .hljs-template-tag,.markdown-body .hljs-variable.language_{color:#f7768e}.markdown-body .hljs-link,.markdown-body .hljs-literal,.markdown-body .hljs-number,.markdown-body .hljs-params,.markdown-body .hljs-template-variable,.markdown-body .hljs-type,.markdown-body .hljs-variable{color:#ff9e64}.markdown-body .hljs-attribute,.markdown-body .hljs-built_in{color:#e0af68}.markdown-body .hljs-keyword,.markdown-body .hljs-property,.markdown-body .hljs-subst,.markdown-body .hljs-title,.markdown-body .hljs-title.class_,.markdown-body .hljs-title.class_.inherited__,.markdown-body .hljs-title.function_{color:#7dcfff}.markdown-body .hljs-selector-tag{color:#73daca}.markdown-body .hljs-addition,.markdown-body .hljs-bullet,.markdown-body .hljs-quote,.markdown-body .hljs-string,.markdown-body .hljs-symbol{color:#9ece6a}.markdown-body .hljs-code,.markdown-body .hljs-formula,.markdown-body .hljs-section{color:#7aa2f7}.markdown-body .hljs-attr,.markdown-body .hljs-char.escape_,.markdown-body .hljs-keyword,.markdown-body .hljs-name,.markdown-body .hljs-operator{color:#bb9af7}.markdown-body .hljs-punctuation{color:#c0caf5}.markdown-body .hljs-emphasis{font-style:italic}.markdown-body .hljs-strong{font-weight:700}