commit 62af62da360432bcc4f9ec358e7d779cf59ac838 Author: Kane Wang Date: Fri Apr 8 15:49:45 2022 +0800 创建样式库！ diff --git a/My-Typora-Themes-master/README.md b/My-Typora-Themes-master/README.md new file mode 100644 index 0000000..ee841fb --- /dev/null +++ b/My-Typora-Themes-master/README.md @@ -0,0 +1,165 @@ +# My-Typora-Themes + + + +--- + +> [Update on 2021-07-24] +> +> 新增主题：`G2` + +`G2` 就是 `Github2` 的意思，原主题看久了有点审美疲劳，所以在默认主题 github 的基础上捣鼓了一款新的主题，力求简洁，并且加上了标题自动编号（关闭代码行号效果最佳），字体文件夹则是沿用原来的 `zj` 文件夹。 + +![QQ图片20210724140414](http://pic.theigrams.cn/20210724140505.jpg?imagslim) + + +___ + + + +> 如果GitHub图片加载不出来，可以去知乎看 https://zhuanlan.zhihu.com/p/133863913. + +这是我写的一个Typora主题，基本上是由 `pie` 和 `ursine-polar` 修改而来，使用方法请参看Typora的帮助手册。 + +## 前言 + +Typora可谓是我最喜欢的Markdown编辑器了，可惜其自带的样式实在过于简陋，我到官网上把所有主题都下了一遍，其中**[少数派](https://link.zhihu.com/?target=https%3A//sspai.com/post/43873)**的主题应该是最好康的了，可在我的电脑上显示出来有些怪怪的，最后还是忍不住动手修改了一遍，终于心满意足了。 + + +以下是实际笔记效果： + +![img](https://pic1.zhimg.com/v2-173163ac793fbcda62af0f6f3d895a08_r.jpg) + +![img](https://pic2.zhimg.com/v2-99f8f27984d0e1d1f1662a27cadbda41_r.jpg) + +![img](https://pic2.zhimg.com/v2-7459caa13776f9a83f138ead20031361_r.jpg) + +## 字体 + +首先因为我感觉字体有点小，就把正文换成了17号字体。 + +```css +html { + font-size: 17px; +} +``` + +然后修改了一下字体（如果是Mac用户的话，可以把下面第二行注释掉，因为自带的苹方字体就很好看）。 + +```css +body { + font-family: "Vollkorn", Palatino, Times; + /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */ + color: var(--mid-13); +} +``` + + + +## 标题 + +我认为标题可以说是整个样式中最重要的一部分，因为正文基本上都差不多。 + +![img](https://pic2.zhimg.com/v2-6172c76a27bde96e4c2342796352c921_r.jpg) + +一级标题一般对应一本书中的Chapter，故局中表示。一般来说一个md文档中最好只有一个一级标题，如果有内容包含多个章节的话，则应该拆成多个md文档。 + +二级标题对应section，因此带着一条长长的横线用来分隔。 + +三级标题是最常用的小标题subsection，微信中只支持到三级标题，在实际的短篇写作中一般也到此为止了。因此不宜花里胡哨，要做到又显目又低调，又精致又普通（～～以及五彩斑斓的红与黑～～这段删去）。 + +四五六级标题一般用不到，随便糊弄一下就好了。 + + + +## 文本样式 + +![img](https://pic2.zhimg.com/v2-3b263b633366f0dec168b44877c6880d_r.jpg) + +对于行内公式，为了醒目和易于查找修改，我特意调成了蓝色（导出时依然是黑色）。 + +行间代码块则以简约的线条为主，用一条深红的竖线分隔行号与代码，显得很清爽。 + +因为中文的`斜体`作用几乎为0，因此我把它改成了「显示红色」的效果。 + +引用块则是大块的淡红色。 + + + +## 列表与表格 + +![img](https://pic2.zhimg.com/v2-aef79f96d7a55254258f7f39970e2001_r.jpg) + +把列表和表格都改成了符合主题的红色（不知道为什么，大部分笔记软件默认主题都是红色，例如Notion）。 + + + +## 导出PDF优化 + +其实我很喜欢在写完笔记之后，导出成PDF欣赏或分享给别人，但typora导成PDF的样式和编辑时的样式区别很大，因此我特意设置了一番。 + +人在看电子屏幕时，更喜欢无衬线体，能给人一种休闲轻松的感觉。 + +但在阅读严肃正经的内容时，衬线字体更合适，因此我将导出PDF的字体改成了宋体+TimesNew，看起来更有感觉。 + +![img](https://pic2.zhimg.com/v2-15e30641f95416a64934a53d41293df9_r.jpg) + +## 更新记录 + +### 2020年10月27日更新 + +- 微调了列表排版 + +- 微调表格颜色 + +- 修改二级标题样式 + +- 修复5级标题和6级标题没对齐的bug + +- 修改行内公式颜色为蓝色（为了醒目，导出PDF时仍为黑色） + +- 修改超链接为蓝色样式 + +- 优化了导出PDF的样式效果 + - 设置导出的中文字体为`思源宋体`，英文字体为`Georgia` + + + +可以通过以下设置修改行内公式颜色和大小： + +```css +[md-inline='inline_math'] { + color: blue; + font-size: 100%; +} +``` + +> 注意：在极少数情况下，会出现PDF导出失败的问题，等我吃完饭就来改这个bug + + +--- + +### 2020年10月28日更新 + +- 调小了2,3级标题样式的大小 +- 默认导出PDF为`宋体`+`Times New` + +> 导出PDF失败似乎是思源宋体的原因，因此将默认输出样式修改之后就OK了。 + + + +如果导出字体过大，可以搜索如下代码，将下面第6行中的字体调小（大概在原CSS的755行）。 + +> 在设置中把字体大小改成自动，否则打印字体大小就无法调节了 + +```css +@media print { + .typora-export * { + -webkit-print-color-adjust: exact; + } + html { + font-size: 15px!important; + } +} +``` + diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_02-45-37.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_02-45-37.png new file mode 100644 index 0000000..fea3761 Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_02-45-37.png differ diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_02-48-09.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_02-48-09.png new file mode 100644 index 0000000..17e2606 Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_02-48-09.png differ diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_03-13-10.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-13-10.png new file mode 100644 index 0000000..bf8a659 Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-13-10.png differ diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_03-15-07.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-15-07.png new file mode 100644 index 0000000..036f6fc Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-15-07.png differ diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_03-33-31.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-33-31.png new file mode 100644 index 0000000..43fc494 Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_03-33-31.png differ diff --git a/My-Typora-Themes-master/figure/Xnip2020-12-16_04-26-35.png b/My-Typora-Themes-master/figure/Xnip2020-12-16_04-26-35.png new file mode 100644 index 0000000..e53c699 Binary files /dev/null and b/My-Typora-Themes-master/figure/Xnip2020-12-16_04-26-35.png differ diff --git a/My-Typora-Themes-master/figure/nu.png b/My-Typora-Themes-master/figure/nu.png new file mode 100644 index 0000000..eaa6b1b Binary files /dev/null and b/My-Typora-Themes-master/figure/nu.png differ diff --git a/My-Typora-Themes-master/g2.css b/My-Typora-Themes-master/g2.css new file mode 100644 index 0000000..5eb83c7 --- /dev/null +++ b/My-Typora-Themes-master/g2.css @@ -0,0 +1,860 @@ +/* 如有不懂，参看 https://theme.typora.io/doc/zh/Write-Custom-Theme/ */ + +@import 'zj/fonts.css'; + :root { + --side-bar-bg-color: #fff; + --control-text-color: #777; + /* --font-sans-serif: 'PingFangSC-Regular', 'Microsoft YaHei', , 'Source Sans Pro', sans-serif !important; */ + --font-sans-serif: 'Source Han SerifCN', 'Microsoft YaHei', sans-serif !important; + --font-monospace: Courier, monospace, 'Courier New', 'Roboto Mono', 'Source Sans Pro', 'Microsoft YaHei' !important; + /* 主题色 */ + --main-1: #fff3f0; + --main-2: #ffd4cc; + --main-3: #ffafa3; + --main-4: #ff887a; + --main-5: #ff5d52; + --main-6: #f22f27; + --main-7: #cc1616; + --main-8: #a60a0f; + --main-9: #80010a; + --main-10: #590009; +} + +html { + font-size: 17px; +} + +body { + /* 字体与颜色 */ + font-family: var(--font-sans-serif); + color: black; + /* 行间距 */ + line-height: 1.6rem; + /* 抗锯齿渲染，适用于高分屏 */ + /* -webkit-font-smoothing: antialiased; */ + /* 裁剪溢出内容 */ + overflow-x: hidden; + /* 字母间距 */ + letter-spacing: 0; + margin: 0; +} + + +/* #write 为写入区域 */ + +#write { + max-width: 860px; + padding: 20px 30px 160px; + margin: 0 auto; +} + + +/* 根据窗口的大小调整写作区域 */ + + +/* @media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} */ + + +/* 正常文字 */ + +#write p { + line-height: 1.6rem; + word-spacing: .05rem; + color: black; +} + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + + +/* 链接 */ + +a { + padding: 0 2px; + /* font-weight: 500; */ + /* color: #4183C4; */ + color: #0366d6; + /* color: #4183C4; */ + /* text-decoration: none; */ + /* text-decoration-color: #0366d6; */ +} + + +/* 加粗 */ + +strong { + padding: 0.1em; + /* color: #dc3545; */ + color: #E91E63; + font-weight: 600; + /* font-family: 'Microsoft YaHei'; */ + /* font-size: 90%; */ +} + + +/* 斜体强调 */ + +em { + font-style: normal; + background-color: #EBFFEB; + border-radius: 2px; + padding: 2px 4px; + margin: 0 2px; + color: black; +} + + +/* 行内数学公式变蓝 */ + +.md-inline-math { + color: blue; + font-size: 100%; +} + + +/* 行间数学公式 */ + +[mdtype="math_block"] { + font-size: 1.1rem; + /* font-size: 110%; */ + /* color: blue; */ +} + + +/* .MathJax_SVG svg { + font-size: 110%; + color: blue; + zoom: 1 +} */ + + +/* 标题编号初始化 */ + + +/* 首先全局进行一次reset，这样即使不添加h1标题也可以使用较低级别的标题 */ + +#write { + counter-reset: h2 0 h3 0 h4 0 h5 0 h6 0 +} + + +/* #write { + counter-reset: h1 +} */ + +h1 { + counter-reset: h2 +} + +h2 { + counter-reset: h3 +} + +h3 { + counter-reset: h4 +} + +h4 { + counter-reset: h5 +} + +h5 { + counter-reset: h6 +} + + +/** put counter result into headings */ + +#write h1:before { + counter-increment: h1; + /* content: counter(h1) ". " */ +} + +#write h2:before { + counter-increment: h2; + content: counter(h2) ". " +} + +#write h3:before, +h3.md-focus.md-heading:before { + counter-increment: h3; + content: counter(h2) "." counter(h3) " " +} + +#write h4:before, +h4.md-focus.md-heading:before { + counter-increment: h4; + content: counter(h2) "." counter(h3) "." counter(h4) " " +} + +#write h5:before, +h5.md-focus.md-heading:before { + counter-increment: h5; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " " +} + +#write h6:before, +h6.md-focus.md-heading:before { + counter-increment: h6; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " " +} + + +/** override the default style for focused headings */ + +#write>h3.md-focus:before, +#write>h4.md-focus:before, +#write>h5.md-focus:before, +#write>h6.md-focus:before, +h3.md-focus:before, +h4.md-focus:before, +h5.md-focus:before, +h6.md-focus:before { + color: inherit; + border: inherit; + border-radius: inherit; + position: inherit; + left: initial; + float: none; + top: initial; + font-size: inherit; + padding-left: inherit; + padding-right: inherit; + vertical-align: inherit; + font-weight: inherit; + line-height: inherit; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + + +/* h1标题样式 */ + +h1 { + text-align: center; + padding-bottom: .2em; + font-size: 2.25em; + line-height: 1.2; + /* border-bottom: 1px solid #eee; */ +} + + +/* h2标题样式 */ + +h2 { + padding-bottom: .2em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} + +h3 { + font-size: 1.5em; + line-height: 1.43; +} + +h4 { + font-size: 1.25em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 1em; + color: #777; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + + +/* 列表环境 */ + +#write ol>li, +#write ul>li { + /* color: #db4d52; */ + color: #f50057; + font-weight: bold; +} + +#write ol>li>*, +#write ul>li>* { + color: #333; + font-weight: normal; +} + +#write ol>li>*:not(ol):not(ul), +#write ul>li>*:not(ol):not(ul) { + padding-left: .25rem; +} + +#write ul { + list-style-type: disc; +} + +blockquote { + border-left: 4px solid rgb(239, 112, 96); + padding: 10px 15px; + color: #3f3f3f; + background-color: #fff9f9; +} + +table { + padding: 0; + word-break: initial; +} + + +/* tr元素定义表格行 */ + +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), +thead { + background-color: #F6F8FA; +} + + +/* th元素定义表头 */ + +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} + + +/* td元素定义表格单元格 */ + +table tr td { + border: 1px solid #dfe2e5; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + + +/* 行号与代码之间的框线 */ + + +/* #write .CodeMirror-gutters { +border-right: none; +} */ + + +/* 行号 */ + +.cm-s-inner .CodeMirror-linenumber { + width: 2ch !important; + font-size: 0.7rem; + /* color: rgba(128, 128, 255, 0.8); */ + color: rgba(0, 92, 197, 0.8); +} + + +/* .CodeMirror-lines { +padding-left: 4px; +} */ + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3); + border-top: 1px solid #eef2f2; +} + + +/* 代码框 */ + +#write .md-fences { + /* border: 1px solid #F4F4F4; */ + -webkit-font-smoothing: initial; + margin: 0.8rem 0 !important; + padding: 0.3rem 0 !important; + line-height: 1.43rem; + /* background-color: #F8F8F8 !important; */ + /* background-color: #f6f8fb !important; */ + background-color: #f6f8fa !important; + border-radius: 2px; + /* font-family: '等距更纱黑体 SC', 'Microsoft YaHei'!important; */ + font-family: var(--font-monospace); + /* '等距更纱黑体 SC' */ + font-size: 0.9rem; + word-wrap: normal; +} + +#write .CodeMirror-wrap .CodeMirror-code pre { + padding-left: 12px; +} + + +/* 代码框中光标颜色 */ + +#write .CodeMirror-cursors .CodeMirror-cursor { + border-left: 2px solid var(--main-4); +} + + +/* 行内代码 */ + +#write code, +tt { + /* padding: 1px 2px; */ + /* border: 1px solid #e7eaed; */ + padding: 2px 4px 0px 4px; + border-radius: 2px; + font-family: var(--font-monospace); + /* font-family: 'Source Code Pro', 'Microsoft YaHei'!important; */ + font-size: 0.9rem; + color: #FF0000; + background-color: #FAEAEB; +} + +tt { + margin: 0 2px; +} + +#write .md-footnote { + background-color: #f8f8f8; + color: #e96900; +} + + +/* 任务列表小方框 */ + +.md-task-list-item>input { + margin-left: -1.3em; +} + +#write del { + padding: 1px 2px; +} + +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +.md-image>.md-meta { + /*border: 1px solid #ddd;*/ + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + + +/************************************** +* Header Counters in TOC +**************************************/ + + +/* No link underlines in TOC */ + +.md-toc-inner { + text-decoration: none; +} + +.md-toc-content { + /* counter-reset: h1toc */ + counter-reset: h2toc h3toc h4toc; + /*修复缺失上级标题时无法递增*/ +} + +.md-toc-h1 { + margin-left: 0; + font-size: 1.5rem; + display: none; + counter-reset: h2toc +} + +.md-toc-h2 { + font-size: 1.1rem; + margin-left: 2rem; + counter-reset: h3toc +} + +.md-toc-h3 { + margin-left: 3rem; + font-size: .9rem; + counter-reset: h4toc +} + +.md-toc-h4 { + margin-left: 4rem; + font-size: .85rem; + counter-reset: h5toc +} + +.md-toc-h5 { + margin-left: 5rem; + font-size: .8rem; + counter-reset: h6toc +} + +.md-toc-h6 { + margin-left: 6rem; + font-size: .75rem; +} + +.md-toc-h1:before { + color: black; + counter-increment: h1toc; +} + +.md-toc-h1 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h2:before { + color: black; + counter-increment: h2toc; + content: counter(h2toc) ". " +} + +.md-toc-h2 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h3:before { + color: black; + counter-increment: h3toc; + content: counter(h2toc) ". " counter(h3toc) " " +} + +.md-toc-h3 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h4:before { + color: black; + counter-increment: h4toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) " " +} + +.md-toc-h4 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h5:before { + color: black; + counter-increment: h5toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) " " +} + +.md-toc-h5 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h6:before { + color: black; + counter-increment: h6toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " counter(h6toc) " " +} + +.md-toc-h6 .md-toc-inner { + margin-left: 0; +} + + +/* 侧栏自动编号 */ + +.sidebar-content { + counter-reset: h2 0 h3 0 h4 0 h5 0 h6 0 +} + + +/* .sidebar-content { + counter-reset: h1 +} */ + +.outline-h1 { + counter-reset: h2 +} + +.outline-h2 { + counter-reset: h3 +} + +.outline-h3 { + counter-reset: h4 +} + +.outline-h4 { + counter-reset: h5 +} + +.outline-h5 { + counter-reset: h6 +} + +.outline-h1>.outline-item>.outline-label:before { + counter-increment: h1; + /* content: counter(h1) ". " */ +} + +.outline-h2>.outline-item>.outline-label:before { + counter-increment: h2; + content: counter(h2) ". " +} + +.outline-h3>.outline-item>.outline-label:before { + counter-increment: h3; + content: counter(h2) "." counter(h3) " " +} + +.outline-h4>.outline-item>.outline-label:before { + counter-increment: h4; + content: counter(h2) "." counter(h3) "." counter(h4) " " +} + +.outline-h5>.outline-item>.outline-label:before { + counter-increment: h5; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " " +} + +.outline-h6>.outline-item>.outline-label:before { + counter-increment: h6; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " " +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: "Segoe UI", "Arial", sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #fafafa; + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #E6F0FE; +} + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} + + +/* 打印成PDF */ + +@media print { + .typora-export * { + -webkit-print-color-adjust: exact; + } + html { + font-size: 15px!important; + } + body { + /* font-size: 16px!important; */ + /* font-family: 'Source Han SerifCN', "Times New Roman", Times, 'SimSun', serif!important; */ + font-family: "Times New Roman", Times, 'SimSun', serif!important; + color: #000000!important; + } + p { + color: #000000!important; + } + a { + color: blue!important; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} \ No newline at end of file diff --git a/My-Typora-Themes-master/zj.css b/My-Typora-Themes-master/zj.css new file mode 100644 index 0000000..6659cf0 --- /dev/null +++ b/My-Typora-Themes-master/zj.css @@ -0,0 +1,776 @@ +@import 'zj/fonts.css'; +:root { + --side-bar-bg-color: #fff; + --control-text-color: #777; + --select-text-bg-color: #ffafa3; + --active-file-text-color: #262626; + --active-file-border-color: #f22f27; + /* --active-file-bg-color: #fff3f0; */ + --primary-color: #f22f27; + /* 中性色 */ + --mid-1: #ffffff; + --mid-2: #fafafa; + --mid-3: #f5f5f5; + --mid-4: #f0f0f0; + --mid-5: #d9d9d9; + --mid-6: #bfbfbf; + --mid-7: #8c8c8c; + --mid-8: #595959; + --mid-9: #434343; + --mid-10: #262626; + --mid-11: #1f1f1f; + --mid-12: #141414; + --mid-13: #000000; + /* 主题色 */ + --main-1: #fff3f0; + --main-2: #ffd4cc; + --main-3: #ffafa3; + --main-4: #ff887a; + --main-5: #ff5d52; + --main-6: #f22f27; + --main-7: #cc1616; + --main-8: #a60a0f; + --main-9: #80010a; + --main-10: #590009; +} + +html { + font-size: 17px; +} + +body { + font-family: "Vollkorn", Palatino, Times; + /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */ + color: var(--mid-13); + -webkit-font-smoothing: antialiased; + line-height: 1.8rem; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 20px 30px 160px; +} + +#write p { + line-height: 1.8rem; + word-spacing: .05rem; + /* color: #3f3f3f; */ + color: var(--mid-13); +} + + +/* #write ol li { + padding-left: 0.5rem; +} */ + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + +body>*:first-child { + margin-top: 0 !important; +} + +body>*:last-child { + margin-bottom: 0 !important; +} + + +/* a { + color: var(--main-6); + font-weight: 500; + padding: 0 2px; + text-decoration: none; +} */ + +a { + color: blue; + font-weight: 500; + padding: 0 2px; + text-decoration: none; +} + + +/* 链接 */ + + +/* #write a { + border-bottom: 1px solid var(--main-6); + color: var(--main-6); + text-decoration: none; +} */ + +#write a { + border-bottom: 1px solid blue; + color: blue; + text-decoration: none; +} + + +/* 目录 */ + +#write a.md-toc-inner { + line-height: 1.6; + white-space: pre-line; + border-bottom: none; +} + +#write a:hover { + border-bottom: 2px solid var(--main-6); + color: var(--main-7); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit !important; +} + +h2 tt, +h2 code { + font-size: inherit !important; +} + +h3 tt, +h3 code { + font-size: inherit !important; +} + +h4 tt, +h4 code { + font-size: inherit !important; +} + +h5 tt, +h5 code { + font-size: inherit !important; +} + +h6 tt, +h6 code { + font-size: inherit !important; +} + +h2 a, +h3 a { + color: #34495e; +} + +h1 { + text-align: center; + padding-bottom: 0.3em; + font-size: 2.2em; + line-height: 1.2; + margin: 2.4em auto 1.2em; + color: var(--main-10); +} + +h1:after { + content: ''; + display: block; + margin: 0.2em auto 0; + width: 100px; + height: 2px; + border-bottom: 2px solid var(--main-6); +} + +h2 { + margin: 2em auto 1.4em; + /* padding-left: 10px; */ + /* display:inline-block; */ + line-height: 1.4; + font-size: 1.8em; + /* border-left: 9px solid var(--main-6); */ + /* border-bottom: 1px solid #ddd; */ + border-bottom: 1px solid var(--main-6); +} + +h2::before { + content: '# '!important; + color: #f22f27; +} + +h3 { + font-size: 1.4em; + line-height: 1.43; + margin: 1.6em auto 1.2em; + padding-left: 9px; + border-left: 5px solid #f22f27; +} + + +/* 三级四级标题点击后左边的提示图标 */ + +#write>h3.md-focus:before, +#write>h4.md-focus:before { + width: auto; + height: auto; + background-color: var(--main-5); + color: var(--mid-1); +} + +h4 { + margin-top: 1.3em; + font-size: 1.2em; + padding-left: 6px; + padding-right: 6px; + display: inline-block; + border: 1px solid var(--main-6); + border-top: 4px solid var(--main-6); +} + +#write h5::before, +#write h6::before { + position: absolute; + right: calc(100% + .75em); + top: 0; + color: #5b5b5b; + font-size: 0.8rem; + font-weight: bold; + font-variant: 'small-caps'; + white-space: nowrap; + /* 文本强制不换行 */ + border: 0; +} + +#write h5 { + /* margin-left: 2em; */ + font-size: 1rem; +} + +#write h6 { + /* margin-left: 2.5em; */ + font-size: 1rem; +} + +#write h5::before { + content: 'H5'; + top: 0.18rem; +} + +#write h6::before { + content: 'H6'; + top: 0.18rem; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +body>h2:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child+h2 { + margin-top: 0; + padding-top: 0; +} + +body>h3:first-child, +body>h4:first-child, +body>h5:first-child, +body>h6:first-child { + margin-top: 0; + padding-top: 0; +} + +a:first-child h1, +a:first-child h2, +a:first-child h3, +a:first-child h4, +a:first-child h5, +a:first-child h6 { + margin-top: 0; + padding-top: 0; +} + +h1 p, +h2 p, +h3 p, +h4 p, +h5 p, +h6 p { + margin-top: 0; +} + +#write ol, +#write ul { + padding-left: 25px; + margin: .5rem 0; +} + +#write ol>li, +#write ul>li { + color: #db4d52; + font-weight: bold; +} + +#write ol>li>*, +#write ul>li>* { + color: #333; + font-weight: normal; +} + +#write ol>li>*:not(ol):not(ul), +#write ul>li>*:not(ol):not(ul) { + padding-left: .25rem; +} + +#write ul { + list-style-type: disc; +} + +blockquote { + border-left: 4px solid rgb(239, 112, 96); + padding: 10px 15px; + color: #3f3f3f; + background-color: #fff9f9; +} + +table { + padding: 0; + word-break: initial; +} + +table tr { + border-top: 1px solid var(--main-6); + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), +thead { + background-color: #fafafa; +} + +table tr th { + font-weight: bold; + border: 1px solid var(--main-6); + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr td { + border: 1px solid var(--main-6); + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +#write strong { + padding: 0.1em; + color: #dc3545; +} + +#write em { + padding: 0 2px 0 2px; + font-style: normal; + color: #ff3502; + /* color: #595959; + background: #F6EEFF; */ +} + + +/* 数学公式变蓝 */ + +[md-inline='inline_math'] { + color: blue; + font-size: 100%; +} + + +/* 表格第一行 */ + + +/* #write table thead th { + background-color: var(--main-7); + color: #f8f8f8; +} */ + + +/* 行号左框线 */ + +#write .CodeMirror-gutters { + border-right: 1px solid rgba(204, 51, 0); +} + + +/* 代码框 */ + +#write .md-fences { + border: 1px solid #7a7a7a; + -webkit-font-smoothing: initial; + margin: 2rem 0 !important; + /* padding: 0.3rem 0 !important; */ + padding: 3px 5px; + line-height: 1.55rem; + border-radius: 2px; + font-family: 'Roboto Mono', 'Source Sans Pro', 'Microsoft YaHei', '微软雅黑' !important; + font-size: 0.9rem; + word-wrap: normal; +} + +#write [mdtype="math_block"] { + font-size: 1.2rem; +} + +#write .CodeMirror-wrap .CodeMirror-code pre { + padding-left: 12px; + line-height: 1.55rem; +} + +.cm-s-inner .CodeMirror-linenumber { + width: 2ch !important; + color: rgba(128, 128, 255, 0.8); +} + +#write .CodeMirror-cursors .CodeMirror-cursor { + border-left: 2px solid var(--main-4); +} + + +/* 行间代码 */ + +#write code, +tt { + padding: 2px 4px; + border-radius: 2px; + font-family: 'Source Code Pro', Roboto Mono, Source Sans Pro, 'Microsoft YaHei', '微软雅黑' !important; + font-size: 0.92rem; + color: #ff3502; + background-color: #f8f5ec; + /* color: #c7254e; + background-color: #f9f2f4; */ +} + +tt { + margin: 0 2px; +} + +#write .md-footnote { + background-color: #f8f8f8; + color: #e96900; +} + + +/* 流程图块 */ + +#write .md-diagram-panel { + position: relative; + margin: 24px auto; +} + +#write .md-focus .md-diagram-panel { + border: 1px solid var(--main-4); + border-radius: 4px; +} + + +/* heighlight. */ + +#write mark { + background-color: #EBFFEB; + border-radius: 2px; + padding: 2px 4px; + margin: 0 2px; + color: #222; + font-weight: 500; +} + +#write del { + padding: 1px 2px; +} + +.cm-s-inner .cm-link, +.cm-s-inner.cm-link { + color: #22a2c9; +} + +.cm-s-inner .cm-string { + color: #22a2c9; +} + + +/* 任务列表小方框 */ + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: 0.3rem; + -webkit-appearance: none; +} + +.md-task-list-item>input:before { + content: ''; + display: inline-block; + width: 0.875rem; + height: 0.875rem; + vertical-align: middle; + text-align: center; + font-size: 0.8rem; + color: var(--mid-1); + border-radius: 2px; + border: 1px solid var(--main-4); + margin-top: -0.4rem; + transition: all 0.2s linear; +} + +.md-task-list-item>input:checked:before, +.md-task-list-item>input[checked]:before { + content: '\2714'; + font-size: 0.625rem; + color: var(--mid-1); + border: 1px solid var(--main-6); + background-color: var(--main-6); +} + + +/* @media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} */ + + +/* .md-fences { + background-color: #f8f8f8; +} */ + +#write pre.md-meta-block { + /* padding: 1rem; */ + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; + /* bottom: .575rem; */ +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + + +/*--- 图片 ---*/ + +.md-image { + margin: 24px auto; + border-radius: 4px; +} + +.md-image img { + border-radius: 4px; +} + + +/* 当 “![shadow-随便写]()”写时，会有阴影 */ + +.md-image img[alt|='shadow'] { + /* box-shadow: 0 4px 24px -6px #ddd; */ + box-shadow: #84A1A8 0px 10px 15px; +} + +.md-image>.md-meta { + border-radius: 3px; + font-family: Consolas, 'Liberation Mono', Courier, monospace; + padding: 2px 0 0 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: inherit; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +#md-notification:before { + top: 10px; +} + + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: 'Segoe UI', 'Arial', sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #e6f0fe; +} + + +/* 侧边栏 */ + +.file-list-item.active { + background: var(--active-file-bg-color); + color: var(--active-file-text-color); + border-left: 4px solid var(--main-6); +} + +.file-tree-node.active>.file-node-background { + background-color: var(--active-file-bg-color); + border-left: 4px solid var(--main-6); + border-color: var(--active-file-border-color); +} + +@media print { + .typora-export * { + -webkit-print-color-adjust: exact; + } + html { + font-size: 16px!important; + } + body { + /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */ + /* font-size: 16px!important; */ + font-family: Times, 'SimSun', serif!important; + color: #000000!important; + } + p { + color: #000000!important; + } + a { + color: blue!important; + /* border-bottom: 1px solid blue!important; */ + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} \ No newline at end of file diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 new file mode 100644 index 0000000..5e0f446 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 new file mode 100644 index 0000000..b561ef8 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 new file mode 100644 index 0000000..6a1f337 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 new file mode 100644 index 0000000..7e8c634 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 new file mode 100644 index 0000000..3260634 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 new file mode 100644 index 0000000..efa300c Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 new file mode 100644 index 0000000..470d33e Binary files /dev/null and b/My-Typora-Themes-master/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 new file mode 100644 index 0000000..0889551 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 new file mode 100644 index 0000000..a29a96f Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 new file mode 100644 index 0000000..e379bed Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 new file mode 100644 index 0000000..41ac8e6 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 new file mode 100644 index 0000000..09c558c Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 new file mode 100644 index 0000000..3c380a7 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 new file mode 100644 index 0000000..b9f908e Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 new file mode 100644 index 0000000..763f64f Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 new file mode 100644 index 0000000..595ae61 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 new file mode 100644 index 0000000..bfb4050 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 new file mode 100644 index 0000000..48e4fc1 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 new file mode 100644 index 0000000..74ab045 Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 new file mode 100644 index 0000000..acf33ce Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 new file mode 100644 index 0000000..e9fdc8b Binary files /dev/null and b/My-Typora-Themes-master/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..0b611ea Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..546eb3b Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..238154e Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..8b628b2 Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..65443e0 Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 new file mode 100644 index 0000000..31110fe Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 differ diff --git a/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..da29d9d Binary files /dev/null and b/My-Typora-Themes-master/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 differ diff --git a/My-Typora-Themes-master/zj/SourceHanSerifCN-Bold.woff2 b/My-Typora-Themes-master/zj/SourceHanSerifCN-Bold.woff2 new file mode 100644 index 0000000..86e99f6 Binary files /dev/null and b/My-Typora-Themes-master/zj/SourceHanSerifCN-Bold.woff2 differ diff --git a/My-Typora-Themes-master/zj/SourceHanSerifCN-Regular.woff2 b/My-Typora-Themes-master/zj/SourceHanSerifCN-Regular.woff2 new file mode 100644 index 0000000..caa3f6d Binary files /dev/null and b/My-Typora-Themes-master/zj/SourceHanSerifCN-Regular.woff2 differ diff --git a/My-Typora-Themes-master/zj/fonts.css b/My-Typora-Themes-master/zj/fonts.css new file mode 100644 index 0000000..3122066 --- /dev/null +++ b/My-Typora-Themes-master/zj/fonts.css @@ -0,0 +1,320 @@ +/* cyrillic-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Source Han SerifCN'; + src: local('Source Han SerifCN Regular'), local('SourceHanSerifCN-Regular'), url('./SourceHanSerifCN-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Source Han SerifCN'; + src: local('Source Han SerifCN Bold'), local('SourceHanSerifCN-Bold'), url('./SourceHanSerifCN-Bold.woff2') format('woff2'); + font-weight: bold; + font-style: normal; +} \ No newline at end of file diff --git a/Readme.md b/Readme.md new file mode 100644 index 0000000..d662036 --- /dev/null +++ b/Readme.md @@ -0,0 +1,4 @@ +The built-in CSS will be replaced after update / reinstall, DO NOT MODIFY THEM. + +Refer https://support.typora.io/Add-Custom-CSS/ when you want to modify those CSS. +Refer https://support.typora.io/About-Themes/ if you want to create / install new themes. \ No newline at end of file diff --git a/figure/Xnip2020-12-16_02-45-37.png b/figure/Xnip2020-12-16_02-45-37.png new file mode 100644 index 0000000..fea3761 Binary files /dev/null and b/figure/Xnip2020-12-16_02-45-37.png differ diff --git a/figure/Xnip2020-12-16_02-48-09.png b/figure/Xnip2020-12-16_02-48-09.png new file mode 100644 index 0000000..17e2606 Binary files /dev/null and b/figure/Xnip2020-12-16_02-48-09.png differ diff --git a/figure/Xnip2020-12-16_03-13-10.png b/figure/Xnip2020-12-16_03-13-10.png new file mode 100644 index 0000000..bf8a659 Binary files /dev/null and b/figure/Xnip2020-12-16_03-13-10.png differ diff --git a/figure/Xnip2020-12-16_03-15-07.png b/figure/Xnip2020-12-16_03-15-07.png new file mode 100644 index 0000000..036f6fc Binary files /dev/null and b/figure/Xnip2020-12-16_03-15-07.png differ diff --git a/figure/Xnip2020-12-16_03-33-31.png b/figure/Xnip2020-12-16_03-33-31.png new file mode 100644 index 0000000..43fc494 Binary files /dev/null and b/figure/Xnip2020-12-16_03-33-31.png differ diff --git a/figure/Xnip2020-12-16_04-26-35.png b/figure/Xnip2020-12-16_04-26-35.png new file mode 100644 index 0000000..e53c699 Binary files /dev/null and b/figure/Xnip2020-12-16_04-26-35.png differ diff --git a/figure/nu.png b/figure/nu.png new file mode 100644 index 0000000..eaa6b1b Binary files /dev/null and b/figure/nu.png differ diff --git a/fluent.css b/fluent.css new file mode 100644 index 0000000..c80c8f9 --- /dev/null +++ b/fluent.css @@ -0,0 +1,1092 @@ +/* font face configs */ + +:root { + /* change your prefered font here */ + --title-font: "Inter Display", "Inter"; + --text-font: "Inter"; + /* the Inter fontface family provides rich opentype features. see https://rsms.me/inter/ */ + --general-font-feature-settings: "calt", "ccmp", "kern", "salt" 0; + --cjk-font: "Source Han Sans SC", "思源黑体 CN", "思源黑体"; + --mono-font: "Source Code Pro Medium"; + --fallback-font: "system-ui", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/* general color configs */ + +:root { + --color-scale-black: #1b1f23; + --color-scale-white: #fff; + --color-scale-gray-0: #fafbfc; + --color-scale-gray-1: #f6f8fa; + --color-scale-gray-2: #e1e4e8; + --color-scale-gray-3: #d1d5da; + --color-scale-gray-4: #959da5; + --color-scale-gray-5: #6a737d; + --color-scale-gray-6: #586069; + --color-scale-gray-7: #444d56; + --color-scale-gray-8: #2f363d; + --color-scale-gray-9: #24292e; + --color-scale-blue-0: #f1f8ff; + --color-scale-blue-1: #dbedff; + --color-scale-blue-2: #c8e1ff; + --color-scale-blue-3: #79b8ff; + --color-scale-blue-4: #2188ff; + --color-scale-blue-5: #0366d6; + --color-scale-blue-6: #005cc5; + --color-scale-blue-7: #044289; + --color-scale-blue-8: #032f62; + --color-scale-blue-9: #05264c; + --mark-bg: #ffde67; + --mark-text: #080a10; + --color-cm-keyword: #3b78e7; + --color-cm-attr: #9c27b0; + --color-cm-comment: #6a737d; + --color-cm-string: #0d904f; + --color-cm-operator: #d81b60; + --color-cm-number: #d81b60; + --color-cm-meta: #6933b1; + --color-cm-builtin: #e36209; + --color-cm-v3: #43a8b3; + --color-cm-v: #c53929; + --color-cm-link: #24a3c3; + --text-link: #486df1; + --bookmark-color: #311b92; + --bookmark-bg: #ae92e3; + --star-color: #044289; + --star-bg: var(--color-scale-blue-2); + --question-color: #880e4f; + --question-bg: #f8bbd0; + --alert-color: #8a2a0d; + --alert-bg: #e69d94; + --note-color: #004d40; + --note-bg: #8be3d6; + --lightbulb-color: #b0791b; + --lightbulb-bg: #fff9c4; +} + +:root { + --control-text-color: var(--color-text-secondary); + --bg-color: #ffffff; + /*change background*/ + --text-color: var(--color-text-primary); + /*change text color*/ + --md-char-color: #b3bdd1; + --meta-content-color: #398ea3; + /*change color of meta contents like image text or link address in markdown */ + --primary-color: #486df1; + --accent-color: #486df1; + /* color of primary buttons */ + --primary-btn-border-color: var(--color-border-primary); + --primary-btn-text-color: #fff; + --window-border: 1px solid var(--color-bg-tertiary); + /*border for sidebar, etc*/ + --active-file-bg-color: var(--color-auto-blue-1); + /*background color if list item in file tree or file list*/ + --active-file-text-color: inherit; + --active-file-border-color: var(--color-auto-blue-6); + --side-bar-bg-color: #f9fafb; + /*change background of sidebar*/ + --item-hover-bg-color: rgba(229, 229, 229, 0.59); + /*background of control items when hover, like menu in sidebar*/ + --item-hover-text-color: inherit; + /*mono font for codes, fences*/ + --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23486df1%22/%3E%0A%3C/svg%3E%0A"); + --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); + --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23000%22/%3E%0A%3C/svg%3E%0A"); + --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23636566%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23636566%22/%3E%0A%3C/svg%3E%0A"); + --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23311b92%22/%3E%0A%3C/svg%3E%0A"); + --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23880e4f%22/%3E%0A%3C/svg%3E%0A"); + --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23044289%22/%3E%0A%3C/svg%3E%0A"); + --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%238a2a0d%22/%3E%0A%3C/svg%3E%0A"); + --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23b0791b%22/%3E%0A%3C/svg%3E%0A"); + --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%23004d40%22/%3E%0A%3C/svg%3E%0A"); + --elevated-background: var(--color-scale-gray-0); + --border: #f1f3f4; + --icon-color: var(--text-color); + --icon-filer: brightness(10); + --title-color: #08090b; + --monospace: var(--mono); + --mark-border: none; + --table-border: 1px solid var(--color-scale-gray-2) !important; +} + +@media (prefers-color-scheme: dark) { + :root { + --title-color: #eff0f2; + --bg-color: #131416; + --text-color: #d0d3d4; + --side-bar-bg-color: #030405; + --control-text-color: #a0a0a0; + --item-hover-bg-color: rgba(60, 61, 61, 0.59); + --elevated-background: var(--color-scale-gray-9); + --border: var(--color-auto-gray-8); + --primary-color: #33373f; + --accent-color: #33373f; + --icon-color: var(--color-scale-gray-1); + --icon-filer: brightness(10); + --bookmark-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4%204.5C4%203.11929%205.11929%202%206.5%202H13.5C14.8807%202%2016%203.11929%2016%204.5V17.5C16%2017.6881%2015.8945%2017.8602%2015.7269%2017.9456C15.5593%2018.0309%2015.358%2018.015%2015.2059%2017.9044L10%2014.1183L4.79409%2017.9044C4.64199%2018.015%204.4407%2018.0309%204.27311%2017.9456C4.10553%2017.8602%204%2017.6881%204%2017.5V4.5Z%22%20fill%3D%22%23ae92e3%22/%3E%0A%3C/svg%3E%0A"); + --chat-help-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.00001%2010C2.00001%205.58172%205.58173%202%2010%202C14.4183%202%2018%205.58172%2018%2010C18%2014.4183%2014.4183%2018%2010%2018C8.65078%2018%207.37829%2017.6656%206.26225%2017.0748L2.62128%2017.9851C2.45089%2018.0277%202.27065%2017.9777%202.14646%2017.8536C2.02227%2017.7294%201.97234%2017.5491%202.01494%2017.3787L2.92518%2013.7378C2.33442%2012.6217%202.00001%2011.3492%202.00001%2010ZM9.25027%207.30723C9.40317%207.13358%209.64031%207%2010%207C10.3597%207%2010.5968%207.13358%2010.7497%207.30723C10.9113%207.49072%2011%207.74463%2011%208C11%208.31707%2010.9286%208.52273%2010.8337%208.68547C10.7328%208.85858%2010.5985%208.99908%2010.4106%209.19559L10.3885%209.21878C10.2003%209.41576%209.96787%209.66319%209.79142%2010.0002C9.61017%2010.3464%209.5%2010.7611%209.5%2011.2929C9.5%2011.5691%209.72386%2011.7929%2010%2011.7929C10.2761%2011.7929%2010.5%2011.5691%2010.5%2011.2929C10.5%2010.9085%2010.5773%2010.6551%2010.6773%2010.4641C10.7821%2010.2639%2010.9247%2010.1051%2011.1115%209.90956L11.1528%209.86652C11.3225%209.68963%2011.5347%209.46855%2011.6976%209.18921C11.8839%208.86964%2012%208.48947%2012%208C12%207.52689%2011.8387%207.0308%2011.5003%206.64641C11.1532%206.25219%2010.6403%206%2010%206C9.35969%206%208.84683%206.25219%208.49973%206.64641C8.16129%207.0308%208%207.52689%208%208C8%208.27614%208.22386%208.5%208.5%208.5C8.77614%208.5%209%208.27614%209%208C9%207.74463%209.08871%207.49072%209.25027%207.30723ZM10.6995%2013.5126C10.6995%2013.1262%2010.3863%2012.813%209.99989%2012.813C9.61352%2012.813%209.30029%2013.1262%209.30029%2013.5126C9.30029%2013.899%209.61352%2014.2122%209.99989%2014.2122C10.3863%2014.2122%2010.6995%2013.899%2010.6995%2013.5126Z%22%20fill%3D%22%23f8bbd0%22/%3E%0A%3C/svg%3E%0A"); + --star-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.10433%202.89874C9.47114%202.15549%2010.531%202.1555%2010.8978%202.89874L12.8282%206.81024L17.1448%207.43748C17.9651%207.55666%2018.2926%208.56464%2017.699%209.14317L14.5755%2012.1878L15.3129%2016.487C15.453%2017.3039%2014.5956%2017.9269%2013.8619%2017.5412L10.0011%2015.5114L6.14018%2017.5412C5.40655%2017.9269%204.54913%2017.3039%204.68924%2016.487L5.4266%2012.1878L2.30308%209.14317C1.70956%208.56463%202.03708%207.55666%202.8573%207.43748L7.17389%206.81024L9.10433%202.89874Z%22%20fill%3D%22%23c8e1ff%22/%3E%0A%3C/svg%3E%0A"); + --warn-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.68569%202.85232L2.12696%2014.7773C1.57714%2015.777%202.30038%2017.0002%203.44129%2017.0002H16.5587C17.6996%2017.0002%2018.4229%2015.777%2017.8731%2014.7773L11.3143%202.85232C10.7444%201.81615%209.25558%201.81616%208.68569%202.85232ZM10%206.75016C10.4142%206.75016%2010.75%207.08595%2010.75%207.50016V11.5002C10.75%2011.9144%2010.4142%2012.2502%2010%2012.2502C9.58579%2012.2502%209.25%2011.9144%209.25%2011.5002V7.50016C9.25%207.08595%209.58579%206.75016%2010%206.75016ZM10.75%2013.7502C10.75%2014.1644%2010.4142%2014.5002%2010%2014.5002C9.58579%2014.5002%209.25%2014.1644%209.25%2013.7502C9.25%2013.3359%209.58579%2013.0002%2010%2013.0002C10.4142%2013.0002%2010.75%2013.3359%2010.75%2013.7502Z%22%20fill%3D%22%23e69d94%22/%3E%0A%3C/svg%3E%0A"); + --light-bulb-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.073%2015L12.6891%2016.6051C12.5048%2017.3763%2011.8236%2017.935%2011.0181%2017.9947L10.8748%2018H9.12546C8.30655%2018%207.59%2017.4839%207.34866%2016.7385L7.31108%2016.6047L6.928%2015H13.073Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3Cpath%20d%3D%22M10%202C13.3137%202%2016%204.59693%2016%207.80041C16%209.47737%2015.2546%2011.0164%2013.7961%2012.3942C13.7324%2012.4544%2013.6831%2012.5269%2013.6512%2012.6065L13.6251%2012.6883L13.311%2014H10.5002V9.49707C10.5002%209.22093%2010.2764%208.99707%2010.0002%208.99707C9.7241%208.99707%209.50024%209.22093%209.50024%209.49707V14H6.689L6.37626%2012.6886C6.34955%2012.5766%206.29016%2012.4745%206.20516%2012.3942C4.8153%2011.0819%204.07265%209.62354%204.00507%208.03903L4%207.80041L4.00321%207.60894C4.1077%204.49409%206.75257%202%2010%202ZM9.5%206.50238V7.50391C9.5%207.78005%209.72386%208.00391%2010%208.00391C10.2761%208.00391%2010.5%207.78005%2010.5%207.50391V6.50238C10.5%206.22624%2010.2761%206.00238%2010%206.00238C9.72386%206.00238%209.5%206.22624%209.5%206.50238ZM12.8506%207.44332C12.6553%207.24806%2012.3388%207.24806%2012.1435%207.44332L11.4353%208.15151C11.2401%208.34677%2011.2401%208.66335%2011.4353%208.85861C11.6306%209.05388%2011.9472%209.05388%2012.1424%208.85861L12.8506%208.15043C13.0459%207.95517%2013.0459%207.63858%2012.8506%207.44332ZM7.8521%207.44332C7.65684%207.24806%207.34026%207.24806%207.145%207.44332C6.94973%207.63858%206.94973%207.95517%207.145%208.15043L7.85318%208.85861C8.04844%209.05388%208.36503%209.05388%208.56029%208.85861C8.75555%208.66335%208.75555%208.34677%208.56029%208.15151L7.8521%207.44332Z%22%20fill%3D%22%23fff9c4%22/%3E%0A%3C/svg%3E%0A"); + --note-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M14%203C15.5977%203%2016.9037%204.24892%2016.9949%205.82373L17%206V10H13L12.8237%2010.0051C11.3072%2010.093%2010.093%2011.3072%2010.0051%2012.8237L10%2013V17H6C4.40232%2017%203.09634%2015.7511%203.00509%2014.1763L3%2014V6C3%204.40232%204.24892%203.09634%205.82373%203.00509L6%203H14ZM16.9007%2011.001C16.8232%2011.2376%2016.7018%2011.459%2016.5416%2011.6528L16.4142%2011.7929L11.7929%2016.4142C11.5687%2016.6384%2011.2968%2016.8039%2011.001%2016.9007L11%2013L11.0055%2012.8507C11.078%2011.8676%2011.8612%2011.0821%2012.8433%2011.006L13%2011L16.9007%2011.001Z%22%20fill%3D%22%238be3d6%22/%3E%0A%3C/svg%3E%0A"); + --checkbox-filled: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18%203C19.6569%203%2021%204.34315%2021%206V18C21%2019.6569%2019.6569%2021%2018%2021H6C4.34315%2021%203%2019.6569%203%2018V6C3%204.34315%204.34315%203%206%203H18ZM16.4697%207.96967L10%2014.4393L7.53033%2011.9697C7.23744%2011.6768%206.76256%2011.6768%206.46967%2011.9697C6.17678%2012.2626%206.17678%2012.7374%206.46967%2013.0303L9.46967%2016.0303C9.76256%2016.3232%2010.2374%2016.3232%2010.5303%2016.0303L17.5303%209.03033C17.8232%208.73744%2017.8232%208.26256%2017.5303%207.96967C17.2374%207.67678%2016.7626%207.67678%2016.4697%207.96967Z%22%20fill%3D%22%23d0d3d4%22/%3E%0A%3C/svg%3E%0A"); + --dots: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M10%206C9.30964%206%208.75%205.44036%208.75%204.75C8.75%204.05964%209.30964%203.5%2010%203.5C10.6904%203.5%2011.25%204.05964%2011.25%204.75C11.25%205.44036%2010.6904%206%2010%206Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M10%2011.25C9.30964%2011.25%208.75%2010.6904%208.75%2010C8.75%209.30964%209.30964%208.75%2010%208.75C10.6904%208.75%2011.25%209.30964%2011.25%2010C11.25%2010.6904%2010.6904%2011.25%2010%2011.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M8.75%2015.25C8.75%2015.9404%209.30964%2016.5%2010%2016.5C10.6904%2016.5%2011.25%2015.9404%2011.25%2015.25C11.25%2014.5596%2010.6904%2014%2010%2014C9.30964%2014%208.75%2014.5596%208.75%2015.25Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --cells: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%2011C8.32843%2011%209%2011.6716%209%2012.5V16.5C9%2017.3284%208.32843%2018%207.5%2018H3.5C2.67157%2018%202%2017.3284%202%2016.5V12.5C2%2011.6716%202.67157%2011%203.5%2011H7.5ZM16.5%2011C17.3284%2011%2018%2011.6716%2018%2012.5V16.5C18%2017.3284%2017.3284%2018%2016.5%2018H12.5C11.6716%2018%2011%2017.3284%2011%2016.5V12.5C11%2011.6716%2011.6716%2011%2012.5%2011H16.5ZM7.5%2012H3.5C3.22386%2012%203%2012.2239%203%2012.5V16.5C3%2016.7761%203.22386%2017%203.5%2017H7.5C7.77614%2017%208%2016.7761%208%2016.5V12.5C8%2012.2239%207.77614%2012%207.5%2012ZM16.5%2012H12.5C12.2239%2012%2012%2012.2239%2012%2012.5V16.5C12%2016.7761%2012.2239%2017%2012.5%2017H16.5C16.7761%2017%2017%2016.7761%2017%2016.5V12.5C17%2012.2239%2016.7761%2012%2016.5%2012ZM7.5%202C8.32843%202%209%202.67157%209%203.5V7.5C9%208.32843%208.32843%209%207.5%209H3.5C2.67157%209%202%208.32843%202%207.5V3.5C2%202.67157%202.67157%202%203.5%202H7.5ZM16.5%202C17.3284%202%2018%202.67157%2018%203.5V7.5C18%208.32843%2017.3284%209%2016.5%209H12.5C11.6716%209%2011%208.32843%2011%207.5V3.5C11%202.67157%2011.6716%202%2012.5%202H16.5ZM7.5%203H3.5C3.22386%203%203%203.22386%203%203.5V7.5C3%207.77614%203.22386%208%203.5%208H7.5C7.77614%208%208%207.77614%208%207.5V3.5C8%203.22386%207.77614%203%207.5%203ZM16.5%203H12.5C12.2239%203%2012%203.22386%2012%203.5V7.5C12%207.77614%2012.2239%208%2012.5%208H16.5C16.7761%208%2017%207.77614%2017%207.5V3.5C17%203.22386%2016.7761%203%2016.5%203Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --add: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2016.5C9.5%2016.7761%209.72386%2017%2010%2017C10.2761%2017%2010.5%2016.7761%2010.5%2016.5V10.5H16.5C16.7761%2010.5%2017%2010.2761%2017%2010C17%209.72386%2016.7761%209.5%2016.5%209.5H10.5V3.5C10.5%203.22386%2010.2761%203%2010%203C9.72386%203%209.5%203.22386%209.5%203.5V9.5H3.5C3.22386%209.5%203%209.72386%203%2010C3%2010.2761%203.22386%2010.5%203.5%2010.5H9.5V16.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.46967%202.21967C4.17678%202.51256%204.17678%202.98744%204.46967%203.28033L7.18934%206L4.46967%208.71967C4.17678%209.01256%204.17678%209.48744%204.46967%209.78033C4.76256%2010.0732%205.23744%2010.0732%205.53033%209.78033L8.78033%206.53033C9.07322%206.23744%209.07322%205.76256%208.78033%205.46967L5.53033%202.21967C5.23744%201.92678%204.76256%201.92678%204.46967%202.21967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --chevron-down: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M2.21967%204.46967C2.51256%204.17678%202.98744%204.17678%203.28033%204.46967L6%207.18934L8.71967%204.46967C9.01256%204.17678%209.48744%204.17678%209.78033%204.46967C10.0732%204.76256%2010.0732%205.23744%209.78033%205.53033L6.53033%208.78033C6.23744%209.07322%205.76256%209.07322%205.46967%208.78033L2.21967%205.53033C1.92678%205.23744%201.92678%204.76256%202.21967%204.46967Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --document: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.5%207C7.22386%207%207%207.22386%207%207.5C7%207.77614%207.22386%208%207.5%208H12.5C12.7761%208%2013%207.77614%2013%207.5C13%207.22386%2012.7761%207%2012.5%207H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7%2010.5C7%2010.2239%207.22386%2010%207.5%2010H12.5C12.7761%2010%2013%2010.2239%2013%2010.5C13%2010.7761%2012.7761%2011%2012.5%2011H7.5C7.22386%2011%207%2010.7761%207%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M7.5%2013C7.22386%2013%207%2013.2239%207%2013.5C7%2013.7761%207.22386%2014%207.5%2014H9.5C9.77614%2014%2010%2013.7761%2010%2013.5C10%2013.2239%209.77614%2013%209.5%2013H7.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3Cpath%20d%3D%22M6.5%202C6.22386%202%206%202.22386%206%202.5V3H5.5C4.67157%203%204%203.67157%204%204.5V16.5C4%2017.3284%204.67157%2018%205.5%2018H11.5C11.6326%2018%2011.7598%2017.9473%2011.8536%2017.8536L15.8536%2013.8536C15.9473%2013.7598%2016%2013.6326%2016%2013.5V4.5C16%203.67157%2015.3284%203%2014.5%203H14V2.5C14%202.22386%2013.7761%202%2013.5%202C13.2239%202%2013%202.22386%2013%202.5V3H10.5V2.5C10.5%202.22386%2010.2761%202%2010%202C9.72386%202%209.5%202.22386%209.5%202.5V3H7V2.5C7%202.22386%206.77614%202%206.5%202ZM14.5%204C14.7761%204%2015%204.22386%2015%204.5V13H12.5C11.6716%2013%2011%2013.6716%2011%2014.5V17H5.5C5.22386%2017%205%2016.7761%205%2016.5V4.5C5%204.22386%205.22386%204%205.5%204H14.5ZM14.2929%2014L12%2016.2929V14.5C12%2014.2239%2012.2239%2014%2012.5%2014H14.2929Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --folder: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M7.16667%203C7.43713%203%207.70151%203.0731%207.93238%203.21016L8.06667%203.3L9.667%204.5H15.5C16.7703%204.5%2017.8192%205.44737%2017.9789%206.67409L17.9947%206.83562L18%207V14.5C18%2015.8255%2016.9685%2016.91%2015.6644%2016.9947L15.5%2017H4.5C3.17452%2017%202.08996%2015.9685%202.00532%2014.6644L2%2014.5V5.5C2%204.17452%203.03154%203.08996%204.33562%203.00532L4.5%203H7.16667ZM8.15763%207.03449C7.90991%207.2946%207.57838%207.45592%207.22435%207.49219L7.07143%207.5L3%207.499V14.5C3%2015.2797%203.59489%2015.9204%204.35554%2015.9931L4.5%2016H15.5C16.2797%2016%2016.9204%2015.4051%2016.9931%2014.6445L17%2014.5V7C17%206.2203%2016.4051%205.57955%2015.6445%205.50687L15.5%205.5H9.617L8.15763%207.03449ZM7.16667%204H4.5C3.7203%204%203.07955%204.59489%203.00687%205.35554L3%205.5V6.499L7.07143%206.5C7.1809%206.5%207.28655%206.46411%207.37274%206.39902L7.4335%206.34483L8.694%205.021L7.46667%204.1C7.40176%204.05132%207.32632%204.01941%207.24701%204.0065L7.16667%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --navigation: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M3%206.5C3.55228%206.5%204%206.05228%204%205.5C4%204.94772%203.55228%204.5%203%204.5C2.44772%204.5%202%204.94772%202%205.5C2%206.05228%202.44772%206.5%203%206.5ZM6%205.5C6%205.22386%206.22386%205%206.5%205H17.5C17.7761%205%2018%205.22386%2018%205.5C18%205.77614%2017.7761%206%2017.5%206H6.5C6.22386%206%206%205.77614%206%205.5ZM6%209.5C6%209.22386%206.22386%209%206.5%209H17.5C17.7761%209%2018%209.22386%2018%209.5C18%209.77614%2017.7761%2010%2017.5%2010H6.5C6.22386%2010%206%209.77614%206%209.5ZM6.5%2013C6.22386%2013%206%2013.2239%206%2013.5C6%2013.7761%206.22386%2014%206.5%2014H17.5C17.7761%2014%2018%2013.7761%2018%2013.5C18%2013.2239%2017.7761%2013%2017.5%2013H6.5ZM4%2013.5C4%2014.0523%203.55228%2014.5%203%2014.5C2.44772%2014.5%202%2014.0523%202%2013.5C2%2012.9477%202.44772%2012.5%203%2012.5C3.55228%2012.5%204%2012.9477%204%2013.5ZM3%2010.5C3.55228%2010.5%204%2010.0523%204%209.5C4%208.94772%203.55228%208.5%203%208.5C2.44772%208.5%202%208.94772%202%209.5C2%2010.0523%202.44772%2010.5%203%2010.5Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --tree: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9%205C9%203.34315%207.65685%202%206%202C4.34315%202%203%203.34315%203%205C3%206.4865%204.08114%207.72048%205.5%207.95852V12.0415C4.08114%2012.2795%203%2013.5135%203%2015C3%2016.6569%204.34315%2018%206%2018C7.65685%2018%209%2016.6569%209%2015C9%2013.5135%207.91886%2012.2795%206.5%2012.0415V11H12C13.3807%2011%2014.5%209.88071%2014.5%208.5V7.95852C15.9189%207.72048%2017%206.4865%2017%205C17%203.34315%2015.6569%202%2014%202C12.3431%202%2011%203.34315%2011%205C11%206.4865%2012.0811%207.72048%2013.5%207.95852V8.5C13.5%209.32843%2012.8284%2010%2012%2010H6.5V7.95852C7.91886%207.72048%209%206.4865%209%205ZM6%207C4.89543%207%204%206.10457%204%205C4%203.89543%204.89543%203%206%203C7.10457%203%208%203.89543%208%205C8%206.10457%207.10457%207%206%207ZM6%2017C4.89543%2017%204%2016.1046%204%2015C4%2013.8954%204.89543%2013%206%2013C7.10457%2013%208%2013.8954%208%2015C8%2016.1046%207.10457%2017%206%2017ZM16%205C16%206.10457%2015.1046%207%2014%207C12.8954%207%2012%206.10457%2012%205C12%203.89543%2012.8954%203%2014%203C15.1046%203%2016%203.89543%2016%205Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --search: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.5%203C11.5376%203%2014%205.46243%2014%208.5C14%209.83879%2013.5217%2011.0659%2012.7266%2012.0196L16.8536%2016.1464C17.0488%2016.3417%2017.0488%2016.6583%2016.8536%2016.8536C16.68%2017.0271%2016.4106%2017.0464%2016.2157%2016.9114L16.1464%2016.8536L12.0196%2012.7266C11.0659%2013.5217%209.83879%2014%208.5%2014C5.46243%2014%203%2011.5376%203%208.5C3%205.46243%205.46243%203%208.5%203ZM8.5%204C6.01472%204%204%206.01472%204%208.5C4%2010.9853%206.01472%2013%208.5%2013C10.9853%2013%2013%2010.9853%2013%208.5C13%206.01472%2010.9853%204%208.5%204Z%22%20fill%3D%22%23a0a0a0%22/%3E%0A%3C/svg%3E%0A"); + --checkbox-checked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.25%203C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203H18.25ZM18.25%204.5H5.75C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5ZM10%2014.4393L16.4697%207.96967C16.7626%207.67678%2017.2374%207.67678%2017.5303%207.96967C17.7966%208.23594%2017.8208%208.6526%2017.6029%208.94621L17.5303%209.03033L10.5303%2016.0303C10.2641%2016.2966%209.8474%2016.3208%209.55379%2016.1029L9.46967%2016.0303L6.46967%2013.0303C6.17678%2012.7374%206.17678%2012.2626%206.46967%2011.9697C6.73594%2011.7034%207.1526%2011.6792%207.44621%2011.8971L7.53033%2011.9697L10%2014.4393L16.4697%207.96967L10%2014.4393Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); + --checkbox-unchecked: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M5.75%203H18.25C19.7688%203%2021%204.23122%2021%205.75V18.25C21%2019.7688%2019.7688%2021%2018.25%2021H5.75C4.23122%2021%203%2019.7688%203%2018.25V5.75C3%204.23122%204.23122%203%205.75%203ZM5.75%204.5C5.05964%204.5%204.5%205.05964%204.5%205.75V18.25C4.5%2018.9404%205.05964%2019.5%205.75%2019.5H18.25C18.9404%2019.5%2019.5%2018.9404%2019.5%2018.25V5.75C19.5%205.05964%2018.9404%204.5%2018.25%204.5H5.75Z%22%20fill%3D%22%23f0f0f0%22/%3E%0A%3C/svg%3E%0A"); + --case: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M13.4911%203.50005C13.7013%203.50299%2013.8873%203.63714%2013.9563%203.83574L17.6085%2014.3357C17.6992%2014.5966%2017.5613%2014.8815%2017.3005%2014.9722C17.0397%2015.063%2016.7547%2014.9251%2016.664%2014.6643L15.7373%2012L10.9833%2012L9.96737%2014.6774C9.8694%2014.9356%209.58069%2015.0654%209.32251%2014.9675C9.06433%2014.8695%208.93445%2014.5808%209.03241%2014.3226L10.2727%2011.0539V11H10.2932L13.0166%203.82262C13.0912%203.62603%2013.2808%203.49711%2013.4911%203.50005ZM13.4636%205.46323L11.3627%2011L15.3895%2011L13.4636%205.46323Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M5.6667%208.70091L5.85817%208.70749C7.16522%208.77248%207.94311%209.52482%207.997%2010.737L8%2010.8735V14.5402C8%2014.7933%207.8119%2015.0025%207.56785%2015.0356L7.5%2015.0402C7.24687%2015.0402%207.03767%2014.8521%207.00456%2014.6081L7%2014.5402L6.9991%2014.4706C6.34072%2014.8475%205.7317%2015.0402%205.16667%2015.0402C3.94105%2015.0402%203%2014.1772%203%2012.8735C3%2011.724%203.79229%2010.8699%205.10646%2010.7105C5.728%2010.6351%206.35968%2010.6823%206.99902%2010.8503C6.99247%2010.1122%206.62837%209.74702%205.8085%209.70625C5.16701%209.67435%204.7162%209.76443%204.45216%209.94958C4.22607%2010.1081%203.91426%2010.0534%203.75572%209.82728C3.59717%209.60118%203.65193%209.28937%203.87802%209.13083C4.31656%208.8233%204.91381%208.68705%205.6667%208.70091ZM6.99933%2011.916L6.79742%2011.8558C6.25917%2011.7078%205.73655%2011.6657%205.22687%2011.7275C4.40527%2011.8271%204%2012.264%204%2012.8978C4%2013.6289%204.47493%2014.0644%205.16667%2014.0644C5.62021%2014.0644%206.17899%2013.8549%206.83419%2013.422L6.99933%2013.3094V11.916Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --arrowleft: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.16289%2016.8692C9.36683%2017.0555%209.68308%2017.0411%209.86926%2016.8371C10.0554%2016.6331%2010.041%2016.3168%209.83711%2016.1306L3.66925%2010.4988L17.5%2010.4988C17.7761%2010.4988%2018%2010.2749%2018%209.99868C18%209.72249%2017.7761%209.49859%2017.5%209.49859L3.67214%209.49859L9.83711%203.86943C10.041%203.68322%2010.0554%203.3669%209.86926%203.16293C9.68308%202.95895%209.36683%202.94455%209.16289%203.13076L2.24654%209.446C2.10659%209.57378%202.02676%209.74135%202.00705%209.91453C2.00241%209.94189%202%209.97%202%209.99868C2%2010.0256%202.00212%2010.0519%202.0062%2010.0777C2.02437%2010.2536%202.10449%2010.4243%202.24654%2010.554L9.16289%2016.8692Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --match: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M9.5%2012.75C9.5%2013.1642%209.16421%2013.5%208.75%2013.5C8.33579%2013.5%208%2013.1642%208%2012.75C8%2012.3358%208.33579%2012%208.75%2012C9.16421%2012%209.5%2012.3358%209.5%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11.75%2012.75C11.75%2013.1642%2011.4142%2013.5%2011%2013.5C10.5858%2013.5%2010.25%2013.1642%2010.25%2012.75C10.25%2012.3358%2010.5858%2012%2011%2012C11.4142%2012%2011.75%2012.3358%2011.75%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M14%2012.75C14%2013.1642%2013.6642%2013.5%2013.25%2013.5C12.8358%2013.5%2012.5%2013.1642%2012.5%2012.75C12.5%2012.3358%2012.8358%2012%2013.25%2012C13.6642%2012%2014%2012.3358%2014%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M16.25%2012.75C16.25%2013.1642%2015.9142%2013.5%2015.5%2013.5C15.0858%2013.5%2014.75%2013.1642%2014.75%2012.75C14.75%2012.3358%2015.0858%2012%2015.5%2012C15.9142%2012%2016.25%2012.3358%2016.25%2012.75Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M8.75%208C9.16421%208%209.5%207.66421%209.5%207.25C9.5%206.83579%209.16421%206.5%208.75%206.5C8.33579%206.5%208%206.83579%208%207.25C8%207.66421%208.33579%208%208.75%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M11%208C11.4142%208%2011.75%207.66421%2011.75%207.25C11.75%206.83579%2011.4142%206.5%2011%206.5C10.5858%206.5%2010.25%206.83579%2010.25%207.25C10.25%207.66421%2010.5858%208%2011%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M13.25%208C13.6642%208%2014%207.66421%2014%207.25C14%206.83579%2013.6642%206.5%2013.25%206.5C12.8358%206.5%2012.5%206.83579%2012.5%207.25C12.5%207.66421%2012.8358%208%2013.25%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M15.5%208C15.9142%208%2016.25%207.66421%2016.25%207.25C16.25%206.83579%2015.9142%206.5%2015.5%206.5C15.0858%206.5%2014.75%206.83579%2014.75%207.25C14.75%207.66421%2015.0858%208%2015.5%208Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3Cpath%20d%3D%22M2%207C2%205.34315%203.34315%204%205%204H15C16.6569%204%2018%205.34315%2018%207V13C18%2014.6569%2016.6569%2016%2015%2016H5C3.34315%2016%202%2014.6569%202%2013V7ZM5%205C3.89543%205%203%205.89543%203%207V9.5H6V5H5ZM6%2010.5H3V13C3%2014.1046%203.89543%2015%205%2015H6V10.5ZM7%2010.5V15H15C16.1046%2015%2017%2014.1046%2017%2013V10.5H7ZM17%209.5V7C17%205.89543%2016.1046%205%2015%205H7V9.5H17Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --chevron-up: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.14708%2012.3544C3.95147%2012.1594%203.9509%2011.8429%204.14582%2011.6472L9.6108%206.16276C9.82574%205.94705%2010.1751%205.94705%2010.39%206.16276L15.855%2011.6472C16.0499%2011.8429%2016.0493%2012.1594%2015.8537%2012.3544C15.6581%2012.5493%2015.3415%2012.5487%2015.1466%2012.3531L10.0004%207.18851L4.85418%2012.3531C4.65927%2012.5487%204.34269%2012.5493%204.14708%2012.3544Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --chevron-next: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M15.8527%207.64582C16.0484%207.84073%2016.0489%208.15731%2015.854%208.35292L10.389%2013.8374C10.1741%2014.0531%209.82477%2014.0531%209.60982%2013.8374L4.14484%208.35292C3.94993%208.15731%203.95049%207.84073%204.1461%207.64582C4.34171%207.4509%204.65829%207.45147%204.85321%207.64708L9.99942%2012.8117L15.1456%207.64708C15.3406%207.45147%2015.6571%207.4509%2015.8527%207.64582Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --dismiss: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M4.08859%204.21569L4.14645%204.14645C4.32001%203.97288%204.58944%203.9536%204.78431%204.08859L4.85355%204.14645L10%209.293L15.1464%204.14645C15.32%203.97288%2015.5894%203.9536%2015.7843%204.08859L15.8536%204.14645C16.0271%204.32001%2016.0464%204.58944%2015.9114%204.78431L15.8536%204.85355L10.707%2010L15.8536%2015.1464C16.0271%2015.32%2016.0464%2015.5894%2015.9114%2015.7843L15.8536%2015.8536C15.68%2016.0271%2015.4106%2016.0464%2015.2157%2015.9114L15.1464%2015.8536L10%2010.707L4.85355%2015.8536C4.67999%2016.0271%204.41056%2016.0464%204.21569%2015.9114L4.14645%2015.8536C3.97288%2015.68%203.9536%2015.4106%204.08859%2015.2157L4.14645%2015.1464L9.293%2010L4.14645%204.85355C3.97288%204.67999%203.9536%204.41056%204.08859%204.21569L4.14645%204.14645L4.08859%204.21569Z%22%20fill%3D%22%23a3a7a8%22/%3E%0A%3C/svg%3E%0A"); + --color-cm-keyword: #a8cdf4; + --color-cm-attr: #dea8e7; + --color-cm-comment: #92989e; + --color-cm-string: #8ce7b9; + --color-cm-operator: #f1a5c1; + --color-cm-number: #f1a5c1; + --color-cm-meta: #bfa3e4; + --color-cm-builtin: #e7bc9f; + --color-cm-link: #9edae9; + --color-cm-v3: #bafdf7; + --mark-bg: #ffde6720; + --mark-text: #ffe790; + --text-link: #7492ff; + --color-cm-v: #f2c08b; + --border: #393b3b; + --question-color: #f8bbd0; + --alert-color: #e69d94; + --note-color: #8be3d6; + --lightbulb-color: #fff9c4; + --bookmark-color: #ae92e3; + --star-color: var(--color-scale-blue-2); + --table-border: 1px solid var(--color-scale-gray-7) !important; + } +} + +/* CJK override */ + +@font-face { + font-family: quote1; + src: local("思源黑体"); + unicode-range: U+201c, U+201d; +} + +@font-face { + font-family: quote2; + src: local("思源黑体 CN"); + unicode-range: U+201c, U+201d; +} + +@font-face { + font-family: quote3; + src: local("Source Han Sans SC"); + unicode-range: U+201c, U+201d; +} + +:root { + --mono: var(--mono-font), var(--cjk-font); + --general-font: quote1, quote2, quote3, var(--text-font), var(--cjk-font), var(--fallback-font); + --display-font: quote1, quote2, quote3, var(--title-font), var(--cjk-font), var(--fallback-font); +} + +html { + font-size: 16px; +} + +body, .file-list-item-summary { + font-family: var(--general-font); + font-feature-settings: var(--general-font-feature-settings); + color: var(--text-color); + line-height: 1.6; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +#write>ul:first-child, #write>ol:first-child { + margin-top: 30px; +} + +h1, h2, h3, h4, h5, h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; + font-family: var(--display-font)!important; +} + +h1, h2, h3, h4 { + color: var(--title-color); + letter-spacing: -0.04rem; +} + +h6 { + margin-top: .6rem; + margin-bottom: .2rem; +} + +h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code { + font-size: inherit; +} + +h1 { + font-size: 2.25em; + line-height: 1.2; +} + +h2 { + font-size: 1.75em; + line-height: 1.225; +} + +h3 { + font-size: 1.5em; + line-height: 1.43; +} + +h4 { + font-size: 1.25em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 1em; + color: #777; +} + +p, blockquote, ul, ol, dl, table { + margin: 0.8em 0; +} + +li>ol, li>ul { + margin: 0 0; +} + +h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { + border: inherit; + background-color: inherit; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} + +ul, ol { + padding-left: 30px; +} + +ul:first-child, ol:first-child { + margin-top: 0; +} + +ul:last-child, ol:last-child { + margin-bottom: 0; +} + +blockquote { + color: var(--text-color); + border: 1px solid var(--border); + background-color: var(--elevated-background); + border-radius: 4px; + padding: 12px 16px; + overflow: hidden; + box-sizing: border-box; +} + +blockquote blockquote { + padding-right: 0; +} + +table { + padding: 0; + word-break: initial; +} + +table tr { + border: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), thead { + background-color: #f8f8f8; +} + +table th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + margin: 0; + padding: 6px 13px; +} + +table td { + border: 1px solid #dfe2e5; + margin: 0; + padding: 6px 13px; +} + +table th:first-child, table td:first-child { + margin-top: 0; +} + +table th:last-child, table td:last-child { + margin-bottom: 0; +} + +.CodeMirror-lines { + padding-left: 4px; +} + +.code-tooltip { + border: 1px solid var(--border); + background-color: var(--elevated-background); + border-radius: 4px; + font-family: var(--general-font); + box-shadow: none!important; +} + +.md-fences, code, tt { + color: var(--text-color); + border: 1px solid var(--border); + background-color: var(--elevated-background); + border-radius: 4px; + padding: 0; + padding: 2px 4px 0px 4px; + font-size: 0.9em; + font-family: var(--mono); + font-variant-ligatures: common-ligatures!important; + font-feature-settings: "liga" 1!important; +} + +code { + background-color: var(--elevated-background); + padding: 0 2px 0 2px; +} + +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding-top: 8px; + padding-bottom: 6px; +} + +.md-task-list-item>input { + margin-left: -1.3em; +} + +@media print { + html { + font-size: 13px; + } + table, pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } + input[type=checkbox] { + margin-top: -1px!important; + } +} + +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: var(--elevated-background); + border: 0; + border-radius: 4px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: var(--elevated-background); +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +.md-image>.md-meta { + border-radius: 4px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--text-color); + opacity: 1; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid var(--border); + background-color: var(--elevated-background); +} + +#typora-quick-open-item { + background-color: var(--elevated-background); + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, .context-menu, .megamenu-content, footer { + font-family: var(--general-font); +} + +.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: var(--elevated-background); + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; + opacity: 0.4; +} + +.ty-preferences .window-content { + background-color: var(--elevated-background); +} + +.ty-preferences .nav-group-item.active { + color: var(--text-color); + background: #999; +} + +.menu-item-container a.menu-style-btn { + background-color: var(--elevated-background); + background-image: linear-gradient( 180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); +} + +.cm-keyword { + color: var(--color-cm-keyword)!important; + font-weight: 700!important; +} + +.cm-variable { + color: var(--color-cm-v)!important; +} + +.cm-tag { + color: var(--color-cm-keyword)!important; + font-weight: 700!important; +} + +.cm-variable-3, .cm-variable-2 { + color: var(--color-cm-v3)!important; + font-weight: 700!important; +} + +.cm-def { + color: var(--color-cm-attr)!important; +} + +.cm-attribute { + color: var(--color-cm-attr)!important +} + +.cm-comment, .md-comment, .md-meta { + color: var(--color-cm-comment)!important; +} + +.cm-string { + color: var(--color-cm-string)!important; + font-variant-ligatures: common-ligatures!important; +} + +.cm-link { + color: var(--color-cm-link)!important; +} + +.cm-type { + color: var(--color-cm-v3); +} + +.cm-property { + color: var(--color-cm-v3)!important; +} + +.cm-tag:not(.cm-bracket) { + font-weight: 700; +} + +.cm-operator { + color: var(--color-cm-operator)!important; +} + +.cm-number { + color: var(--color-cm-number)!important; +} + +.cm-meta { + color: var(--color-cm-meta)!important; + font-weight: 700!important; +} + +.cm-builtin { + color: var(--color-cm-builtin)!important; +} + +li.task-list-item { + list-style-type: none +} + +li.task-list-item>input[type=checkbox], #write input[type=checkbox] { + list-style: none; + background: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 24px; + height: 24px; + background-image: var(--checkbox-unchecked); + padding: 0; + margin-top: 1px; + margin-left: -32px; +} + +li.task-list-item>input[type=checkbox][checked=checked], li.task-list-item>input[type=checkbox][checked], #write input[type=checkbox][checked=checked], #write input[type=checkbox][checked] { + background-image: var(--checkbox-filled); +} + +a { + color: var(--text-link); +} + +span.ty-icon.ty-delete-button::before { + background-image: var(--dismiss); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +i.fa.fa-folder-o::before { + background-image: var(--folder); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +i.file-node-icon.fa.fa-folder::before { + background-image: var(--folder); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +i.file-node-icon.fa.fa-file-text-o::before { + background-image: var(--document); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +i.fa.fa-caret-down::before { + background-image: var(--chevron-down); + vertical-align: middle; + content: " "; + width: 12px; + height: 12px; + display: inline-block; +} + +i.fa.fa-caret-right::before { + background-image: var(--chevron-right); + vertical-align: middle; + content: " "; + width: 12px; + height: 12px; + display: inline-block; +} + +.file-node-open-state { + width: 16px; + text-align: center; +} + +span.ty-icon.ty-file-tree::before { + background-image: var(--tree); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +span.ty-icon.ty-left-arrow::before { + background-image: var(--arrowleft); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +span.ty-icon.ty-list::before { + background-image: var(--navigation); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +span.ion-ios7-search-strong::before { + background-image: var(--search); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +.sidebar-tab-btn, span.ion-ios7-search-strong, .sidebar-footer-item .footer-btn { + display: flex!important; + align-items: center!important; + justify-content: center!important; + vertical-align: middle!important; +} + +span.ty-icon.ty-add::before { + background-image: var(--add); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-bottom: 2px; +} + +span.ty-icon.ty-dots-v::before { + background-image: var(--dots); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-bottom: 2px; +} + +span.ty-icon.ty-three-cells::before { + background-image: var(--cells); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-bottom: 2px; +} + +mark { + border-radius: 4px; + color: var(--mark-text); + font-weight: inherit; + background-color: var(--mark-bg); + margin-left: 2px; + margin-right: 2px; + padding: 0px 4px 2px 4px; + border-bottom: var(--mark-border); +} + +del { + border-radius: 4px; + color: var(--text-color); + font-weight: inherit; + background-color: #88888850; + margin-left: 2px; + margin-right: 2px; + padding: 0px 4px 2px 4px; + text-decoration-color: var(--text-color); + opacity: .3; +} + +.sidebar-footer-item { + height: 100%; + vertical-align: middle; + justify-content: center; +} + +.file-node-background { + height: 32px; +} + +.file-library-node.file-tree-node.active>.file-node-content { + color: white; +} + +.file-library-node.file-tree-node.active>.file-node-content>i { + filter: var(--icon-filer); +} + +.file-library-node.file-tree-node.active>.file-node-background { + background-color: var(--accent-color); + border: none; +} + +.cm-header, .cm-header-1 { + color: var(--title-font)!important; +} + +.cm-atom { + color: var(--color-cm-builtin)!important; +} + +/** Css below might be platform specified **/ + +#filesearch-case-option-btn>svg, #searchpanel-case-option-btn>svg { + display: none; +} + +#filesearch-case-option-btn::before, #searchpanel-case-option-btn::before { + background-image: var(--case); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +#filesearch-word-option-btn>svg, #searchpanel-word-option-btn>svg { + display: none; +} + +#filesearch-word-option-btn::before, #searchpanel-word-option-btn::before { + background-image: var(--match); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +.mac-seamless-mode #md-searchpanel, #md-searchpanel { + box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%); + border-bottom: 1px solid var(--border); + max-height: 72px; +} + +.mac-seamless-mode #md-searchpanel input, #md-searchpanel input { + height: auto; +} + +.mac-seamless-mode #md-searchpanel.searchpanel-replace-mode, #md-searchpanel.searchpanel-replace-mode { + max-height: 108px; +} + +.ion-chevron-up::before { + background-image: var(--chevron-up); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +.ion-chevron-down::before { + background-image: var(--chevron-next); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +.ion-close-round::before { + background-image: var(--dismiss); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; +} + +table.md-table { + border: none!important; + box-sizing: border-box; + /* border-radius: 4px; */ + overflow: hidden; +} + +table { + border-collapse: separate; +} + +tbody>tr>td:not(:first-child) { + box-sizing: border-box; + border: none; + border-right: var(--table-border); + border-bottom: var(--table-border); +} + +tbody>tr>td:first-child { + box-sizing: border-box; + border: none; + border-bottom: var(--table-border); + border-left: var(--table-border); + border-right: var(--table-border); +} + +tr>th:not(:first-child) { + box-sizing: border-box; + border: none; + border-top: var(--table-border); + border-right: var(--table-border); + border-bottom: var(--table-border); +} + +tr>th:first-child { + box-sizing: border-box; + border: var(--table-border); +} + +tr:first-child>th:first-child { + border-top-left-radius: 4px; +} + +tr:first-child>th:last-child { + border-top-right-radius: 4px; +} + +tbody>tr:last-child>td:last-child { + border-bottom-right-radius: 4px; +} + +tbody>tr:last-child>td:first-child { + border-bottom-left-radius: 4px; +} + +table tr:nth-child(2n), table thead>tr { + background-color: var(--elevated-background); +} + +table tbody tr:nth-child(2n+1) { + background-color: var(--bg-color); +} + +thead:last-child>tr:last-child>th:first-child { + border-bottom-left-radius: 4px; +} + +thead:last-child>tr:last-child>th:last-child { + border-bottom-right-radius: 4px; +} + +table { + font-feature-settings: "tnum"; +} + +blockquote>h1:first-child, blockquote>h2:first-child, blockquote>h3:first-child, blockquote>h4:first-child, blockquote>h5:first-child, blockquote>h6:first-child { + font: var(--title-font); + font-weight: 700; + font-size: inherit!important; + margin: -12px -16px -8px -16px; + padding: 12px 16px 8px 16px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + display: flex; + align-items: center; + letter-spacing: auto!important; +} + +blockquote>h1:first-child { + color: var(--bookmark-color); +} + +blockquote>h1:first-child::before { + background-image: var(--bookmark-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} + +blockquote>h2:first-child { + color: var(--star-color); +} + +blockquote>h2:first-child::before { + background-image: var(--star-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} + +blockquote>h3:first-child { + color: var(--lightbulb-color); +} + +blockquote>h3:first-child::before { + background-image: var(--light-bulb-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} + +blockquote>h4:first-child { + color: var(--note-color); +} + +blockquote>h4:first-child::before { + background-image: var(--note-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} + +blockquote>h5:first-child { + color: var(--alert-color); +} + +blockquote>h5:first-child::before { + background-image: var(--warn-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} + +blockquote>h6:first-child { + color: var(--question-color); +} + +blockquote>h6:first-child::before { + background-image: var(--chat-help-filled); + vertical-align: middle; + content: " "; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 4px; +} \ No newline at end of file diff --git a/g2.css b/g2.css new file mode 100644 index 0000000..fc383e5 --- /dev/null +++ b/g2.css @@ -0,0 +1,860 @@ +/* 如有不懂，参看 https://theme.typora.io/doc/zh/Write-Custom-Theme/ */ + +@import 'zj/fonts.css'; + :root { + --side-bar-bg-color: #fff; + --control-text-color: #777; + /* --font-sans-serif: 'PingFangSC-Regular', 'Microsoft YaHei', , 'Source Sans Pro', sans-serif !important; */ + --font-sans-serif: 'Source Han SerifCN', 'Microsoft YaHei', sans-serif !important; + --font-monospace: 'Source Code Pro Medium',Courier, monospace, 'Courier New', 'Roboto Mono', 'Source Sans Pro', 'Microsoft YaHei' !important; + /* 主题色 */ + --main-1: #fff3f0; + --main-2: #ffd4cc; + --main-3: #ffafa3; + --main-4: #ff887a; + --main-5: #ff5d52; + --main-6: #f22f27; + --main-7: #cc1616; + --main-8: #a60a0f; + --main-9: #80010a; + --main-10: #590009; +} + +html { + font-size: 17px; +} + +body { + /* 字体与颜色 */ + font-family: var(--font-sans-serif); + color: black; + /* 行间距 */ + line-height: 1.6rem; + /* 抗锯齿渲染，适用于高分屏 */ + /* -webkit-font-smoothing: antialiased; */ + /* 裁剪溢出内容 */ + overflow-x: hidden; + /* 字母间距 */ + letter-spacing: 0; + margin: 0; +} + + +/* #write 为写入区域 */ + +#write { + max-width: 860px; + padding: 20px 30px 160px; + margin: 0 auto; +} + + +/* 根据窗口的大小调整写作区域 */ + + +/* @media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} */ + + +/* 正常文字 */ + +#write p { + line-height: 1.6rem; + word-spacing: .05rem; + color: black; +} + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + + +/* 链接 */ + +a { + padding: 0 2px; + /* font-weight: 500; */ + /* color: #4183C4; */ + color: #0366d6; + /* color: #4183C4; */ + /* text-decoration: none; */ + /* text-decoration-color: #0366d6; */ +} + + +/* 加粗 */ + +strong { + padding: 0.1em; + /* color: #dc3545; */ + color: #E91E63; + font-weight: 600; + /* font-family: 'Microsoft YaHei'; */ + /* font-size: 90%; */ +} + + +/* 斜体强调 */ + +em { + font-style: normal; + background-color: #EBFFEB; + border-radius: 2px; + padding: 2px 4px; + margin: 0 2px; + color: black; +} + + +/* 行内数学公式变蓝 */ + +.md-inline-math { + color: blue; + font-size: 100%; +} + + +/* 行间数学公式 */ + +[mdtype="math_block"] { + font-size: 1.1rem; + /* font-size: 110%; */ + /* color: blue; */ +} + + +/* .MathJax_SVG svg { + font-size: 110%; + color: blue; + zoom: 1 +} */ + + +/* 标题编号初始化 */ + + +/* 首先全局进行一次reset，这样即使不添加h1标题也可以使用较低级别的标题 */ + +#write { + counter-reset: h2 0 h3 0 h4 0 h5 0 h6 0 +} + + +/* #write { + counter-reset: h1 +} */ + +h1 { + counter-reset: h2 +} + +h2 { + counter-reset: h3 +} + +h3 { + counter-reset: h4 +} + +h4 { + counter-reset: h5 +} + +h5 { + counter-reset: h6 +} + + +/** put counter result into headings */ + +#write h1:before { + counter-increment: h1; + /* content: counter(h1) ". " */ +} + +#write h2:before { + counter-increment: h2; + content: counter(h2) ". " +} + +#write h3:before, +h3.md-focus.md-heading:before { + counter-increment: h3; + content: counter(h2) "." counter(h3) " " +} + +#write h4:before, +h4.md-focus.md-heading:before { + counter-increment: h4; + content: counter(h2) "." counter(h3) "." counter(h4) " " +} + +#write h5:before, +h5.md-focus.md-heading:before { + counter-increment: h5; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " " +} + +#write h6:before, +h6.md-focus.md-heading:before { + counter-increment: h6; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " " +} + + +/** override the default style for focused headings */ + +#write>h3.md-focus:before, +#write>h4.md-focus:before, +#write>h5.md-focus:before, +#write>h6.md-focus:before, +h3.md-focus:before, +h4.md-focus:before, +h5.md-focus:before, +h6.md-focus:before { + color: inherit; + border: inherit; + border-radius: inherit; + position: inherit; + left: initial; + float: none; + top: initial; + font-size: inherit; + padding-left: inherit; + padding-right: inherit; + vertical-align: inherit; + font-weight: inherit; + line-height: inherit; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + + +/* h1标题样式 */ + +h1 { + text-align: left; + padding-bottom: .2em; + font-size: 2.25em; + line-height: 1.2; + /* border-bottom: 1px solid #eee; */ +} + + +/* h2标题样式 */ + +h2 { + padding-bottom: .2em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} + +h3 { + font-size: 1.5em; + line-height: 1.43; +} + +h4 { + font-size: 1.25em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 1em; + color: #777; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + + +/* 列表环境 */ + +#write ol>li, +#write ul>li { + /* color: #db4d52; */ + color: #f50057; + font-weight: bold; +} + +#write ol>li>*, +#write ul>li>* { + color: #333; + font-weight: normal; +} + +#write ol>li>*:not(ol):not(ul), +#write ul>li>*:not(ol):not(ul) { + padding-left: .25rem; +} + +#write ul { + list-style-type: disc; +} + +blockquote { + border-left: 4px solid rgb(239, 112, 96); + padding: 10px 15px; + color: #3f3f3f; + background-color: #fff9f9; +} + +table { + padding: 0; + word-break: initial; +} + + +/* tr元素定义表格行 */ + +table tr { + border-top: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), +thead { + background-color: #F6F8FA; +} + + +/* th元素定义表头 */ + +table tr th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} + + +/* td元素定义表格单元格 */ + +table tr td { + border: 1px solid #dfe2e5; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + + +/* 行号与代码之间的框线 */ + + +/* #write .CodeMirror-gutters { +border-right: none; +} */ + + +/* 行号 */ + +.cm-s-inner .CodeMirror-linenumber { + width: 2ch !important; + font-size: 0.7rem; + /* color: rgba(128, 128, 255, 0.8); */ + color: rgba(0, 92, 197, 0.8); +} + + +/* .CodeMirror-lines { +padding-left: 4px; +} */ + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3); + border-top: 1px solid #eef2f2; +} + + +/* 代码框 */ + +#write .md-fences { + /* border: 1px solid #F4F4F4; */ + -webkit-font-smoothing: initial; + margin: 0.8rem 0 !important; + padding: 0.3rem 0 !important; + line-height: 1.43rem; + /* background-color: #F8F8F8 !important; */ + /* background-color: #f6f8fb !important; */ + background-color: #f6f8fa !important; + border-radius: 2px; + /* font-family: '等距更纱黑体 SC', 'Microsoft YaHei'!important; */ + font-family: var(--font-monospace); + /* '等距更纱黑体 SC' */ + font-size: 0.9rem; + word-wrap: normal; +} + +#write .CodeMirror-wrap .CodeMirror-code pre { + padding-left: 12px; +} + + +/* 代码框中光标颜色 */ + +#write .CodeMirror-cursors .CodeMirror-cursor { + border-left: 2px solid var(--main-4); +} + + +/* 行内代码 */ + +#write code, +tt { + /* padding: 1px 2px; */ + /* border: 1px solid #e7eaed; */ + padding: 2px 4px 0px 4px; + border-radius: 2px; + font-family: var(--font-monospace); + /* font-family: 'Source Code Pro', 'Microsoft YaHei'!important; */ + font-size: 0.9rem; + color: #FF0000; + background-color: #FAEAEB; +} + +tt { + margin: 0 2px; +} + +#write .md-footnote { + background-color: #f8f8f8; + color: #e96900; +} + + +/* 任务列表小方框 */ + +.md-task-list-item>input { + margin-left: -1.3em; +} + +#write del { + padding: 1px 2px; +} + +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +.md-image>.md-meta { + /*border: 1px solid #ddd;*/ + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + + +/************************************** +* Header Counters in TOC +**************************************/ + + +/* No link underlines in TOC */ + +.md-toc-inner { + text-decoration: none; +} + +.md-toc-content { + /* counter-reset: h1toc */ + counter-reset: h2toc h3toc h4toc; + /*修复缺失上级标题时无法递增*/ +} + +.md-toc-h1 { + margin-left: 0; + font-size: 1.5rem; + display: none; + counter-reset: h2toc +} + +.md-toc-h2 { + font-size: 1.1rem; + margin-left: 2rem; + counter-reset: h3toc +} + +.md-toc-h3 { + margin-left: 3rem; + font-size: .9rem; + counter-reset: h4toc +} + +.md-toc-h4 { + margin-left: 4rem; + font-size: .85rem; + counter-reset: h5toc +} + +.md-toc-h5 { + margin-left: 5rem; + font-size: .8rem; + counter-reset: h6toc +} + +.md-toc-h6 { + margin-left: 6rem; + font-size: .75rem; +} + +.md-toc-h1:before { + color: black; + counter-increment: h1toc; +} + +.md-toc-h1 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h2:before { + color: black; + counter-increment: h2toc; + content: counter(h2toc) ". " +} + +.md-toc-h2 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h3:before { + color: black; + counter-increment: h3toc; + content: counter(h2toc) ". " counter(h3toc) " " +} + +.md-toc-h3 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h4:before { + color: black; + counter-increment: h4toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) " " +} + +.md-toc-h4 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h5:before { + color: black; + counter-increment: h5toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) " " +} + +.md-toc-h5 .md-toc-inner { + margin-left: 0; +} + +.md-toc-h6:before { + color: black; + counter-increment: h6toc; + content: counter(h2toc) ". " counter(h3toc) ". " counter(h4toc) ". " counter(h5toc) ". " counter(h6toc) " " +} + +.md-toc-h6 .md-toc-inner { + margin-left: 0; +} + + +/* 侧栏自动编号 */ + +.sidebar-content { + counter-reset: h2 0 h3 0 h4 0 h5 0 h6 0 +} + + +/* .sidebar-content { + counter-reset: h1 +} */ + +.outline-h1 { + counter-reset: h2 +} + +.outline-h2 { + counter-reset: h3 +} + +.outline-h3 { + counter-reset: h4 +} + +.outline-h4 { + counter-reset: h5 +} + +.outline-h5 { + counter-reset: h6 +} + +.outline-h1>.outline-item>.outline-label:before { + counter-increment: h1; + /* content: counter(h1) ". " */ +} + +.outline-h2>.outline-item>.outline-label:before { + counter-increment: h2; + content: counter(h2) ". " +} + +.outline-h3>.outline-item>.outline-label:before { + counter-increment: h3; + content: counter(h2) "." counter(h3) " " +} + +.outline-h4>.outline-item>.outline-label:before { + counter-increment: h4; + content: counter(h2) "." counter(h3) "." counter(h4) " " +} + +.outline-h5>.outline-item>.outline-label:before { + counter-increment: h5; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " " +} + +.outline-h6>.outline-item>.outline-label:before { + counter-increment: h6; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " " +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: "Segoe UI", "Arial", sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #fafafa; + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #E6F0FE; +} + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} + + +/* 打印成PDF */ + +@media print { + .typora-export * { + -webkit-print-color-adjust: exact; + } + html { + font-size: 15px!important; + } + body { + /* font-size: 16px!important; */ + /* font-family: 'Source Han SerifCN', "Times New Roman", Times, 'SimSun', serif!important; */ + font-family: "Times New Roman", Times, 'SimSun', serif!important; + color: #000000!important; + } + p { + color: #000000!important; + } + a { + color: blue!important; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} \ No newline at end of file diff --git a/gitbook-azure.css b/gitbook-azure.css new file mode 100644 index 0000000..28410d3 --- /dev/null +++ b/gitbook-azure.css @@ -0,0 +1,2479 @@ +@import "gitbook/fonts.css"; + +/*by 16soundsofsilence, yes this code is an absolute mess*/ + +:root { + --bg-color: white; + --side-bar-bg-color: #f5f7f9; + --control-text-color: #3b454e; + --primary-color: #3884ff; + --primary-btn-border-color: #3884ff; + --active-file-bg-color: #e6ecf1; + --active-file-text-color: inherit; + --active-file-border-color: #3884ff; + --item-hover-text-color: #242a31; + --item-hover-bg-color: #f5f7f9; + --window-border: 1px solid #e6ecf1; + --select-text-font-color: white; + --select-text-bg-color: #1968e6; + + --md-char-color: #9daab6; + --heading-char-color: #9daab6; + --meta-content-color: #3884ff; + + --borders: #e6ecf1; + --table-border-color: #e6ecf1; + --boxes: #f5f7f9; + --boxes-darker: #d8e0e7; + --boxes-darker2: #bac2c9; + --boxes-darkest: #9daab6; + --drag-placeholder-color: #d8e0e7; + + --text-color: #3b454e; + --heading-text-color: #242a31; + --light-text-color: #9daab6; + --light-text-color-darker: #74818d; + --codeboxes: #183055; + --codeboxes-lighter: #1c375f; + --rawblock-edit-panel-bd: transparent; + + --primary-color-darkest: #001f50; + --primary-color-darker2: #00307c; + --primary-color-darker: #1968e6; + --focus-ring-color: #3884ff; + + --danger-color: rgb(255, 70, 66); + + --node-fill: #ececff; + --node-border: #ccccff; + --cluster-fill: #ffffde; + --cluster-border: #aaaa33; + --note-fill: #fff5ad; + --note-border: #aaaa33; + + /*****************************/ + + --font-family: "Roboto", sans-serif; + --code-font-family: "Source Code Pro"; + --monospace: "Source Code Pro"; +} + +html, +.form-control, +.modal { + font-size: 16px; +} + +kbd { + font-family: var(--font-family); +} + +body { + background: var(--bg-color); + font-family: var(--font-family); + font-weight: 400; + color: #3b454e; + line-height: 1.6rem; + height: 100%; +} + +#write { + font-size: 0.95rem; + max-width: 850px; + margin: 0 auto; + margin-top: 1rem; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} + +a { + color: var(--primary-color); + text-decoration: none !important; + transition-duration: 0.2s; + transition-property: color; +} + +a:hover { + color: var(--primary-color-darker); +} + +mark a, +mark .md-content.md-url { + color: var(--primary-color-darker2); +} + +mark a:hover { + color: var(--primary-color-darkest); +} + +.ty-preferences a { + color: var(--primary-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + color: var(--heading-text-color); + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + +h1 { + font-size: 2.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 3rem; + margin-bottom: 0.5rem; + padding-bottom: 0.2rem; + border-bottom: solid 1px var(--borders); +} + +h2 { + font-size: 1.7rem; + font-weight: 700; + line-height: 1.5; + margin-top: 2rem; + margin-bottom: 0.5rem; +} + +h3 { + font-size: 1.375rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h4 { + font-size: 1.15rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h5 { + font-size: 0.95rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h6 { + font-size: 0.95rem; + font-weight: 400; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +#write > h1.md-focus:before, +#write > h2.md-focus:before, +#write > h3.md-focus:before, +#write > h4.md-focus:before, +#write > h5.md-focus:before, +#write > h6.md-focus:before { + color: var(--light-text-color); + border: none; + position: absolute; + font-size: 0.9rem; + font-weight: 500; + padding: 0px; + line-height: 1; +} + +#write > h1.md-focus:before { + content: "h1"; + top: 1.15rem; + left: -1.75rem; +} + +#write > h2.md-focus:before { + content: "h2"; + top: 0.75rem; + left: -1.75rem; +} + +#write > h3.md-focus:before { + content: "h3"; + top: 0.575rem; + left: -1.75rem; +} + +#write > h4.md-focus:before { + content: "h4"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h5.md-focus:before { + content: "h5"; + top: 0.25rem; + left: -1.75rem; +} + +#write > h6.md-focus:before { + content: "h6"; + top: 0.25rem; + left: -1.75rem; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child, +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + margin-top: 0rem; +} + +p, +blockquote, +ul, +ol, +dl { + margin: 0.5rem 0rem 1.5rem 0rem; +} + +li > ol, +li > ul { + margin: 0 0; +} + +hr { + height: 1px; + padding: 0; + margin: 16px 0; + background-color: var(--borders); + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +.md-blockmeta { + color: var(--md-char-color); +} + +mark { + background-color: var(--primary-color); + color: white; + padding: 0.2rem 0.4rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +/*BLOCKQUOTE*/ + +blockquote { + width: 100%; + background-color: var(--boxes); + border-left: 4px solid var(--primary-color); + border-radius: 0.3rem; + padding: 1rem; +} + +blockquote blockquote { + padding-right: 0; +} + +strong { + /* color: red; */ + font-size: 1.2em; +} + +/*TABLE*/ + +table { + font-size: 0.875rem; + padding: 0; + margin: 1.5rem 0; + word-break: initial; +} + +table tr { + border-top: 1px solid var(--borders); + border-bottom: 1px solid var(--borders); + margin: 0; + padding: 0; +} + +table tr.md-end-block { + border-top: none; +} + +table tbody tr:last-child { + border-bottom: none; +} + +table tr th { + font-weight: bold; + border: none; + border-bottom: solid 2px var(--borders); + margin: 0; + padding: 10px 16px; + transition-duration: 0.3s; + transition-property: background-color; +} + +table tr td { + border: none; + margin: 0; + padding: 10px 16px; + transition-duration: 0.3s; + transition-property: background-color; +} + +#write table tr td:hover, +#write table tr th:hover { + background-color: var(--boxes); +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +/*OTHER TABLE THINGS*/ + +.ty-table-edit { + background-color: var(--boxes); + padding: 0.3rem; + border-radius: 0.3rem; + box-shadow: none; + transform: translateY(2.5rem); + transition-duration: 0.3s; + transition-property: opacity; +} + +.ty-table-edit + .md-table { + margin-top: 3rem; +} + +.ty-table-edit:active, +.ty-table-edit:focus { + box-shadow: none; +} + +.popover, +.popover:active, +.popover:focus { + border: solid 1px var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + border-radius: 0.3rem; +} + +.popover .arrow { + border-bottom-color: var(--borders); +} + +.md-grid-board a { + background-color: transparent; + border-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board .md-grid-ext { + background-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board tr[row="1"] .md-grid-ext { + background: none; + border-radius: 6px; +} + +.md-grid-board tr[row="1"] .md-grid-ext a { + background-color: var(--boxes-darker2); + border-color: var(--boxes-darker2); +} + +.md-grid-board tr[row="1"] td { + background-color: var(--bg-color); + border-color: var(--borders); +} + +.md-grid-board a.md-active, +.md-grid-board a:hover { + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.md-grid-board tr[row="1"] a.md-active, +.md-grid-board tr[row="1"] a:hover { + background-color: var(--primary-color-darker); + border-color: var(--primary-color-darker); +} + +#md-grid-width, +#md-grid-height { + border-radius: 0.3rem; + border-color: var(--borders); + transition-duration: 0.3s; + transition-property: border-color; +} + +#md-grid-width:focus, +#md-grid-height:focus { + border-radius: 0.3rem; + border-color: var(--primary-color); +} + +/*CODE*/ + +.CodeMirror { + padding: 1rem; + font-family: var(--code-font-family); +} + +.cm-s-inner .CodeMirror-gutters { + background-color: none; + border-right: none; + border-radius: 0px; + width: 2rem; + color: white; + height: 100%; + white-space: nowrap; +} + +.cm-s-inner .CodeMirror-gutter-wrapper { + left: -2.75rem !important; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + border-left: solid 2px var(--light-text-color-darker); +} + +.CodeMirror.cm-s-typora-default .CodeMirror-activeline-background { + background-color: var(--codeboxes-lighter); +} + +.cm-s-inner .CodeMirror-cursor { + color: white; + border-left: solid 1px white; +} + +.CodeMirror-linenumber { + color: var(--bg-color); + opacity: 0.6; + width: 1.9532rem !important /*required*/; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line > span::selection, +.cm-s-inner .CodeMirror-line > span::-moz-selection, +.cm-s-inner .CodeMirror-line > span > span::selection, +.cm-s-inner .CodeMirror-line > span > span::-moz-selection { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-error { + color: var(--danger-color); +} + +.cm-s-inner span.cm-comment, +.cm-s-typora-default span.cm-comment, +.cm-s-typora-default span.cm-code { + color: #9daab6; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #71a7ff; +} + +.cm-s-inner span.cm-number { + color: #ff9d3d; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + color: white; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #ff9d3d; +} + +.cm-s-inner span.cm-keyword { + color: #61e3a5; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #f8f8f2; +} + +.cm-s-inner span.cm-link, +.cm-s-typora-default .cm-link { + color: var(--primary-color); +} + +.cm-s-inner span.cm-tag, +.cm-s-inner .cm-header { + color: #b4f6d6; +} + +.cm-s-inner span.cm-attribute { + color: #ff9d3d; +} + +.cm-s-inner span.cm-qualifier, +.cm-s-inner span.cm-type, +.cm-s-inner span.cm-variable-3 { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + color: #ffd6ad; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: none; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property { + color: white; + font-weight: 400; +} + +.md-fences .code-tooltip { + box-shadow: rgba(116, 129, 141, 0.08) 0px 2px 6px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; + background-color: var(--bg-color); + color: var(--text-color); + width: 15rem; + height: 2.5rem; + bottom: -3rem; + padding: 0.1875rem; +} + +.md-fences .code-tooltip .ty-input { + border: solid 1px var(--borders); + height: 2rem; + line-height: 2rem; + margin: 0rem; + padding-left: 0.5rem !important; + text-align: left; + display: block; + font-size: 0.8rem; + font-weight: 600; + font-family: var(--font-family); + transition-duration: 0.3s; + transition-property: border; +} + +.md-fences .code-tooltip .ty-input:focus { + border-color: var(--primary-color); +} + +.html-for-mac .ty-cm-lang-input:empty:after { + left: 0.5rem; +} + +.autoComplt-list li, +.fences-auto-suggest li { + font-weight: 500; + transition-duration: 0.3s; + transition-property: background-color, color; +} + +.autoComplt-list li.active, +.fences-auto-suggest li:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.md-fences, +tt { + border-radius: 0.3rem; + color: white; + padding: 1.5rem; + font-size: 0.8rem; +} + +code { + padding: 0.2rem 0.4rem; + background-color: var(--borders); + font-size: 0.9rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +.md-fences div.CodeMirror-cursor, +#typora-source div.CodeMirror-cursor { + border-left: solid 1px white; +} + +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + background-color: var(--codeboxes); +} + +#typora-source { + background-color: var(--codeboxes); + color: white; + font-size: 0.9rem; +} + +/*DIAGRAMS*/ + +.md-diagram-panel { + color: var(--text-color); + border: solid 1px var(--borders); + border-radius: 0.3rem; +} + +.md-diagram-panel text, +.md-diagram-panel .label { + color: var(--text-color); +} + +.md-diagram-panel text { + fill: var(--text-color) !important /*required*/; +} + +.md-diagram-panel-error { + color: var(--danger-color); +} + +/*CHECKBOXES*/ + +.md-task-list-item > input:before, +input[type="checkbox"]:before { + border-radius: 0.2rem; + margin-top: -0.08rem; + margin-left: -0.1rem; + width: 1rem; + height: 1rem; + background-color: var(--borders); + content: " "; + display: block; + transition-duration: 0.3s; + transition-property: background-color; +} + +.md-task-list-item:hover > input:before, +input[type="checkbox"]:hover:before { + background-color: var(--boxes-darker); +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before, +input[type="checkbox"]:checked:before { + background-color: var(--primary-color); +} + +.md-task-list-item:hover > input:checked:before, +.md-task-list-item:hover > input[checked]:before, +input[type="checkbox"]:hover:checked:before { + background-color: var(--primary-color-darker); +} + +.md-task-list-item > input:after, +.md-task-list-item > input:after, +input[type="checkbox"]:after { + transform: rotate(-45deg); + position: absolute; + border: 2px solid white; + border-top: 0; + border-right: 0; + top: 0.16rem; + left: 0.1rem; + width: 0.6rem; + height: 0.375rem; + content: " "; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after, +input[type="checkbox"]:checked:after { + opacity: 1; +} + +.ty-preferences input[type="checkbox"]:before { + width: 1.2rem; + height: 1.2rem; +} + +.ty-preferences input[type="checkbox"]:after { + width: 0.5rem; + height: 0.32rem; + top: 0.19rem; + left: 0.14rem; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +#write pre.md-meta-block { + padding: 1rem; + line-height: 1.45; + background-color: var(--boxes); + border: 0; + border-radius: 0.3rem; + color: var(--text-color); + border-left: solid 4px var(--boxes-darkest); +} + +#write pre.md-meta-block:empty:before { + color: var(--light-text-color); +} + +.md-image > .md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--md-char-color); + opacity: 1; +} + +/*TOC*/ + +.md-toc { + margin: 1.5rem 0rem; +} + +.md-toc:focus .md-toc-content { + border: none; +} + +#write div.md-toc-tooltip { + background-color: var(--boxes); + line-height: 1.6rem; + padding: 0.3rem 0.75rem; + border-top: none; + border-radius: 0.3rem; +} + +.md-toc.md-focus { + margin-top: 4.5rem; +} + +#write div.md-toc-tooltip + .md-toc-content { + padding-top: 1rem; +} + +.md-delete-toc { + padding: 0px; +} + +/*MATH*/ + +.md-rawblock-container { + padding: 1rem; + border-radius: 0.3rem; + cursor: pointer; + transition-duration: 0.2s; +} + +.md-rawblock:hover .md-rawblock-container { + background-color: var(--boxes); +} + +.md-rawblock:active .md-rawblock-container { + background-color: var(--boxes-darker); +} + +.MathJax_SVG:focus { + outline: none; +} + +.md-rawblock-panel, +.md-rawblock-control:not(.md-rawblock-tooltip) { + border-radius: 0.3rem; + background-color: var(--boxes); +} + +.md-rawblock-panel .code-tooltip { + box-shadow: none; + border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.md-rawblock-panel .CodeMirror-linenumber { + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-panel .CodeMirror div.CodeMirror-cursor { + border-left: solid 1px var(--text-color); +} + +.md-mathblock-panel .md-mathjax-preview, +.mathjax-candidate { + border-top: solid 1px var(--borders); +} + +.md-rawblock-after, +.md-rawblock-before { + cursor: default; + color: var(--light-text-color); + user-select: none; + -webkit-user-select: none; +} + +.md-rawblock-tooltip-name { + font-size: 13px; + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-on-edit > .md-rawblock-tooltip { + padding-right: 0px; +} + +.md-rawblock-input span.cm-tag { + color: #0bb6ad; +} + +.md-rawblock-input span.cm-atom, +.md-inline-math script { + color: #b61ed4; +} + +.md-rawblock-input span.cm-number { + color: #ec7200; +} + +.md-rawblock-input span.cm-keyword { + color: #156db6; +} + +.md-rawblock-input span.cm-bracket { + color: var(--light-text-color); +} + +#math-inline-preview.code-tooltip { + border-radius: 0.3rem; + background-color: var(--bg-color); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + color: var(--text-color); + opacity: 1; +} + +#math-inline-preview.code-tooltip .code-tooltip-content { + border: solid 1px var(--borders); +} + +#math-inline-preview.code-tooltip .md-arrow:after { + background-color: var(--bg-color); + border: solid 1px var(--borders); + box-shadow: none; +} + +/*FOOTER*/ + +footer.ty-footer { + border: none; +} + +.footer-item { + opacity: 1 !important; + color: var(--light-text-color); + transition: 0.3s; +} + +.footer-item:hover { + color: var(--light-text-color-darker) !important; +} + +#outline-btn:hover { + color: var(--light-text-color-darker) !important; +} + +/*SIDEBAR*/ + +#typora-sidebar { + border-right: solid 1px var(--borders); +} + +.info-panel-tab { + opacity: 1; +} + +.info-panel-tab-border { + color: var(--primary-color); + border-radius: 2px; +} + +.sidebar-tab { + text-transform: capitalize; + color: var(--light-text-color); +} + +#ty-sidebar-search-back-btn { + margin: auto; +} + +.ty-show-outline-filter #file-library-search, +.ty-show-search #file-library-search { + height: 4rem; +} + +#file-library-search-input { + height: 2rem; +} + +#file-library-search-panel input { + margin-top: 8px !important; +} + +.ty-sidebar-search-panel .searchpanel-search-option-btn, +#ty-sidebar-search-tabs .searchpanel-search-option-btn { + top: 15px; +} + +#typora-sidebar #filesearch-case-ion-btn, +#typora-sidebar #filesearch-word-ion-btn { + background: none; + margin-top: 0.45rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#typora-sidebar #filesearch-case-ion-btn:hover, +#typora-sidebar #filesearch-word-ion-btn:hover { + color: var(--primary-color); +} + +/*sidebar loading*/ + +#typora-sidebar #sidebar-loading-template { + padding: 0px; +} + +#typora-sidebar #sidebar-loading-template .typora-search-spinner { + opacity: 1; + color: var(--light-text-color-darker); +} + +#typora-sidebar #sidebar-loading-template .typora-quick-open-info { + color: var(--light-text-color-darker); + font-size: 0.9rem; + font-weight: 500; +} + +/*sidebar outline*/ + +#close-outline-filter-btn { + top: 15px; + opacity: 1; + color: var(--light-text-color) !important; +} + +#close-outline-filter-btn:hover { + color: var(--primary-color) !important; + background-color: transparent !important; +} + +#close-outline-filter-btn:active { + background-color: transparent !important; +} + +#outline-content { + padding-right: 0px; + line-height: 1rem; +} + +.outline-item { + display: flex; + padding-top: 0px; + padding-bottom: 0px; +} + +.outline-item .outline-label { + display: block; + width: 100%; + padding-top: 0.4rem; + padding-bottom: 0.4rem; + border-right: solid 2px transparent; + font-size: 0.8rem; + font-weight: 500; + color: var(--light-text-color-darker); +} + +.outline-item:hover { + background: none; +} + +.outline-item:hover .outline-label { + color: var(--primary-color); +} + +.outline-label:hover { + text-decoration: none; +} + +.outline-active.outline-label { + border-right: solid 2px var(--primary-color); + font-weight: 500; + color: var(--primary-color); +} + +.outline-expander { + padding-top: 0.4rem; + padding-right: 0.5rem; +} + +#toc-dropmenu .outline-label { + line-height: 1rem; +} + +#toc .outline-title { + margin-top: 9px; + font-size: 1rem; + font-weight: 500; + user-select: none; +} + +#pin-outline-btn { + padding: 14px 18px 0px 0px; +} + +/*sidebar file-list and search results*/ + +#file-library-list[data-state="complete"] #sidebar-loading-template { + padding: 0rem; +} + +#typora-sidebar .file-list-item, +.ty-search-item { + border: none; + padding: 1rem; +} + +body:not(.os-windows) #typora-sidebar .file-list-item, +body:not(.os-windows) .ty-search-item { + transition-duration: 0.3s !important; + transition-property: background-color, border, color, height !important; +} + +#typora-sidebar .file-list-item:hover, +.ty-search-item:hover { + background: var(--borders); +} + +#typora-sidebar .ty-search-item-line { + font-family: var(--font-family); + font-size: 0.8rem; + font-weight: 400; + padding: 0.3rem; + border-radius: 0.3rem; + margin-left: 24px; +} + +body:not(.os-windows) #typora-sidebar .ty-search-item-line { + transition-duration: 0.2s; +} + +#typora-sidebar .ty-search-item-line * { + opacity: 1; +} + +#typora-sidebar .ty-search-item .ty-search-item-line:hover, +#typora-sidebar .ty-search-item-line.active { + background-color: transparent; + color: var(--primary-color); +} + +#typora-sidebar .file-list-item-file-name { + font-weight: 800; + font-size: 0.9rem; + margin-bottom: 0rem; + line-height: 1.8rem; + float: right; +} + +#typora-sidebar .file-list-item-file-ext-part { + font-weight: 800; + opacity: 0.5; +} + +#typora-sidebar .file-list-item-parent-loc, +#typora-sidebar .file-list-item-time { + font-family: var(--font-family); + font-weight: 400; + opacity: 0.5; + display: block; +} + +#typora-sidebar .file-list-item-summary { + float: left; + font-size: 0.8rem; + opacity: 0.9; +} + +#typora-sidebar .file-list-item-count { + font-size: 0.75rem; + background-color: var(--primary-color); + color: white; + border-radius: 0.2rem; + min-width: 1.25rem; + height: 1.25rem; + text-align: center; + line-height: 1.25rem; + position: relative; + top: 0.3rem; +} + +#typora-sidebar input.file-list-item-file-name { + margin: 0.5rem 0rem 0.5rem 0.7rem; + padding: 0.4rem !important; + line-height: 1rem; + float: right; + border-radius: 0.3rem; + font-weight: 500; + background-color: white !important; +} + +#typora-sidebar .file-list-item.file-library-file-node { + border: none; +} + +#typora-sidebar .file-tree-node.active .file-node-background, +#typora-sidebar .file-list-item.active, +#typora-sidebar .ty-search-item.active { + background-color: white; + outline: 1px solid var(--borders); + border: none; + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node.active .file-node-content { + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node { + padding: 0rem; + font-weight: 500; + font-size: 0.9rem; + margin-left: 0.8rem; +} + +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 2.2rem; + height: 2.2rem; + background: none; + margin-bottom: 0px; +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 2.2rem; +} + +#typora-sidebar .file-tree-node .file-node-icon { + margin-right: 0.5rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o { + margin-top: 0.33rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.36rem; +} + +#typora-sidebar .file-tree-node .fa-caret-down, +#typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 5px; +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 2.2rem; + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} + +#typora-sidebar .ty-search-item-collapse-icon { + top: 9px; +} + +/*no left border*/ +#typora-sidebar .file-tree-node.active > .file-node-background { + border: none; +} + +/*no dotted highlighting*/ +.file-library-node:not(.file-node-root):focus > .file-node-content { + outline: none; +} + +#typora-sidebar #sidebar-files-menu { + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +#typora-sidebar #ty-sidebar-footer { + background-color: var(--bg-color); + border-top: solid 1px var(--borders); + font-weight: 500; +} + +#typora-sidebar #ty-sidebar-footer li { + transition-duration: 0.2s; + transition-property: background-color, color; +} + +#typora-sidebar + #ty-sidebar-footer + li:not(.file-sort-item):not(:first-child):not(.empty-menu-group):not(.folder-menu-group):hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-sidebar + #ty-sidebar-footer + .file-action-item.file-sort-item + > span:first-of-type { + line-height: 2rem; +} + +/*cursor*/ +.file-node-content:hover { + cursor: pointer; +} + +body:not(.os-windows) + .file-tree-node:not(.file-node-root):not(.file-node-expanded) + .file-node-background { + transition-duration: 0.2s; + transition-property: background-color; +} + +.file-tree-node:not(.file-node-root):not(.file-node-expanded):hover + .file-node-background { + background-color: var(--borders); +} + +#typora-sidebar .sidebar-footer-item { + transition-duration: 0.2s; + transition-property: background-color, color; + font-weight: 700; +} + +#typora-sidebar .sidebar-footer-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-quick-open { + background-color: white; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 0rem; + box-shadow: rgba(116, 129, 141, 0.15) 0px 3px 16px 0px; + overflow: hidden; +} + +#typora-quick-open-input { + margin-right: 20px; +} + +#typora-quick-open-input .input { + box-shadow: none !important /*required*/; + border: none !important /*required*/; + font-weight: 400 !important /*required*/; + margin: 0.5rem; + margin-left: 0.8rem; +} + +.typora-quick-open-item { + background-color: white; + border: none; + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color; +} + +.typora-quick-open-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.typora-quick-open-item.active { + background-color: var(--boxes); + border: none; +} + +.typora-quick-open-item-path { + opacity: 1; + color: var(--light-text-color); +} + +.typora-quick-open-item:hover .typora-quick-open-item-path { + opacity: 0.7; + color: var(--primary-color); +} + +.ty-quick-open-category-title { + font-size: 10px; + font-weight: 700; + letter-spacing: 1.2px; + text-transform: uppercase; + opacity: 1; + color: var(--light-text-color); + line-height: 32px; + padding-top: 6px; + height: 32px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +.md-lang { + color: var(--primary-color); +} + +/*NOTIFICATION*/ + +#md-notification { + border-bottom: solid 1px var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +#md-notifcation .btn { + border: 0; +} + +/*PREFERENCES*/ + +.ty-preferences { + font-family: var(--font-family); +} + +.ty-preferences .window-header { + justify-content: space-between; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + border-bottom: solid 1px var(--borders); +} + +.ty-preferences .window-header-content { + background-color: white; + margin: 0rem; +} + +.ty-preferences .window-header h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0rem; + margin-left: 1rem; +} + +.unibody-window .ty-preferences .window-header h2 { + margin-left: 1rem !important; +} + +.ty-preferences .window-header-back { + margin-left: 1.2rem; +} + +.ty-preferences .window-header-back .icon { + border-right: none; +} + +/*preferences sidebar*/ +.ty-preferences .window-content { + background-color: white; +} + +.ty-preferences .nav-group-item { + color: var(--text-color); + height: 2.5rem; + line-height: 2.6rem; + font-weight: 500; + padding: 0px 0px 0px 2rem; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.ty-preferences .nav-group-item:hover { + background-color: var(--borders); + border-radius: 0px; +} + +.ty-preferences .nav-group-item.active { + border-radius: 0rem; + border: none; + outline: 1px solid var(--borders); + background-color: white; + color: var(--primary-color); +} + +.ty-preferences .pane-sm { + background: var(--boxes); + flex-basis: 240px; + flex-grow: 0; + justify-content: center; + border-right: 1px solid var(--borders); + margin: 0rem; + padding: 0rem; +} + +.ty-preferences .pane-sm .list-group { + width: 100%; + max-width: 30rem; +} + +.ty-preferences .list-group-header { + display: flex; + justify-content: space-around; +} + +.ty-preferences .list-group-header div { + width: 100%; + margin-right: 18px; + margin-left: 18px; +} + +.ty-preferences .pane-sm .search-input { + margin: 0rem !important; + width: 100%; + font-size: 1rem !important; + height: 2.75rem; +} + +.ty-preferences .pane-sm .search-input:active, +.ty-preferences .pane-sm .search-input:focus { + border: solid 1px var(--primary-color) !important; + outline: none; +} + +/*preferences main*/ +.ty-preferences .panel-header { + font-weight: 600; + font-size: 1.6rem; +} + +/*preferences stuff*/ +.ty-preferences .dropdown-menu > li, +.dropdown-item { + font-weight: 500; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: all; +} + +.ty-preferences .dropdown-menu .active, +.ty-preferences .dropdown-menu li:hover, +.dropdown-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +#ty-spell-check-dict-missing-secondary-btn:hover { + color: var(--primary-color) !important; +} + +.header-close .icon { + border: none !important; +} + +/*preferences export*/ + +.export-detail { + background-color: transparent !important /*required*/; +} + +.export-items-list .separator { + margin: 0.4rem; + border-top: 1px solid var(--borders); +} + +.export-items-list-control { + background-color: var(--boxes) !important /*required*/; +} + +.export-item { + padding: 0.4rem !important /*required*/; + color: var(--light-text-color-darker); + font-weight: 500; + cursor: pointer; +} + +.export-item.active { + background-color: transparent !important /*required*/; + color: var(--primary-color); + font-weight: 500 !important /*required*/; +} + +/*DROPDOWN*/ + +.dropdown-menu:not(.megamenu-menu-list), +.auto-suggest-container { + background-color: var(--bg-color); + border: solid 1px var(--borders) !important; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + user-select: none; +} + +.dropdown-menu > li > a, +.auto-suggest-container li { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +.dropdown-menu > .active > a, +.dropdown-menu > li > a:hover, +.menu-style-btn.active, +.context-menu.dropdown-menu > .active > a, +.context-menu.dropdown-menu > li > a:hover, +.auto-suggest-container li:hover, +.auto-suggest-container li.active { + color: var(--primary-color); + background-color: var(--boxes); +} + +.menu-style-btn { + color: var(--text-color); + border: none; + transition-duration: 0.2s; + transition-property: all; +} + +.menu-style-btn:hover { + color: var(--primary-color); + background-color: var(--boxes); + border: none; +} + +header .menu-style-btn:hover { + background-color: transparent; +} + +.menu-item-container { + padding: 0 12px 0 4px; +} + +.menu-item-container a.menu-style-btn { + padding: 0.3rem 0.6rem; + margin: 0; +} + +.dropdown-menu .divider { + border-color: var(--borders); + opacity: 1; +} + +/*BUTTON*/ + +.btn, +button { + border: none !important; + border-radius: 0.3rem !important; + color: var(--text-color) !important; + transition-duration: 0.2s; + transition-property: all; + font-size: 0.9rem !important; + font-weight: 500; + outline: none; +} + +.btn-default { + border: none !important; + border-radius: 0.3rem !important; + background-color: var(--boxes) !important; +} + +.btn:hover, +.button-hover { + border: none; + border-radius: 0.3rem; + background-color: var(--borders) !important; + color: var(--text-color); +} + +button:active, +button.active, +.btn:active, +.btn-default:active { + border: none; + border-radius: 0.3rem; + background-color: var(--boxes-darker) !important; + box-shadow: none; + outline: none; + color: var(--text-color); +} + +.btn:focus { + border: none !important; + outline: none !important; + background-color: var(--boxes-darker); +} + +.btn-primary { + border: none; + border-radius: 0.3rem; + background-color: var(--primary-color); + color: white !important; +} + +.btn-primary:hover, +.btn-primary:focus { + color: white; + background-color: var(--primary-color-darker) !important; +} + +.btn.dropdown-toggle-split, +.btn.dropdown-toggle-split:hover { + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +#ty-spell-check-dict-missing-primary-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.open > .dropdown-toggle.btn-primary { + background-color: var(--primary-color); + border-color: transparent; +} + +/*GHOST BUTTON*/ + +.window-header button, +#close-sidebar-menu-btn, +.html-for-mac .sidebar-tab-btn, +.label-hint, +.ty-table-edit .btn, +.zoom-hint-button, +.md-rawblock-tooltip-btn, +.md-delete-toc, +#md-searchpanel .input-group-addon.btn, +#pin-outline-btn, +.icon-button { + background-color: transparent !important; + color: var(--light-text-color) !important; + opacity: 1 !important; + transition-duration: 0.2s; + transition-property: color; +} + +.window-header button:hover, +.window-header button:focus, +#close-sidebar-menu-btn:hover, +#close-sidebar-menu-btn:focus, +.html-for-mac .sidebar-tab-btn:hover, +.html-for-mac .sidebar-tab-btn:focus, +.label-hint:hover, +.label-hint:focus, +.ty-table-edit .btn:hover, +.ty-table-edit .btn:focus, +.zoom-hint-button:hover, +.zoom-hint-button:focus, +.md-rawblock-tooltip-btn:hover, +.md-rawblock-tooltip-btn:focus, +.md-delete-toc:hover, +.md-delete-toc:focus, +#md-searchpanel .input-group-addon.btn:hover, +#md-searchpanel .input-group-addon.btn:focus, +#pin-outline-btn:hover, +#pin-outline-btn:focus, +.icon-button:hover, +.icon-button:focus { + color: var(--primary-color) !important; + background: none !important; +} + +.ty-table-edit .btn.active { + color: var(--primary-color) !important; + box-shadow: none; +} + +/*IMAGE BUTTON*/ + +.md-image-btn { + background-color: var(--boxes); + transition-duration: 0.2s; + transition-property: background-color; +} + +.md-image-btn:before { + color: var(--text-color); + transition-duration: 0.2s; + transition-property: color; +} + +.md-image-btn:hover { + background-color: var(--borders); +} + +.md-image-btn:hover:before { + color: var(--primary-color); +} + +.md-image-input-src-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.md-image-pick-file-btn { + border-left: none; + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +/*SEARCH-INPUTS*/ + +.search-input, +.search, +.form-control, +#file-library-search-input { + background-color: transparent !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 400; + padding: 0.7rem !important; + height: 2rem; + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +.search-input:hover, +.search:hover, +.form-control:hover, +#file-library-search-input:hover { + border: solid 1px var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; +} + +.search-input:focus, +.search:focus, +.form-control:focus, +#file-library-search-input:focus { + background-color: transparent !important; + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; + padding: 0.7rem !important; +} + +.search-input::placeholder, +.search::placeholder, +.form-control::placeholder, +#file-library-search-input::placeholder { + color: var(--light-text-color-darker) !important; +} + +.clear-btn-icon { + top: 9px !important /*required*/; + right: 9px !important /*required*/; +} + +.content tr.search-hit, +.search-hit, +.md-search-hit, +.md-search-hit.md-search-select, +.md-search-select, +.ty-file-search-match-text { + background-color: var(--boxes-darkest); + color: white; + padding: 0.2rem 0.1rem; + border-radius: 0.2rem; +} + +/*ZOOM HINT*/ + +#zoom-hint { + border-radius: 0.3rem; + border: solid 1px var(--borders); + user-select: none; + box-shadow: rgba(116, 129, 141, 0.08) 0px 2px 6px 0px; +} + +#zoom-hint #zoom-hint-reset { + border-left: none; + font-weight: 600; +} + +/*SEARCHPANEL*/ + +#md-searchpanel { + border-bottom: 1px solid var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + max-height: 46px; +} + +.mac-seamless-mode #md-searchpanel { + max-height: 70px; +} + +#md-searchpanel.searchpanel-replace-mode { + max-height: 84px; +} + +.mac-seamless-mode #md-searchpanel.searchpanel-replace-mode { + max-height: 108px; +} + +#md-searchpanel input { + height: 2rem; + margin: 0rem !important; + padding: 6px 12px !important; + font-size: 12px !important; +} + +#md-searchpanel .input-group-addon { + height: 2rem; +} + +#md-searchpanel .input-group-addon.close-btn { + padding-left: 8px; +} + +.unibody-window #md-searchpanel .btn { + line-height: 2rem; +} + +.searchpanel-search-option-btn { + top: 9px; + border: none; + color: var(--light-text-color-darker) !important /*required*/; + transition-duration: 0.3s; +} + +.searchpanel-search-option-btn:hover { + color: var(--primary-color) !important /*required*/; + background-color: transparent !important /*required*/; +} + +.searchpanel-search-option-btn.select, +.searchpanel-search-option-btn.active { + color: white !important; + background-color: var(--primary-color) !important; +} + +#searchpanel-case-option-btn { + right: 33px; +} + +#searchpanel-word-option-btn { + right: 9px; +} + +#searchpanel-word-option-btn, +#searchpanel-case-option-btn { + background: none; +} + +#md-searchpanel .btn:not(.close-btn):hover { + box-shadow: none; +} + +/*SELECT*/ +/*TEXT INPUT*/ +/*NUMBER INPUT*/ + +/* the input #md-grid-height doesn't have a type attached for some reason and needs to be adressed seperately */ + +html select, +html input[type="text"], +html input[type="number"], +#md-grid-height { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; + font-weight: 500 !important; + padding: 0.3rem !important; + height: 2.1rem !important; + transition-duration: 0.2s; + transition-property: border; +} + +select { + cursor: pointer !important; +} + +input[type="text"], +input[type="number"], +#md-grid-height { + cursor: text; +} + +html select:hover, +html input[type="text"]:hover, +html input[type="number"]:hover, +#md-grid-height:hover { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border-color: var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; +} + +html select:focus, +html input[type="text"]:focus, +html input[type="number"]:focus, +#md-grid-height:focus { + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; +} + +input[type="text"]::placeholder, +input[type="number"]::placeholder, +#md-grid-height::placeholder { + color: var(--light-text-color-darker) !important; +} + +input[disabled], +input[disabled]:hover, +input[disabled]:focus { + cursor: not-allowed; +} + +/*TEXTAREA*/ + +textarea { + background-color: transparent; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; + transition-duration: 0.2s; +} + +textarea:hover { + border-color: var(--boxes-darker2); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); +} + +textarea:focus { + border-color: var(--primary-color); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); + outline: none; +} + +/*MODAL*/ + +.modal-header, +#common-dialog .modal-header { + border-bottom: solid 1px var(--borders); + padding-bottom: 15px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + user-select: none; +} + +.modal-body { + font-size: 0.9rem; + color: var(--light-text-color-darker); + user-select: none; +} + +.modal-content { + box-shadow: rgba(116, 129, 141, 0.15) 0px 3px 10px 0px; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; +} + +.modal-footer { + border-top: solid 1px var(--borders); +} + +.modal-open .modal.fade.in { + background: none; + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); +} + +/*LANGS*/ + +.ty-spell-check-panel-item { + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color, color; +} + +.ty-spell-check-panel-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.ty-spell-check-panel-item.ty-active { + background-color: var(--boxes); +} + +/*TOOLTIP*/ + +.ty-tooltip { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: 1px solid var(--borders) !important; + -webkit-filter: none !important; + filter: none; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +/*FOOTER*/ + +.footer-item:hover { + background-color: var(--boxes) !important; +} + +#footer-word-count-info { + padding: 4px 0; +} + +.footer-word-count-info-line { + padding: 0.25rem; + line-height: 1.6rem; +} + +#footer-word-count-info tr { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +#footer-word-count-info tr td:nth-child(1) { + padding: 0rem; + padding-right: 1rem; +} + +#footer-word-count-info .ty-footer-word-count-all tr:hover { + color: var(--primary-color) !important; + background-color: var(--boxes) !important; +} + +/*MEGAMENU*/ + +.megamenu-menu { + box-shadow: none; + background-color: var(--boxes); + border-right: 1px solid var(--borders); +} + +.megamenu-opened .megamenu-menu { + left: 0px; +} + +#megamenu-content { + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; +} + +#megamenu-menu-list { + box-shadow: none; + border: none; + background-color: transparent; +} + +#megamenu-menu-list li a { + color: var(--text-color); + height: 2rem; + line-height: 1.8rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#megamenu-menu-list li a:hover { + background-color: var(--borders); +} + +#megamenu-menu-list li a.active { + color: var(--primary-color); + background-color: white; + outline: solid 1px var(--borders); +} + +#megamenu-menu-list .divider { + background-color: var(--borders); + margin: 16px 0 0 0; +} + +.megamenu-menu-list .saved #m-saved { + cursor: default; +} + +.megamenu-menu-list .saved #m-saved .fa { + color: var(--primary-color); +} + +.megamenu-menu-list .saved #m-saved:hover { + background-color: transparent; +} + +.megamenu-menu-list #m-close:hover { + color: var(--danger-color); +} + +.megamenu-menu-header { + border-bottom: solid 1px var(--borders); + margin-bottom: 1.2rem; + height: 74px; + transition-duration: 0.3s; +} + +.megamenu-menu-header:hover { + background-color: var(--borders); +} + +.megamenu-menu-header #megamenu-menu-header-title { + color: var(--text-color); + font-weight: 700; + font-size: 16px; + left: 56px; + top: 24px; +} + +#megamenu-back-btn { + color: var(--text-color); + font-size: 16px; + left: 24px; + top: 24px; +} + +.megamenu-opened header { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-content { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-menu-panel:not(:first-of-type) { + margin-top: 2rem; +} + +.megamenu-menu-panel h1 { + font-weight: 900; + font-size: 1.8rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +.megamenu-menu-panel h2 { + font-weight: 800; + font-size: 1.3rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +/*recent files*/ + +#recent-file-panel tbody tr { + font-weight: 600; + transition-duration: 0.4s; +} + +#recent-file-panel tbody tr:hover, +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: var(--primary-color); +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: var(--boxes); +} + +/*about help*/ + +.about-content-slogon { + color: var(--light-text-color); +} + +/*for the god himself*/ +.about-content-slogon span { + color: var(--primary-color) !important; +} + +#about-content tbody tr { + font-weight: 500; + transition-duration: 0.4s; +} + +#about-content tbody tr:hover { + color: var(--primary-color); + background-color: var(--boxes) !important /*required important*/; +} + +.long-btn { + margin-bottom: 12px; + margin-left: 2px; + box-shadow: rgba(116, 129, 141, 0.1) 2px 2px 6px; + background-color: white; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 700; + font-size: 1rem; + + transition: background 0.2s, color 0.2s, box-shadow 0.2s; +} + +.long-btn:hover { + background-color: var(--primary-color); + border: 1px solid transparent; + color: white !important /*important required*/; + box-shadow: rgba(116, 129, 141, 0.1) 2px 2px 6px, + rgba(56, 132, 255, 0.2) 0px 0px 10px; +} + +#m-import-local:hover .preference-item-hint { + color: white; + opacity: 0.7; +} + +#recent-file-panel-action-btn { + height: 34px; + border: none; + background-color: var(--boxes); +} + +#theme-preview-grid { + max-width: none; + padding: 1.5rem; + background-color: var(--boxes); + border-radius: 0rem; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + grid-gap: 1.5rem; +} + +.theme-preview-div { + border: none; + border-radius: 0.4rem; + box-shadow: rgba(116, 129, 141, 0.1) 0px 0px 15px; + margin: 0rem; + transition-duration: 0.3s; +} + +.theme-preview-div:hover { + box-shadow: rgba(116, 129, 141, 0.5) 3px 8px 15px; + cursor: pointer; + transform: rotate3d(1, -0.2, 0.2, 15deg); +} + +.theme-preview-content { + width: 100%; + height: 100%; + border-radius: 0.4rem; +} + +.theme-preview-content html { + width: 100%; + height: 100%; +} + +.theme-preview-div.active .fa { + color: var(--primary-color); + bottom: 4px; + left: 4px; +} + +.theme-preview-div .fa-check-circle:before { + background-color: var(--bg-color); + padding: 0px 2px; + border-radius: 1rem; +} + +.megamenu-menu-panel tbody tr { + border-radius: 0.3rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.megamenu-menu-panel tbody tr:hover { + background-color: var(--borders) !important /*required important*/; +} + +/*MIN MAX CLOSE*/ +#w-min, +#w-max, +#w-restore, +#w-close { + border-radius: 0px !important; + font-size: 10px !important; + width: 46px !important; + height: 29px !important; +} + +.btn.toolbar-icon svg, +.btn.toolbar-icon .ty-icon { + position: relative; + top: 2px; +} + +#w-close.btn.toolbar-icon .ty-icon { + left: 1px; +} + +#w-close:hover { + background-color: var(--danger-color) !important; + color: white !important; +} + +/*EXTRA STUFF*/ + +a[type="page-link"] { + display: block; + background-color: white; + box-shadow: rgba(116, 129, 141, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 600; + + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +a[type="page-link"]:hover { + box-shadow: rgba(116, 129, 161, 0.1) 0px 3px 8px 0px; + border: 1px solid var(--primary-color); +} + +p[type="description"] { + color: var(--light-text-color); +} + +/*kbd*/ + +kbd { + font-family: var(--font-family); +} diff --git a/gitbook-slate.css b/gitbook-slate.css new file mode 100644 index 0000000..9bb1d58 --- /dev/null +++ b/gitbook-slate.css @@ -0,0 +1,2416 @@ +@import "gitbook/fonts.css"; +@import "gitbook/slate-colors.css"; + +/*by 16soundsofsilence, yes this code is an absolute mess*/ + +html, +.form-control, +.modal { + font-size: 16px; +} + +body { + background: var(--bg-color); + font-family: var(--font-family); + font-weight: 400; + color: white; + line-height: 1.6rem; + height: 100%; +} + +#write { + font-size: 0.95rem; + max-width: 850px; + margin: 0 auto; + margin-top: 1rem; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} + +a { + color: var(--primary-color); + text-decoration: none !important; + transition-duration: 0.2s; + transition-property: color; +} + +a:hover { + color: var(--primary-color-darker); +} + +mark a, +mark .md-content.md-url { + color: var(--primary-color-darker2); +} + +mark a:hover { + color: var(--primary-color-darkest); +} + +.ty-preferences a { + color: var(--primary-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + color: var(--heading-text-color); + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + +h1 { + font-size: 2.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 3rem; + margin-bottom: 0.5rem; + padding-bottom: 0.2rem; + border-bottom: solid 1px var(--borders); +} + +h2 { + font-size: 1.7rem; + font-weight: 700; + line-height: 1.5; + margin-top: 2rem; + margin-bottom: 0.5rem; +} + +h3 { + font-size: 1.375rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h4 { + font-size: 1.15rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h5 { + font-size: 0.95rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h6 { + font-size: 0.95rem; + font-weight: 400; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +#write > h1.md-focus:before, +#write > h2.md-focus:before, +#write > h3.md-focus:before, +#write > h4.md-focus:before, +#write > h5.md-focus:before, +#write > h6.md-focus:before { + color: var(--light-text-color); + border: none; + position: absolute; + font-size: 0.9rem; + font-weight: 500; + padding: 0px; + line-height: 1; +} + +#write > h1.md-focus:before { + content: "h1"; + top: 1.15rem; + left: -1.75rem; +} + +#write > h2.md-focus:before { + content: "h2"; + top: 0.75rem; + left: -1.75rem; +} + +#write > h3.md-focus:before { + content: "h3"; + top: 0.575rem; + left: -1.75rem; +} + +#write > h4.md-focus:before { + content: "h4"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h5.md-focus:before { + content: "h5"; + top: 0.25rem; + left: -1.75rem; +} + +#write > h6.md-focus:before { + content: "h6"; + top: 0.25rem; + left: -1.75rem; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child, +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + margin-top: 0rem; +} + +p, +blockquote, +ul, +ol, +dl { + margin: 0.5rem 0rem 1.5rem 0rem; +} + +li > ol, +li > ul { + margin: 0 0; +} + +hr { + height: 1px; + padding: 0; + margin: 16px 0; + background-color: var(--borders); + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +.md-blockmeta { + color: var(--md-char-color); +} + +mark { + background-color: var(--primary-color); + color: white; + padding: 0.2rem 0.4rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +/*BLOCKQUOTE*/ + +blockquote { + width: 100%; + background-color: var(--boxes); + border-left: 4px solid var(--primary-color); + border-radius: 0.3em; + padding: 1rem; +} + +blockquote blockquote { + padding-right: 0; +} + +table { + font-size: 0.875rem; + padding: 0; + margin: 1.5rem 0; + word-break: initial; +} + +/*TABLE*/ + +table tr { + border-top: 1px solid var(--borders); + border-bottom: 1px solid var(--borders); + margin: 0; + padding: 0; +} + +table tr.md-end-block { + border-top: none; +} + +table tbody tr:last-child { + border-bottom: none; +} + +table tr th { + font-weight: bold; + border: none; + border-bottom: solid 2px var(--borders); + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +table tr td { + border: none; + margin: 0; + padding: 10px 16px; + transition-duration: 0.1s; + transition-property: background-color; +} + +#write table tr td:hover, +#write table tr th:hover { + background-color: var(--boxes); +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +/*OTHER TABLE THINGS*/ + +.ty-table-edit { + background-color: var(--boxes); + padding: 0.3rem; + border-radius: 0.3rem; + box-shadow: none; + transform: translateY(2.5rem); + transition-duration: 0.3s; + transition-property: opacity; +} + +.ty-table-edit + .md-table { + margin-top: 3rem; +} + +.ty-table-edit:active, +.ty-table-edit:focus { + box-shadow: none; +} + +.popover, +.popover:active, +.popover:focus { + border: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-radius: 0.3rem; +} + +.popover .arrow { + border-bottom-color: var(--borders); +} + +.md-grid-board a { + background-color: transparent; + border-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board .md-grid-ext { + background-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board tr[row="1"] .md-grid-ext { + background: none; + border-radius: 6px; +} + +.md-grid-board tr[row="1"] .md-grid-ext a { + background-color: var(--boxes-darker2); + border-color: var(--boxes-darker2); +} + +.md-grid-board tr[row="1"] td { + background-color: var(--bg-color); + border-color: var(--borders); +} + +.md-grid-board a.md-active, +.md-grid-board a:hover { + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.md-grid-board tr[row="1"] a.md-active, +.md-grid-board tr[row="1"] a:hover { + background-color: var(--primary-color-darker); + border-color: var(--primary-color-darker); +} + +#md-grid-width, +#md-grid-height { + border-radius: 0.3rem; + border-color: var(--borders); + transition-duration: 0.3s; + transition-property: border-color; +} + +#md-grid-width:focus, +#md-grid-height:focus { + border-radius: 0.3rem; + border-color: var(--primary-color); +} + +/*CODE*/ + +.CodeMirror { + padding: 1rem; + font-family: var(--code-font-family); +} + +.cm-s-inner .CodeMirror-gutters { + background-color: none; + border-right: none; + border-radius: 0px; + width: 2rem; + color: white; + height: 100%; + white-space: nowrap; +} + +.cm-s-inner .CodeMirror-gutter-wrapper { + left: -2.75rem !important; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + border-left: solid 2px var(--light-text-color-brighter); +} + +.CodeMirror.cm-s-typora-default .CodeMirror-activeline-background { + background-color: var(--codeboxes-lighter); +} + +.cm-s-inner .CodeMirror-cursor { + color: white; + border-left: solid 1px white; +} + +.CodeMirror-linenumber { + color: white; + opacity: 0.6; + width: 1.9532rem !important /*required*/; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line > span::selection, +.cm-s-inner .CodeMirror-line > span::-moz-selection, +.cm-s-inner .CodeMirror-line > span > span::selection, +.cm-s-inner .CodeMirror-line > span > span::-moz-selection { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-error { + color: var(--danger-color); +} + +.cm-s-inner span.cm-comment, +.cm-s-typora-default span.cm-comment, +.cm-s-typora-default span.cm-code { + color: #9daab6; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #71a7ff; +} + +.cm-s-inner span.cm-number { + color: #ff9d3d; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + color: white; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #ff9d3d; +} + +.cm-s-inner span.cm-keyword { + color: #61e3a5; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #f8f8f2; +} + +.cm-s-inner span.cm-link, +.cm-s-typora-default .cm-link { + color: var(--primary-color); +} + +.cm-s-inner span.cm-tag, +.cm-s-inner .cm-header { + color: #b4f6d6; +} + +.cm-s-inner span.cm-attribute { + color: #ff9d3d; +} + +.cm-s-inner span.cm-qualifier, +.cm-s-inner span.cm-type, +.cm-s-inner span.cm-variable-3 { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + color: #ffd6ad; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: none; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property { + color: white; + font-weight: 400; +} + +.md-fences .code-tooltip { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; + background-color: var(--bg-color); + color: var(--text-color); + width: 15rem; + height: 2.5rem; + bottom: -3rem; + padding: 0.1875rem; +} + +.md-fences .code-tooltip .ty-input { + border: solid 1px var(--borders); + height: 2rem; + line-height: 2rem; + margin: 0rem; + padding-left: 0.5rem !important; + text-align: left; + display: block; + font-size: 0.8rem; + font-weight: 600; + font-family: var(--font-family); + transition-duration: 0.3s; + transition-property: border; +} + +.md-fences .code-tooltip .ty-input:focus { + border-color: var(--primary-color); +} + +.html-for-mac .ty-cm-lang-input:empty:after { + left: 0.5rem; +} + +.autoComplt-list li, +.fences-auto-suggest li { + font-weight: 500; + transition-duration: 0.3s; + transition-property: background-color, color; +} + +.autoComplt-list li.active, +.fences-auto-suggest li:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.md-fences, +tt { + border-radius: 0.3rem; + color: #ffffff; + padding: 1.5rem; + font-size: 0.8rem; +} + +code { + padding: 0.2rem 0.4rem; + background-color: var(--borders); + font-size: 0.9rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +.md-fences .CodeMirror div.CodeMirror-cursor, +.md-htmlblock-panel .CodeMirror div.CodeMirror-cursor, +#typora-source div.CodeMirror-cursor { + border-left: solid 1px white; +} + +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + background-color: var(--codeboxes); +} + +#typora-source { + background-color: var(--codeboxes); + color: white; + font-size: 0.9rem; +} + +/*DIAGRAMS*/ + +.md-diagram-panel { + color: var(--text-color); + border: solid 1px var(--borders); + border-radius: 0.3rem; +} + +.md-diagram-panel text, +.md-diagram-panel .label { + color: var(--text-color); +} + +.md-diagram-panel text { + fill: var(--text-color) !important /*required*/; +} + +.md-diagram-panel-error { + color: var(--danger-color); +} +/*CHECKBOXES*/ + +.md-task-list-item > input:before, +input[type="checkbox"]:before { + border-radius: 0.2rem; + margin-top: -0.08rem; + margin-left: -0.1rem; + width: 1rem; + height: 1rem; + background-color: var(--borders); + content: " "; + display: block; + transition-duration: 0.3s; + transition-property: background-color; +} + +.md-task-list-item:hover > input:before, +input[type="checkbox"]:hover:before { + background-color: var(--boxes-darker); +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before, +input[type="checkbox"]:checked:before { + background-color: var(--primary-color); +} + +.md-task-list-item:hover > input:checked:before, +.md-task-list-item:hover > input[checked]:before, +input[type="checkbox"]:hover:checked:before { + background-color: var(--primary-color-darker); +} + +.md-task-list-item > input:after, +.md-task-list-item > input:after, +input[type="checkbox"]:after { + transform: rotate(-45deg); + position: absolute; + border: 2px solid white; + border-top: 0; + border-right: 0; + top: 0.16rem; + left: 0.1rem; + width: 0.6rem; + height: 0.375rem; + content: " "; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after, +input[type="checkbox"]:checked:after { + opacity: 1; +} + +.ty-preferences input[type="checkbox"]:before { + width: 1.2rem; + height: 1.2rem; +} + +.ty-preferences input[type="checkbox"]:after { + width: 0.5rem; + height: 0.32rem; + top: 0.19rem; + left: 0.14rem; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +#write pre.md-meta-block { + padding: 1rem; + line-height: 1.45; + background-color: var(--boxes); + border: 0; + border-radius: 0.3rem; + color: var(--text-color); + border-left: solid 4px var(--boxes-darkest); +} + +#write pre.md-meta-block:empty:before { + color: var(--light-text-color); +} + +.md-image > .md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--md-char-color); + opacity: 1; +} + +/*TOC*/ + +.md-toc { + margin: 1.5rem 0rem; +} + +.md-toc:focus .md-toc-content { + border: none; +} + +#write div.md-toc-tooltip { + background-color: var(--boxes); + line-height: 1.6rem; + padding: 0.3rem 0.75rem; + border-top: none; + border-radius: 0.3rem; +} + +.md-toc.md-focus { + margin-top: 4.5rem; +} + +#write div.md-toc-tooltip + .md-toc-content { + padding-top: 1rem; +} + +.md-delete-toc { + padding: 0px; +} + +/*MATH*/ + +.md-rawblock-container { + padding: 1rem; + border-radius: 0.3rem; + cursor: pointer; + transition-duration: 0.2s; +} + +.md-rawblock:hover .md-rawblock-container { + background-color: var(--boxes); +} + +.md-rawblock:active .md-rawblock-container { + background-color: var(--boxes-darker); +} + +.MathJax_SVG:focus { + outline: none; +} + +.md-rawblock-panel, +.md-rawblock-control:not(.md-rawblock-tooltip) { + border-radius: 0.3rem; + background-color: var(--boxes); +} + +.md-rawblock-panel .code-tooltip { + box-shadow: none; + border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.md-rawblock-panel .CodeMirror-linenumber { + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-panel .CodeMirror div.CodeMirror-cursor { + border-left: solid 1px var(--text-color); +} + +.md-mathblock-panel .md-mathjax-preview, +.mathjax-candidate { + border-top: solid 1px var(--borders); +} + +.md-rawblock-after, +.md-rawblock-before { + cursor: default; + color: var(--light-text-color); + user-select: none; + -webkit-user-select: none; +} + +.md-rawblock-tooltip-name { + font-size: 13px; + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-on-edit > .md-rawblock-tooltip { + padding-right: 0px; +} + +.md-rawblock-input span.cm-tag { + color: #0bb6ad; +} + +.md-rawblock-input span.cm-atom, +.md-inline-math script { + color: #b61ed4; +} + +.md-rawblock-input span.cm-number { + color: #ec7200; +} + +.md-rawblock-input span.cm-keyword { + color: #156db6; +} + +.md-mathblock-input span.cm-bracket { + color: var(--light-text-color); +} + +.code-tooltip.md-hover-tip { + border-radius: 0.3rem; + background-color: var(--bg-color); + box-shadow: (0, 0, 0, 0.2) 0px 3px 8px 0px; + color: var(--text-color); + opacity: 1; +} + +#math-inline-preview.code-tooltip .code-tooltip-content { + border: solid 1px var(--borders); +} + +#math-inline-preview.code-tooltip .md-arrow:after { + background-color: var(--bg-color); + border: solid 1px var(--borders); + box-shadow: none; +} + +/*FOOTER*/ + +.footer-item { + opacity: 1 !important; + color: var(--light-text-color); + transition: 0.3s; + background: none !important; +} + +.footer-item:hover { + color: var(--light-text-color-brighter) !important; +} + +#outline-btn:hover { + color: var(--light-text-color-brighter) !important; +} + +/*SIDEBAR*/ + +#typora-sidebar { + border-right: solid 1px var(--borders); +} + +.info-panel-tab { + opacity: 1; +} + +.sidebar-tab { + text-transform: capitalize; + color: var(--light-text-color); +} + +.info-panel-tab-border { + color: var(--primary-color); + border-radius: 2px; +} + +#ty-sidebar-search-back-btn { + margin: auto; +} + +.ty-show-outline-filter #file-library-search, +.ty-show-search #file-library-search { + height: 4rem; +} + +#file-library-search-input { + height: 2rem; +} + +#file-library-search-panel input { + margin-top: 8px !important; +} + +.ty-sidebar-search-panel .searchpanel-search-option-btn, +#ty-sidebar-search-tabs .searchpanel-search-option-btn { + top: 15px; +} + +#typora-sidebar #filesearch-case-ion-btn, +#typora-sidebar #filesearch-word-ion-btn { + background: none; + margin-top: 0.45rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#typora-sidebar #filesearch-case-ion-btn:hover, +#typora-sidebar #filesearch-word-ion-btn:hover { + color: var(--primary-color); +} + +/*sidebar loading*/ + +#typora-sidebar #sidebar-loading-template { + padding: 0px; +} + +#typora-sidebar #sidebar-loading-template .typora-search-spinner { + opacity: 1; + color: var(--light-text-color-darker); +} + +#typora-sidebar #sidebar-loading-template .typora-quick-open-info { + color: var(--light-text-color-darker); + font-size: 0.9rem; + font-weight: 500; +} + +/*sidebar outline*/ + +#close-outline-filter-btn { + top: 15px; + opacity: 1; + color: var(--light-text-color) !important; +} + +#close-outline-filter-btn:hover { + color: var(--primary-color) !important; + background-color: transparent !important; +} + +#close-outline-filter-btn:active { + background-color: transparent !important; +} + +#outline-content { + padding-right: 0px; + line-height: 1rem; +} + +.outline-item { + display: flex; + padding-top: 0px; + padding-bottom: 0px; +} + +.outline-item .outline-label { + display: block; + width: 100%; + padding-top: 0.4rem; + padding-bottom: 0.4rem; + border-right: solid 2px transparent; + font-size: 0.8rem; + font-weight: 500; + color: var(--light-text-color-darker); +} + +.outline-item:hover { + background: none; +} + +.outline-item:hover .outline-label { + color: var(--primary-color); +} + +.outline-label:hover { + text-decoration: none; +} + +.outline-active.outline-label { + border-right: solid 2px var(--primary-color); + font-weight: 500; + color: var(--primary-color); +} + +.outline-expander { + padding-top: 0.4rem; + padding-right: 0.5rem; +} + +#toc-dropmenu .outline-label { + line-height: 1rem; +} + +#toc .outline-title { + margin-top: 9px; + font-size: 1rem; + font-weight: 500; + user-select: none; +} + +#pin-outline-btn { + padding: 14px 18px 0px 0px; +} + +/*sidebar file-list and search results*/ + +#file-library-list[data-state="complete"] #sidebar-loading-template { + padding: 0rem; +} + +#typora-sidebar .file-list-item, +.ty-search-item { + border: none; + padding: 1rem; +} + +body:not(.os-windows) #typora-sidebar .file-list-item, +body:not(.os-windows) .ty-search-item { + transition-duration: 0.3s !important; + transition-property: background-color, border, color, height !important; +} + +#typora-sidebar .file-list-item:hover, +.ty-search-item:hover { + background: var(--borders); +} + +#typora-sidebar .ty-search-item-line { + font-family: var(--font-family); + font-size: 0.8rem; + font-weight: 400; + padding: 0.3rem; + border-radius: 0.3rem; + margin-left: 24px; +} + +body:not(.os-windows) #typora-sidebar .ty-search-item-line { + transition-duration: 0.2s; +} + +#typora-sidebar .ty-search-item-line * { + opacity: 1; +} + +#typora-sidebar .ty-search-item .ty-search-item-line:hover, +#typora-sidebar .ty-search-item-line.active { + background-color: transparent; + color: var(--primary-color); +} + +#typora-sidebar .file-list-item-file-name { + font-weight: 800; + font-size: 0.9rem; + margin-bottom: 0rem; + line-height: 1.8rem; + float: right; +} + +#typora-sidebar .file-list-item-file-ext-part { + font-weight: 800; + opacity: 0.7; +} + +#typora-sidebar .file-list-item-parent-loc, +#typora-sidebar .file-list-item-time { + font-family: var(--font-family); + font-weight: 400; + opacity: 0.7; + display: block; +} + +#typora-sidebar .file-list-item-summary { + float: left; + font-size: 0.8rem; + opacity: 1; +} + +#typora-sidebar input.file-list-item-file-name { + margin: 0.5rem 0rem 0.5rem 0.7rem; + padding: 0.4rem !important; + line-height: 1rem; + float: right; + border-radius: 0.3rem; + font-weight: 500; + background-color: var(--boxes) !important; +} + +#typora-sidebar .file-list-item-count { + font-size: 0.75rem; + background-color: var(--primary-color); + color: white; + border-radius: 0.2rem; + min-width: 1.25rem; + height: 1.25rem; + text-align: center; + line-height: 1.25rem; + position: relative; + top: 0.3rem; +} + +#typora-sidebar .file-list-item.file-library-file-node { + border: none; +} + +#typora-sidebar .file-tree-node.active .file-node-background, +#typora-sidebar .file-list-item.active, +#typora-sidebar .ty-search-item.active { + background-color: var(--borders); + outline: 1px solid var(--boxes-darker); + border: none; + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node.active .file-node-content { + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node { + padding: 0rem; + font-weight: 500; + font-size: 0.9rem; + margin-left: 0.8rem; +} + +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 2.2rem; + height: 2.2rem; + background: none; + margin-bottom: 0px; +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 2.2rem; +} + +#typora-sidebar .file-tree-node .file-node-icon { + margin-right: 0.5rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o { + margin-top: 0.33rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.36rem; +} + +#typora-sidebar .file-tree-node .fa-caret-down, +#typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 5px; +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 2.2rem; + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} + +/*no left border*/ +#typora-sidebar .file-tree-node.active > .file-node-background { + border: none; +} + +/*no dotted highlighting*/ +.file-library-node:not(.file-node-root):focus > .file-node-content { + outline: none; +} + +#typora-sidebar #sidebar-files-menu { + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#typora-sidebar #ty-sidebar-footer { + border-top: solid 1px var(--borders); + background-color: var(--bg-color); + font-weight: 500; +} + +#typora-sidebar #ty-sidebar-footer li { + transition-duration: 0.2s; + transition-property: background-color, color; +} + +#typora-sidebar + #ty-sidebar-footer + li:not(.file-sort-item):not(:first-child):not(.empty-menu-group):not(.folder-menu-group):hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-sidebar + #ty-sidebar-footer + .file-action-item.file-sort-item + > span:first-of-type { + line-height: 2rem; +} + +#typora-sidebar .ty-search-item-collapse-icon { + top: 9px; +} + +/*cursor*/ +.file-node-content:hover { + cursor: pointer; +} + +body:not(.os-windows) + .file-tree-node:not(.file-node-root):not(.file-node-expanded) + .file-node-background { + transition-duration: 0.2s; + transition-property: background-color; +} + +.file-tree-node:not(.file-node-root):not(.file-node-expanded):hover + .file-node-background { + background-color: var(--borders); +} + +/*sidebar footer*/ +#typora-sidebar .sidebar-footer-item { + transition-duration: 0.2s; + transition-property: background-color, color; + font-weight: 700; +} + +#typora-sidebar .sidebar-footer-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-quick-open { + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 0rem; + box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 16px 0px; + overflow: hidden; +} + +#typora-quick-open-input { + margin-right: 20px; +} + +#typora-quick-open-input .input { + box-shadow: none !important /*required*/; + border: none !important /*required*/; + font-weight: 400 !important /*required*/; + margin: 0.5rem; + margin-left: 0.8rem; +} + +.typora-quick-open-item { + background-color: var(--bg-color); + border: none; + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color; +} + +.typora-quick-open-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.typora-quick-open-item.active { + background-color: var(--boxes); + border: none; +} + +.typora-quick-open-item-path { + opacity: 1; + color: var(--light-text-color); +} + +.typora-quick-open-item:hover .typora-quick-open-item-path { + opacity: 0.7; + color: var(--primary-color); +} + +.ty-quick-open-category-title { + font-size: 10px; + font-weight: 700; + letter-spacing: 1.2px; + text-transform: uppercase; + opacity: 1; + color: var(--light-text-color); + line-height: 32px; + padding-top: 6px; + height: 32px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +.md-lang { + color: var(--primary-color); +} + +/*NOTIFICATION*/ + +#md-notification { + border-bottom: solid 1px var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#md-notifcation .btn { + border: 0; +} + +/*PREFERENCES*/ + +.ty-preferences { + font-family: var(--font-family); +} + +.ty-preferences .window-header { + justify-content: space-between; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border-bottom: solid 1px var(--borders); +} + +.ty-preferences .window-header-content { + background-color: var(--bg-color); + margin: 0rem; +} + +.ty-preferences .window-header h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0rem; + margin-left: 1rem; +} + +.unibody-window .ty-preferences .window-header h2 { + margin-left: 1rem !important; +} + +.ty-preferences .window-header-back { + margin-left: 1.2rem; +} + +.ty-preferences .window-header-back .icon { + border-right: none; +} + +/*preferences sidebar*/ +.ty-preferences .window-content { + background-color: var(--bg-color); +} + +.ty-preferences .nav-group-item { + color: var(--text-color); + height: 2.5rem; + line-height: 2.6rem; + font-weight: 500; + padding: 0px 0px 0px 2rem; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.ty-preferences .nav-group-item:hover { + background-color: var(--borders); + border-radius: 0px; +} + +.ty-preferences .nav-group-item.active { + border-radius: 0rem; + border: none; + outline: 1px solid var(--borders); + background-color: var(--bg-color); + color: var(--primary-color); +} + +.ty-preferences .pane-sm { + background: var(--boxes); + flex-basis: 240px; + flex-grow: 0; + justify-content: center; + border-right: 1px solid var(--borders); + margin: 0rem; + padding: 0rem; +} + +.ty-preferences .pane-sm .list-group { + width: 100%; + max-width: 30rem; +} + +.ty-preferences .list-group-header { + display: flex; + justify-content: space-around; +} + +.ty-preferences .list-group-header div { + width: 100%; + margin-right: 18px; + margin-left: 18px; +} + +.ty-preferences .pane-sm .search-input { + margin: 0rem !important; + width: 100%; + font-size: 1rem !important; + height: 2.75rem; +} + +.ty-preferences .pane-sm .search-input:active, +.ty-preferences .pane-sm .search-input:focus { + border: solid 1px var(--primary-color) !important; + outline: none; +} + +/*preferences main*/ +.ty-preferences .panel-header { + font-weight: 600; + font-size: 1.6rem; +} + +/*preferences stuff*/ +.ty-preferences .dropdown-menu > li, +.dropdown-item { + font-weight: 500; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: all; +} + +.ty-preferences .dropdown-menu .active, +.ty-preferences .dropdown-menu li:hover, +.dropdown-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +#ty-spell-check-dict-missing-secondary-btn:hover { + color: var(--primary-color) !important; +} + +.header-close .icon { + border: none !important; +} + +/*preferences export*/ + +.export-detail { + background-color: transparent !important /*required*/; +} + +.export-items-list .separator { + margin: 0.4rem; + border-top: 1px solid var(--borders); +} + +.export-items-list-control { + background-color: var(--boxes) !important /*required*/; +} + +.export-item { + padding: 0.4rem !important /*required*/; + color: var(--light-text-color-darker); + font-weight: 500; + cursor: pointer; +} + +.export-item.active { + background-color: transparent !important /*required*/; + color: var(--primary-color); + font-weight: 500 !important /*required*/; +} + +/*DROPDOWN*/ + +.dropdown-menu:not(.megamenu-menu-list), +.auto-suggest-container { + background-color: var(--bg-color); + border: solid 1px var(--borders) !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + user-select: none; +} + +.dropdown-menu > li > a, +.auto-suggest-container li { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +.dropdown-menu > .active > a, +.dropdown-menu > li > a:hover, +.menu-style-btn.active, +.auto-suggest-container li:hover, +.auto-suggest-container li.active, +.context-menu.dropdown-menu > .active > a, +.context-menu.dropdown-menu > li > a:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.menu-style-btn { + color: var(--text-color); + border: none; + transition-duration: 0.2s; + transition-property: all; +} + +.menu-style-btn:hover { + color: var(--primary-color); + background-color: var(--boxes); + border: none; +} + +header .menu-style-btn:hover { + background-color: transparent; +} + +.menu-item-container { + padding: 0 12px 0 4px; +} + +.menu-item-container a.menu-style-btn { + padding: 0.3rem 0.6rem; + margin: 0; +} + +.dropdown-menu .divider { + border-color: var(--borders); + opacity: 1; +} + +/*BUTTON*/ + +.btn, +button, +.md-image-btn { + border: none !important; + border-radius: 0.3rem !important; + color: var(--text-color) !important; + transition-duration: 0.2s; + transition-property: all; + font-size: 0.9rem !important; + font-weight: 500; + outline: none; +} + +.btn-default, +.md-image-btn { + border: none !important; + border-radius: 0.3rem !important; + background-color: var(--boxes) !important; +} + +.btn:hover, +.button-hover, +.md-image-btn:hover { + border: none; + border-radius: 0.3rem; + background-color: var(--borders) !important; + color: var(--text-color); +} + +button:active, +button.active, +.btn:active, +.btn-default:active, +.md-image-btn:active { + border: none; + border-radius: 0.3rem; + background-color: var(--boxes-darker) !important; + box-shadow: none; + outline: none; + color: var(--text-color); +} + +.btn:focus, +.md-image-btn:focus { + border: none !important; + outline: none !important; + background-color: var(--boxes-darker); +} + +.btn-primary { + border: none; + border-radius: 0.3rem; + background-color: var(--primary-color); + color: white !important; +} + +.btn-primary:hover, +.btn-primary:focus { + color: white; + background-color: var(--primary-color-darker) !important; +} + +.btn.dropdown-toggle-split, +.btn.dropdown-toggle-split:hover { + border-radius: 0rem 0.3rem 0.3rem 0rem; +} + +#ty-spell-check-dict-missing-primary-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem; +} + +.open > .dropdown-toggle.btn-primary { + background-color: var(--primary-color); + border-color: transparent; +} + +/*GHOST BUTTON*/ + +.window-header button, +#close-sidebar-menu-btn, +.html-for-mac .sidebar-tab-btn, +.label-hint, +.ty-table-edit .btn, +.zoom-hint-button, +.md-rawblock-tooltip-btn, +.md-delete-toc, +#md-searchpanel .input-group-addon.btn, +#pin-outline-btn, +.icon-button { + background-color: transparent !important; + color: var(--light-text-color) !important; + opacity: 1 !important; + transition-duration: 0.2s; + transition-property: color; +} + +.window-header button:hover, +.window-header button:focus, +#close-sidebar-menu-btn:hover, +#close-sidebar-menu-btn:focus, +.html-for-mac .sidebar-tab-btn:hover, +.html-for-mac .sidebar-tab-btn:focus, +.label-hint:hover, +.label-hint:focus, +.ty-table-edit .btn:hover, +.ty-table-edit .btn:focus, +.zoom-hint-button:hover, +.zoom-hint-button:focus, +.md-rawblock-tooltip-btn:hover, +.md-rawblock-tooltip-btn:focus, +.md-delete-toc:hover, +.md-delete-toc:focus, +#md-searchpanel .input-group-addon.btn:hover, +#md-searchpanel .input-group-addon.btn:focus, +#pin-outline-btn:hover, +#pin-outline-btn:focus, +.icon-button:hover, +.icon-button:focus { + color: var(--primary-color) !important; + background: none !important; +} + +.ty-table-edit .btn.active { + color: var(--primary-color) !important; + box-shadow: none; +} + +/*IMAGE BUTTON*/ + +.md-image-btn { + background-color: var(--boxes); + transition-duration: 0.2s; + transition-property: background-color; +} + +.md-image-btn:before { + color: var(--text-color); + transition-duration: 0.2s; + transition-property: color; +} + +.md-image-btn:hover { + background-color: var(--borders); +} + +.md-image-btn:hover:before { + color: var(--primary-color); +} + +.md-image-input-src-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.md-image-pick-file-btn { + border-left: none; + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +/*SEARCH-INPUTS*/ + +.search-input, +.search, +.form-control, +#file-library-search-input { + background-color: transparent !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 400; + padding: 0.7rem !important; + height: 2rem; + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +.search-input:hover, +.search:hover, +.form-control:hover, +#file-library-search-input:hover { + border: solid 1px var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important; +} + +.search-input:focus, +.search:focus, +.form-control:focus, +#file-library-search-input:focus { + background-color: transparent !important; + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; + padding: 0.7rem !important; +} + +.clear-btn-icon { + top: 9px !important /*required*/; + right: 9px !important /*required*/; +} + +.content tr.search-hit, +.search-hit, +.md-search-hit, +.md-search-hit.md-search-select, +.md-search-select, +.ty-file-search-match-text { + background-color: var(--boxes-darkest); + color: white; + padding: 0.2rem 0.1rem; + border-radius: 0.2rem; +} + +/*ZOOM HINT*/ + +#zoom-hint { + border-radius: 0.3rem; + border: solid 1px var(--borders); + user-select: none; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +#zoom-hint #zoom-hint-reset { + border-left: none; + font-weight: 600; +} + +/*SEARCHPANEL*/ + +#md-searchpanel { + border-bottom: 1px solid var(--borders); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + max-height: 46px; +} + +.mac-seamless-mode #md-searchpanel { + max-height: 70px; +} + +#md-searchpanel.searchpanel-replace-mode { + max-height: 84px; +} + +.mac-seamless-mode #md-searchpanel.searchpanel-replace-mode { + max-height: 108px; +} + +#md-searchpanel input { + height: 2rem; + margin: 0rem !important; + padding: 6px 12px !important; + font-size: 12px !important; +} + +#md-searchpanel .input-group-addon { + height: 2rem; +} + +#md-searchpanel .input-group-addon.close-btn { + padding-left: 8px; +} + +.unibody-window #md-searchpanel .btn { + line-height: 2rem; +} + +.searchpanel-search-option-btn { + top: 9px; + border: none; + color: var(--light-text-color-brighter) !important /*required*/; + transition-duration: 0.3s; +} + +.searchpanel-search-option-btn:hover { + color: var(--primary-color) !important /*required*/; + background-color: transparent !important /*required*/; +} + +.searchpanel-search-option-btn.select, +.searchpanel-search-option-btn.active { + color: white !important; + background-color: var(--primary-color) !important; +} + +#searchpanel-case-option-btn { + right: 33px; +} + +#searchpanel-word-option-btn { + right: 9px; +} + +#searchpanel-word-option-btn, +#searchpanel-case-option-btn { + background: none; +} + +#md-searchpanel .btn:not(.close-btn):hover { + box-shadow: none; +} + +/*SELECT*/ +/*TEXT INPUT*/ +/*NUMBER INPUT*/ + +/* the input #md-grid-height doesn't have a type attached for some reason and needs to be adressed seperately */ + +html select, +html input[type="text"], +html input[type="number"], +#md-grid-height { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; + font-weight: 500 !important; + padding: 0.3rem !important; + height: 2.1rem !important; + transition-duration: 0.2s; + transition-property: border; + cursor: text; +} + +select { + cursor: pointer !important; +} + +input[type="text"], +input[type="number"] { + cursor: text; +} + +html select:hover, +html input[type="text"]:hover, +html input[type="number"]:hover, +#md-grid-height:hover { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border-color: var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; +} + +html select:focus, +html input[type="text"]:focus, +html input[type="number"]:focus, +#md-grid-height:focus { + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; +} + +input[type="text"]::placeholder, +input[type="number"]::placeholder, +#md-grid-height::placeholder { + color: var(--light-text-color-brighter) !important; +} + +input[disabled], +input[disabled]:hover, +input[disabled]:focus { + cursor: not-allowed; +} + +/*TEXTAREA*/ + +textarea { + background-color: transparent; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; + transition-duration: 0.2s; +} + +textarea:hover { + border-color: var(--boxes-darker2); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); +} + +textarea:focus { + border-color: var(--primary-color); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); + outline: none; +} + +/*MODAL*/ + +.modal-header, +#common-dialog .modal-header { + border-bottom: solid 1px var(--borders); + padding-bottom: 15px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + user-select: none; +} + +.modal-body { + font-size: 0.9rem; + color: var(--light-text-color-brighter); + user-select: none; +} + +.modal-content { + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; +} + +.modal-footer { + border-top: solid 1px var(--borders); +} + +.modal-open .modal.fade.in { + background: none; + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); +} + +/*LANGS*/ + +.ty-spell-check-panel-item { + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color, color; +} + +.ty-spell-check-panel-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.ty-spell-check-panel-item.ty-active { + background-color: var(--boxes); +} + +/*TOOLTIP*/ + +.ty-tooltip { + color: var(--text-color) !important; + background-color: var(--boxes) !important; + border-radius: 0.3rem !important; + border: 1px solid var(--borders) !important; + -webkit-filter: none !important; + filter: none; + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; +} + +/*FOOTER*/ + +footer.ty-footer { + border: none; +} + +.footer-item:hover { + background-color: var(--boxes) !important; +} + +#footer-word-count-info { + padding: 4px 0; +} + +.footer-word-count-info-line { + padding: 0.25rem; + line-height: 1.6rem; +} + +#footer-word-count-info tr { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +#footer-word-count-info tr td:nth-child(1) { + padding: 0rem; + padding-right: 1rem; +} + +#footer-word-count-info .ty-footer-word-count-all tr:hover { + color: var(--primary-color) !important; + background-color: var(--boxes) !important; +} + +/*MEGAMENU*/ + +.megamenu-menu { + box-shadow: none; + background-color: var(--boxes); + border-right: 1px solid var(--borders); +} + +.megamenu-opened .megamenu-menu { + left: 0px; +} + +#megamenu-content { + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; +} + +#megamenu-menu-list { + box-shadow: none; + border: none; + background-color: transparent; +} + +#megamenu-menu-list li a { + color: var(--text-color); + height: 2rem; + line-height: 1.8rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#megamenu-menu-list li a:hover { + background-color: var(--borders); +} + +#megamenu-menu-list li a.active { + color: var(--primary-color); + background-color: var(--bg-color); + outline: solid 1px var(--borders); +} + +#megamenu-menu-list .divider { + background-color: var(--borders); + margin: 16px 0 0 0; +} + +.megamenu-menu-list .saved #m-saved { + cursor: default; +} + +.megamenu-menu-list .saved #m-saved .fa { + color: var(--primary-color); +} + +.megamenu-menu-list .saved #m-saved:hover { + background-color: transparent; +} + +.megamenu-menu-list #m-close:hover { + color: var(--danger-color); +} + +.megamenu-menu-header { + border-bottom: solid 1px var(--borders); + margin-bottom: 1.2rem; + height: 74px; + transition-duration: 0.3s; +} + +.megamenu-menu-header:hover { + background-color: var(--borders); +} + +.megamenu-menu-header #megamenu-menu-header-title { + color: var(--text-color); + font-weight: 700; + font-size: 16px; + left: 56px; + top: 24px; +} + +#megamenu-back-btn { + color: var(--text-color); + font-size: 16px; + left: 24px; + top: 24px; +} + +.megamenu-opened header { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-content { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-menu-panel:not(:first-of-type) { + margin-top: 2rem; +} + +.megamenu-menu-panel h1 { + font-weight: 900; + font-size: 1.8rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +.megamenu-menu-panel h2 { + font-weight: 800; + font-size: 1.3rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +/*recent files*/ + +#recent-file-panel tbody tr { + font-weight: 600; + transition-duration: 0.4s; +} + +#recent-file-panel tbody tr:hover, +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: var(--primary-color); +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: var(--boxes); +} + +/*about help*/ + +.about-content-slogon { + color: var(--light-text-color); +} + +/*for the god himself*/ +.about-content-slogon span { + color: var(--primary-color) !important; +} + +#about-content tbody tr { + font-weight: 500; + transition-duration: 0.4s; +} + +#about-content tbody tr:hover { + color: var(--primary-color); + background-color: var(--boxes) !important /*required important*/; +} + +.long-btn { + margin-bottom: 12px; + margin-left: 2px; + box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px; + background-color: var(--bg-color); + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 700; + font-size: 1rem; + + transition: background 0.2s, color 0.2s, box-shadow 0.2s; +} + +.long-btn:hover { + background-color: var(--primary-color); + color: white !important /*important required*/; + border: 1px solid transparent; + box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px, + rgba(56, 132, 255, 0.2) 0px 0px 10px; +} + +#m-import-local:hover .preference-item-hint { + color: white; + opacity: 0.7; +} + +#recent-file-panel-action-btn { + height: 34px; + border: none; + background-color: var(--boxes); +} + +#theme-preview-grid { + max-width: none; + padding: 1.5rem; + background-color: var(--boxes); + border-radius: 0.5rem; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + grid-gap: 1.5rem; +} + +.theme-preview-div { + border: none; + border-radius: 0.4rem; + box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px; + margin: 0rem; + transition-duration: 0.3s; +} + +.theme-preview-div:hover { + box-shadow: rgba(0, 0, 0, 0.6) 3px 8px 15px; + cursor: pointer; + transform: rotate3d(1, -0.2, 0.2, 15deg); +} + +.theme-preview-content { + width: 100%; + height: 100%; + border-radius: 0.4rem; +} + +.theme-preview-content html { + width: 100%; + height: 100%; +} + +.theme-preview-div.active .fa { + color: var(--primary-color); + bottom: 4px; + left: 4px; +} + +.theme-preview-div .fa-check-circle:before { + background-color: var(--bg-color); + padding: 0px 2px; + border-radius: 1rem; +} + +.megamenu-menu-panel tbody tr { + border-radius: 0.3rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.megamenu-menu-panel tbody tr:hover { + background-color: var(--borders) !important /*required important*/; +} + +/*MIN MAX CLOSE*/ +#w-min, +#w-max, +#w-restore, +#w-close { + border-radius: 0px !important; + font-size: 10px !important; + width: 46px !important; + height: 29px !important; +} + +.btn.toolbar-icon svg, +.btn.toolbar-icon .ty-icon { + position: relative; + top: 2px; +} + +#w-close.btn.toolbar-icon .ty-icon { + left: 1px; +} + +#w-close:hover { + background-color: var(--danger-color) !important; + color: white !important; +} + +/*EXTRA STUFF*/ + +a[type="page-link"] { + display: block; + background-color: var(--bg-color); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 600; + + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +a[type="page-link"]:hover { + box-shadow: rgba(0, 0, 0.2, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--primary-color); +} + +p[type="description"] { + color: var(--light-text-color); +} + +/*kbd*/ + +kbd { + font-family: var(--font-family); +} diff --git a/gitbook-teal.css b/gitbook-teal.css new file mode 100644 index 0000000..7f9fe7c --- /dev/null +++ b/gitbook-teal.css @@ -0,0 +1,2470 @@ +@import "gitbook/fonts.css"; + +/*by 16soundsofsilence, yes this code is an absolute mess*/ + +:root { + --bg-color: white; + --side-bar-bg-color: #f5f7f9; + --control-text-color: #3b454e; + --primary-color: #15ac8e; + --primary-btn-border-color: #15ac8e; + --active-file-bg-color: #e6ecf1; + --active-file-text-color: inherit; + --active-file-border-color: #15ac8e; + --item-hover-text-color: #242a31; + --item-hover-bg-color: #f5f7f9; + --window-border: 1px solid #e6ecf1; + --select-text-font-color: white; + --select-text-bg-color: #11977d; + + --md-char-color: #9daab6; + --heading-char-color: #9daab6; + --meta-content-color: #15ac8e; + + --borders: #e6ecf1; + --table-border-color: #e6ecf1; + --boxes: #f5f7f9; + --boxes-darker: #d8e0e7; + --boxes-darker2: #bac2c9; + --boxes-darkest: #9daab6; + --drag-placeholder-color: #d8e0e7; + + --text-color: #3b454e; + --heading-text-color: #242a31; + --light-text-color: #9daab6; + --light-text-color-darker: #74818d; + --codeboxes: #183055; + --codeboxes-lighter: #1c375f; + --rawblock-edit-panel-bd: transparent; + + --primary-color-darkest: #083d33; + --primary-color-darker2: #0d5748; + --primary-color-darker: #11977d; + --focus-ring-color: #15ac8e; + + --danger-color: rgb(255, 70, 66); + + --node-fill: #ececff; + --node-border: #ccccff; + --cluster-fill: #ffffde; + --cluster-border: #aaaa33; + --note-fill: #fff5ad; + --note-border: #aaaa33; + + /*****************************/ + + --font-family: "Roboto", sans-serif; + --code-font-family: "Source Code Pro"; + --monospace: "Source Code Pro"; +} + +html, +.form-control, +.modal { + font-size: 16px; +} + +body { + background: var(--bg-color); + font-family: var(--font-family); + font-weight: 400; + color: #3b454e; + line-height: 1.6rem; + height: 100%; +} + +#write { + font-size: 0.95rem; + max-width: 850px; + margin: 0 auto; + margin-top: 1rem; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write > ul:first-child, +#write > ol:first-child { + margin-top: 30px; +} + +a { + color: var(--primary-color); + text-decoration: none !important; + transition-duration: 0.2s; + transition-property: color; +} + +a:hover { + color: var(--primary-color-darker); +} + +mark a, +mark .md-content.md-url { + color: var(--primary-color-darker2); +} + +mark a:hover { + color: var(--primary-color-darkest); +} + +.ty-preferences a { + color: var(--primary-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + color: var(--heading-text-color); + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + +h1 { + font-size: 2.2rem; + font-weight: 700; + line-height: 1.5; + margin-top: 3rem; + margin-bottom: 0.5rem; + padding-bottom: 0.2rem; + border-bottom: solid 1px var(--borders); +} + +h2 { + font-size: 1.7rem; + font-weight: 700; + line-height: 1.5; + margin-top: 2rem; + margin-bottom: 0.5rem; +} + +h3 { + font-size: 1.375rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h4 { + font-size: 1.15rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h5 { + font-size: 0.95rem; + font-weight: 700; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +h6 { + font-size: 0.95rem; + font-weight: 400; + line-height: 1.5; + margin-top: 1.5rem; + margin-bottom: 0.5rem; +} + +#write > h1.md-focus:before { + content: "h1"; + top: 1.15rem; + left: -1.75rem; +} + +#write > h2.md-focus:before { + content: "h2"; + top: 0.75rem; + left: -1.75rem; +} + +#write > h3.md-focus:before { + content: "h3"; + top: 0.575rem; + left: -1.75rem; +} + +#write > h4.md-focus:before { + content: "h4"; + top: 0.4rem; + left: -1.75rem; +} + +#write > h5.md-focus:before { + content: "h5"; + top: 0.25rem; + left: -1.75rem; +} + +#write > h6.md-focus:before { + content: "h6"; + top: 0.25rem; + left: -1.75rem; +} + +#write > h1.md-focus:before, +#write > h2.md-focus:before, +#write > h3.md-focus:before, +#write > h4.md-focus:before, +#write > h5.md-focus:before, +#write > h6.md-focus:before { + color: var(--light-text-color); + border: none; + position: absolute; + font-size: 0.9rem; + font-weight: 500; + padding: 0px; + line-height: 1; +} + +h1:first-child, +h2:first-child, +h3:first-child, +h4:first-child, +h5:first-child, +h6:first-child, +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + margin-top: 0rem; +} + +p, +blockquote, +ul, +ol, +dl { + margin: 0.5rem 0rem 1.5rem 0rem; +} + +li > ol, +li > ul { + margin: 0 0; +} + +hr { + height: 1px; + padding: 0; + margin: 16px 0; + background-color: var(--borders); + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +.md-blockmeta { + color: var(--md-char-color); +} + +mark { + background-color: var(--primary-color); + color: white; + padding: 0.2rem 0.4rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +/*BLOCKQUOTE*/ + +blockquote { + width: 100%; + background-color: var(--boxes); + border-left: 4px solid var(--primary-color); + border-radius: 0.3rem; + padding: 1rem; +} + +blockquote blockquote { + padding-right: 0; +} + +/*TABLE*/ + +table { + font-size: 0.875rem; + padding: 0; + margin: 1.5rem 0; + word-break: initial; +} + +table tr { + border-top: 1px solid var(--borders); + border-bottom: 1px solid var(--borders); + margin: 0; + padding: 0; +} + +table tr.md-end-block { + border-top: none; +} + +table tbody tr:last-child { + border-bottom: none; +} + +table tr th { + font-weight: bold; + border: none; + border-bottom: solid 2px var(--borders); + margin: 0; + padding: 10px 16px; + transition-duration: 0.3s; + transition-property: background-color; +} + +table tr td { + border: none; + margin: 0; + padding: 10px 16px; + transition-duration: 0.3s; + transition-property: background-color; +} + +#write table tr td:hover, +#write table tr th:hover { + background-color: var(--boxes); +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +/*OTHER TABLE THINGS*/ + +.ty-table-edit { + background-color: var(--boxes); + padding: 0.3rem; + border-radius: 0.3rem; + box-shadow: none; + transform: translateY(2.5rem); + transition-duration: 0.3s; + transition-property: opacity; +} + +.ty-table-edit + .md-table { + margin-top: 3rem; +} + +.ty-table-edit:active, +.ty-table-edit:focus { + box-shadow: none; +} + +.popover, +.popover:active, +.popover:focus { + border: solid 1px var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + border-radius: 0.3rem; +} + +.popover .arrow { + border-bottom-color: var(--borders); +} + +.md-grid-board a { + background-color: transparent; + border-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board .md-grid-ext { + background-color: var(--borders); + border-radius: 2px; +} + +.md-grid-board tr[row="1"] .md-grid-ext { + background: none; + border-radius: 6px; +} + +.md-grid-board tr[row="1"] .md-grid-ext a { + background-color: var(--boxes-darker2); + border-color: var(--boxes-darker2); +} + +.md-grid-board tr[row="1"] td { + background-color: var(--bg-color); + border-color: var(--borders); +} + +.md-grid-board a.md-active, +.md-grid-board a:hover { + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.md-grid-board tr[row="1"] a.md-active, +.md-grid-board tr[row="1"] a:hover { + background-color: var(--primary-color-darker); + border-color: var(--primary-color-darker); +} + +#md-grid-width, +#md-grid-height { + border-radius: 0.3rem; + border-color: var(--borders); + transition-duration: 0.3s; + transition-property: border-color; +} + +#md-grid-width:focus, +#md-grid-height:focus { + border-radius: 0.3rem; + border-color: var(--primary-color); +} + +/*CODE*/ + +.CodeMirror { + padding: 1rem; + font-family: var(--code-font-family); +} + +.cm-s-inner .CodeMirror-gutters { + background-color: none; + border-right: none; + border-radius: 0px; + width: 2rem; + color: white; + height: 100%; + white-space: nowrap; +} + +.cm-s-inner .CodeMirror-gutter-wrapper { + left: -2.75rem !important; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + border-left: solid 2px var(--light-text-color-darker); +} + +.CodeMirror.cm-s-typora-default .CodeMirror-activeline-background { + background-color: var(--codeboxes-lighter); +} + +.cm-s-inner .CodeMirror-cursor { + color: white; + border-left: solid 1px white; +} + +.CodeMirror-linenumber { + color: var(--bg-color); + opacity: 0.6; + width: 1.9532rem !important /*required*/; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line > span::selection, +.cm-s-inner .CodeMirror-line > span::-moz-selection, +.cm-s-inner .CodeMirror-line > span > span::selection, +.cm-s-inner .CodeMirror-line > span > span::-moz-selection { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-error { + color: var(--danger-color); +} + +.cm-s-inner span.cm-comment, +.cm-s-typora-default span.cm-comment, +.cm-s-typora-default span.cm-code { + color: #9daab6; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #71a7ff; +} + +.cm-s-inner span.cm-number { + color: #ff9d3d; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + color: white; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #ff9d3d; +} + +.cm-s-inner span.cm-keyword { + color: #61e3a5; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #f8f8f2; +} + +.cm-s-inner span.cm-link, +.cm-s-typora-default .cm-link { + color: var(--primary-color); +} + +.cm-s-inner span.cm-tag, +.cm-s-inner .cm-header { + color: #b4f6d6; +} + +.cm-s-inner span.cm-attribute { + color: #ff9d3d; +} + +.cm-s-inner span.cm-qualifier, +.cm-s-inner span.cm-type, +.cm-s-inner span.cm-variable-3 { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + color: #ffd6ad; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: none; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background-color: rgba(255, 255, 255, 0.1); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property { + color: white; + font-weight: 400; +} + +.md-fences .code-tooltip { + box-shadow: rgba(116, 129, 141, 0.08) 0px 2px 6px 0px; + border: solid 1px var(--borders); + border-radius: 0.3rem; + background-color: var(--bg-color); + color: var(--text-color); + width: 15rem; + height: 2.5rem; + bottom: -3rem; + padding: 0.1875rem; +} + +.md-fences .code-tooltip .ty-input { + border: solid 1px var(--borders); + height: 2rem; + line-height: 2rem; + margin: 0rem; + padding-left: 0.5rem !important; + text-align: left; + display: block; + font-size: 0.8rem; + font-weight: 600; + font-family: var(--font-family); + transition-duration: 0.3s; + transition-property: border; +} + +.md-fences .code-tooltip .ty-input:focus { + border-color: var(--primary-color); +} + +.html-for-mac .ty-cm-lang-input:empty:after { + left: 0.5rem; +} + +.autoComplt-list li, +.fences-auto-suggest li { + font-weight: 500; + transition-duration: 0.3s; + transition-property: background-color, color; +} + +.autoComplt-list li.active, +.fences-auto-suggest li:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.md-fences, +tt { + border-radius: 0.3rem; + color: #ffffff; + padding: 1.5rem; + font-size: 0.8rem; +} + +code { + padding: 0.2rem 0.4rem; + background-color: var(--borders); + font-size: 0.9rem; + border-radius: 0.2rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +.md-fences .CodeMirror div.CodeMirror-cursor, +#typora-source div.CodeMirror-cursor { + border-left: solid 1px white; +} + +.md-fences { + margin-bottom: 1.5rem; + margin-top: 1.5rem; + padding-top: 8px; + padding-bottom: 6px; + background-color: var(--codeboxes); +} + +#typora-source { + background-color: var(--codeboxes); + color: white; + font-size: 0.9rem; +} + +/*DIAGRAMS*/ + +.md-diagram-panel { + color: var(--text-color); + border: solid 1px var(--borders); + border-radius: 0.3rem; +} + +.md-diagram-panel text, +.md-diagram-panel .label { + color: var(--text-color); +} + +.md-diagram-panel text { + fill: var(--text-color) !important /*required*/; +} + +.md-diagram-panel-error { + color: var(--danger-color); +} + +/*CHECKBOXES*/ + +.md-task-list-item > input:before, +input[type="checkbox"]:before { + border-radius: 0.2rem; + margin-top: -0.08rem; + margin-left: -0.1rem; + width: 1rem; + height: 1rem; + background-color: var(--borders); + content: " "; + display: block; + transition-duration: 0.3s; + transition-property: background-color; +} + +.md-task-list-item:hover > input:before, +input[type="checkbox"]:hover:before { + background-color: var(--boxes-darker); +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before, +input[type="checkbox"]:checked:before { + background-color: var(--primary-color); +} + +.md-task-list-item:hover > input:checked:before, +.md-task-list-item:hover > input[checked]:before, +input[type="checkbox"]:hover:checked:before { + background-color: var(--primary-color-darker); +} + +.md-task-list-item > input:after, +.md-task-list-item > input:after, +input[type="checkbox"]:after { + transform: rotate(-45deg); + position: absolute; + border: 2px solid white; + border-top: 0; + border-right: 0; + top: 0.16rem; + left: 0.1rem; + width: 0.6rem; + height: 0.375rem; + content: " "; + opacity: 0; + transition-duration: 0.3s; + transition-property: opacity; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after, +input[type="checkbox"]:checked:after { + opacity: 1; +} + +.ty-preferences input[type="checkbox"]:before { + width: 1.2rem; + height: 1.2rem; +} + +.ty-preferences input[type="checkbox"]:after { + width: 0.5rem; + height: 0.32rem; + top: 0.19rem; + left: 0.14rem; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +#write pre.md-meta-block { + padding: 1rem; + line-height: 1.45; + background-color: var(--boxes); + border: 0; + border-radius: 0.3rem; + color: var(--text-color); + border-left: solid 4px var(--boxes-darkest); +} + +#write pre.md-meta-block:empty:before { + color: var(--light-text-color); +} + +.md-image > .md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: var(--md-char-color); + opacity: 1; +} + +/*TOC*/ + +.md-toc { + margin: 1.5rem 0rem; +} + +.md-toc:focus .md-toc-content { + border: none; +} + +#write div.md-toc-tooltip { + background-color: var(--boxes); + line-height: 1.6rem; + padding: 0.3rem 0.75rem; + border-top: none; + border-radius: 0.3rem; +} + +.md-toc.md-focus { + margin-top: 4.5rem; +} + +#write div.md-toc-tooltip + .md-toc-content { + padding-top: 1rem; +} + +.md-delete-toc { + padding: 0px; +} + +/*MATH*/ + +.md-rawblock-container { + padding: 1rem; + border-radius: 0.3rem; + cursor: pointer; + transition-duration: 0.2s; +} + +.md-rawblock:hover .md-rawblock-container { + background-color: var(--boxes); +} + +.md-rawblock:active .md-rawblock-container { + background-color: var(--boxes-darker); +} + +.MathJax_SVG:focus { + outline: none; +} + +.md-rawblock-panel, +.md-rawblock-control:not(.md-rawblock-tooltip) { + border-radius: 0.3rem; + background-color: var(--boxes); +} + +.md-rawblock-panel .code-tooltip { + box-shadow: none; + border-bottom-left-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.md-rawblock-panel .CodeMirror-linenumber { + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-panel .CodeMirror div.CodeMirror-cursor { + border-left: solid 1px var(--text-color); +} + +.md-mathblock-panel .md-mathjax-preview, +.mathjax-candidate { + border-top: solid 1px var(--borders); +} + +.md-rawblock-after, +.md-rawblock-before { + cursor: default; + color: var(--light-text-color); + user-select: none; + -webkit-user-select: none; +} + +.md-rawblock-tooltip-name { + font-size: 13px; + color: var(--light-text-color); + opacity: 1; +} + +.md-rawblock-on-edit > .md-rawblock-tooltip { + padding-right: 0px; +} + +.md-rawblock-input span.cm-tag { + color: #0bb6ad; +} + +.md-rawblock-input span.cm-atom, +.md-inline-math script { + color: #b61ed4; +} + +.md-rawblock-input span.cm-number { + color: #ec7200; +} + +.md-rawblock-input span.cm-keyword { + color: #156db6; +} + +.md-mathblock-input span.cm-bracket { + color: var(--light-text-color); +} + +#math-inline-preview.code-tooltip { + border-radius: 0.3rem; + background-color: var(--bg-color); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + color: var(--text-color); + opacity: 1; +} + +#math-inline-preview.code-tooltip .code-tooltip-content { + border: solid 1px var(--borders); +} + +#math-inline-preview.code-tooltip .md-arrow:after { + background-color: var(--bg-color); + border: solid 1px var(--borders); + box-shadow: none; +} + +/*FOOTER*/ + +footer.ty-footer { + border: none; +} + +.footer-item { + opacity: 1 !important; + color: var(--light-text-color); + transition: 0.3s; +} + +.footer-item:hover { + color: var(--light-text-color-darker) !important; +} + +#outline-btn:hover { + color: var(--light-text-color-darker) !important; +} + +/*SIDEBAR*/ + +#typora-sidebar { + border-right: solid 1px var(--borders); +} + +.info-panel-tab { + opacity: 1; +} + +.sidebar-tab { + text-transform: capitalize; + color: var(--light-text-color); +} + +.info-panel-tab-border { + color: var(--primary-color); + border-radius: 2px; +} + +#ty-sidebar-search-back-btn { + margin: auto; +} + +.ty-show-outline-filter #file-library-search, +.ty-show-search #file-library-search { + height: 4rem; +} + +#file-library-search-input { + height: 2rem; +} + +#file-library-search-panel input { + margin-top: 8px !important; +} + +.ty-sidebar-search-panel .searchpanel-search-option-btn, +#ty-sidebar-search-tabs .searchpanel-search-option-btn { + top: 15px; +} + +#typora-sidebar #filesearch-case-ion-btn, +#typora-sidebar #filesearch-word-ion-btn { + background: none; + margin-top: 0.45rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#typora-sidebar #filesearch-case-ion-btn:hover, +#typora-sidebar #filesearch-word-ion-btn:hover { + color: var(--primary-color); +} + +/*sidebar loading*/ + +#typora-sidebar #sidebar-loading-template { + padding: 0px; +} + +#typora-sidebar #sidebar-loading-template .typora-search-spinner { + opacity: 1; + color: var(--light-text-color-darker); +} + +#typora-sidebar #sidebar-loading-template .typora-quick-open-info { + color: var(--light-text-color-darker); + font-size: 0.9rem; + font-weight: 500; +} + +/*sidebar outline*/ + +#close-outline-filter-btn { + top: 15px; + opacity: 1; + color: var(--light-text-color) !important; +} + +#close-outline-filter-btn:hover { + color: var(--primary-color) !important; + background-color: transparent !important; +} + +#close-outline-filter-btn:active { + background-color: transparent !important; +} + +#outline-content { + padding-right: 0px; + line-height: 1rem; +} + +.outline-item { + display: flex; + padding-top: 0px; + padding-bottom: 0px; +} + +.outline-item .outline-label { + display: block; + width: 100%; + padding-top: 0.4rem; + padding-bottom: 0.4rem; + border-right: solid 2px transparent; + font-size: 0.8rem; + font-weight: 500; + color: var(--light-text-color-darker); +} + +.outline-item:hover { + background: none; +} + +.outline-item:hover .outline-label { + color: var(--primary-color); +} + +.outline-label:hover { + text-decoration: none; +} + +.outline-active.outline-label { + border-right: solid 2px var(--primary-color); + font-weight: 500; + color: var(--primary-color); +} + +.outline-expander { + padding-top: 0.4rem; + padding-right: 0.5rem; +} + +#toc-dropmenu .outline-label { + line-height: 1rem; +} + +#toc .outline-title { + margin-top: 9px; + font-size: 1rem; + font-weight: 500; + user-select: none; +} + +#pin-outline-btn { + padding: 14px 18px 0px 0px; +} + +/*sidebar file-list and search results*/ + +#file-library-list[data-state="complete"] #sidebar-loading-template { + padding: 0rem; +} + +#typora-sidebar .file-list-item, +.ty-search-item { + border: none; + padding: 1rem; +} + +body:not(.os-windows) #typora-sidebar .file-list-item, +body:not(.os-windows) .ty-search-item { + transition-duration: 0.3s !important; + transition-property: background-color, border, color, height !important; +} + +#typora-sidebar .file-list-item:hover, +.ty-search-item:hover { + background: var(--borders); +} + +#typora-sidebar .ty-search-item-line { + font-family: var(--font-family); + font-size: 0.8rem; + font-weight: 400; + padding: 0.3rem; + border-radius: 0.3rem; + margin-left: 24px; +} + +body:not(.os-windows) #typora-sidebar .ty-search-item-line { + transition-duration: 0.2s; +} + +#typora-sidebar .ty-search-item-line * { + opacity: 1; +} + +#typora-sidebar .ty-search-item .ty-search-item-line:hover, +#typora-sidebar .ty-search-item-line.active { + background-color: transparent; + color: var(--primary-color); +} + +#typora-sidebar .file-list-item-file-name { + font-weight: 800; + font-size: 0.9rem; + margin-bottom: 0rem; + line-height: 1.8rem; + float: right; +} + +#typora-sidebar .file-list-item-file-ext-part { + font-weight: 800; + opacity: 0.5; +} + +#typora-sidebar .file-list-item-parent-loc, +#typora-sidebar .file-list-item-time { + font-family: var(--font-family); + font-weight: 400; + opacity: 0.5; + display: block; +} + +#typora-sidebar .file-list-item-summary { + float: left; + font-size: 0.8rem; + opacity: 0.9; +} + +#typora-sidebar input.file-list-item-file-name { + margin: 0.5rem 0rem 0.5rem 0.7rem; + padding: 0.4rem !important; + line-height: 1rem; + float: right; + border-radius: 0.3rem; + font-weight: 500; + background-color: white !important; +} + +#typora-sidebar .file-list-item-count { + font-size: 0.75rem; + background-color: var(--primary-color); + color: white; + border-radius: 0.2rem; + min-width: 1.25rem; + height: 1.25rem; + text-align: center; + line-height: 1.25rem; + position: relative; + top: 0.3rem; +} + +#typora-sidebar .file-list-item.file-library-file-node { + border: none; +} + +#typora-sidebar .file-tree-node.active .file-node-background, +#typora-sidebar .file-list-item.active, +#typora-sidebar .ty-search-item.active { + background-color: white; + outline: 1px solid var(--borders); + border: none; + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node.active .file-node-content { + color: var(--primary-color) !important; +} + +#typora-sidebar .file-tree-node { + padding: 0rem; + font-weight: 500; + font-size: 0.9rem; + margin-left: 0.8rem; +} + +#typora-sidebar .file-tree-node .file-node-content { + padding: 0rem; + line-height: 2.2rem; + height: 2.2rem; + background: none; + margin-bottom: 0px; +} + +#typora-sidebar .file-tree-node .file-node-background { + padding: 0rem; + height: 2.2rem; +} + +#typora-sidebar .file-tree-node .file-node-icon { + margin-right: 0.5rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o { + margin-top: 0.33rem; +} + +#typora-sidebar .file-tree-node .file-node-icon.fa-folder { + margin-top: 0.36rem; +} + +#typora-sidebar .file-tree-node .fa-caret-down, +#typora-sidebar .file-tree-node .fa-caret-right { + position: relative; + top: 5px; +} + +#typora-sidebar .file-tree-node .file-tree-rename-input { + height: 2.2rem; + background: none; + border: none; + font-size: 0.9rem; + font-weight: 500; + margin: 0rem; + padding-left: 0rem; +} + +#typora-sidebar .ty-search-item-collapse-icon { + top: 9px; +} + +/*no left border*/ +#typora-sidebar .file-tree-node.active > .file-node-background { + border: none; +} + +/*no dotted highlighting*/ +.file-library-node:not(.file-node-root):focus > .file-node-content { + outline: none; +} + +#typora-sidebar #sidebar-files-menu { + border: solid 1px var(--borders); + border-radius: 0.3rem; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +#typora-sidebar #ty-sidebar-footer { + background-color: var(--bg-color); + border-top: solid 1px var(--borders); + font-weight: 500; +} + +#typora-sidebar #ty-sidebar-footer li { + transition-duration: 0.2s; + transition-property: background-color, color; +} + +#typora-sidebar + #ty-sidebar-footer + li:not(.file-sort-item):not(:first-child):not(.empty-menu-group):not(.folder-menu-group):hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-sidebar + #ty-sidebar-footer + .file-action-item.file-sort-item + > span:first-of-type { + line-height: 2rem; +} + +/*cursor*/ +.file-node-content:hover { + cursor: pointer; +} + +body:not(.os-windows) + .file-tree-node:not(.file-node-root):not(.file-node-expanded) + .file-node-background { + transition-duration: 0.2s; + transition-property: background-color; +} + +.file-tree-node:not(.file-node-root):not(.file-node-expanded):hover + .file-node-background { + background-color: var(--borders); +} + +#typora-sidebar .sidebar-footer-item { + transition-duration: 0.2s; + transition-property: background-color, color; + font-weight: 700; +} + +#typora-sidebar .sidebar-footer-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +#typora-quick-open { + background-color: white; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 0rem; + box-shadow: rgba(116, 129, 141, 0.15) 0px 3px 16px 0px; + overflow: hidden; +} + +#typora-quick-open-input { + margin-right: 20px; +} + +#typora-quick-open-input .input { + box-shadow: none !important /*required*/; + border: none !important /*required*/; + font-weight: 400 !important /*required*/; + margin: 0.5rem; + margin-left: 0.8rem; +} + +.typora-quick-open-item { + background-color: white; + border: none; + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color; +} + +.typora-quick-open-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +.typora-quick-open-item.active { + background-color: var(--boxes); + border: none; +} + +.typora-quick-open-item-path { + opacity: 1; + color: var(--light-text-color); +} + +.typora-quick-open-item:hover .typora-quick-open-item-path { + opacity: 0.7; + color: var(--primary-color); +} + +.ty-quick-open-category-title { + font-size: 10px; + font-weight: 700; + letter-spacing: 1.2px; + text-transform: uppercase; + opacity: 1; + color: var(--light-text-color); + line-height: 32px; + padding-top: 6px; + height: 32px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +.md-lang { + color: var(--primary-color); +} + +/*NOTIFICATION*/ + +#md-notification { + border-bottom: solid 1px var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +#md-notifcation .btn { + border: 0; +} + +/*PREFERENCES*/ + +.ty-preferences { + font-family: var(--font-family); +} + +.ty-preferences .window-header { + justify-content: space-between; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + border-bottom: solid 1px var(--borders); +} + +.ty-preferences .window-header-content { + background-color: white; + margin: 0rem; +} + +.ty-preferences .window-header h2 { + font-weight: 600; + font-size: 1.5rem; + margin: 0rem; + margin-left: 1rem; +} + +.unibody-window .ty-preferences .window-header h2 { + margin-left: 1rem !important; +} + +.ty-preferences .window-header-back { + margin-left: 1.2rem; +} + +.ty-preferences .window-header-back .icon { + border-right: none; +} + +/*preferences sidebar*/ +.ty-preferences .window-content { + background-color: white; +} + +.ty-preferences .nav-group-item { + color: var(--text-color); + height: 2.5rem; + line-height: 2.6rem; + font-weight: 500; + padding: 0px 0px 0px 2rem; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.ty-preferences .nav-group-item:hover { + background-color: var(--borders); + border-radius: 0px; +} + +.ty-preferences .nav-group-item.active { + border-radius: 0rem; + border: none; + outline: 1px solid var(--borders); + background-color: white; + color: var(--primary-color); +} + +.ty-preferences .pane-sm { + background: var(--boxes); + flex-basis: 240px; + flex-grow: 0; + justify-content: center; + border-right: 1px solid var(--borders); + margin: 0rem; + padding: 0rem; +} + +.ty-preferences .pane-sm .list-group { + width: 100%; + max-width: 30rem; +} + +.ty-preferences .list-group-header { + display: flex; + justify-content: space-around; +} + +.ty-preferences .list-group-header div { + width: 100%; + margin-right: 18px; + margin-left: 18px; +} + +.ty-preferences .pane-sm .search-input { + margin: 0rem !important; + width: 100%; + font-size: 1rem !important; + height: 2.75rem; +} + +.ty-preferences .pane-sm .search-input:active, +.ty-preferences .pane-sm .search-input:focus { + border: solid 1px var(--primary-color) !important; + outline: none; +} + +/*preferences main*/ +.ty-preferences .panel-header { + font-weight: 600; + font-size: 1.6rem; +} + +/*preferences stuff*/ +.ty-preferences .dropdown-menu > li, +.dropdown-item { + font-weight: 500; + font-size: 1rem; + transition-duration: 0.2s; + transition-property: all; +} + +.ty-preferences .dropdown-menu .active, +.ty-preferences .dropdown-menu li:hover, +.dropdown-item:hover { + background-color: var(--boxes); + color: var(--primary-color); +} + +#ty-spell-check-dict-missing-secondary-btn:hover { + color: var(--primary-color) !important; +} + +.header-close .icon { + border: none !important; +} + +/*preferences export*/ + +.export-detail { + background-color: transparent !important /*required*/; +} + +.export-items-list .separator { + margin: 0.4rem; + border-top: 1px solid var(--borders); +} + +.export-items-list-control { + background-color: var(--boxes) !important /*required*/; +} + +.export-item { + padding: 0.4rem !important /*required*/; + color: var(--light-text-color-darker); + font-weight: 500; + cursor: pointer; +} + +.export-item.active { + background-color: transparent !important /*required*/; + color: var(--primary-color); + font-weight: 500 !important /*required*/; +} + +/*DROPDOWN*/ + +.dropdown-menu:not(.megamenu-menu-list), +.auto-suggest-container { + background-color: var(--bg-color); + border: solid 1px var(--borders) !important; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + user-select: none; +} + +.dropdown-menu > li > a, +.auto-suggest-container li { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +.dropdown-menu > .active > a, +.dropdown-menu > li > a:hover, +.menu-style-btn.active, +.auto-suggest-container li:hover, +.context-menu.dropdown-menu > .active > a, +.context-menu.dropdown-menu > li > a:hover, +.auto-suggest-container li.active { + color: var(--primary-color); + background-color: var(--boxes); +} + +.menu-style-btn { + color: var(--text-color); + border: none; + transition-duration: 0.2s; + transition-property: all; +} + +.menu-style-btn:hover { + color: var(--primary-color); + background-color: var(--boxes); + border: none; +} + +header .menu-style-btn:hover { + background-color: transparent; +} + +.menu-item-container { + padding: 0 12px 0 4px; +} + +.menu-item-container a.menu-style-btn { + padding: 0.3rem 0.6rem; + margin: 0; +} + +.dropdown-menu .divider { + border-color: var(--borders); + opacity: 1; +} + +/*BUTTON*/ + +.btn, +button { + border: none !important; + border-radius: 0.3rem !important; + color: var(--text-color) !important; + transition-duration: 0.2s; + transition-property: all; + font-size: 0.9rem !important; + font-weight: 500; + outline: none; +} + +.btn-default { + border: none !important; + border-radius: 0.3rem !important; + background-color: var(--boxes) !important; +} + +.btn:hover, +.button-hover { + border: none; + border-radius: 0.3rem; + background-color: var(--borders) !important; + color: var(--text-color); +} + +button:active, +button.active, +.btn:active, +.btn-default:active { + border: none; + border-radius: 0.3rem; + background-color: var(--boxes-darker) !important; + box-shadow: none; + outline: none; + color: var(--text-color); +} + +.btn:focus { + border: none !important; + outline: none !important; + background-color: var(--boxes-darker); +} + +.btn-primary { + border: none; + border-radius: 0.3rem; + background-color: var(--primary-color); + color: white !important; +} + +.btn-primary:hover, +.btn-primary:focus { + color: white; + background-color: var(--primary-color-darker) !important; +} + +.btn.dropdown-toggle-split, +.btn.dropdown-toggle-split:hover { + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +#ty-spell-check-dict-missing-primary-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.open > .dropdown-toggle.btn-primary { + background-color: var(--primary-color); + border-color: transparent; +} + +/*GHOST BUTTON*/ + +.window-header button, +#close-sidebar-menu-btn, +.html-for-mac .sidebar-tab-btn, +.label-hint, +.ty-table-edit .btn, +.zoom-hint-button, +.md-rawblock-tooltip-btn, +.md-delete-toc, +#md-searchpanel .input-group-addon.btn, +#pin-outline-btn, +.icon-button { + background-color: transparent !important; + color: var(--light-text-color) !important; + opacity: 1 !important; + transition-duration: 0.2s; + transition-property: color; +} + +.window-header button:hover, +.window-header button:focus, +#close-sidebar-menu-btn:hover, +#close-sidebar-menu-btn:focus, +.html-for-mac .sidebar-tab-btn:hover, +.html-for-mac .sidebar-tab-btn:focus, +.label-hint:hover, +.label-hint:focus, +.ty-table-edit .btn:hover, +.ty-table-edit .btn:focus, +.zoom-hint-button:hover, +.zoom-hint-button:focus, +.md-rawblock-tooltip-btn:hover, +.md-rawblock-tooltip-btn:focus, +.md-delete-toc:hover, +.md-delete-toc:focus, +#md-searchpanel .input-group-addon.btn:hover, +#md-searchpanel .input-group-addon.btn:focus, +#pin-outline-btn:hover, +#pin-outline-btn:focus, +.icon-button:hover, +.icon-button:focus { + color: var(--primary-color) !important; + background: none !important; +} + +.ty-table-edit .btn.active { + color: var(--primary-color) !important; + box-shadow: none; +} + +/*IMAGE BUTTON*/ + +.md-image-btn { + background-color: var(--boxes); + transition-duration: 0.2s; + transition-property: background-color; +} + +.md-image-btn:before { + color: var(--text-color); + transition-duration: 0.2s; + transition-property: color; +} + +.md-image-btn:hover { + background-color: var(--borders); +} + +.md-image-btn:hover:before { + color: var(--primary-color); +} + +.md-image-input-src-btn { + border-radius: 0.3rem 0rem 0rem 0.3rem !important; +} + +.md-image-pick-file-btn { + border-left: none; + border-radius: 0rem 0.3rem 0.3rem 0rem !important; +} + +/*SEARCH-INPUTS*/ + +.search-input, +.search, +.form-control, +#file-library-search-input { + background-color: transparent !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(---heading-text-color) !important; + font-size: 0.9rem !important; + font-weight: 400; + padding: 0.7rem !important; + height: 2rem; + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +.search-input:hover, +.search:hover, +.form-control:hover, +#file-library-search-input:hover { + border: solid 1px var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; +} + +.search-input:focus, +.search:focus, +.form-control:focus, +#file-library-search-input:focus { + background-color: transparent !important; + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; + color: var(--heading-text-color) !important; + font-size: 0.9rem !important; + padding: 0.7rem !important; +} + +.search-input::placeholder, +.search::placeholder, +.form-control::placeholder, +#file-library-search-input::placeholder { + color: var(--light-text-color-darker) !important; +} + +.clear-btn-icon { + top: 9px !important /*required*/; + right: 9px !important /*required*/; +} + +.content tr.search-hit, +.search-hit, +.md-search-hit, +.md-search-hit.md-search-select, +.md-search-select, +.ty-file-search-match-text { + background-color: var(--boxes-darkest); + color: white; + padding: 0.2rem 0.1rem; + border-radius: 0.2rem; +} + +/*ZOOM HINT*/ + +#zoom-hint { + border-radius: 0.3rem; + border: solid 1px var(--borders); + user-select: none; + box-shadow: rgba(116, 129, 141, 0.08) 0px 2px 6px 0px; +} + +#zoom-hint #zoom-hint-reset { + border-left: none; + font-weight: 600; +} + +/*SEARCHPANEL*/ + +#md-searchpanel { + border-bottom: 1px solid var(--borders); + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; + max-height: 46px; +} + +.mac-seamless-mode #md-searchpanel { + max-height: 70px; +} + +#md-searchpanel.searchpanel-replace-mode { + max-height: 84px; +} + +.mac-seamless-mode #md-searchpanel.searchpanel-replace-mode { + max-height: 108px; +} + +#md-searchpanel input { + height: 2rem; + margin: 0rem !important; + padding: 6px 12px !important; + font-size: 12px !important; +} + +#md-searchpanel .input-group-addon { + height: 2rem; +} + +#md-searchpanel .input-group-addon.close-btn { + padding-left: 8px; +} + +.unibody-window #md-searchpanel .btn { + line-height: 2rem; +} + +.searchpanel-search-option-btn { + top: 9px; + border: none; + color: var(--light-text-color-darker) !important /*required*/; + transition-duration: 0.3s; +} + +.searchpanel-search-option-btn:hover { + color: var(--primary-color) !important /*required*/; + background-color: transparent !important /*required*/; +} + +.searchpanel-search-option-btn.select, +.searchpanel-search-option-btn.active { + color: white !important; + background-color: var(--primary-color) !important; +} + +#searchpanel-case-option-btn { + right: 33px; +} + +#searchpanel-word-option-btn { + right: 9px; +} + +#searchpanel-word-option-btn, +#searchpanel-case-option-btn { + background: none; +} + +#md-searchpanel .btn:not(.close-btn):hover { + box-shadow: none; +} + +/*SELECT*/ +/*TEXT INPUT*/ +/*NUMBER INPUT*/ + +/* the input #md-grid-height doesn't have a type attached for some reason and needs to be adressed seperately */ + +html select, +html input[type="text"], +html input[type="number"], +#md-grid-height { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: solid 1px var(--boxes-darker) !important; + box-shadow: none !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; + font-weight: 500 !important; + padding: 0.3rem !important; + height: 2.1rem !important; + transition-duration: 0.2s; + transition-property: border; + cursor: text; +} + +select { + cursor: pointer !important; +} + +input[type="text"], +input[type="number"] { + cursor: text; +} + +html select:hover, +html input[type="text"]:hover, +html input[type="number"]:hover, +#md-grid-height:hover { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border-color: var(--boxes-darker2) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; + color: var(--text-color) !important; + font-size: 0.9rem !important; +} + +html select:focus, +html input[type="text"]:focus, +html input[type="number"]:focus, +#md-grid-height:focus { + border-color: var(--primary-color) !important; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; +} + +input[type="text"]::placeholder, +input[type="number"]::placeholder, +#md-grid-height::placeholder { + color: var(--light-text-color-darker) !important; +} + +input[disabled], +input[disabled]:hover, +input[disabled]:focus { + cursor: not-allowed; +} + +/*TEXTAREA*/ + +textarea { + background-color: transparent; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; + transition-duration: 0.2s; +} + +textarea:hover { + border-color: var(--boxes-darker2); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); +} + +textarea:focus { + border-color: var(--primary-color); + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); + outline: none; +} + +/*MODAL*/ + +.modal-header, +#common-dialog .modal-header { + border-bottom: solid 1px var(--borders); + padding-bottom: 15px; +} + +.modal-title { + font-size: 1.25rem; + font-weight: 500; + user-select: none; +} + +.modal-body { + font-size: 0.9rem; + color: var(--light-text-color-darker); + user-select: none; +} + +.modal-content { + box-shadow: rgba(116, 129, 141, 0.15) 0px 3px 10px 0px; + border: solid 1px var(--boxes-darker); + border-radius: 0.3rem; +} + +.modal-footer { + border-top: solid 1px var(--borders); +} + +.modal-open .modal.fade.in { + background: none; + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); +} + +/*LANGS*/ + +.ty-spell-check-panel-item { + font-weight: 500; + transition-duration: 0.2s; + transition-property: background-color, color; +} + +.ty-spell-check-panel-item:hover { + color: var(--primary-color); + background-color: var(--boxes); +} + +.ty-spell-check-panel-item.ty-active { + background-color: var(--boxes); +} + +/*TOOLTIP*/ + +.ty-tooltip { + background-color: var(--bg-color) !important; + border-radius: 0.3rem !important; + border: 1px solid var(--borders) !important; + -webkit-filter: none !important; + filter: none; + box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px; +} + +/*FOOTER*/ + +.footer-item:hover { + background-color: var(--boxes) !important; +} + +#footer-word-count-info { + padding: 4px 0; +} + +.footer-word-count-info-line { + padding: 0.25rem; + line-height: 1.6rem; +} + +#footer-word-count-info tr { + font-weight: 500; + font-size: 0.8rem; + transition-duration: 0.2s; + transition-property: all; +} + +#footer-word-count-info tr td:nth-child(1) { + padding: 0rem; + padding-right: 1rem; +} + +#footer-word-count-info .ty-footer-word-count-all tr:hover { + color: var(--primary-color) !important; + background-color: var(--boxes) !important; +} + +/*MEGAMENU*/ + +.megamenu-menu { + box-shadow: none; + background-color: var(--boxes); + border-right: 1px solid var(--borders); +} + +.megamenu-opened .megamenu-menu { + left: 0px; +} + +#megamenu-content { + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; +} + +#megamenu-menu-list { + box-shadow: none; + border: none; + background-color: transparent; +} + +#megamenu-menu-list li a { + color: var(--text-color); + height: 2rem; + line-height: 1.8rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +#megamenu-menu-list li a:hover { + background-color: var(--borders); +} + +#megamenu-menu-list li a.active { + color: var(--primary-color); + background-color: white; + outline: solid 1px var(--borders); +} + +#megamenu-menu-list .divider { + background-color: var(--borders); + margin: 16px 0 0 0; +} + +.megamenu-menu-list .saved #m-saved { + cursor: default; +} + +.megamenu-menu-list .saved #m-saved .fa { + color: var(--primary-color); +} + +.megamenu-menu-list .saved #m-saved:hover { + background-color: transparent; +} + +.megamenu-menu-list #m-close:hover { + color: var(--danger-color); +} + +.megamenu-menu-header { + border-bottom: solid 1px var(--borders); + margin-bottom: 1.2rem; + height: 74px; + transition-duration: 0.3s; +} + +.megamenu-menu-header:hover { + background-color: var(--borders); +} + +.megamenu-menu-header #megamenu-menu-header-title { + color: var(--text-color); + font-weight: 700; + font-size: 16px; + left: 56px; + top: 24px; +} + +#megamenu-back-btn { + color: var(--text-color); + font-size: 16px; + left: 24px; + top: 24px; +} + +.megamenu-opened header { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-content { + background-color: var(--bg-color); + background-image: none; +} + +.megamenu-menu-panel:not(:first-of-type) { + margin-top: 2rem; +} + +.megamenu-menu-panel h1 { + font-weight: 900; + font-size: 1.8rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +.megamenu-menu-panel h2 { + font-weight: 800; + font-size: 1.3rem; + margin: 1rem 0rem 0.4rem 0rem; +} + +/*recent files*/ + +#recent-file-panel tbody tr { + font-weight: 600; + transition-duration: 0.4s; +} + +#recent-file-panel tbody tr:hover, +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: var(--primary-color); +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: var(--boxes); +} + +/*about help*/ + +.about-content-slogon { + color: var(--light-text-color); +} + +/*for the god himself*/ +.about-content-slogon span { + color: var(--primary-color) !important; +} + +#about-content tbody tr { + font-weight: 500; + transition-duration: 0.4s; +} + +#about-content tbody tr:hover { + color: var(--primary-color); + background-color: var(--boxes) !important /*required important*/; +} + +.long-btn { + margin-bottom: 12px; + margin-left: 2px; + box-shadow: rgba(116, 129, 141, 0.1) 2px 2px 6px; + background-color: white; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 700; + font-size: 1rem; + + transition: background 0.2s, color 0.2s, box-shadow 0.2s; +} + +.long-btn:hover { + background-color: var(--primary-color); + border: 1px solid transparent; + color: white !important /*important required*/; + box-shadow: rgba(116, 129, 141, 0.1) 2px 2px 6px, + rgba(26, 168, 139, 0.2) 0px 0px 10px; +} + +#m-import-local:hover .preference-item-hint { + color: white; + opacity: 0.7; +} + +#recent-file-panel-action-btn { + height: 34px; + border: none; + background-color: var(--boxes); +} + +#theme-preview-grid { + max-width: none; + padding: 1.5rem; + background-color: var(--boxes); + border-radius: 0.5rem; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + grid-gap: 1.5rem; +} + +.theme-preview-div { + border: none; + border-radius: 0.4rem; + box-shadow: rgba(116, 129, 141, 0.1) 0px 0px 15px; + margin: 0rem; + transition-duration: 0.3s; +} + +.theme-preview-div:hover { + box-shadow: rgba(116, 129, 141, 0.5) 3px 8px 15px; + cursor: pointer; + transform: rotate3d(1, -0.2, 0.2, 15deg); +} + +.theme-preview-content { + width: 100%; + height: 100%; + border-radius: 0.4rem; +} + +.theme-preview-content html { + width: 100%; + height: 100%; +} + +.theme-preview-div.active .fa { + color: var(--primary-color); + bottom: 4px; + left: 4px; +} + +.theme-preview-div .fa-check-circle:before { + background-color: var(--bg-color); + padding: 0px 2px; + border-radius: 1rem; +} + +.megamenu-menu-panel tbody tr { + border-radius: 0.3rem; + transition-duration: 0.2s; + transition-property: background-color; +} + +.megamenu-menu-panel tbody tr:hover { + background-color: var(--borders) !important /*required important*/; +} + +/*MIN MAX CLOSE*/ +#w-min, +#w-max, +#w-restore, +#w-close { + border-radius: 0px !important; + font-size: 10px !important; + width: 46px !important; + height: 29px !important; +} + +.btn.toolbar-icon svg, +.btn.toolbar-icon .ty-icon { + position: relative; + top: 2px; +} + +#w-close.btn.toolbar-icon .ty-icon { + left: 1px; +} + +#w-close:hover { + background-color: var(--danger-color) !important; + color: white !important; +} + +/*EXTRA STUFF*/ + +a[type="page-link"] { + display: block; + background-color: white; + box-shadow: rgba(116, 129, 141, 0.2) 0px 3px 8px 0px; + border: 1px solid var(--borders); + border-radius: 0.3rem; + padding: 1rem; + + font-weight: 600; + + transition-duration: 0.2s; + transition-property: border, box-shadow; +} + +a[type="page-link"]:hover { + box-shadow: rgba(116, 129, 161, 0.1) 0px 3px 8px 0px; + border: 1px solid var(--primary-color); +} + +p[type="description"] { + color: var(--light-text-color); +} + +/*kbd*/ + +kbd { + font-family: var(--font-family); +} diff --git a/gitbook/Roboto-Black.ttf b/gitbook/Roboto-Black.ttf new file mode 100644 index 0000000..2d45238 Binary files /dev/null and b/gitbook/Roboto-Black.ttf differ diff --git a/gitbook/Roboto-BlackItalic.ttf b/gitbook/Roboto-BlackItalic.ttf new file mode 100644 index 0000000..29a4359 Binary files /dev/null and b/gitbook/Roboto-BlackItalic.ttf differ diff --git a/gitbook/Roboto-Bold.ttf b/gitbook/Roboto-Bold.ttf new file mode 100644 index 0000000..d998cf5 Binary files /dev/null and b/gitbook/Roboto-Bold.ttf differ diff --git a/gitbook/Roboto-BoldItalic.ttf b/gitbook/Roboto-BoldItalic.ttf new file mode 100644 index 0000000..b4e2210 Binary files /dev/null and b/gitbook/Roboto-BoldItalic.ttf differ diff --git a/gitbook/Roboto-Italic.ttf b/gitbook/Roboto-Italic.ttf new file mode 100644 index 0000000..5b390ff Binary files /dev/null and b/gitbook/Roboto-Italic.ttf differ diff --git a/gitbook/Roboto-Light.ttf b/gitbook/Roboto-Light.ttf new file mode 100644 index 0000000..3526798 Binary files /dev/null and b/gitbook/Roboto-Light.ttf differ diff --git a/gitbook/Roboto-LightItalic.ttf b/gitbook/Roboto-LightItalic.ttf new file mode 100644 index 0000000..46e9bf7 Binary files /dev/null and b/gitbook/Roboto-LightItalic.ttf differ diff --git a/gitbook/Roboto-Medium.ttf b/gitbook/Roboto-Medium.ttf new file mode 100644 index 0000000..f714a51 Binary files /dev/null and b/gitbook/Roboto-Medium.ttf differ diff --git a/gitbook/Roboto-MediumItalic.ttf b/gitbook/Roboto-MediumItalic.ttf new file mode 100644 index 0000000..5dc6a2d Binary files /dev/null and b/gitbook/Roboto-MediumItalic.ttf differ diff --git a/gitbook/Roboto-Regular.ttf b/gitbook/Roboto-Regular.ttf new file mode 100644 index 0000000..2b6392f Binary files /dev/null and b/gitbook/Roboto-Regular.ttf differ diff --git a/gitbook/Roboto-Thin.ttf b/gitbook/Roboto-Thin.ttf new file mode 100644 index 0000000..4e797cf Binary files /dev/null and b/gitbook/Roboto-Thin.ttf differ diff --git a/gitbook/Roboto-ThinItalic.ttf b/gitbook/Roboto-ThinItalic.ttf new file mode 100644 index 0000000..eea836f Binary files /dev/null and b/gitbook/Roboto-ThinItalic.ttf differ diff --git a/gitbook/SourceCodePro-Regular.ttf b/gitbook/SourceCodePro-Regular.ttf new file mode 100644 index 0000000..3563e73 Binary files /dev/null and b/gitbook/SourceCodePro-Regular.ttf differ diff --git a/gitbook/fonts.css b/gitbook/fonts.css new file mode 100644 index 0000000..1ff856d --- /dev/null +++ b/gitbook/fonts.css @@ -0,0 +1,88 @@ +/* roboto-300 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 300; + src: local('Roboto Light'), local('Roboto-Light'), + url('Roboto-Light.ttf') format('truetype'); +} +/* roboto-300italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 300; + src: local('Roboto Light Italic'), local('Roboto-LightItalic'), + url('Roboto-LightItalic.ttf') format('truetype'); +} +/* roboto-regular - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('Roboto-Regular.ttf') format('truetype'); +} +/* roboto-italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + src: local('Roboto Italic'), local('Roboto-Italic'), + url('Roboto-Italic.ttf') format('truetype'); +} +/* roboto-500 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: local('Roboto Medium'), local('Roboto-Medium'), + url('Roboto-Medium.ttf') format('truetype'); +} +/* roboto-500italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 500; + src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), + url('Roboto-MediumItalic.ttf') format('truetype'); +} +/* roboto-700 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: local('Roboto Bold'), local('Roboto-Bold'), + url('Roboto-Bold.ttf') format('truetype'); +} +/* roboto-700italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 700; + src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), + url('Roboto-BoldItalic.ttf') format('truetype'); +} +/* roboto-900 - latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 900; + src: local('Roboto Black'), local('Roboto-Black'), + url('Roboto-Black.ttf') format('truetype'); +} +/* roboto-900italic - latin */ +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 900; + src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), + url('Roboto-BlackItalic.ttf') format('truetype'); +} +/* sorucecodepro-400 - latin */ +@font-face { + font-family: 'Source Code Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Code Pro'), local('SourceCodePro-Regular'), + url('SourceCodePro-Regular.ttf') format('truetype'); +} \ No newline at end of file diff --git a/gitbook/old-slate-colors.css b/gitbook/old-slate-colors.css new file mode 100644 index 0000000..7bc83b1 --- /dev/null +++ b/gitbook/old-slate-colors.css @@ -0,0 +1,57 @@ +/*by 16soundsofsilence*/ + +:root { + --bg-color: #242932; + --side-bar-bg-color: #29303c; + --control-text-color: #e6ecf1; + --primary-color: rgb(56, 132, 255); + --primary-btn-border-color: #3884ff; + --active-file-bg-color: #5d6574; + --active-file-text-color: inherit; + --active-file-border-color: #3884ff; + --item-hover-text-color: #8092af; + --item-hover-bg-color: #29303c; + --window-border: 1px solid #353c49; + --select-text-font-color: #e6ecf1; + --select-text-bg-color: #3277e5; + + --md-char-color: #8092af; + --heading-char-color: #8092af; + --meta-content-color: #3783ff; + + --borders: #353c49; + --table-border-color: #353c49; + --boxes: #29303c; + --boxes-darker: #424b5a; + --boxes-darker2: #485364; + --boxes-darkest: #5b697e; + --drag-placeholder-color: #424b5a; + + --text-color: #e6ecf1; + --heading-text-color: white; + --light-text-color: #5b697e; + --light-text-color-brighter: #768292; + --codeboxes: #183055; + --codeboxes-lighter: #1c375f; + --rawblock-edit-panel-bd: transparent; + + --primary-color-white: #5272a7; + --primary-color-white-darker: #5a83c5; + --primary-color-darker: #1f65d6; + --focus-ring-color: #3783ff; + + --danger-color: rgb(255, 70, 66); + + --node-fill: #5252ad; + --node-border: #3f3fb8; + --cluster-fill: #ffffde; + --cluster-border: #aaaa33; + --note-fill: #fff5ad; + --note-border: #aaaa33; + + /*****************************/ + + --font-family: 'Roboto', sans-serif; + --code-font-family: 'Source Code Pro'; + --monospace: 'Source Code Pro'; +} \ No newline at end of file diff --git a/gitbook/slate-colors.css b/gitbook/slate-colors.css new file mode 100644 index 0000000..0f232ee --- /dev/null +++ b/gitbook/slate-colors.css @@ -0,0 +1,57 @@ +/*by 16soundsofsilence*/ + +:root { + --bg-color: hsl(217, 18%, 9%); + --side-bar-bg-color: hsl(217, 17%, 13%); + --control-text-color: #e6ecf1; + --primary-color: #3884ff; + --primary-btn-border-color: #3884ff; + --active-file-bg-color: hsl(217, 17%, 13%); + --active-file-text-color: inherit; + --active-file-border-color: #3884ff; + --item-hover-text-color: #8092af; + --item-hover-bg-color: #1c2026; + --window-border: 1px solid #272c35; + --select-text-font-color: #e6e7eb; + --select-text-bg-color: #1968e6; + + --md-char-color: #8092af; + --heading-char-color: #8092af; + --meta-content-color: #3783ff; + + --borders: #272c35; + --table-border-color: #272c35; + --boxes: #1c2027; + --boxes-darker: #353b46; + --boxes-darker2: #3e4551; + --boxes-darkest: #4f5764; + --drag-placeholder-color: #3e4551; + + --text-color: #e6e7eb; + --heading-text-color: white; + --light-text-color: #8a92a3; + --light-text-color-brighter: #9aa2b1; + --codeboxes: #183055; + --codeboxes-lighter: #1c375f; + --rawblock-edit-panel-bd: transparent; + + --primary-color-darkest: #001f50; + --primary-color-darker2: #00307c; + --primary-color-darker: #1968e6; + --focus-ring-color: #3783ff; + + --danger-color: rgb(255, 70, 66); + + --node-fill: #5252ad; + --node-border: #3f3fb8; + --cluster-fill: #ffffde; + --cluster-border: #aaaa33; + --note-fill: #fff5ad; + --note-border: #aaaa33; + + /*****************************/ + + --font-family: 'Roboto', sans-serif; + --code-font-family: 'Source Code Pro'; + --monospace: 'Source Code Pro'; +} \ No newline at end of file diff --git a/github.css b/github.css new file mode 100644 index 0000000..a77ec26 --- /dev/null +++ b/github.css @@ -0,0 +1,415 @@ +:root { + --side-bar-bg-color: #fafafa; + --control-text-color: #777; +} + +@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext); + +/* open-sans-regular - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./github/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-italic - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: normal; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./github/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-700 - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: bold; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./github/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-700italic - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: bold; + src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./github/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +body { + font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; + color: rgb(51, 51, 51); + line-height: 1.6; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +#write > ul:first-child, +#write > ol:first-child{ + margin-top: 30px; +} + +a { + color: #4183C4; +} +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} +h1 tt, +h1 code { + font-size: inherit; +} +h2 tt, +h2 code { + font-size: inherit; +} +h3 tt, +h3 code { + font-size: inherit; +} +h4 tt, +h4 code { + font-size: inherit; +} +h5 tt, +h5 code { + font-size: inherit; +} +h6 tt, +h6 code { + font-size: inherit; +} +h1 { + font-size: 2.25em; + line-height: 1.2; + border-bottom: 1px solid #eee; +} +h2 { + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} + +/*@media print { + .typora-export h1, + .typora-export h2 { + border-bottom: none; + padding-bottom: initial; + } + + .typora-export h1::after, + .typora-export h2::after { + content: ""; + display: block; + height: 100px; + margin-top: -96px; + border-top: 1px solid #eee; + } +}*/ + +h3 { + font-size: 1.5em; + line-height: 1.43; +} +h4 { + font-size: 1.25em; +} +h5 { + font-size: 1em; +} +h6 { + font-size: 1em; + color: #777; +} +p, +blockquote, +ul, +ol, +dl, +table{ + margin: 0.8em 0; +} +li>ol, +li>ul { + margin: 0 0; +} +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} +ul, +ol { + padding-left: 30px; +} +ul:first-child, +ol:first-child { + margin-top: 0; +} +ul:last-child, +ol:last-child { + margin-bottom: 0; +} +blockquote { + border-left: 4px solid #dfe2e5; + padding: 0 15px; + color: #777777; +} +blockquote blockquote { + padding-right: 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + margin: 0; + padding: 6px 13px; +} +table td { + border: 1px solid #dfe2e5; + margin: 0; + padding: 6px 13px; +} +table th:first-child, +table td:first-child { + margin-top: 0; +} +table th:last-child, +table td:last-child { + margin-bottom: 0; +} + +.CodeMirror-lines { + padding-left: 4px; +} + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0,28,36,.3); + border-top: 1px solid #eef2f2; +} + +.md-fences, +code, +tt { + border: 1px solid #e7eaed; + background-color: #f8f8f8; + border-radius: 3px; + padding: 0; + padding: 2px 4px 0px 4px; + font-size: 0.9em; +} + +code { + background-color: #f3f4f4; + padding: 0 2px 0 2px; +} + +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding-top: 8px; + padding-bottom: 6px; +} + + +.md-task-list-item > input { + margin-left: -1.3em; +} + +@media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} + +.md-fences { + background-color: #f8f8f8; +} +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#write>h3.md-focus:before{ + left: -1.5625rem; + top: .375rem; +} +#write>h4.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +#write>h5.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +#write>h6.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +.md-image>.md-meta { + /*border: 1px solid #ddd;*/ + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top:20px; + padding-bottom:20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, .context-menu, .megamenu-content, footer{ + font-family: "Segoe UI", "Arial", sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state{ + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #fafafa; + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +/*.html-for-mac { + --item-hover-bg-color: #E6F0FE; +}*/ + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; + opacity: 0.4; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} + +.menu-item-container a.menu-style-btn { + background-color: #f5f8fa; + background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); +} diff --git a/github/open-sans-v17-latin-ext_latin-700.woff2 b/github/open-sans-v17-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..c824c31 Binary files /dev/null and b/github/open-sans-v17-latin-ext_latin-700.woff2 differ diff --git a/github/open-sans-v17-latin-ext_latin-700italic.woff2 b/github/open-sans-v17-latin-ext_latin-700italic.woff2 new file mode 100644 index 0000000..4115f24 Binary files /dev/null and b/github/open-sans-v17-latin-ext_latin-700italic.woff2 differ diff --git a/github/open-sans-v17-latin-ext_latin-italic.woff2 b/github/open-sans-v17-latin-ext_latin-italic.woff2 new file mode 100644 index 0000000..7584008 Binary files /dev/null and b/github/open-sans-v17-latin-ext_latin-italic.woff2 differ diff --git a/github/open-sans-v17-latin-ext_latin-regular.woff2 b/github/open-sans-v17-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..9b58220 Binary files /dev/null and b/github/open-sans-v17-latin-ext_latin-regular.woff2 differ diff --git a/gitlab.css b/gitlab.css new file mode 100644 index 0000000..c8de1e8 --- /dev/null +++ b/gitlab.css @@ -0,0 +1,734 @@ +:root { + --side-bar-bg-color: #efefef; + --control-text-color: #777; + --primary-color: #393894; + --primary-btn-border-color: #393894; + --active-file-bg-color: #eaeaea; + --active-file-text-color: inherit; + --active-file-border-color: #393894; + --item-hover-text-color: #393894; +} + +@font-face { + font-family: 'Hack'; + font-style: normal; + font-weight: normal; + src: local('Hack'), url('./gitlab/hack/hack-regular.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Regular'), url('./gitlab/roboto/roboto-v20-latin-regular.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: normal; + src: local('Open Sans Italic'), url('./gitlab/roboto-v20-latin-italic.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: bold; + src: local('Open Sans Bold'), url('./gitlab/roboto/roboto-v20-latin-700.woff') format('woff'); +} + +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: bold; + src: local('Open Sans Bold Italic'), url('./gitlab/roboto-v20-latin-700italic.woff') format('woff'); +} + +html { + font-size: .925rem; +} + +body { + background: none; + font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #2e2e2e; + line-height: 1.6; + height: 100%; +} + +#write { + max-width: 990px; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; + position: static; + width: 100%; +} + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + +a { + color: #1b69b6; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit; +} + +h2 tt, +h2 code { + font-size: inherit; +} + +h3 tt, +h3 code { + font-size: inherit; +} + +h4 tt, +h4 code { + font-size: inherit; +} + +h5 tt, +h5 code { + font-size: inherit; +} + +h6 tt, +h6 code { + font-size: inherit; +} + +h1 { + padding-bottom: .3em; + font-size: 2.25em; + line-height: 1.2; + border-bottom: 1px solid #eee; +} + +h2 { + padding-bottom: .3em; + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} + +h3 { + font-size: 1.5em; + line-height: 1.43; +} + +h4 { + font-size: 1.25em; +} + +h5 { + font-size: 1em; +} + +h6 { + font-size: 1em; + color: #777; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +ul li, +ol li { + line-height: 1.2; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} + +ul, +ol { + padding-left: 30px; +} + +ul:first-child, +ol:first-child { + margin-top: 0; +} + +ul:last-child, +ol:last-child { + margin-bottom: 0; +} + +blockquote { + border-left: 4px solid #dfe2e5; + font-family: 'Hack'; + font-size: 13px; + padding: 0 15px; + color: #707070; +} + +blockquote blockquote { + font-family: 'Hack'; + padding-right: 0; +} + +table { + font-size: .875rem; + padding: 0; + word-break: initial; +} + +table tr { + border-top: 1px solid #dfdfdf; + margin: 0; + padding: 0; +} + +thead { + background-color: #f8f8f8; +} + +table tr th { + font-weight: bold; + border: 1px solid #dfdfdf; + border-bottom: 0; + border-bottom: solid 2px #ccc; + margin: 0; + padding: 10px 16px; +} + +table tr td { + border: 1px solid #dfe2e5; + margin: 0; + padding: 10px 16px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +.CodeMirror-lines { + padding: 4px 0; +} + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3); + border-top: 1px solid #eef2f2; +} + +.md-fences, +/* code, */ +tt { + border-radius: 3px; + color: #b9bcba; + padding: 0; + font-size: 0.9em; +} + +code { + padding: 2px 4px; + color: #c0341d; + background-color: #fbe5e1; + border-radius: 4px; +} + +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding-top: 8px; + padding-bottom: 6px; +} + +.md-task-list-item>input { + margin-left: -1.3em; +} + +@media print { + html { + font-size: 13px; + } + + table, + pre { + page-break-inside: avoid; + } + + pre { + word-wrap: break-word; + } +} + +.md-fences { + background-color: #f8f8f8; +} + +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +.md-image>.md-meta { + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + +.sidebar-tabs { + border-bottom: none; + font-weight: normal; +} + +#typora-sidebar .sidebar-tabs { + font-family: 'Open Sans' !important; + border-bottom: 1px solid #dfdfdf; + font-weight: bold; +} + +#typora-sidebar .file-list-item-file-name { + font-family: 'Open Sans'; + font-weight: bold; +} + +#typora-sidebar .file-list-item-summary, +#typora-sidebar .ty-search-item-line { + font-family: 'Open Sans'; +} + +#typora-sidebar #outline-content .outline-h1>.outline-item { + font-family: 'Open Sans'; +} + +#typora-sidebar .file-tree-node.file-library-file-node.active .file-node-background, +#typora-sidebar .file-list-item.file-library-file-node.active { + border-left: 4px solid #393894; +} + +.file-library-node:not(.file-node-root):focus>.file-node-content { + outline: none; +} + +#typora-sidebar .file-list-item.file-library-file-node:hover { + background: #f1f1f1; +} + +#typora-sidebar .file-tree-node.file-library-file-node { + padding: 0; +} + +#typora-sidebar .file-tree-node.file-library-file-node.active .file-node-title { + color: #2a2971; +} + +#typora-sidebar .file-tree-node { + border: 0; + padding: 0; + margin: 0; + padding-left: 15px; +} + +.file-node-icon { + color: #707070; + margin-right: 8px; +} + +.active .file-node-icon { + color: #2a2971; +} + +.file-node-icon::before { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#707070' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + content: ''; + display: inline-block; + height: 20px; + width: 20px; +} + +#typora-sidebar .file-tree-node.file-library-file-node:hover .file-node-icon::before { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); + content: ''; + display: inline-block; + height: 20px; + width: 20px; +} + +#typora-sidebar .file-tree-node.file-library-file-node.active:hover .file-node-icon::before { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); + content: ''; + display: inline-block; + height: 20px; + width: 20px; +} + +.active .file-node-icon::before { + background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#2a2971' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); + content: ''; + display: inline-block; + height: 20px; + width: 20px; +} + +.file-library-node.file-tree-node { + padding: 0; + margin: 0; +} + +.file-node-background { + padding: 25px 10px; + padding: 18px 10px 18px 0; +} + +.file-node-content { + padding: 15px 5px; + padding: 8px 8px 8px 0; +} + +.file-node-content:hover { + cursor: pointer; +} + +.active .file-node-content { + font-weight: bold; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: "Open Sans", "Arial", sans-serif; +} + +.megamenu-opened header { + background-image: none; +} + +#typora-sidebar #ty-sidebar-footer { + background-color: #f9f9f9 !important; + border-top: 1px solid #dfdfdf; +} + +.megamenu-menu-header { + border-bottom: 1px solid #16161a; +} + +.megamenu-menu-list li:not(.saved) a:not(.active):hover, +.megamenu-menu-list li a.active { + background: #101010 !important; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #f9f9f9; + font-weight: 100; +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #E6F0FE; +} + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} + +/* CodeMirror Dracula theme */ +.cm-s-inner { + border: 1px solid var(--accent-color) !important; + border-radius: .25rem; + font-family: 'Hack'; +} + +.cm-s-inner.CodeMirror, +.cm-s-inner .CodeMirror-gutters { + background-color: #212425 !important; + color: #f8f8f2 !important; + border: none; +} + +.CodeMirror { + height: 300px; + height: auto; +} + +.CodeMirror-lines { + padding: 4px 0; + /* Vertical padding around content */ +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid green; + z-index: 3; +} + +.cm-s-inner .CodeMirror-gutters { + background-color: #0d0e0f !important; + border-right: 1px solid #444; + border-radius: 4px; + width: 5ch; + color: #5c5d5c !important; + height: 100%; + white-space: nowrap; +} + +.cm-s-inner .CodeMirror-cursor { + border-left: solid rgb(96, 255, 96) !important; +} + +.cm-s-inner .CodeMirror-linenumber { + color: #5c5d5c; + font-weight: bold; + width: 4ch !important; +} + +.cm-s-inner .CodeMirror-line::selection, +.cm-s-inner .CodeMirror-line::-moz-selection, +.cm-s-inner .CodeMirror-line>span::selection, +.cm-s-inner .CodeMirror-line>span::-moz-selection, +.cm-s-inner .CodeMirror-line>span>span::selection, +.cm-s-inner .CodeMirror-line>span>span::-moz-selection { + background: rgba(255, 255, 255, 0.1); +} + +.cm-s-inner span.cm-comment { + color: #969896; +} + +.cm-s-inner span.cm-string, +.cm-s-inner span.cm-string-2 { + color: #e4eb9b; +} + +.cm-s-inner span.cm-number { + color: #c7b2e4; +} + +.cm-s-inner span.cm-variable, +.cm-s-inner span.cm-variable-2 { + /* color: #50fa7b; */ + /* color: #a8b151; */ + color: #81a2be; +} + +.cm-s-inner span.cm-def { + color: white; +} + +.cm-s-inner span.cm-operator { + color: #ff79c6; +} + +.cm-s-inner span.cm-keyword { + color: #e79ac6; + color: #b294bb; +} + +.cm-s-inner span.cm-atom { + color: #bd93f9; +} + +.cm-s-inner span.cm-meta { + color: #f8f8f2; +} + +.cm-s-inner span.cm-tag { + color: #8abeb7; +} + +.cm-s-inner span.cm-attribute { + color: #91eba7; +} + +.cm-s-inner span.cm-qualifier { + color: #82ee9d; +} + +.cm-s-inner span.cm-property { + /* color: #66d9ef; */ + color: #7091b1; + color: #81a2be; +} + +.cm-s-inner span.cm-builtin { + color: #8ffaaa; +} + +.cm-s-inner span.cm-variable-3, +.cm-s-inner span.cm-type { + color: #f1c290; +} + +.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background { + background: rgba(255, 255, 255, 0.1); +} + +.cm-s-inner .CodeMirror-matchingbracket { + text-decoration: underline; + color: white !important; +} + +.cm-s-inner .CodeMirror-selected, +.cm-s-inner .CodeMirror-selectedtext { + background: #3b4254 !important; + color: inherit; + text-shadow: none; +} + +#write>p:first-child:empty { + position: static; +} + +#write>p:first-child:not(:only-child)::before, +#write>p:only-child::before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url("gitlab/logo.png") no-repeat 45% 90% transparent; + background-size: cover; + opacity: 0; + height: 100%; + max-width: 100%; + width: 100%; +} + +#write>p:only-child:empty::before { + opacity: 1; +} \ No newline at end of file diff --git a/gitlab/.DS_Store b/gitlab/.DS_Store new file mode 100644 index 0000000..abbc69f Binary files /dev/null and b/gitlab/.DS_Store differ diff --git a/gitlab/hack/hack-regular.woff b/gitlab/hack/hack-regular.woff new file mode 100644 index 0000000..e835381 Binary files /dev/null and b/gitlab/hack/hack-regular.woff differ diff --git a/gitlab/logo.png b/gitlab/logo.png new file mode 100644 index 0000000..845e221 Binary files /dev/null and b/gitlab/logo.png differ diff --git a/gitlab/roboto/.DS_Store b/gitlab/roboto/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/gitlab/roboto/.DS_Store differ diff --git a/gitlab/roboto/roboto-v20-latin-500.woff b/gitlab/roboto/roboto-v20-latin-500.woff new file mode 100644 index 0000000..8699258 Binary files /dev/null and b/gitlab/roboto/roboto-v20-latin-500.woff differ diff --git a/gitlab/roboto/roboto-v20-latin-700.woff b/gitlab/roboto/roboto-v20-latin-700.woff new file mode 100644 index 0000000..0f14eff Binary files /dev/null and b/gitlab/roboto/roboto-v20-latin-700.woff differ diff --git a/gitlab/roboto/roboto-v20-latin-700italic.woff b/gitlab/roboto/roboto-v20-latin-700italic.woff new file mode 100644 index 0000000..85ec258 Binary files /dev/null and b/gitlab/roboto/roboto-v20-latin-700italic.woff differ diff --git a/gitlab/roboto/roboto-v20-latin-italic.woff b/gitlab/roboto/roboto-v20-latin-italic.woff new file mode 100644 index 0000000..b940dbc Binary files /dev/null and b/gitlab/roboto/roboto-v20-latin-italic.woff differ diff --git a/gitlab/roboto/roboto-v20-latin-regular.woff b/gitlab/roboto/roboto-v20-latin-regular.woff new file mode 100644 index 0000000..69c8825 Binary files /dev/null and b/gitlab/roboto/roboto-v20-latin-regular.woff differ diff --git a/newsprint.css b/newsprint.css new file mode 100644 index 0000000..1549794 --- /dev/null +++ b/newsprint.css @@ -0,0 +1,622 @@ +/* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */ + +@include-when-export url(https://fonts.loli.net/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext); + +/* =========== */ + +/* pt-serif-regular - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: normal; + font-weight: normal; + src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v11-latin-regular.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-italic - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: italic; + font-weight: normal; + src: local('PT Serif Italic'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v11-latin-italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-700 - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: normal; + font-weight: bold; + src: local('PT Serif Bold'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v11-latin-700.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-700italic - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: italic; + font-weight: bold; + src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v11-latin-700italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +:root { + --active-file-bg-color: #dadada; + --active-file-bg-color: rgba(32, 43, 51, 0.63); + --active-file-text-color: white; + --bg-color: #f3f2ee; + --text-color: #1f0909; + --control-text-color: #444; + --rawblock-edit-panel-bd: #e5e5e5; + + --select-text-bg-color: rgba(32, 43, 51, 0.63); + --select-text-font-color: white; +} + +pre { + --select-text-bg-color: #36284e; + --select-text-font-color: #fff; +} + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +html, body { + background-color: #f3f2ee; + font-family: "PT Serif", 'Times New Roman', Times, serif; + color: #1f0909; + line-height: 1.5em; +} + +/*#write { + overflow-x: auto; + max-width: initial; + padding-left: calc(50% - 17em); + padding-right: calc(50% - 17em); +} + +@media (max-width: 36em) { + #write { + padding-left: 1em; + padding-right: 1em; + } +}*/ + +#write { + max-width: 40em; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 914px; + } +} + +ol li { + list-style-type: decimal; + list-style-position: outside; +} +ul li { + list-style-type: disc; + list-style-position: outside; +} + +ol, +ul { + list-style: none; +} + +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* styles */ + +/* ====== */ + +/* headings */ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; +} +h1 { + font-size: 1.875em; + /*30 / 16*/ + line-height: 1.6em; + /* 48 / 30*/ + margin-top: 2em; +} +h2, +h3 { + font-size: 1.3125em; + /*21 / 16*/ + line-height: 1.15; + /*24 / 21*/ + margin-top: 2.285714em; + /*48 / 21*/ + margin-bottom: 1.15em; + /*24 / 21*/ +} +h3 { + font-weight: normal; +} +h4 { + font-size: 1.125em; + /*18 / 16*/ + margin-top: 2.67em; + /*48 / 18*/ +} +h5, +h6 { + font-size: 1em; + /*16*/ +} +h1 { + border-bottom: 1px solid; + margin-bottom: 1.875em; + padding-bottom: 0.8125em; +} +/* links */ + +a { + text-decoration: none; + color: #065588; +} +a:hover, +a:active { + text-decoration: underline; +} +/* block spacing */ + +p, +blockquote, +.md-fences { + margin-bottom: 1.5em; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 1.5em; +} +/* blockquote */ + +blockquote { + font-style: italic; + border-left: 5px solid; + margin-left: 2em; + padding-left: 1em; +} +/* lists */ + +ul, +ol { + margin: 0 0 1.5em 1.5em; +} +/* tables */ +.md-meta,.md-before, .md-after { + color:#999; +} + +table { + margin-bottom: 1.5em; + /*24 / 16*/ + font-size: 1em; + /* width: 100%; */ +} +thead th, +tfoot th { + padding: .25em .25em .25em .4em; + text-transform: uppercase; +} +th { + text-align: left; +} +td { + vertical-align: top; + padding: .25em .25em .25em .4em; +} + +code, +.md-fences { + background-color: #dadada; +} + +code { + padding-left: 2px; + padding-right: 2px; +} + +.md-fences { + margin-left: 2em; + margin-bottom: 3em; + padding-left: 1ch; + padding-right: 1ch; +} + +pre, +code, +tt { + font-size: .875em; + line-height: 1.714285em; +} +/* some fixes */ + +h1 { + line-height: 1.3em; + font-weight: normal; + margin-bottom: 0.5em; +} + +p + ul, +p + ol{ + margin-top: .5em; +} + +h3 + ul, +h4 + ul, +h5 + ul, +h6 + ul, +h3 + ol, +h4 + ol, +h5 + ol, +h6 + ol { + margin-top: .5em; +} + +li > ul, +li > ol { + margin-top: inherit; + margin-bottom: 0; +} + +li ol>li { + list-style-type: lower-alpha; +} + +li li ol>li{ + list-style-type: lower-roman; +} + +h2, +h3 { + margin-bottom: .75em; +} +hr { + border-top: none; + border-right: none; + border-bottom: 1px solid; + border-left: none; +} +h1 { + border-color: #c5c5c5; +} +blockquote { + border-color: #bababa; + color: #656565; +} + +blockquote ul, +blockquote ol { + margin-left:0; +} + +.ty-table-edit { + background-color: transparent; +} +thead { + background-color: #dadada; +} +tr:nth-child(even) { + background: #e8e7e7; +} +hr { + border-color: #c5c5c5; +} +.task-list{ + padding-left: 1rem; +} + +.md-task-list-item { + padding-left: 1.5rem; + list-style-type: none; +} + +.md-task-list-item > input:before { + content: '\221A'; + display: inline-block; + width: 1.25rem; + height: 1.6rem; + vertical-align: middle; + text-align: center; + color: #ddd; + background-color: #F3F2EE; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + color: inherit; +} + +#write pre.md-meta-block { + min-height: 1.875rem; + color: #555; + border: 0px; + background: transparent; + margin-top: -4px; + margin-left: 1em; + margin-top: 1em; +} + +.md-image>.md-meta { + color: #9B5146; +} + +.md-image>.md-meta{ + font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif; +} + + +#write>h3.md-focus:before{ + left: -1.5rem; + color:#999; + border-color:#999; +} +#write>h4.md-focus:before{ + left: -1.5rem; + top: .25rem; + color:#999; + border-color:#999; +} +#write>h5.md-focus:before{ + left: -1.5rem; + top: .0.3125rem; + color:#999; + border-color:#999; +} +#write>h6.md-focus:before{ + left: -1.5rem; + top: 0.3125rem; + color:#999; + border-color:#999; +} + +.md-toc:focus .md-toc-content{ + margin-top: 19px; +} + +.md-toc-content:empty:before{ + color: #065588; +} +.md-toc-item { + color: #065588; +} +#write div.md-toc-tooltip { + background-color: #f3f2ee; +} + +#typora-sidebar { + background-color: #f3f2ee; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375); +} + +.pin-outline #typora-sidebar { + background: inherit; + box-shadow: none; + border-right: 1px dashed; +} + +.pin-outline #typora-sidebar:hover .outline-title-wrapper { + border-left:1px dashed; +} + +.outline-item:hover { + background-color: #dadada; + border-left: 28px solid #dadada; + border-right: 18px solid #dadada; +} + +.typora-node .outline-item:hover { + border-right: 28px solid #dadada; +} + +.outline-expander:before { + content: "\f0da"; + font-family: FontAwesome; + font-size:14px; + top: 1px; +} + +.outline-expander:hover:before, +.outline-item-open>.outline-item>.outline-expander:before { + content: "\f0d7"; +} + +.modal-content { + background-color: #f3f2ee; +} + +.auto-suggest-container ul li { + list-style-type: none; +} + +/** UI for electron */ + +.megamenu-menu, +#top-titlebar, #top-titlebar *, +.megamenu-content { + background: #f3f2ee; + color: #1f0909; +} + +.megamenu-menu-header { + border-bottom: 1px dashed #202B33; +} + +.megamenu-menu { + box-shadow: none; + border-right: 1px dashed; +} + +header, .context-menu, .megamenu-content, footer { + font-family: "PT Serif", 'Times New Roman', Times, serif; + color: #1f0909; +} + +#megamenu-back-btn { + color: #1f0909; + border-color: #1f0909; +} + +.megamenu-menu-header #megamenu-menu-header-title:before { + color: #1f0909; +} + +.megamenu-menu-list li a:hover, .megamenu-menu-list li a.active { + color: inherit; + background-color: #e8e7df; +} + +.long-btn:hover { + background-color: #e8e7df; +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: transparent !important; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(2) { + color: inherit; +} + +.megamenu-menu-panel .btn { + background-color: #D2D1D1; +} + +.btn-default { + background-color: transparent; +} + +.typora-sourceview-on #toggle-sourceview-btn, +.ty-show-word-count #footer-word-count { + background: #c7c5c5; +} + +#typora-quick-open { + background-color: inherit; +} + +.md-diagram-panel { + margin-top: 8px; +} + +.file-list-item-file-name { + font-weight: initial; +} + +.file-list-item-summary { + opacity: 1; +} + +.file-list-item { + color: #777; +} + +.file-list-item.active { + background-color: inherit; + color: black; +} + +.ty-side-sort-btn.active { + background-color: inherit; +} + +.file-list-item.active .file-list-item-file-name { + font-weight: bold; +} + +.file-list-item{ + opacity:1 !important; +} + +.file-library-node.active>.file-node-background{ + background-color: rgba(32, 43, 51, 0.63); + background-color: var(--active-file-bg-color); +} + +.file-tree-node.active>.file-node-content{ + color: white; + color: var(--active-file-text-color); +} + +.md-task-list-item>input { + margin-left: -1.7em; + margin-top: calc(1rem - 12px); + -webkit-appearance: button; +} + +input { + border: 1px solid #aaa; +} + +.megamenu-menu-header #megamenu-menu-header-title, +.megamenu-menu-header:hover, +.megamenu-menu-header:focus { + color: inherit; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; + opacity: 1; +} + +/* https://github.com/typora/typora-issues/issues/2046 */ +.os-windows-7 strong, +.os-windows-7 strong { + font-weight: 760; +} + +.ty-preferences .btn-default { + background: transparent; +} + +.ty-preferences .window-header { + border-bottom: 1px dashed #202B33; + box-shadow: none; +} + +#sidebar-loading-template, #sidebar-loading-template.file-list-item { + color: #777; +} + +.searchpanel-search-option-btn.active { + background: #777; + color: white; +} + +.export-detail, .light .export-detail, +.light .export-item.active, +.light .export-items-list-control { + background: #e0e0e0; + border-radius: 2px; + font-weight: 700; + color: inherit +} \ No newline at end of file diff --git a/newsprint/pt-serif-v11-latin-700.woff2 b/newsprint/pt-serif-v11-latin-700.woff2 new file mode 100644 index 0000000..6f6553d Binary files /dev/null and b/newsprint/pt-serif-v11-latin-700.woff2 differ diff --git a/newsprint/pt-serif-v11-latin-700italic.woff2 b/newsprint/pt-serif-v11-latin-700italic.woff2 new file mode 100644 index 0000000..010abc9 Binary files /dev/null and b/newsprint/pt-serif-v11-latin-700italic.woff2 differ diff --git a/newsprint/pt-serif-v11-latin-italic.woff2 b/newsprint/pt-serif-v11-latin-italic.woff2 new file mode 100644 index 0000000..79c6bec Binary files /dev/null and b/newsprint/pt-serif-v11-latin-italic.woff2 differ diff --git a/newsprint/pt-serif-v11-latin-regular.woff2 b/newsprint/pt-serif-v11-latin-regular.woff2 new file mode 100644 index 0000000..6e04521 Binary files /dev/null and b/newsprint/pt-serif-v11-latin-regular.woff2 differ diff --git a/night.css b/night.css new file mode 100644 index 0000000..e84b146 --- /dev/null +++ b/night.css @@ -0,0 +1,1017 @@ +@import "night/mermaid.dark.css"; +@import "night/codeblock.dark.css"; +@import "night/sourcemode.dark.css"; + +:root { + --bg-color: #363B40; + --side-bar-bg-color: #2E3033; + --text-color: #b8bfc6; + + --select-text-bg-color:#4a89dc; + + --item-hover-bg-color: #0a0d16; + --control-text-color: #b7b7b7; + --control-text-hover-color: #eee; + --window-border: 1px solid #555; + + --active-file-bg-color: rgb(34, 34, 34); + --active-file-border-color: #8d8df0; + + --primary-color: #a3d5fe; + + --active-file-text-color: white; + --item-hover-bg-color: #70717d; + --item-hover-text-color: white; + --primary-color: #6dc1e7; + + --rawblock-edit-panel-bd: #333; + + --search-select-bg-color: #428bca; +} + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +html, +body { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + background: #363B40; + background: var(--bg-color); + fill: currentColor; + line-height: 1.625rem; +} + +#write { + max-width: 914px; +} + + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +html, +body, +button, +input, +select, +textarea, +div.code-tooltip-content { + color: #b8bfc6; + border-color: transparent; +} + +div.code-tooltip, +.md-hover-tip .md-arrow:after { + background: #333; +} + +.native-window #md-notification { + border: 1px solid #70717d; +} + +.popover.bottom > .arrow:after { + border-bottom-color: #333; +} + +html, +body, +button, +input, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; +} + +hr { + height: 2px; + border: 0; + margin: 24px 0 !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Lucida Grande", "Corbel", sans-serif; + font-weight: normal; + clear: both; + -ms-word-wrap: break-word; + word-wrap: break-word; + margin: 0; + padding: 0; + color: #DEDEDE +} + +h1 { + font-size: 2.5rem; + /* 36px */ + line-height: 2.75rem; + /* 40px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1.5px; +} + +h2 { + font-size: 1.63rem; + /* 24px */ + line-height: 1.875rem; + /* 30px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h3 { + font-size: 1.17rem; + /* 18px */ + line-height: 1.5rem; + /* 24px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h4 { + font-size: 1.12rem; + /* 16px */ + line-height: 1.375rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + color: white; +} + +h5 { + font-size: 0.97rem; + /* 16px */ + line-height: 1.25rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + font-weight: bold; +} + +h6 { + font-size: 0.93rem; + /* 16px */ + line-height: 1rem; + /* 16px */ + margin-bottom: 0.75rem; + color: white; +} + +@media (min-width: 980px) { + h3.md-focus:before, + h4.md-focus:before, + h5.md-focus:before, + h6.md-focus:before { + color: #ddd; + border: 1px solid #ddd; + border-radius: 3px; + position: absolute; + left: -1.642857143rem; + top: .357142857rem; + float: left; + font-size: 9px; + padding-left: 2px; + padding-right: 2px; + vertical-align: bottom; + font-weight: normal; + line-height: normal; + } + + h3.md-focus:before { + content: 'h3'; + } + + h4.md-focus:before { + content: 'h4'; + } + + h5.md-focus:before { + content: 'h5'; + top: 0px; + } + + h6.md-focus:before { + content: 'h6'; + top: 0px; + } +} + +a { + text-decoration: none; + outline: 0; +} + +a:hover { + outline: 0; +} + +a:focus { + outline: thin dotted; +} + +sup.md-footnote { + background-color: #555; + color: #ddd; +} + +p { + -ms-word-wrap: break-word; + word-wrap: break-word; +} + +p, +ul, +dd, +ol, +hr, +address, +pre, +table, +iframe, +.wp-caption, +.wp-audio-shortcode, +.wp-video-shortcode { + margin-top: 0; + margin-bottom: 1.5rem; + /* 24px */ +} + +audio:not([controls]) { + display: none; +} + +[hidden] { + display: none; +} + +::-moz-selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +*.in-text-selection, +::selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +ul, +ol { + padding: 0 0 0 1.875rem; + /* 30px */ +} + +ul { + list-style: square; +} + +ol { + list-style: decimal; +} + +ul ul, +ol ol, +ul ol, +ol ul { + margin: 0; +} + +b, +th, +dt, +strong { + font-weight: bold; +} + +i, +em, +dfn, +cite { + font-style: italic; +} + +blockquote { + padding-left: 1.875rem; + margin: 0 0 1.875rem 1.875rem; + border-left: solid 2px #474d54; + padding-left: 30px; + margin-top: 35px; +} + +pre, +code, +kbd, +tt, +var { + font-size: 0.875em; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +code, +tt, +var { + background: rgba(0, 0, 0, 0.05); +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +pre.md-fences { + padding: 10px 10px 10px 30px; + margin-bottom: 20px; + background: #333; +} + +.CodeMirror-gutters { + background: #333; + border-right: 1px solid transparent; +} + +.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip { + bottom: -2.2em; + right: 4px; +} + +code, +kbd, +tt, +var { + padding: 2px 5px; +} + +table { + max-width: 100%; + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} + +th, +td { + padding: 5px 10px; + vertical-align: top; +} + +a { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} + +hr { + background: #474d54; + /* variable */ +} + +h1 { + margin-top: 2em; +} + +a { + color: #e0e0e0; + text-decoration: underline; +} + +a:hover { + color: #fff; +} + +.md-inline-math script { + color: #81b1db; +} + +b, +th, +dt, +strong { + color: #DEDEDE; + /* variable */ +} + +mark { + background: #D3D40E; +} + +blockquote { + color: #9DA2A6; +} + +table a { + color: #DEDEDE; + /* variable */ +} + +th, +td { + border: solid 1px #474d54; + /* variable */ +} + +.task-list { + padding-left: 0; +} + +.md-task-list-item { + padding-left: 1.25rem; +} + +.md-task-list-item > input { + top: auto; +} + +.md-task-list-item > input:before { + content: ""; + display: inline-block; + width: 0.875rem; + height: 0.875rem; + vertical-align: middle; + text-align: center; + border: 1px solid #b8bfc6; + background-color: #363B40; + margin-top: -0.4rem; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before { + content: '\221A'; + /*◘*/ + font-size: 0.625rem; + line-height: 0.625rem; + color: #DEDEDE; +} + +/** quick open **/ +.auto-suggest-container { + border: 0px; + background-color: #525C65; +} + +#typora-quick-open { + background-color: #525C65; +} + +#typora-quick-open input{ + background-color: #525C65; + border: 0; + border-bottom: 1px solid grey; +} + +.typora-quick-open-item { + background-color: inherit; + color: inherit; +} + +.typora-quick-open-item.active, +.typora-quick-open-item:hover { + background-color: #4D8BDB; + color: white; +} + +.typora-quick-open-item:hover { + background-color: rgba(77, 139, 219, 0.8); +} + +.typora-search-spinner > div { + background-color: #fff; +} + +#write pre.md-meta-block { + border-bottom: 1px dashed #ccc; + background: transparent; + padding-bottom: 0.6em; + line-height: 1.6em; +} + +.btn, +.btn .btn-default { + background: transparent; + color: #b8bfc6; +} + +.ty-table-edit { + border-top: 1px solid gray; + background-color: #363B40; +} + +.popover-title { + background: transparent; +} + +.md-image>.md-meta { + color: #BBBBBB; + background: transparent; +} + +.md-expand.md-image>.md-meta { + color: #DDD; +} + +#write>h3:before, +#write>h4:before, +#write>h5:before, +#write>h6:before { + border: none; + border-radius: 0px; + color: #888; + text-decoration: underline; + left: -1.4rem; + top: 0.2rem; +} + +#write>h3.md-focus:before { + top: 2px; +} + +#write>h4.md-focus:before { + top: 2px; +} + +.md-toc-item { + color: #A8C2DC; +} + +#write div.md-toc-tooltip { + background-color: #363B40; +} + +.dropdown-menu .btn:hover, +.dropdown-menu .btn:focus, +.md-toc .btn:hover, +.md-toc .btn:focus { + color: white; + background: black; +} + +#toc-dropmenu { + background: rgba(50, 54, 59, 0.93); + border: 1px solid rgba(253, 253, 253, 0.15); +} + +#toc-dropmenu .divider { + background-color: #9b9b9b; +} + +.outline-expander:before { + top: 2px; +} + +#typora-sidebar { + box-shadow: none; + border-right: 1px dashed; + border-right: none; +} + +.sidebar-tabs { + border-bottom:0; +} + +#typora-sidebar:hover .outline-title-wrapper { + border-left: 1px dashed; +} + +.outline-title-wrapper .btn { + color: inherit; +} + +.outline-item:hover { + border-color: #363B40; + background-color: #363B40; + color: white; +} + +h1.md-focus .md-attr, +h2.md-focus .md-attr, +h3.md-focus .md-attr, +h4.md-focus .md-attr, +h5.md-focus .md-attr, +h6.md-focus .md-attr, +.md-header-span .md-attr { + color: #8C8E92; + display: inline; +} + +.md-comment { + color: #5a95e3; + opacity: 0.8; +} + +.md-inline-math svg { + color: #b8bfc6; +} + +#math-inline-preview .md-arrow:after { + background: black; +} + +.modal-content { + background: var(--bg-color); + border: 0; +} + +.modal-title { + font-size: 1.5em; +} + +.modal-content input { + background-color: rgba(26, 21, 21, 0.51); + color: white; +} + +.modal-content .input-group-addon { + color: white; +} + +.modal-backdrop { + background-color: rgba(174, 174, 174, 0.7); +} + +.modal-content .btn-primary { + border-color: var(--primary-color); +} + +.md-table-resize-popover { + background-color: #333; +} + +.form-inline .input-group .input-group-addon { + color: white; +} + +#md-searchpanel { + border-bottom: 1px dashed grey; +} + +/** UI for electron */ + +.context-menu, +#spell-check-panel, +#footer-word-count-info { + background-color: #42464A; +} + +.context-menu.dropdown-menu .divider, +.dropdown-menu .divider { + background-color: #777777; + opacity: 1; +} + +footer { + color: inherit; +} + +@media (max-width: 1000px) { + footer { + border-top: none; + } + footer:hover { + color: inherit; + } +} + +#file-info-file-path .file-info-field-value:hover { + background-color: #555; + color: #dedede; +} + +.megamenu-content, +.megamenu-opened header { + background: var(--bg-color); +} + +.megamenu-menu-panel h2, +.megamenu-menu-panel h1, +.long-btn { + color: inherit; +} + +.megamenu-menu-panel input[type='text'] { + background: inherit; + border: 0; + border-bottom: 1px solid; +} + +#recent-file-panel-action-btn { + background: inherit; + border: 1px grey solid; +} + +.megamenu-menu-panel .dropdown-menu > li > a { + color: inherit; + background-color: #2F353A; + text-decoration: none; +} + +.megamenu-menu-panel table td:nth-child(1) { + color: inherit; + font-weight: bold; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: white; +} + +.modal-footer .btn-default, +.modal-footer .btn-primary, +.modal-footer .btn-default:not(:hover) { + border: 1px solid; + border-color: transparent; +} + +.btn-primary { + color: white; +} + +.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { + color: white; + border: 1px solid #ddd; + background-color: inherit; +} + +.modal-header { + border-bottom: 0; +} + +.modal-footer { + border-top: 0; +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: transparent !important; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(2) { + color: inherit; +} + +.megamenu-menu-panel .btn { + border: 1px solid #eee; + background: transparent; +} + +.mouse-hover .toolbar-icon.btn:hover, +#w-full.mouse-hover, +#w-pin.mouse-hover { + background-color: inherit; +} + +.typora-node::-webkit-scrollbar { + width: 5px; +} + +.typora-node::-webkit-scrollbar-thumb:vertical { + background: rgba(250, 250, 250, 0.3); +} + +.typora-node::-webkit-scrollbar-thumb:vertical:active { + background: rgba(250, 250, 250, 0.5); +} + +#w-unpin { + background-color: #4182c4; +} + +#top-titlebar, #top-titlebar * { + color: var(--item-hover-text-color); +} + +.typora-sourceview-on #toggle-sourceview-btn, +#footer-word-count:hover, +.ty-show-word-count #footer-word-count { + background: #333333; +} + +#toggle-sourceview-btn:hover { + color: #eee; + background: #333333; +} + +/** focus mode */ +.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * { + color: #686868 !important; +} + +.on-focus-mode .md-end-block:not(.md-focus) img, +.on-focus-mode .md-task-list-item:not(.md-focus-container)>input { + opacity: #686868 !important; +} + +.on-focus-mode li[cid]:not(.md-focus-container){ + color: #686868; +} + +.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *, +.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * { + color: #686868 !important; +} + +.on-focus-mode .md-focus, +.on-focus-mode .md-focus-container { + color: #fff; +} + +.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * { + color: #686868 !important; +} + + +/*diagrams*/ +#write .md-focus .md-diagram-panel { + border: 1px solid #ddd; + margin-left: -1px; + width: calc(100% + 2px); +} + +/*diagrams*/ +#write .md-focus.md-fences-with-lineno .md-diagram-panel { + margin-left: auto; +} + +.md-diagram-panel-error { + color: #f1908e; +} + +.active-tab-files #info-panel-tab-file, +.active-tab-files #info-panel-tab-file:hover, +.active-tab-outline #info-panel-tab-outline, +.active-tab-outline #info-panel-tab-outline:hover { + color: #eee; +} + +.sidebar-footer-item:hover, +.footer-item:hover { + background: inherit; + color: white; +} + +.ty-side-sort-btn.active, +.ty-side-sort-btn:hover, +.selected-folder-menu-item a:after { + color: white; +} + +#sidebar-files-menu { + border:solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); +} + +.file-list-item { + border-bottom:none; +} + +.file-list-item-summary { + opacity: 1; +} + +.file-list-item.active:first-child { + border-top: none; +} + +.file-node-background { + height: 32px; +} + +.file-library-node.active>.file-node-content, +.file-list-item.active { + color: white; + color: var(--active-file-text-color); +} + +.file-library-node.active>.file-node-background{ + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} +.file-list-item.active { + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} + +#ty-tooltip { + background-color: black; + color: #eee; +} + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: 0.3rem; + -webkit-appearance: none; +} + +.md-mathjax-midline { + background-color: #57616b; + border-bottom: none; +} + +footer.ty-footer { + border-color: #656565; +} + +.ty-preferences .btn-default { + background: transparent; +} +.ty-preferences .btn-default:hover { + background: #57616b; +} + +.ty-preferences select { + border: 1px solid #989698; + height: 21px; +} + +.ty-preferences .nav-group-item.active, +.export-item.active, +.export-items-list-control, +.export-detail { + background: var(--item-hover-bg-color); +} + +.ty-preferences input[type="search"] { + border-color: #333; + background: #333; + line-height: 22px; + border-radius: 6px; + color: white; +} + +.ty-preferences input[type="search"]:focus { + box-shadow: none; +} + +[data-is-directory="true"] .file-node-content { + margin-bottom: 0; +} + +.file-node-title { + line-height: 22px; +} + +.html-for-mac .file-node-open-state, .html-for-mac .file-node-icon { + line-height: 26px; +} + +::-webkit-scrollbar-thumb { + background: rgba(230, 230, 230, 0.30); +} + +::-webkit-scrollbar-thumb:active { + background: rgba(230, 230, 230, 0.50); +} + +#typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal { + background: rgba(230, 230, 230, 0.30); +} + +.nav-group-item:active { + background-color: #474d54 !important; +} + +.md-search-hit { + background: rgba(199, 140, 60, 0.81); + color: #eee; +} + +.md-search-hit * { + color: #eee; +} + +#md-searchpanel input { + color: white; +} + +.modal-backdrop.in { + opacity: 1; + backdrop-filter: blur(1px); +} + +.clear-btn-icon { + top: 8px; +} \ No newline at end of file diff --git a/night/codeblock.dark.css b/night/codeblock.dark.css new file mode 100644 index 0000000..a1b1bb3 --- /dev/null +++ b/night/codeblock.dark.css @@ -0,0 +1,113 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** code highlight */ + +.cm-s-inner .cm-variable, +.cm-s-inner .cm-operator, +.cm-s-inner .cm-property { + color: #b8bfc6; +} + +.cm-s-inner .cm-keyword { + color: #C88FD0; +} + +.cm-s-inner .cm-tag { + color: #7DF46A; +} + +.cm-s-inner .cm-attribute { + color: #7575E4; +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #b8bfc6; + z-index: 3; +} + +.cm-s-inner .cm-string { + color: #D26B6B; +} + +.cm-s-inner .cm-comment, +.cm-s-inner.cm-comment { + color: #DA924A; +} + +.cm-s-inner .cm-header, +.cm-s-inner .cm-def, +.cm-s-inner.cm-header, +.cm-s-inner.cm-def { + color: #8d8df0; +} + +.cm-s-inner .cm-quote, +.cm-s-inner.cm-quote { + color: #57ac57; +} + +.cm-s-inner .cm-hr { + color: #d8d5d5; +} + +.cm-s-inner .cm-link { + color: #d3d3ef; +} + +.cm-s-inner .cm-negative { + color: #d95050; +} + +.cm-s-inner .cm-positive { + color: #50e650; +} + +.cm-s-inner .cm-string-2 { + color: #f50; +} + +.cm-s-inner .cm-meta, +.cm-s-inner .cm-qualifier { + color: #b7b3b3; +} + +.cm-s-inner .cm-builtin { + color: #f3b3f8; +} + +.cm-s-inner .cm-bracket { + color: #997; +} + +.cm-s-inner .cm-atom, +.cm-s-inner.cm-atom { + color: #84B6CB; +} + +.cm-s-inner .cm-number { + color: #64AB8F; +} + +.cm-s-inner .cm-variable { + color: #b8bfc6; +} + +.cm-s-inner .cm-variable-2 { + color: #9FBAD5; +} + +.cm-s-inner .cm-variable-3 { + color: #1cc685; +} + +.CodeMirror-selectedtext, +.CodeMirror-selected { + background: #4a89dc; + color: #fff !important; + text-shadow: none; +} + +.CodeMirror-gutters { + border-right: none; +} \ No newline at end of file diff --git a/night/credit.html b/night/credit.html new file mode 100644 index 0000000..00bc43c --- /dev/null +++ b/night/credit.html @@ -0,0 +1 @@ +
Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY
\ No newline at end of file diff --git a/night/cursor.png b/night/cursor.png new file mode 100644 index 0000000..1cc3629 Binary files /dev/null and b/night/cursor.png differ diff --git a/night/cursor@2x.png b/night/cursor@2x.png new file mode 100644 index 0000000..b8fca0b Binary files /dev/null and b/night/cursor@2x.png differ diff --git a/night/mermaid.dark.css b/night/mermaid.dark.css new file mode 100644 index 0000000..a412b30 --- /dev/null +++ b/night/mermaid.dark.css @@ -0,0 +1,7 @@ +:root { + --mermaid-theme: night; +} + +[lang='mermaid'] .label { + color: #333; +} \ No newline at end of file diff --git a/night/sourcemode.dark.css b/night/sourcemode.dark.css new file mode 100644 index 0000000..6de223d --- /dev/null +++ b/night/sourcemode.dark.css @@ -0,0 +1,38 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** markdown source **/ +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property +{ + color: #cebcca; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor{ + border-left: 3px solid #b8bfc6; +} + +.cm-s-typora-default .cm-comment { + color: #9FB1FF; +} + +.cm-s-typora-default .cm-string { + color: #A7A7D9 +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #848695; + font-style: italic; +} + +.cm-s-typora-default .cm-link { + color: #95B94B; +} + +.cm-s-typora-default .CodeMirror-activeline-background { + background: rgba(51, 51, 51, 0.72); +} + +.cm-s-typora-default .cm-comment, .cm-s-typora-default .cm-code { + color: #8aa1e1; +} \ No newline at end of file diff --git a/old-themes/Readme.md b/old-themes/Readme.md new file mode 100644 index 0000000..d662036 --- /dev/null +++ b/old-themes/Readme.md @@ -0,0 +1,4 @@ +The built-in CSS will be replaced after update / reinstall, DO NOT MODIFY THEM. + +Refer https://support.typora.io/Add-Custom-CSS/ when you want to modify those CSS. +Refer https://support.typora.io/About-Themes/ if you want to create / install new themes. \ No newline at end of file diff --git a/old-themes/github.css b/old-themes/github.css new file mode 100644 index 0000000..a77ec26 --- /dev/null +++ b/old-themes/github.css @@ -0,0 +1,415 @@ +:root { + --side-bar-bg-color: #fafafa; + --control-text-color: #777; +} + +@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext); + +/* open-sans-regular - latin-ext_latin */ +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: normal; + src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./github/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-italic - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: normal; + src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./github/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-700 - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: bold; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./github/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* open-sans-700italic - latin-ext_latin */ + @font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: bold; + src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./github/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +body { + font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; + color: rgb(51, 51, 51); + line-height: 1.6; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 30px; + padding-bottom: 100px; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +#write > ul:first-child, +#write > ol:first-child{ + margin-top: 30px; +} + +a { + color: #4183C4; +} +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} +h1 tt, +h1 code { + font-size: inherit; +} +h2 tt, +h2 code { + font-size: inherit; +} +h3 tt, +h3 code { + font-size: inherit; +} +h4 tt, +h4 code { + font-size: inherit; +} +h5 tt, +h5 code { + font-size: inherit; +} +h6 tt, +h6 code { + font-size: inherit; +} +h1 { + font-size: 2.25em; + line-height: 1.2; + border-bottom: 1px solid #eee; +} +h2 { + font-size: 1.75em; + line-height: 1.225; + border-bottom: 1px solid #eee; +} + +/*@media print { + .typora-export h1, + .typora-export h2 { + border-bottom: none; + padding-bottom: initial; + } + + .typora-export h1::after, + .typora-export h2::after { + content: ""; + display: block; + height: 100px; + margin-top: -96px; + border-top: 1px solid #eee; + } +}*/ + +h3 { + font-size: 1.5em; + line-height: 1.43; +} +h4 { + font-size: 1.25em; +} +h5 { + font-size: 1em; +} +h6 { + font-size: 1em; + color: #777; +} +p, +blockquote, +ul, +ol, +dl, +table{ + margin: 0.8em 0; +} +li>ol, +li>ul { + margin: 0 0; +} +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +li p.first { + display: inline-block; +} +ul, +ol { + padding-left: 30px; +} +ul:first-child, +ol:first-child { + margin-top: 0; +} +ul:last-child, +ol:last-child { + margin-bottom: 0; +} +blockquote { + border-left: 4px solid #dfe2e5; + padding: 0 15px; + color: #777777; +} +blockquote blockquote { + padding-right: 0; +} +table { + padding: 0; + word-break: initial; +} +table tr { + border: 1px solid #dfe2e5; + margin: 0; + padding: 0; +} +table tr:nth-child(2n), +thead { + background-color: #f8f8f8; +} +table th { + font-weight: bold; + border: 1px solid #dfe2e5; + border-bottom: 0; + margin: 0; + padding: 6px 13px; +} +table td { + border: 1px solid #dfe2e5; + margin: 0; + padding: 6px 13px; +} +table th:first-child, +table td:first-child { + margin-top: 0; +} +table th:last-child, +table td:last-child { + margin-bottom: 0; +} + +.CodeMirror-lines { + padding-left: 4px; +} + +.code-tooltip { + box-shadow: 0 1px 1px 0 rgba(0,28,36,.3); + border-top: 1px solid #eef2f2; +} + +.md-fences, +code, +tt { + border: 1px solid #e7eaed; + background-color: #f8f8f8; + border-radius: 3px; + padding: 0; + padding: 2px 4px 0px 4px; + font-size: 0.9em; +} + +code { + background-color: #f3f4f4; + padding: 0 2px 0 2px; +} + +.md-fences { + margin-bottom: 15px; + margin-top: 15px; + padding-top: 8px; + padding-bottom: 6px; +} + + +.md-task-list-item > input { + margin-left: -1.3em; +} + +@media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} + +.md-fences { + background-color: #f8f8f8; +} +#write pre.md-meta-block { + padding: 1rem; + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; +} + +.md-mathjax-midline { + background: #fafafa; +} + +#write>h3.md-focus:before{ + left: -1.5625rem; + top: .375rem; +} +#write>h4.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +#write>h5.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +#write>h6.md-focus:before{ + left: -1.5625rem; + top: .285714286rem; +} +.md-image>.md-meta { + /*border: 1px solid #ddd;*/ + border-radius: 3px; + padding: 2px 0px 0px 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: #a7a7a7; + opacity: 1; +} + +.md-toc { + margin-top:20px; + padding-bottom:20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +/** focus mode */ +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, .context-menu, .megamenu-content, footer{ + font-family: "Segoe UI", "Arial", sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state{ + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: #fafafa; + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +/*.html-for-mac { + --item-hover-bg-color: #E6F0FE; +}*/ + +#md-notification .btn { + border: 0; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; + opacity: 0.4; +} + +.ty-preferences .window-content { + background-color: #fafafa; +} + +.ty-preferences .nav-group-item.active { + color: white; + background: #999; +} + +.menu-item-container a.menu-style-btn { + background-color: #f5f8fa; + background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); +} diff --git a/old-themes/github/400.woff b/old-themes/github/400.woff new file mode 100644 index 0000000..8b512d0 Binary files /dev/null and b/old-themes/github/400.woff differ diff --git a/old-themes/github/400i.woff b/old-themes/github/400i.woff new file mode 100644 index 0000000..d6684e8 Binary files /dev/null and b/old-themes/github/400i.woff differ diff --git a/old-themes/github/600i.woff b/old-themes/github/600i.woff new file mode 100644 index 0000000..0a9591a Binary files /dev/null and b/old-themes/github/600i.woff differ diff --git a/old-themes/github/700.woff b/old-themes/github/700.woff new file mode 100644 index 0000000..29c4f31 Binary files /dev/null and b/old-themes/github/700.woff differ diff --git a/old-themes/github/700i.woff b/old-themes/github/700i.woff new file mode 100644 index 0000000..2004dc9 Binary files /dev/null and b/old-themes/github/700i.woff differ diff --git a/old-themes/newsprint.css b/old-themes/newsprint.css new file mode 100644 index 0000000..1549794 --- /dev/null +++ b/old-themes/newsprint.css @@ -0,0 +1,622 @@ +/* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */ + +@include-when-export url(https://fonts.loli.net/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext); + +/* =========== */ + +/* pt-serif-regular - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: normal; + font-weight: normal; + src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v11-latin-regular.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-italic - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: italic; + font-weight: normal; + src: local('PT Serif Italic'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v11-latin-italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-700 - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: normal; + font-weight: bold; + src: local('PT Serif Bold'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v11-latin-700.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* pt-serif-700italic - latin */ +@font-face { + font-family: 'PT Serif'; + font-style: italic; + font-weight: bold; + src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v11-latin-700italic.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +:root { + --active-file-bg-color: #dadada; + --active-file-bg-color: rgba(32, 43, 51, 0.63); + --active-file-text-color: white; + --bg-color: #f3f2ee; + --text-color: #1f0909; + --control-text-color: #444; + --rawblock-edit-panel-bd: #e5e5e5; + + --select-text-bg-color: rgba(32, 43, 51, 0.63); + --select-text-font-color: white; +} + +pre { + --select-text-bg-color: #36284e; + --select-text-font-color: #fff; +} + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +html, body { + background-color: #f3f2ee; + font-family: "PT Serif", 'Times New Roman', Times, serif; + color: #1f0909; + line-height: 1.5em; +} + +/*#write { + overflow-x: auto; + max-width: initial; + padding-left: calc(50% - 17em); + padding-right: calc(50% - 17em); +} + +@media (max-width: 36em) { + #write { + padding-left: 1em; + padding-right: 1em; + } +}*/ + +#write { + max-width: 40em; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 914px; + } +} + +ol li { + list-style-type: decimal; + list-style-position: outside; +} +ul li { + list-style-type: disc; + list-style-position: outside; +} + +ol, +ul { + list-style: none; +} + +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* styles */ + +/* ====== */ + +/* headings */ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; +} +h1 { + font-size: 1.875em; + /*30 / 16*/ + line-height: 1.6em; + /* 48 / 30*/ + margin-top: 2em; +} +h2, +h3 { + font-size: 1.3125em; + /*21 / 16*/ + line-height: 1.15; + /*24 / 21*/ + margin-top: 2.285714em; + /*48 / 21*/ + margin-bottom: 1.15em; + /*24 / 21*/ +} +h3 { + font-weight: normal; +} +h4 { + font-size: 1.125em; + /*18 / 16*/ + margin-top: 2.67em; + /*48 / 18*/ +} +h5, +h6 { + font-size: 1em; + /*16*/ +} +h1 { + border-bottom: 1px solid; + margin-bottom: 1.875em; + padding-bottom: 0.8125em; +} +/* links */ + +a { + text-decoration: none; + color: #065588; +} +a:hover, +a:active { + text-decoration: underline; +} +/* block spacing */ + +p, +blockquote, +.md-fences { + margin-bottom: 1.5em; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-bottom: 1.5em; +} +/* blockquote */ + +blockquote { + font-style: italic; + border-left: 5px solid; + margin-left: 2em; + padding-left: 1em; +} +/* lists */ + +ul, +ol { + margin: 0 0 1.5em 1.5em; +} +/* tables */ +.md-meta,.md-before, .md-after { + color:#999; +} + +table { + margin-bottom: 1.5em; + /*24 / 16*/ + font-size: 1em; + /* width: 100%; */ +} +thead th, +tfoot th { + padding: .25em .25em .25em .4em; + text-transform: uppercase; +} +th { + text-align: left; +} +td { + vertical-align: top; + padding: .25em .25em .25em .4em; +} + +code, +.md-fences { + background-color: #dadada; +} + +code { + padding-left: 2px; + padding-right: 2px; +} + +.md-fences { + margin-left: 2em; + margin-bottom: 3em; + padding-left: 1ch; + padding-right: 1ch; +} + +pre, +code, +tt { + font-size: .875em; + line-height: 1.714285em; +} +/* some fixes */ + +h1 { + line-height: 1.3em; + font-weight: normal; + margin-bottom: 0.5em; +} + +p + ul, +p + ol{ + margin-top: .5em; +} + +h3 + ul, +h4 + ul, +h5 + ul, +h6 + ul, +h3 + ol, +h4 + ol, +h5 + ol, +h6 + ol { + margin-top: .5em; +} + +li > ul, +li > ol { + margin-top: inherit; + margin-bottom: 0; +} + +li ol>li { + list-style-type: lower-alpha; +} + +li li ol>li{ + list-style-type: lower-roman; +} + +h2, +h3 { + margin-bottom: .75em; +} +hr { + border-top: none; + border-right: none; + border-bottom: 1px solid; + border-left: none; +} +h1 { + border-color: #c5c5c5; +} +blockquote { + border-color: #bababa; + color: #656565; +} + +blockquote ul, +blockquote ol { + margin-left:0; +} + +.ty-table-edit { + background-color: transparent; +} +thead { + background-color: #dadada; +} +tr:nth-child(even) { + background: #e8e7e7; +} +hr { + border-color: #c5c5c5; +} +.task-list{ + padding-left: 1rem; +} + +.md-task-list-item { + padding-left: 1.5rem; + list-style-type: none; +} + +.md-task-list-item > input:before { + content: '\221A'; + display: inline-block; + width: 1.25rem; + height: 1.6rem; + vertical-align: middle; + text-align: center; + color: #ddd; + background-color: #F3F2EE; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + color: inherit; +} + +#write pre.md-meta-block { + min-height: 1.875rem; + color: #555; + border: 0px; + background: transparent; + margin-top: -4px; + margin-left: 1em; + margin-top: 1em; +} + +.md-image>.md-meta { + color: #9B5146; +} + +.md-image>.md-meta{ + font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif; +} + + +#write>h3.md-focus:before{ + left: -1.5rem; + color:#999; + border-color:#999; +} +#write>h4.md-focus:before{ + left: -1.5rem; + top: .25rem; + color:#999; + border-color:#999; +} +#write>h5.md-focus:before{ + left: -1.5rem; + top: .0.3125rem; + color:#999; + border-color:#999; +} +#write>h6.md-focus:before{ + left: -1.5rem; + top: 0.3125rem; + color:#999; + border-color:#999; +} + +.md-toc:focus .md-toc-content{ + margin-top: 19px; +} + +.md-toc-content:empty:before{ + color: #065588; +} +.md-toc-item { + color: #065588; +} +#write div.md-toc-tooltip { + background-color: #f3f2ee; +} + +#typora-sidebar { + background-color: #f3f2ee; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375); +} + +.pin-outline #typora-sidebar { + background: inherit; + box-shadow: none; + border-right: 1px dashed; +} + +.pin-outline #typora-sidebar:hover .outline-title-wrapper { + border-left:1px dashed; +} + +.outline-item:hover { + background-color: #dadada; + border-left: 28px solid #dadada; + border-right: 18px solid #dadada; +} + +.typora-node .outline-item:hover { + border-right: 28px solid #dadada; +} + +.outline-expander:before { + content: "\f0da"; + font-family: FontAwesome; + font-size:14px; + top: 1px; +} + +.outline-expander:hover:before, +.outline-item-open>.outline-item>.outline-expander:before { + content: "\f0d7"; +} + +.modal-content { + background-color: #f3f2ee; +} + +.auto-suggest-container ul li { + list-style-type: none; +} + +/** UI for electron */ + +.megamenu-menu, +#top-titlebar, #top-titlebar *, +.megamenu-content { + background: #f3f2ee; + color: #1f0909; +} + +.megamenu-menu-header { + border-bottom: 1px dashed #202B33; +} + +.megamenu-menu { + box-shadow: none; + border-right: 1px dashed; +} + +header, .context-menu, .megamenu-content, footer { + font-family: "PT Serif", 'Times New Roman', Times, serif; + color: #1f0909; +} + +#megamenu-back-btn { + color: #1f0909; + border-color: #1f0909; +} + +.megamenu-menu-header #megamenu-menu-header-title:before { + color: #1f0909; +} + +.megamenu-menu-list li a:hover, .megamenu-menu-list li a.active { + color: inherit; + background-color: #e8e7df; +} + +.long-btn:hover { + background-color: #e8e7df; +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: transparent !important; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(2) { + color: inherit; +} + +.megamenu-menu-panel .btn { + background-color: #D2D1D1; +} + +.btn-default { + background-color: transparent; +} + +.typora-sourceview-on #toggle-sourceview-btn, +.ty-show-word-count #footer-word-count { + background: #c7c5c5; +} + +#typora-quick-open { + background-color: inherit; +} + +.md-diagram-panel { + margin-top: 8px; +} + +.file-list-item-file-name { + font-weight: initial; +} + +.file-list-item-summary { + opacity: 1; +} + +.file-list-item { + color: #777; +} + +.file-list-item.active { + background-color: inherit; + color: black; +} + +.ty-side-sort-btn.active { + background-color: inherit; +} + +.file-list-item.active .file-list-item-file-name { + font-weight: bold; +} + +.file-list-item{ + opacity:1 !important; +} + +.file-library-node.active>.file-node-background{ + background-color: rgba(32, 43, 51, 0.63); + background-color: var(--active-file-bg-color); +} + +.file-tree-node.active>.file-node-content{ + color: white; + color: var(--active-file-text-color); +} + +.md-task-list-item>input { + margin-left: -1.7em; + margin-top: calc(1rem - 12px); + -webkit-appearance: button; +} + +input { + border: 1px solid #aaa; +} + +.megamenu-menu-header #megamenu-menu-header-title, +.megamenu-menu-header:hover, +.megamenu-menu-header:focus { + color: inherit; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; + opacity: 1; +} + +/* https://github.com/typora/typora-issues/issues/2046 */ +.os-windows-7 strong, +.os-windows-7 strong { + font-weight: 760; +} + +.ty-preferences .btn-default { + background: transparent; +} + +.ty-preferences .window-header { + border-bottom: 1px dashed #202B33; + box-shadow: none; +} + +#sidebar-loading-template, #sidebar-loading-template.file-list-item { + color: #777; +} + +.searchpanel-search-option-btn.active { + background: #777; + color: white; +} + +.export-detail, .light .export-detail, +.light .export-item.active, +.light .export-items-list-control { + background: #e0e0e0; + border-radius: 2px; + font-weight: 700; + color: inherit +} \ No newline at end of file diff --git a/old-themes/newsprint/pt-serif-v9-latin-700.woff b/old-themes/newsprint/pt-serif-v9-latin-700.woff new file mode 100644 index 0000000..f9c5ab1 Binary files /dev/null and b/old-themes/newsprint/pt-serif-v9-latin-700.woff differ diff --git a/old-themes/newsprint/pt-serif-v9-latin-700italic.woff b/old-themes/newsprint/pt-serif-v9-latin-700italic.woff new file mode 100644 index 0000000..8752643 Binary files /dev/null and b/old-themes/newsprint/pt-serif-v9-latin-700italic.woff differ diff --git a/old-themes/newsprint/pt-serif-v9-latin-italic.woff b/old-themes/newsprint/pt-serif-v9-latin-italic.woff new file mode 100644 index 0000000..b9c275d Binary files /dev/null and b/old-themes/newsprint/pt-serif-v9-latin-italic.woff differ diff --git a/old-themes/newsprint/pt-serif-v9-latin-regular.woff b/old-themes/newsprint/pt-serif-v9-latin-regular.woff new file mode 100644 index 0000000..34183e7 Binary files /dev/null and b/old-themes/newsprint/pt-serif-v9-latin-regular.woff differ diff --git a/old-themes/night.css b/old-themes/night.css new file mode 100644 index 0000000..e84b146 --- /dev/null +++ b/old-themes/night.css @@ -0,0 +1,1017 @@ +@import "night/mermaid.dark.css"; +@import "night/codeblock.dark.css"; +@import "night/sourcemode.dark.css"; + +:root { + --bg-color: #363B40; + --side-bar-bg-color: #2E3033; + --text-color: #b8bfc6; + + --select-text-bg-color:#4a89dc; + + --item-hover-bg-color: #0a0d16; + --control-text-color: #b7b7b7; + --control-text-hover-color: #eee; + --window-border: 1px solid #555; + + --active-file-bg-color: rgb(34, 34, 34); + --active-file-border-color: #8d8df0; + + --primary-color: #a3d5fe; + + --active-file-text-color: white; + --item-hover-bg-color: #70717d; + --item-hover-text-color: white; + --primary-color: #6dc1e7; + + --rawblock-edit-panel-bd: #333; + + --search-select-bg-color: #428bca; +} + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +html, +body { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + background: #363B40; + background: var(--bg-color); + fill: currentColor; + line-height: 1.625rem; +} + +#write { + max-width: 914px; +} + + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +html, +body, +button, +input, +select, +textarea, +div.code-tooltip-content { + color: #b8bfc6; + border-color: transparent; +} + +div.code-tooltip, +.md-hover-tip .md-arrow:after { + background: #333; +} + +.native-window #md-notification { + border: 1px solid #70717d; +} + +.popover.bottom > .arrow:after { + border-bottom-color: #333; +} + +html, +body, +button, +input, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; +} + +hr { + height: 2px; + border: 0; + margin: 24px 0 !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Lucida Grande", "Corbel", sans-serif; + font-weight: normal; + clear: both; + -ms-word-wrap: break-word; + word-wrap: break-word; + margin: 0; + padding: 0; + color: #DEDEDE +} + +h1 { + font-size: 2.5rem; + /* 36px */ + line-height: 2.75rem; + /* 40px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1.5px; +} + +h2 { + font-size: 1.63rem; + /* 24px */ + line-height: 1.875rem; + /* 30px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h3 { + font-size: 1.17rem; + /* 18px */ + line-height: 1.5rem; + /* 24px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h4 { + font-size: 1.12rem; + /* 16px */ + line-height: 1.375rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + color: white; +} + +h5 { + font-size: 0.97rem; + /* 16px */ + line-height: 1.25rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + font-weight: bold; +} + +h6 { + font-size: 0.93rem; + /* 16px */ + line-height: 1rem; + /* 16px */ + margin-bottom: 0.75rem; + color: white; +} + +@media (min-width: 980px) { + h3.md-focus:before, + h4.md-focus:before, + h5.md-focus:before, + h6.md-focus:before { + color: #ddd; + border: 1px solid #ddd; + border-radius: 3px; + position: absolute; + left: -1.642857143rem; + top: .357142857rem; + float: left; + font-size: 9px; + padding-left: 2px; + padding-right: 2px; + vertical-align: bottom; + font-weight: normal; + line-height: normal; + } + + h3.md-focus:before { + content: 'h3'; + } + + h4.md-focus:before { + content: 'h4'; + } + + h5.md-focus:before { + content: 'h5'; + top: 0px; + } + + h6.md-focus:before { + content: 'h6'; + top: 0px; + } +} + +a { + text-decoration: none; + outline: 0; +} + +a:hover { + outline: 0; +} + +a:focus { + outline: thin dotted; +} + +sup.md-footnote { + background-color: #555; + color: #ddd; +} + +p { + -ms-word-wrap: break-word; + word-wrap: break-word; +} + +p, +ul, +dd, +ol, +hr, +address, +pre, +table, +iframe, +.wp-caption, +.wp-audio-shortcode, +.wp-video-shortcode { + margin-top: 0; + margin-bottom: 1.5rem; + /* 24px */ +} + +audio:not([controls]) { + display: none; +} + +[hidden] { + display: none; +} + +::-moz-selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +*.in-text-selection, +::selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +ul, +ol { + padding: 0 0 0 1.875rem; + /* 30px */ +} + +ul { + list-style: square; +} + +ol { + list-style: decimal; +} + +ul ul, +ol ol, +ul ol, +ol ul { + margin: 0; +} + +b, +th, +dt, +strong { + font-weight: bold; +} + +i, +em, +dfn, +cite { + font-style: italic; +} + +blockquote { + padding-left: 1.875rem; + margin: 0 0 1.875rem 1.875rem; + border-left: solid 2px #474d54; + padding-left: 30px; + margin-top: 35px; +} + +pre, +code, +kbd, +tt, +var { + font-size: 0.875em; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +code, +tt, +var { + background: rgba(0, 0, 0, 0.05); +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +pre.md-fences { + padding: 10px 10px 10px 30px; + margin-bottom: 20px; + background: #333; +} + +.CodeMirror-gutters { + background: #333; + border-right: 1px solid transparent; +} + +.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip { + bottom: -2.2em; + right: 4px; +} + +code, +kbd, +tt, +var { + padding: 2px 5px; +} + +table { + max-width: 100%; + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} + +th, +td { + padding: 5px 10px; + vertical-align: top; +} + +a { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} + +hr { + background: #474d54; + /* variable */ +} + +h1 { + margin-top: 2em; +} + +a { + color: #e0e0e0; + text-decoration: underline; +} + +a:hover { + color: #fff; +} + +.md-inline-math script { + color: #81b1db; +} + +b, +th, +dt, +strong { + color: #DEDEDE; + /* variable */ +} + +mark { + background: #D3D40E; +} + +blockquote { + color: #9DA2A6; +} + +table a { + color: #DEDEDE; + /* variable */ +} + +th, +td { + border: solid 1px #474d54; + /* variable */ +} + +.task-list { + padding-left: 0; +} + +.md-task-list-item { + padding-left: 1.25rem; +} + +.md-task-list-item > input { + top: auto; +} + +.md-task-list-item > input:before { + content: ""; + display: inline-block; + width: 0.875rem; + height: 0.875rem; + vertical-align: middle; + text-align: center; + border: 1px solid #b8bfc6; + background-color: #363B40; + margin-top: -0.4rem; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before { + content: '\221A'; + /*◘*/ + font-size: 0.625rem; + line-height: 0.625rem; + color: #DEDEDE; +} + +/** quick open **/ +.auto-suggest-container { + border: 0px; + background-color: #525C65; +} + +#typora-quick-open { + background-color: #525C65; +} + +#typora-quick-open input{ + background-color: #525C65; + border: 0; + border-bottom: 1px solid grey; +} + +.typora-quick-open-item { + background-color: inherit; + color: inherit; +} + +.typora-quick-open-item.active, +.typora-quick-open-item:hover { + background-color: #4D8BDB; + color: white; +} + +.typora-quick-open-item:hover { + background-color: rgba(77, 139, 219, 0.8); +} + +.typora-search-spinner > div { + background-color: #fff; +} + +#write pre.md-meta-block { + border-bottom: 1px dashed #ccc; + background: transparent; + padding-bottom: 0.6em; + line-height: 1.6em; +} + +.btn, +.btn .btn-default { + background: transparent; + color: #b8bfc6; +} + +.ty-table-edit { + border-top: 1px solid gray; + background-color: #363B40; +} + +.popover-title { + background: transparent; +} + +.md-image>.md-meta { + color: #BBBBBB; + background: transparent; +} + +.md-expand.md-image>.md-meta { + color: #DDD; +} + +#write>h3:before, +#write>h4:before, +#write>h5:before, +#write>h6:before { + border: none; + border-radius: 0px; + color: #888; + text-decoration: underline; + left: -1.4rem; + top: 0.2rem; +} + +#write>h3.md-focus:before { + top: 2px; +} + +#write>h4.md-focus:before { + top: 2px; +} + +.md-toc-item { + color: #A8C2DC; +} + +#write div.md-toc-tooltip { + background-color: #363B40; +} + +.dropdown-menu .btn:hover, +.dropdown-menu .btn:focus, +.md-toc .btn:hover, +.md-toc .btn:focus { + color: white; + background: black; +} + +#toc-dropmenu { + background: rgba(50, 54, 59, 0.93); + border: 1px solid rgba(253, 253, 253, 0.15); +} + +#toc-dropmenu .divider { + background-color: #9b9b9b; +} + +.outline-expander:before { + top: 2px; +} + +#typora-sidebar { + box-shadow: none; + border-right: 1px dashed; + border-right: none; +} + +.sidebar-tabs { + border-bottom:0; +} + +#typora-sidebar:hover .outline-title-wrapper { + border-left: 1px dashed; +} + +.outline-title-wrapper .btn { + color: inherit; +} + +.outline-item:hover { + border-color: #363B40; + background-color: #363B40; + color: white; +} + +h1.md-focus .md-attr, +h2.md-focus .md-attr, +h3.md-focus .md-attr, +h4.md-focus .md-attr, +h5.md-focus .md-attr, +h6.md-focus .md-attr, +.md-header-span .md-attr { + color: #8C8E92; + display: inline; +} + +.md-comment { + color: #5a95e3; + opacity: 0.8; +} + +.md-inline-math svg { + color: #b8bfc6; +} + +#math-inline-preview .md-arrow:after { + background: black; +} + +.modal-content { + background: var(--bg-color); + border: 0; +} + +.modal-title { + font-size: 1.5em; +} + +.modal-content input { + background-color: rgba(26, 21, 21, 0.51); + color: white; +} + +.modal-content .input-group-addon { + color: white; +} + +.modal-backdrop { + background-color: rgba(174, 174, 174, 0.7); +} + +.modal-content .btn-primary { + border-color: var(--primary-color); +} + +.md-table-resize-popover { + background-color: #333; +} + +.form-inline .input-group .input-group-addon { + color: white; +} + +#md-searchpanel { + border-bottom: 1px dashed grey; +} + +/** UI for electron */ + +.context-menu, +#spell-check-panel, +#footer-word-count-info { + background-color: #42464A; +} + +.context-menu.dropdown-menu .divider, +.dropdown-menu .divider { + background-color: #777777; + opacity: 1; +} + +footer { + color: inherit; +} + +@media (max-width: 1000px) { + footer { + border-top: none; + } + footer:hover { + color: inherit; + } +} + +#file-info-file-path .file-info-field-value:hover { + background-color: #555; + color: #dedede; +} + +.megamenu-content, +.megamenu-opened header { + background: var(--bg-color); +} + +.megamenu-menu-panel h2, +.megamenu-menu-panel h1, +.long-btn { + color: inherit; +} + +.megamenu-menu-panel input[type='text'] { + background: inherit; + border: 0; + border-bottom: 1px solid; +} + +#recent-file-panel-action-btn { + background: inherit; + border: 1px grey solid; +} + +.megamenu-menu-panel .dropdown-menu > li > a { + color: inherit; + background-color: #2F353A; + text-decoration: none; +} + +.megamenu-menu-panel table td:nth-child(1) { + color: inherit; + font-weight: bold; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: white; +} + +.modal-footer .btn-default, +.modal-footer .btn-primary, +.modal-footer .btn-default:not(:hover) { + border: 1px solid; + border-color: transparent; +} + +.btn-primary { + color: white; +} + +.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { + color: white; + border: 1px solid #ddd; + background-color: inherit; +} + +.modal-header { + border-bottom: 0; +} + +.modal-footer { + border-top: 0; +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: transparent !important; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(2) { + color: inherit; +} + +.megamenu-menu-panel .btn { + border: 1px solid #eee; + background: transparent; +} + +.mouse-hover .toolbar-icon.btn:hover, +#w-full.mouse-hover, +#w-pin.mouse-hover { + background-color: inherit; +} + +.typora-node::-webkit-scrollbar { + width: 5px; +} + +.typora-node::-webkit-scrollbar-thumb:vertical { + background: rgba(250, 250, 250, 0.3); +} + +.typora-node::-webkit-scrollbar-thumb:vertical:active { + background: rgba(250, 250, 250, 0.5); +} + +#w-unpin { + background-color: #4182c4; +} + +#top-titlebar, #top-titlebar * { + color: var(--item-hover-text-color); +} + +.typora-sourceview-on #toggle-sourceview-btn, +#footer-word-count:hover, +.ty-show-word-count #footer-word-count { + background: #333333; +} + +#toggle-sourceview-btn:hover { + color: #eee; + background: #333333; +} + +/** focus mode */ +.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * { + color: #686868 !important; +} + +.on-focus-mode .md-end-block:not(.md-focus) img, +.on-focus-mode .md-task-list-item:not(.md-focus-container)>input { + opacity: #686868 !important; +} + +.on-focus-mode li[cid]:not(.md-focus-container){ + color: #686868; +} + +.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *, +.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * { + color: #686868 !important; +} + +.on-focus-mode .md-focus, +.on-focus-mode .md-focus-container { + color: #fff; +} + +.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * { + color: #686868 !important; +} + + +/*diagrams*/ +#write .md-focus .md-diagram-panel { + border: 1px solid #ddd; + margin-left: -1px; + width: calc(100% + 2px); +} + +/*diagrams*/ +#write .md-focus.md-fences-with-lineno .md-diagram-panel { + margin-left: auto; +} + +.md-diagram-panel-error { + color: #f1908e; +} + +.active-tab-files #info-panel-tab-file, +.active-tab-files #info-panel-tab-file:hover, +.active-tab-outline #info-panel-tab-outline, +.active-tab-outline #info-panel-tab-outline:hover { + color: #eee; +} + +.sidebar-footer-item:hover, +.footer-item:hover { + background: inherit; + color: white; +} + +.ty-side-sort-btn.active, +.ty-side-sort-btn:hover, +.selected-folder-menu-item a:after { + color: white; +} + +#sidebar-files-menu { + border:solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); +} + +.file-list-item { + border-bottom:none; +} + +.file-list-item-summary { + opacity: 1; +} + +.file-list-item.active:first-child { + border-top: none; +} + +.file-node-background { + height: 32px; +} + +.file-library-node.active>.file-node-content, +.file-list-item.active { + color: white; + color: var(--active-file-text-color); +} + +.file-library-node.active>.file-node-background{ + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} +.file-list-item.active { + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} + +#ty-tooltip { + background-color: black; + color: #eee; +} + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: 0.3rem; + -webkit-appearance: none; +} + +.md-mathjax-midline { + background-color: #57616b; + border-bottom: none; +} + +footer.ty-footer { + border-color: #656565; +} + +.ty-preferences .btn-default { + background: transparent; +} +.ty-preferences .btn-default:hover { + background: #57616b; +} + +.ty-preferences select { + border: 1px solid #989698; + height: 21px; +} + +.ty-preferences .nav-group-item.active, +.export-item.active, +.export-items-list-control, +.export-detail { + background: var(--item-hover-bg-color); +} + +.ty-preferences input[type="search"] { + border-color: #333; + background: #333; + line-height: 22px; + border-radius: 6px; + color: white; +} + +.ty-preferences input[type="search"]:focus { + box-shadow: none; +} + +[data-is-directory="true"] .file-node-content { + margin-bottom: 0; +} + +.file-node-title { + line-height: 22px; +} + +.html-for-mac .file-node-open-state, .html-for-mac .file-node-icon { + line-height: 26px; +} + +::-webkit-scrollbar-thumb { + background: rgba(230, 230, 230, 0.30); +} + +::-webkit-scrollbar-thumb:active { + background: rgba(230, 230, 230, 0.50); +} + +#typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal { + background: rgba(230, 230, 230, 0.30); +} + +.nav-group-item:active { + background-color: #474d54 !important; +} + +.md-search-hit { + background: rgba(199, 140, 60, 0.81); + color: #eee; +} + +.md-search-hit * { + color: #eee; +} + +#md-searchpanel input { + color: white; +} + +.modal-backdrop.in { + opacity: 1; + backdrop-filter: blur(1px); +} + +.clear-btn-icon { + top: 8px; +} \ No newline at end of file diff --git a/old-themes/night/codeblock.dark.css b/old-themes/night/codeblock.dark.css new file mode 100644 index 0000000..a1b1bb3 --- /dev/null +++ b/old-themes/night/codeblock.dark.css @@ -0,0 +1,113 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** code highlight */ + +.cm-s-inner .cm-variable, +.cm-s-inner .cm-operator, +.cm-s-inner .cm-property { + color: #b8bfc6; +} + +.cm-s-inner .cm-keyword { + color: #C88FD0; +} + +.cm-s-inner .cm-tag { + color: #7DF46A; +} + +.cm-s-inner .cm-attribute { + color: #7575E4; +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #b8bfc6; + z-index: 3; +} + +.cm-s-inner .cm-string { + color: #D26B6B; +} + +.cm-s-inner .cm-comment, +.cm-s-inner.cm-comment { + color: #DA924A; +} + +.cm-s-inner .cm-header, +.cm-s-inner .cm-def, +.cm-s-inner.cm-header, +.cm-s-inner.cm-def { + color: #8d8df0; +} + +.cm-s-inner .cm-quote, +.cm-s-inner.cm-quote { + color: #57ac57; +} + +.cm-s-inner .cm-hr { + color: #d8d5d5; +} + +.cm-s-inner .cm-link { + color: #d3d3ef; +} + +.cm-s-inner .cm-negative { + color: #d95050; +} + +.cm-s-inner .cm-positive { + color: #50e650; +} + +.cm-s-inner .cm-string-2 { + color: #f50; +} + +.cm-s-inner .cm-meta, +.cm-s-inner .cm-qualifier { + color: #b7b3b3; +} + +.cm-s-inner .cm-builtin { + color: #f3b3f8; +} + +.cm-s-inner .cm-bracket { + color: #997; +} + +.cm-s-inner .cm-atom, +.cm-s-inner.cm-atom { + color: #84B6CB; +} + +.cm-s-inner .cm-number { + color: #64AB8F; +} + +.cm-s-inner .cm-variable { + color: #b8bfc6; +} + +.cm-s-inner .cm-variable-2 { + color: #9FBAD5; +} + +.cm-s-inner .cm-variable-3 { + color: #1cc685; +} + +.CodeMirror-selectedtext, +.CodeMirror-selected { + background: #4a89dc; + color: #fff !important; + text-shadow: none; +} + +.CodeMirror-gutters { + border-right: none; +} \ No newline at end of file diff --git a/old-themes/night/credit.html b/old-themes/night/credit.html new file mode 100644 index 0000000..00bc43c --- /dev/null +++ b/old-themes/night/credit.html @@ -0,0 +1 @@ +
Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY
\ No newline at end of file diff --git a/old-themes/night/cursor.png b/old-themes/night/cursor.png new file mode 100644 index 0000000..1cc3629 Binary files /dev/null and b/old-themes/night/cursor.png differ diff --git a/old-themes/night/cursor@2x.png b/old-themes/night/cursor@2x.png new file mode 100644 index 0000000..b8fca0b Binary files /dev/null and b/old-themes/night/cursor@2x.png differ diff --git a/old-themes/night/mermaid.dark.css b/old-themes/night/mermaid.dark.css new file mode 100644 index 0000000..0ca9744 --- /dev/null +++ b/old-themes/night/mermaid.dark.css @@ -0,0 +1,465 @@ +/* Flowchart variables */ +/* Sequence Diagram variables */ +/* Gantt chart variables */ +/* state colors */ +.label { + + color: #333; } + +.label text { + fill: #333; } + +.node rect, +.node circle, +.node ellipse, +.node polygon { + fill: #BDD5EA; + stroke: #9370DB; + stroke-width: 1px; } + +.node .label { + text-align: center; } + +.node.clickable { + cursor: pointer; } + +.arrowheadPath { + fill: lightgrey; } + +.edgePath .path { + stroke: lightgrey; + stroke-width: 1.5px; } + +.edgeLabel { + background-color: #e8e8e8; + text-align: center; } + +.cluster rect { + fill: #6D6D65; + stroke: rgba(255, 255, 255, 0.25); + stroke-width: 1px; } + +.cluster text { + fill: #F9FFFE; } + +div.mermaidTooltip { + position: absolute; + text-align: center; + max-width: 200px; + padding: 2px; + + font-size: 12px; + background: #6D6D65; + border: 1px solid rgba(255, 255, 255, 0.25); + border-radius: 2px; + pointer-events: none; + z-index: 100; } + +.actor { + stroke: #81B1DB; + fill: #BDD5EA; } + +text.actor { + fill: black; + stroke: none; } + +.actor-line { + stroke: lightgrey; } + +.messageLine0 { + stroke-width: 1.5; + stroke-dasharray: '2 2'; + stroke: lightgrey; } + +.messageLine1 { + stroke-width: 1.5; + stroke-dasharray: '2 2'; + stroke: lightgrey; } + +#arrowhead { + fill: lightgrey; } + +.sequenceNumber { + fill: white; } + +#sequencenumber { + fill: lightgrey; } + +#crosshead path { + fill: lightgrey !important; + stroke: lightgrey !important; } + +.messageText { + fill: lightgrey; + stroke: none; } + +.labelBox { + stroke: #81B1DB; + fill: #BDD5EA; } + +.labelText { + fill: #323D47; + stroke: none; } + +.loopText { + fill: lightgrey; + stroke: none; } + +.loopLine { + stroke-width: 2; + stroke-dasharray: '2 2'; + stroke: #81B1DB; } + +.note { + stroke: rgba(255, 255, 255, 0.25); + fill: #fff5ad; } + +.noteText { + fill: black; + stroke: none; + + font-size: 14px; } + +.activation0 { + fill: #f4f4f4; + stroke: #666; } + +.activation1 { + fill: #f4f4f4; + stroke: #666; } + +.activation2 { + fill: #f4f4f4; + stroke: #666; } + +/** Section styling */ +.section { + stroke: none; + opacity: 0.2; } + +.section0 { + fill: rgba(255, 255, 255, 0.3); } + +.section2 { + fill: #EAE8B9; } + +.section1, +.section3 { + fill: white; + opacity: 0.2; } + +.sectionTitle0 { + fill: #F9FFFE; } + +.sectionTitle1 { + fill: #F9FFFE; } + +.sectionTitle2 { + fill: #F9FFFE; } + +.sectionTitle3 { + fill: #F9FFFE; } + +.sectionTitle { + text-anchor: start; + font-size: 11px; + text-height: 14px; + } + +/* Grid and axis */ +.grid .tick { + stroke: lightgrey; + opacity: 0.3; + shape-rendering: crispEdges; } + +.grid path { + stroke-width: 0; } + +/* Today line */ +.today { + fill: none; + stroke: #DB5757; + stroke-width: 2px; } + +/* Task styling */ +/* Default task */ +.task { + stroke-width: 2; } + +.taskText { + text-anchor: middle; + } + +.taskText:not([font-size]) { + font-size: 11px; } + +.taskTextOutsideRight { + fill: #323D47; + text-anchor: start; + font-size: 11px; + } + +.taskTextOutsideLeft { + fill: #323D47; + text-anchor: end; + font-size: 11px; } + +/* Special case clickable */ +.task.clickable { + cursor: pointer; } + +.taskText.clickable { + cursor: pointer; + fill: #003163 !important; + font-weight: bold; } + +.taskTextOutsideLeft.clickable { + cursor: pointer; + fill: #003163 !important; + font-weight: bold; } + +.taskTextOutsideRight.clickable { + cursor: pointer; + fill: #003163 !important; + font-weight: bold; } + +/* Specific task settings for the sections*/ +.taskText0, +.taskText1, +.taskText2, +.taskText3 { + fill: #323D47; } + +.task0, +.task1, +.task2, +.task3 { + fill: #BDD5EA; + stroke: rgba(255, 255, 255, 0.5); } + +.taskTextOutside0, +.taskTextOutside2 { + fill: lightgrey; } + +.taskTextOutside1, +.taskTextOutside3 { + fill: lightgrey; } + +/* Active task */ +.active0, +.active1, +.active2, +.active3 { + fill: #81B1DB; + stroke: rgba(255, 255, 255, 0.5); } + +.activeText0, +.activeText1, +.activeText2, +.activeText3 { + fill: #323D47 !important; } + +/* Completed task */ +.done0, +.done1, +.done2, +.done3 { + stroke: grey; + fill: lightgrey; + stroke-width: 2; } + +.doneText0, +.doneText1, +.doneText2, +.doneText3 { + fill: #323D47 !important; } + +/* Tasks on the critical line */ +.crit0, +.crit1, +.crit2, +.crit3 { + stroke: #E83737; + fill: #E83737; + stroke-width: 2; } + +.activeCrit0, +.activeCrit1, +.activeCrit2, +.activeCrit3 { + stroke: #E83737; + fill: #81B1DB; + stroke-width: 2; } + +.doneCrit0, +.doneCrit1, +.doneCrit2, +.doneCrit3 { + stroke: #E83737; + fill: lightgrey; + stroke-width: 2; + cursor: pointer; + shape-rendering: crispEdges; } + +.milestone { + transform: rotate(45deg) scale(0.8, 0.8); } + +.milestoneText { + font-style: italic; } + +.doneCritText0, +.doneCritText1, +.doneCritText2, +.doneCritText3 { + fill: #323D47 !important; } + +.activeCritText0, +.activeCritText1, +.activeCritText2, +.activeCritText3 { + fill: #323D47 !important; } + +.titleText { + text-anchor: middle; + font-size: 18px; + fill: #323D47; + } + +g.classGroup text { + fill: #9370DB; + stroke: none; + + font-size: 10px; } + g.classGroup text .title { + font-weight: bolder; } + +g.classGroup rect { + fill: #BDD5EA; + stroke: #9370DB; } + +g.classGroup line { + stroke: #9370DB; + stroke-width: 1; } + +.classLabel .box { + stroke: none; + stroke-width: 0; + fill: #BDD5EA; + opacity: 0.5; } + +.classLabel .label { + fill: #9370DB; + font-size: 10px; } + +.relation { + stroke: #9370DB; + stroke-width: 1; + fill: none; } + +#compositionStart { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +#compositionEnd { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +#aggregationStart { + fill: #BDD5EA; + stroke: #9370DB; + stroke-width: 1; } + +#aggregationEnd { + fill: #BDD5EA; + stroke: #9370DB; + stroke-width: 1; } + +#dependencyStart { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +#dependencyEnd { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +#extensionStart { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +#extensionEnd { + fill: #9370DB; + stroke: #9370DB; + stroke-width: 1; } + +.commit-id, +.commit-msg, +.branch-label { + fill: lightgrey; + color: lightgrey; + } + +.pieTitleText { + text-anchor: middle; + font-size: 25px; + fill: #eee; +} + +.slice { + } + +g.stateGroup text { + fill: #eee; + stroke: none; + font-size: 10px; + } + +g.stateGroup circle { + fill: white !important; + stroke: white !important; +} + +g.stateGroup .state-title { + font-weight: bolder; + fill: black; } + +g.stateGroup rect { + fill: #ececff; + stroke: #9370DB; } + +g.stateGroup line { + stroke: #9370DB; + stroke-width: 1; } + +.transition { + stroke: #9370DB; + stroke-width: 1; + fill: none; } + +.stateGroup .composit { + fill: #555; + border-bottom: 1px; } + +.state-note { + stroke: rgba(255, 255, 255, 0.25); + fill: #fff5ad; } + .state-note text { + fill: black; + stroke: none; + font-size: 10px; } + +.stateLabel .box { + stroke: none; + stroke-width: 0; + fill: #BDD5EA; + opacity: 0.5; } + +.stateLabel text { + fill: black; + font-size: 10px; + font-weight: bold; +} diff --git a/old-themes/night/sourcemode.dark.css b/old-themes/night/sourcemode.dark.css new file mode 100644 index 0000000..6de223d --- /dev/null +++ b/old-themes/night/sourcemode.dark.css @@ -0,0 +1,38 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** markdown source **/ +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property +{ + color: #cebcca; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor{ + border-left: 3px solid #b8bfc6; +} + +.cm-s-typora-default .cm-comment { + color: #9FB1FF; +} + +.cm-s-typora-default .cm-string { + color: #A7A7D9 +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #848695; + font-style: italic; +} + +.cm-s-typora-default .cm-link { + color: #95B94B; +} + +.cm-s-typora-default .CodeMirror-activeline-background { + background: rgba(51, 51, 51, 0.72); +} + +.cm-s-typora-default .cm-comment, .cm-s-typora-default .cm-code { + color: #8aa1e1; +} \ No newline at end of file diff --git a/old-themes/pixyll.css b/old-themes/pixyll.css new file mode 100644 index 0000000..3d0b112 --- /dev/null +++ b/old-themes/pixyll.css @@ -0,0 +1,520 @@ +@include-when-export url(https://fonts.loli.net/css?family=Merriweather:900,900italic,300,300italic&subset=latin-ext); +@include-when-export url(https://fonts.loli.net/css?family=Lato:900,300&subset=latin-ext); + +:root { + --control-text-color: #777; +} + +/** + * forked from pixyll.com + * MIT license + */ + +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: normal; + src: local('Merriweather Light'), local('Merriweather-Light'), url('./pixyll/merriweather-v19-latin-300.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: bold; + src: local('Merriweather Heavy'), local('Merriweather-Heavy'), url('./pixyll/merriweather-v19-latin-700.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: normal; + src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('./pixyll/merriweather-v19-latin-300italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: bold; + src: local('Merriweather Heavy Italic'), local('Merriweather-HeavyItalic'), url('./pixyll/merriweather-v19-latin-700italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: normal; + src: local('Lato Light'), local('Lato-Light'), url('./pixyll/lato-v14-latin-300.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: bold; + src: local('Lato Black'), local('Lato-Blcak'), url('./pixyll/lato-v14-latin-900.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: normal; + src: local('Lato LightItalic'), local('Lato-LightItalic'), url('./pixyll/lato-v14-latin-300italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: bold; + src: local('Lato BlackItalic'), local('Lato-BlackItalic'), url('./pixyll/lato-v14-latin-900italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +h1, +.h1, +.f1 { + font-size: 2rem; + line-height: 2.5rem; +} +h2, +.h2, +.f2 { + font-size: 1.5rem; + line-height: 2rem; +} +h3, +.h3, +.f3 { + font-size: 1.25rem; + line-height: 1.5rem; +} +p, +.p, +.f4, +h4, +h5, +h6, +dl, +ol, +ul, +pre[cid], +div[cid], +#typora-source { + font-size: 1.125rem; + line-height: 1.5rem; +} + +h4 { + font-size: 1.13rem; +} +/* + Pixyll + A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff. + Best served with BASSCSS (http://jxnblk.github.io/basscss) + Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT + +*/ + +body { + font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", 'Segoe UI Emoji', Serif; + line-height: 1.5rem; + font-weight: 400; +} + +#write { + max-width: 914px; + color: #333; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1100px; + } +} + +@media only screen and (min-width: 1700px) { + #write { + max-width: 1200px; + } +} + +img { + width: auto; + max-width: 100%; +} +body { + font-size: 1.5rem; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.ty-table-edit { + background: #ededed; +} + +table { + width: 100%; + font-size: 1.125rem; +} +table > thead > tr > th, +table > thead > tr > td, +table > tbody > tr > th, +table > tbody > tr > td, +table > tfoot > tr > th, +table > tfoot > tr > td { + padding: 12px; + line-height: 1.2; + vertical-align: top; + border-top: 1px solid #333; +} +table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #333; +} +table > caption + thead > tr:first-child > th, +table > caption + thead > tr:first-child > td, +table > colgroup + thead > tr:first-child > th, +table > colgroup + thead > tr:first-child > td, +table > thead:first-child > tr:first-child > th, +table > thead:first-child > tr:first-child > td { + border-top: 0; +} +table > tbody + tbody { + border-top: 2px solid #333; +} +p { + font-weight: 300; + line-height: 1.5; +} +abbr { + border-bottom: 1px black dotted; + cursor: help; +} +pre, +code { + font-family: Menlo, Monaco, "Courier New", monospace; +} + +code, +.md-fences { + color: #7a7a7a; +} + +.md-fences { + padding: 1.125em; + margin-bottom: 0.88em; + font-size: 1rem; + border: 1px solid #7a7a7a; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +blockquote { + padding: 1.33em; + font-style: italic; + border-left: 5px solid #7a7a7a; + color: #555; +} +blockquote em { + color: #000; +} +blockquote footer { + font-size: .85rem; + font-style: normal; + background-color: #fff; + color: #7a7a7a; + border-color: transparent; +} +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif; + font-weight: bold; + line-height: 1.2; + margin: 1em 0 0.5em; +} +@media screen and (min-width: 48em) { + .h1, + h1 { + font-size: 3.250rem; + } + .h2, + h2 { + font-size: 2.298rem; + } + .h3, + h3 { + font-size: 1.625rem; + } + .h4, + h4 { + font-size: 1.3rem; + } + #write>h4.md-focus:before, + #write>h5.md-focus:before, + #write>h6.md-focus:before{ + top: 1px; + } + .p, + p, + li { + font-size: 1.25rem; + line-height: 1.8; + } + table { + font-size: 1.25rem; + } +} +@media (max-width: 48em) { + blockquote { + margin-left: 1rem; + margin-right: 0; + padding: 0.5em; + } + .h1, + h1 { + font-size: 2.827rem; + } + .h2, + h2 { + font-size: 1.999rem; + } + .h3, + h3 { + font-size: 1.413rem; + } + .h4, + h4 { + font-size: 1.3rem; + } +} +@media screen and (min-width: 64em) { + .h1, + h1 { + font-size: 4.498rem; + } + .h2, + h2 { + font-size: 2.29rem; + } + .h3, + h3 { + font-size: 1.9rem; + } + .h4, + h4 { + font-size: 1.591rem; + } + #write>h4.md-focus:before{ + top:4px; + } +} +a { + color: #463F5C; + text-decoration: underline; +} + +#write { + padding-top: 2rem; +} + +#write pre.md-meta-block { + min-height: 35px; + padding: 0.5em 1em; + white-space: pre; + border: 0px; + + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; + width: 100vw; + max-width: calc(100% + 60px); + + margin-left: -30px; + margin-bottom: 2em; + margin-top: -2010px; + padding-top: 2000px; + padding-bottom: 10px; + line-height: 1.5em; + color: #7a7a7a; + background-color: #fafafa; + font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; + font-weight: 300; + clear: both; + padding-left: 0; + font-size:1.125rem; +} +.md-image>.md-meta { + color: #463F5C +} +.footnotes { + font-size:1.1rem; +} +.md-tag { + font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; +} +.code-tooltip { + background: white; +} +.code-tooltip-content { + font-size: 1.1rem; +} + +.task-list{ + padding-left: 0; +} + +.md-task-list-item { + padding-left:34px; +} + +.md-task-list-item > input{ + width: 1.25rem; + height: 1.25rem; + display: block; + -webkit-appearance: initial; + top: -0.2rem; + margin-left: -1.6em; + margin-top: calc(1rem - 7px); + border: none; +} + +.md-task-list-item > input:focus{ + outline: none; + box-shadow: none; +} + +.md-task-list-item > input:before{ + border: 1px solid #555; + border-radius: 1.5rem; + width: 1.5rem; + height: 1.5rem; + background: #fff; + content: ' '; + transition: background-color 200ms ease-in-out; + display: block; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + background: #333; + border-width: 2px; + display:inline-block; + transition: background-color 200ms ease-in-out; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after { + opacity: 1; +} + +.md-task-list-item > input:after { + opacity: 1; + -webkit-transition: opacity 0.05s ease-in-out; + -moz-transition: opacity 0.05s ease-in-out; + transition: opacity 0.05s ease-in-out; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); + position: absolute; + top: 0.4375rem; + left: 0.28125rem; + width: 0.9375rem; + height: 0.5rem; + border: 3px solid #fff; + border-top: 0; + border-right: 0; + content: ' '; + opacity: 0; +} + +.md-tag { + color:inherit; +} + +.md-toc:focus .md-toc-content{ + margin-top: 19px; +} + +#typora-sidebar { + font-size:1rem !important; +} + +.html-for-mac #typora-sidebar { + background-color:white; +} + +.outline-content li, .outline-content ul { + font-size:1rem !important; +} + +.outline-title { + line-height: inherit; + margin-top: 10px; +} + +.outline-expander { + width: 18px; +} + +.outline-expander:before { + content: "+"; + font-family: inherit; + color: rgb(108, 108, 108); + font-size: 1.5rem; + top: -0.1rem; +} + +.outline-expander:hover:before { + content: "+"; +} + +.outline-item-open>.outline-item>.outline-expander:before{ + content: "-"; +} + +/** source code mode */ +#typora-source { + font-family: Courier, monospace; + color: #6A6A6A; +} + +.os-windows #typora-source { + font-family: inherit; +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property, +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + color: #428bca; +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #777777; +} + +.md-diagram-panel { + margin-top: 24px; + margin-left: -1.2em; +} + +.md-mathjax-midline { + background: #fafafa; +} + +.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip { + bottom: -3.4em; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} \ No newline at end of file diff --git a/old-themes/pixyll/lato-v14-latin-300.woff b/old-themes/pixyll/lato-v14-latin-300.woff new file mode 100644 index 0000000..ab45ab7 Binary files /dev/null and b/old-themes/pixyll/lato-v14-latin-300.woff differ diff --git a/old-themes/pixyll/lato-v14-latin-300italic.woff b/old-themes/pixyll/lato-v14-latin-300italic.woff new file mode 100644 index 0000000..0287996 Binary files /dev/null and b/old-themes/pixyll/lato-v14-latin-300italic.woff differ diff --git a/old-themes/pixyll/lato-v14-latin-900.woff b/old-themes/pixyll/lato-v14-latin-900.woff new file mode 100644 index 0000000..6f251d9 Binary files /dev/null and b/old-themes/pixyll/lato-v14-latin-900.woff differ diff --git a/old-themes/pixyll/lato-v14-latin-900italic.woff b/old-themes/pixyll/lato-v14-latin-900italic.woff new file mode 100644 index 0000000..6922b8f Binary files /dev/null and b/old-themes/pixyll/lato-v14-latin-900italic.woff differ diff --git a/old-themes/pixyll/merriweather-v19-latin-300.woff b/old-themes/pixyll/merriweather-v19-latin-300.woff new file mode 100644 index 0000000..bd499f2 Binary files /dev/null and b/old-themes/pixyll/merriweather-v19-latin-300.woff differ diff --git a/old-themes/pixyll/merriweather-v19-latin-300italic.woff b/old-themes/pixyll/merriweather-v19-latin-300italic.woff new file mode 100644 index 0000000..e7d5209 Binary files /dev/null and b/old-themes/pixyll/merriweather-v19-latin-300italic.woff differ diff --git a/old-themes/pixyll/merriweather-v19-latin-700.woff b/old-themes/pixyll/merriweather-v19-latin-700.woff new file mode 100644 index 0000000..54fd386 Binary files /dev/null and b/old-themes/pixyll/merriweather-v19-latin-700.woff differ diff --git a/old-themes/pixyll/merriweather-v19-latin-700italic.woff b/old-themes/pixyll/merriweather-v19-latin-700italic.woff new file mode 100644 index 0000000..a390989 Binary files /dev/null and b/old-themes/pixyll/merriweather-v19-latin-700italic.woff differ diff --git a/old-themes/whitey.css b/old-themes/whitey.css new file mode 100644 index 0000000..b354bda --- /dev/null +++ b/old-themes/whitey.css @@ -0,0 +1,292 @@ +html { + font-size: 19px; +} + +html, body { + margin: auto; + background: #fefefe; + -webkit-font-smoothing: antialiased; +} +body { + font-family: "Vollkorn", Palatino, Times; + color: #333; + line-height: 1.4; + text-align: justify; +} + +#write { + max-width: 960px; + margin: 0 auto; + margin-bottom: 2em; + line-height: 1.53; + padding-top: 40px; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1100px; + } +} + +@media print { + html { + font-size: 13px; + } +} + +/* Typography +-------------------------------------------------------- */ + +#write>h1:first-child, +h1 { + margin-top: 1.6em; + font-weight: normal; +} + +h1 { + font-size:3em; +} + +h2 { + margin-top:2em; + font-weight: normal; +} + +h3 { + font-weight: normal; + font-style: italic; + margin-top: 3em; +} + +h1, +h2, +h3{ + text-align: center; +} + +h2:after{ + border-bottom: 1px solid #2f2f2f; + content: ''; + width: 100px; + display: block; + margin: 0 auto; + height: 1px; +} + +h1+h2, h2+h3 { + margin-top: 0.83em; +} + +p, +.mathjax-block { + margin-top: 0; + -webkit-hypens: auto; + -moz-hypens: auto; + hyphens: auto; +} +ul { + list-style: square; + padding-left: 1.2em; +} +ol { + padding-left: 1.2em; +} +blockquote { + margin-left: 1em; + padding-left: 1em; + border-left: 1px solid #ddd; +} +code, +pre { + font-family: "Consolas", "Menlo", "Monaco", monospace, serif; + font-size: .9em; + background: white; +} +.md-fences{ + margin-left: 1em; + padding-left: 1em; + border: 1px solid #ddd; + padding-bottom: 8px; + padding-top: 6px; + margin-bottom: 1.5em; +} + +a { + color: #2484c1; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a img { + border: none; +} +h1 a, +h1 a:hover { + color: #333; + text-decoration: none; +} +hr { + color: #ddd; + height: 1px; + margin: 2em 0; + border-top: solid 1px #ddd; + border-bottom: none; + border-left: 0; + border-right: 0; +} +.ty-table-edit { + background: #ededed; + padding-top: 4px; +} +table { + margin-bottom: 1.333333rem +} +table th, +table td { + padding: 8px; + line-height: 1.333333rem; + vertical-align: top; + border-top: 1px solid #ddd +} +table th { + font-weight: bold +} +table thead th { + vertical-align: bottom +} +table caption+thead tr:first-child th, +table caption+thead tr:first-child td, +table colgroup+thead tr:first-child th, +table colgroup+thead tr:first-child td, +table thead:first-child tr:first-child th, +table thead:first-child tr:first-child td { + border-top: 0 +} +table tbody+tbody { + border-top: 2px solid #ddd +} + +.task-list{ + padding:0; +} + +.md-task-list-item { + padding-left: 1.6rem; +} + +.md-task-list-item > input:before { + content: '\221A'; + display: inline-block; + width: 1.33333333rem; + height: 1.6rem; + vertical-align: middle; + text-align: center; + color: #ddd; + background-color: #fefefe; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + color: inherit; +} +.md-tag { + color: inherit; + font: inherit; +} +#write pre.md-meta-block { + min-height: 35px; + padding: 0.5em 1em; +} +#write pre.md-meta-block { + white-space: pre; + background: #f8f8f8; + border: 0px; + color: #999; + + width: 100vw; + max-width: calc(100% + 60px); + margin-left: -30px; + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; + + margin-bottom: 2em; + margin-top: -1.3333333333333rem; + padding-top: 26px; + padding-bottom: 10px; + line-height: 1.8em; + font-size: 0.9em; + font-size: 0.76em; + padding-left: 0; +} +.md-img-error.md-image>.md-meta{ + vertical-align: bottom; +} +#write>h5.md-focus:before { + top: 2px; +} + +.md-toc { + margin-top: 40px; +} + +.md-toc-content { + padding-bottom: 20px; +} + +.outline-expander:before { + color: inherit; + font-size: 14px; + top: auto; + content: "\f0da"; + font-family: FontAwesome; +} + +.outline-expander:hover:before, +.outline-item-open>.outline-item>.outline-expander:before { + content: "\f0d7"; +} + +/** source code mode */ +#typora-source { + font-family: Courier, monospace; + color: #6A6A6A; +} + +.html-for-mac #typora-sidebar { + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property, +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + color: #428bca; +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #777777; +} + +.typora-node .file-list-item-parent-loc, +.typora-node .file-list-item-time, +.typora-node .file-list-item-summary { + font-family: arial, sans-serif; +} + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: calc(1rem - 12px); +} + +.md-mathjax-midline { + background: #fafafa; +} + +.md-fences .code-tooltip { + bottom: -2em !important; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} \ No newline at end of file diff --git a/pixyll.css b/pixyll.css new file mode 100644 index 0000000..3d0b112 --- /dev/null +++ b/pixyll.css @@ -0,0 +1,520 @@ +@include-when-export url(https://fonts.loli.net/css?family=Merriweather:900,900italic,300,300italic&subset=latin-ext); +@include-when-export url(https://fonts.loli.net/css?family=Lato:900,300&subset=latin-ext); + +:root { + --control-text-color: #777; +} + +/** + * forked from pixyll.com + * MIT license + */ + +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: normal; + src: local('Merriweather Light'), local('Merriweather-Light'), url('./pixyll/merriweather-v19-latin-300.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: bold; + src: local('Merriweather Heavy'), local('Merriweather-Heavy'), url('./pixyll/merriweather-v19-latin-700.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: normal; + src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('./pixyll/merriweather-v19-latin-300italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: bold; + src: local('Merriweather Heavy Italic'), local('Merriweather-HeavyItalic'), url('./pixyll/merriweather-v19-latin-700italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: normal; + src: local('Lato Light'), local('Lato-Light'), url('./pixyll/lato-v14-latin-300.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: bold; + src: local('Lato Black'), local('Lato-Blcak'), url('./pixyll/lato-v14-latin-900.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: normal; + src: local('Lato LightItalic'), local('Lato-LightItalic'), url('./pixyll/lato-v14-latin-300italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +@font-face { + font-family: 'Lato'; + font-style: italic; + font-weight: bold; + src: local('Lato BlackItalic'), local('Lato-BlackItalic'), url('./pixyll/lato-v14-latin-900italic.woff') format('woff'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +h1, +.h1, +.f1 { + font-size: 2rem; + line-height: 2.5rem; +} +h2, +.h2, +.f2 { + font-size: 1.5rem; + line-height: 2rem; +} +h3, +.h3, +.f3 { + font-size: 1.25rem; + line-height: 1.5rem; +} +p, +.p, +.f4, +h4, +h5, +h6, +dl, +ol, +ul, +pre[cid], +div[cid], +#typora-source { + font-size: 1.125rem; + line-height: 1.5rem; +} + +h4 { + font-size: 1.13rem; +} +/* + Pixyll + A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff. + Best served with BASSCSS (http://jxnblk.github.io/basscss) + Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT + +*/ + +body { + font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", 'Segoe UI Emoji', Serif; + line-height: 1.5rem; + font-weight: 400; +} + +#write { + max-width: 914px; + color: #333; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1100px; + } +} + +@media only screen and (min-width: 1700px) { + #write { + max-width: 1200px; + } +} + +img { + width: auto; + max-width: 100%; +} +body { + font-size: 1.5rem; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; +} + +.ty-table-edit { + background: #ededed; +} + +table { + width: 100%; + font-size: 1.125rem; +} +table > thead > tr > th, +table > thead > tr > td, +table > tbody > tr > th, +table > tbody > tr > td, +table > tfoot > tr > th, +table > tfoot > tr > td { + padding: 12px; + line-height: 1.2; + vertical-align: top; + border-top: 1px solid #333; +} +table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #333; +} +table > caption + thead > tr:first-child > th, +table > caption + thead > tr:first-child > td, +table > colgroup + thead > tr:first-child > th, +table > colgroup + thead > tr:first-child > td, +table > thead:first-child > tr:first-child > th, +table > thead:first-child > tr:first-child > td { + border-top: 0; +} +table > tbody + tbody { + border-top: 2px solid #333; +} +p { + font-weight: 300; + line-height: 1.5; +} +abbr { + border-bottom: 1px black dotted; + cursor: help; +} +pre, +code { + font-family: Menlo, Monaco, "Courier New", monospace; +} + +code, +.md-fences { + color: #7a7a7a; +} + +.md-fences { + padding: 1.125em; + margin-bottom: 0.88em; + font-size: 1rem; + border: 1px solid #7a7a7a; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} + +blockquote { + padding: 1.33em; + font-style: italic; + border-left: 5px solid #7a7a7a; + color: #555; +} +blockquote em { + color: #000; +} +blockquote footer { + font-size: .85rem; + font-style: normal; + background-color: #fff; + color: #7a7a7a; + border-color: transparent; +} +h1, +.h1, +h2, +.h2, +h3, +.h3, +h4, +.h4, +h5, +.h5, +h6, +.h6 { + font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif; + font-weight: bold; + line-height: 1.2; + margin: 1em 0 0.5em; +} +@media screen and (min-width: 48em) { + .h1, + h1 { + font-size: 3.250rem; + } + .h2, + h2 { + font-size: 2.298rem; + } + .h3, + h3 { + font-size: 1.625rem; + } + .h4, + h4 { + font-size: 1.3rem; + } + #write>h4.md-focus:before, + #write>h5.md-focus:before, + #write>h6.md-focus:before{ + top: 1px; + } + .p, + p, + li { + font-size: 1.25rem; + line-height: 1.8; + } + table { + font-size: 1.25rem; + } +} +@media (max-width: 48em) { + blockquote { + margin-left: 1rem; + margin-right: 0; + padding: 0.5em; + } + .h1, + h1 { + font-size: 2.827rem; + } + .h2, + h2 { + font-size: 1.999rem; + } + .h3, + h3 { + font-size: 1.413rem; + } + .h4, + h4 { + font-size: 1.3rem; + } +} +@media screen and (min-width: 64em) { + .h1, + h1 { + font-size: 4.498rem; + } + .h2, + h2 { + font-size: 2.29rem; + } + .h3, + h3 { + font-size: 1.9rem; + } + .h4, + h4 { + font-size: 1.591rem; + } + #write>h4.md-focus:before{ + top:4px; + } +} +a { + color: #463F5C; + text-decoration: underline; +} + +#write { + padding-top: 2rem; +} + +#write pre.md-meta-block { + min-height: 35px; + padding: 0.5em 1em; + white-space: pre; + border: 0px; + + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; + width: 100vw; + max-width: calc(100% + 60px); + + margin-left: -30px; + margin-bottom: 2em; + margin-top: -2010px; + padding-top: 2000px; + padding-bottom: 10px; + line-height: 1.5em; + color: #7a7a7a; + background-color: #fafafa; + font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; + font-weight: 300; + clear: both; + padding-left: 0; + font-size:1.125rem; +} +.md-image>.md-meta { + color: #463F5C +} +.footnotes { + font-size:1.1rem; +} +.md-tag { + font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; +} +.code-tooltip { + background: white; +} +.code-tooltip-content { + font-size: 1.1rem; +} + +.task-list{ + padding-left: 0; +} + +.md-task-list-item { + padding-left:34px; +} + +.md-task-list-item > input{ + width: 1.25rem; + height: 1.25rem; + display: block; + -webkit-appearance: initial; + top: -0.2rem; + margin-left: -1.6em; + margin-top: calc(1rem - 7px); + border: none; +} + +.md-task-list-item > input:focus{ + outline: none; + box-shadow: none; +} + +.md-task-list-item > input:before{ + border: 1px solid #555; + border-radius: 1.5rem; + width: 1.5rem; + height: 1.5rem; + background: #fff; + content: ' '; + transition: background-color 200ms ease-in-out; + display: block; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + background: #333; + border-width: 2px; + display:inline-block; + transition: background-color 200ms ease-in-out; +} + +.md-task-list-item > input:checked:after, +.md-task-list-item > input[checked]:after { + opacity: 1; +} + +.md-task-list-item > input:after { + opacity: 1; + -webkit-transition: opacity 0.05s ease-in-out; + -moz-transition: opacity 0.05s ease-in-out; + transition: opacity 0.05s ease-in-out; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); + position: absolute; + top: 0.4375rem; + left: 0.28125rem; + width: 0.9375rem; + height: 0.5rem; + border: 3px solid #fff; + border-top: 0; + border-right: 0; + content: ' '; + opacity: 0; +} + +.md-tag { + color:inherit; +} + +.md-toc:focus .md-toc-content{ + margin-top: 19px; +} + +#typora-sidebar { + font-size:1rem !important; +} + +.html-for-mac #typora-sidebar { + background-color:white; +} + +.outline-content li, .outline-content ul { + font-size:1rem !important; +} + +.outline-title { + line-height: inherit; + margin-top: 10px; +} + +.outline-expander { + width: 18px; +} + +.outline-expander:before { + content: "+"; + font-family: inherit; + color: rgb(108, 108, 108); + font-size: 1.5rem; + top: -0.1rem; +} + +.outline-expander:hover:before { + content: "+"; +} + +.outline-item-open>.outline-item>.outline-expander:before{ + content: "-"; +} + +/** source code mode */ +#typora-source { + font-family: Courier, monospace; + color: #6A6A6A; +} + +.os-windows #typora-source { + font-family: inherit; +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property, +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + color: #428bca; +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #777777; +} + +.md-diagram-panel { + margin-top: 24px; + margin-left: -1.2em; +} + +.md-mathjax-midline { + background: #fafafa; +} + +.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip { + bottom: -3.4em; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} \ No newline at end of file diff --git a/pixyll/lato-v14-latin-300.woff b/pixyll/lato-v14-latin-300.woff new file mode 100644 index 0000000..ab45ab7 Binary files /dev/null and b/pixyll/lato-v14-latin-300.woff differ diff --git a/pixyll/lato-v14-latin-300italic.woff b/pixyll/lato-v14-latin-300italic.woff new file mode 100644 index 0000000..0287996 Binary files /dev/null and b/pixyll/lato-v14-latin-300italic.woff differ diff --git a/pixyll/lato-v14-latin-900.woff b/pixyll/lato-v14-latin-900.woff new file mode 100644 index 0000000..6f251d9 Binary files /dev/null and b/pixyll/lato-v14-latin-900.woff differ diff --git a/pixyll/lato-v14-latin-900italic.woff b/pixyll/lato-v14-latin-900italic.woff new file mode 100644 index 0000000..6922b8f Binary files /dev/null and b/pixyll/lato-v14-latin-900italic.woff differ diff --git a/pixyll/merriweather-v19-latin-300.woff b/pixyll/merriweather-v19-latin-300.woff new file mode 100644 index 0000000..bd499f2 Binary files /dev/null and b/pixyll/merriweather-v19-latin-300.woff differ diff --git a/pixyll/merriweather-v19-latin-300italic.woff b/pixyll/merriweather-v19-latin-300italic.woff new file mode 100644 index 0000000..e7d5209 Binary files /dev/null and b/pixyll/merriweather-v19-latin-300italic.woff differ diff --git a/pixyll/merriweather-v19-latin-700.woff b/pixyll/merriweather-v19-latin-700.woff new file mode 100644 index 0000000..54fd386 Binary files /dev/null and b/pixyll/merriweather-v19-latin-700.woff differ diff --git a/pixyll/merriweather-v19-latin-700italic.woff b/pixyll/merriweather-v19-latin-700italic.woff new file mode 100644 index 0000000..a390989 Binary files /dev/null and b/pixyll/merriweather-v19-latin-700italic.woff differ diff --git a/whitey.css b/whitey.css new file mode 100644 index 0000000..b354bda --- /dev/null +++ b/whitey.css @@ -0,0 +1,292 @@ +html { + font-size: 19px; +} + +html, body { + margin: auto; + background: #fefefe; + -webkit-font-smoothing: antialiased; +} +body { + font-family: "Vollkorn", Palatino, Times; + color: #333; + line-height: 1.4; + text-align: justify; +} + +#write { + max-width: 960px; + margin: 0 auto; + margin-bottom: 2em; + line-height: 1.53; + padding-top: 40px; +} + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1100px; + } +} + +@media print { + html { + font-size: 13px; + } +} + +/* Typography +-------------------------------------------------------- */ + +#write>h1:first-child, +h1 { + margin-top: 1.6em; + font-weight: normal; +} + +h1 { + font-size:3em; +} + +h2 { + margin-top:2em; + font-weight: normal; +} + +h3 { + font-weight: normal; + font-style: italic; + margin-top: 3em; +} + +h1, +h2, +h3{ + text-align: center; +} + +h2:after{ + border-bottom: 1px solid #2f2f2f; + content: ''; + width: 100px; + display: block; + margin: 0 auto; + height: 1px; +} + +h1+h2, h2+h3 { + margin-top: 0.83em; +} + +p, +.mathjax-block { + margin-top: 0; + -webkit-hypens: auto; + -moz-hypens: auto; + hyphens: auto; +} +ul { + list-style: square; + padding-left: 1.2em; +} +ol { + padding-left: 1.2em; +} +blockquote { + margin-left: 1em; + padding-left: 1em; + border-left: 1px solid #ddd; +} +code, +pre { + font-family: "Consolas", "Menlo", "Monaco", monospace, serif; + font-size: .9em; + background: white; +} +.md-fences{ + margin-left: 1em; + padding-left: 1em; + border: 1px solid #ddd; + padding-bottom: 8px; + padding-top: 6px; + margin-bottom: 1.5em; +} + +a { + color: #2484c1; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a img { + border: none; +} +h1 a, +h1 a:hover { + color: #333; + text-decoration: none; +} +hr { + color: #ddd; + height: 1px; + margin: 2em 0; + border-top: solid 1px #ddd; + border-bottom: none; + border-left: 0; + border-right: 0; +} +.ty-table-edit { + background: #ededed; + padding-top: 4px; +} +table { + margin-bottom: 1.333333rem +} +table th, +table td { + padding: 8px; + line-height: 1.333333rem; + vertical-align: top; + border-top: 1px solid #ddd +} +table th { + font-weight: bold +} +table thead th { + vertical-align: bottom +} +table caption+thead tr:first-child th, +table caption+thead tr:first-child td, +table colgroup+thead tr:first-child th, +table colgroup+thead tr:first-child td, +table thead:first-child tr:first-child th, +table thead:first-child tr:first-child td { + border-top: 0 +} +table tbody+tbody { + border-top: 2px solid #ddd +} + +.task-list{ + padding:0; +} + +.md-task-list-item { + padding-left: 1.6rem; +} + +.md-task-list-item > input:before { + content: '\221A'; + display: inline-block; + width: 1.33333333rem; + height: 1.6rem; + vertical-align: middle; + text-align: center; + color: #ddd; + background-color: #fefefe; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before{ + color: inherit; +} +.md-tag { + color: inherit; + font: inherit; +} +#write pre.md-meta-block { + min-height: 35px; + padding: 0.5em 1em; +} +#write pre.md-meta-block { + white-space: pre; + background: #f8f8f8; + border: 0px; + color: #999; + + width: 100vw; + max-width: calc(100% + 60px); + margin-left: -30px; + border-left: 30px #f8f8f8 solid; + border-right: 30px #f8f8f8 solid; + + margin-bottom: 2em; + margin-top: -1.3333333333333rem; + padding-top: 26px; + padding-bottom: 10px; + line-height: 1.8em; + font-size: 0.9em; + font-size: 0.76em; + padding-left: 0; +} +.md-img-error.md-image>.md-meta{ + vertical-align: bottom; +} +#write>h5.md-focus:before { + top: 2px; +} + +.md-toc { + margin-top: 40px; +} + +.md-toc-content { + padding-bottom: 20px; +} + +.outline-expander:before { + color: inherit; + font-size: 14px; + top: auto; + content: "\f0da"; + font-family: FontAwesome; +} + +.outline-expander:hover:before, +.outline-item-open>.outline-item>.outline-expander:before { + content: "\f0d7"; +} + +/** source code mode */ +#typora-source { + font-family: Courier, monospace; + color: #6A6A6A; +} + +.html-for-mac #typora-sidebar { + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} + +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property, +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor { + color: #428bca; +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #777777; +} + +.typora-node .file-list-item-parent-loc, +.typora-node .file-list-item-time, +.typora-node .file-list-item-summary { + font-family: arial, sans-serif; +} + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: calc(1rem - 12px); +} + +.md-mathjax-midline { + background: #fafafa; +} + +.md-fences .code-tooltip { + bottom: -2em !important; +} + +.dropdown-menu .divider { + border-color: #e5e5e5; +} \ No newline at end of file diff --git a/zj.css b/zj.css new file mode 100644 index 0000000..dac6ca1 --- /dev/null +++ b/zj.css @@ -0,0 +1,776 @@ +@import 'zj/fonts.css'; +:root { + --side-bar-bg-color: #fff; + --control-text-color: #777; + --select-text-bg-color: #ffafa3; + --active-file-text-color: #262626; + --active-file-border-color: #f22f27; + /* --active-file-bg-color: #fff3f0; */ + --primary-color: #f22f27; + /* 中性色 */ + --mid-1: #ffffff; + --mid-2: #fafafa; + --mid-3: #f5f5f5; + --mid-4: #f0f0f0; + --mid-5: #d9d9d9; + --mid-6: #bfbfbf; + --mid-7: #8c8c8c; + --mid-8: #595959; + --mid-9: #434343; + --mid-10: #262626; + --mid-11: #1f1f1f; + --mid-12: #141414; + --mid-13: #000000; + /* 主题色 */ + --main-1: #fff3f0; + --main-2: #ffd4cc; + --main-3: #ffafa3; + --main-4: #ff887a; + --main-5: #ff5d52; + --main-6: #f22f27; + --main-7: #cc1616; + --main-8: #a60a0f; + --main-9: #80010a; + --main-10: #590009; +} + +html { + font-size: 17px; +} + +body { + font-family: "Vollkorn", Palatino, Times; + /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */ + color: var(--mid-13); + -webkit-font-smoothing: antialiased; + line-height: 1.8rem; + letter-spacing: 0; + margin: 0; + overflow-x: hidden; +} + +#write { + max-width: 860px; + margin: 0 auto; + padding: 20px 30px 160px; +} + +#write p { + line-height: 1.8rem; + word-spacing: .05rem; + /* color: #3f3f3f; */ + color: var(--mid-13); +} + + +/* #write ol li { + padding-left: 0.5rem; +} */ + +#write>ul:first-child, +#write>ol:first-child { + margin-top: 30px; +} + +body>*:first-child { + margin-top: 0 !important; +} + +body>*:last-child { + margin-bottom: 0 !important; +} + + +/* a { + color: var(--main-6); + font-weight: 500; + padding: 0 2px; + text-decoration: none; +} */ + +a { + color: blue; + font-weight: 500; + padding: 0 2px; + text-decoration: none; +} + + +/* 链接 */ + + +/* #write a { + border-bottom: 1px solid var(--main-6); + color: var(--main-6); + text-decoration: none; +} */ + +#write a { + border-bottom: 1px solid blue; + color: blue; + text-decoration: none; +} + + +/* 目录 */ + +#write a.md-toc-inner { + line-height: 1.6; + white-space: pre-line; + border-bottom: none; +} + +#write a:hover { + border-bottom: 2px solid var(--main-6); + color: var(--main-7); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + position: relative; + margin-top: 1rem; + margin-bottom: 1rem; + font-weight: bold; + line-height: 1.4; + cursor: text; +} + +h1:hover a.anchor, +h2:hover a.anchor, +h3:hover a.anchor, +h4:hover a.anchor, +h5:hover a.anchor, +h6:hover a.anchor { + text-decoration: none; +} + +h1 tt, +h1 code { + font-size: inherit !important; +} + +h2 tt, +h2 code { + font-size: inherit !important; +} + +h3 tt, +h3 code { + font-size: inherit !important; +} + +h4 tt, +h4 code { + font-size: inherit !important; +} + +h5 tt, +h5 code { + font-size: inherit !important; +} + +h6 tt, +h6 code { + font-size: inherit !important; +} + +h2 a, +h3 a { + color: #34495e; +} + +h1 { + text-align: left; + padding-bottom: 0.3em; + font-size: 2.2em; + line-height: 1.2; + margin: 2.4em auto 1.2em; + color: var(--main-10); +} + +h1:after { + content: ''; + display: block; + margin: 0.2em auto 0; + width: 100px; + height: 2px; + border-bottom: 2px solid var(--main-6); +} + +h2 { + margin: 2em auto 1.4em; + /* padding-left: 10px; */ + /* display:inline-block; */ + line-height: 1.4; + font-size: 1.8em; + /* border-left: 9px solid var(--main-6); */ + /* border-bottom: 1px solid #ddd; */ + border-bottom: 1px solid var(--main-6); +} + +h2::before { + content: '# '!important; + color: #f22f27; +} + +h3 { + font-size: 1.4em; + line-height: 1.43; + margin: 1.6em auto 1.2em; + padding-left: 9px; + border-left: 5px solid #f22f27; +} + + +/* 三级四级标题点击后左边的提示图标 */ + +#write>h3.md-focus:before, +#write>h4.md-focus:before { + width: auto; + height: auto; + background-color: var(--main-5); + color: var(--mid-1); +} + +h4 { + margin-top: 1.3em; + font-size: 1.2em; + padding-left: 6px; + padding-right: 6px; + display: inline-block; + border: 1px solid var(--main-6); + border-top: 4px solid var(--main-6); +} + +#write h5::before, +#write h6::before { + position: absolute; + right: calc(100% + .75em); + top: 0; + color: #5b5b5b; + font-size: 0.8rem; + font-weight: bold; + font-variant: 'small-caps'; + white-space: nowrap; + /* 文本强制不换行 */ + border: 0; +} + +#write h5 { + /* margin-left: 2em; */ + font-size: 1rem; +} + +#write h6 { + /* margin-left: 2.5em; */ + font-size: 1rem; +} + +#write h5::before { + content: 'H5'; + top: 0.18rem; +} + +#write h6::before { + content: 'H6'; + top: 0.18rem; +} + +p, +blockquote, +ul, +ol, +dl, +table { + margin: 0.8em 0; +} + +li>ol, +li>ul { + margin: 0 0; +} + +hr { + height: 2px; + padding: 0; + margin: 16px 0; + background-color: #e7e7e7; + border: 0 none; + overflow: hidden; + box-sizing: content-box; +} + +body>h2:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child { + margin-top: 0; + padding-top: 0; +} + +body>h1:first-child+h2 { + margin-top: 0; + padding-top: 0; +} + +body>h3:first-child, +body>h4:first-child, +body>h5:first-child, +body>h6:first-child { + margin-top: 0; + padding-top: 0; +} + +a:first-child h1, +a:first-child h2, +a:first-child h3, +a:first-child h4, +a:first-child h5, +a:first-child h6 { + margin-top: 0; + padding-top: 0; +} + +h1 p, +h2 p, +h3 p, +h4 p, +h5 p, +h6 p { + margin-top: 0; +} + +#write ol, +#write ul { + padding-left: 25px; + margin: .5rem 0; +} + +#write ol>li, +#write ul>li { + color: #db4d52; + font-weight: bold; +} + +#write ol>li>*, +#write ul>li>* { + color: #333; + font-weight: normal; +} + +#write ol>li>*:not(ol):not(ul), +#write ul>li>*:not(ol):not(ul) { + padding-left: .25rem; +} + +#write ul { + list-style-type: disc; +} + +blockquote { + border-left: 4px solid rgb(239, 112, 96); + padding: 10px 15px; + color: #3f3f3f; + background-color: #fff9f9; +} + +table { + padding: 0; + word-break: initial; +} + +table tr { + border-top: 1px solid var(--main-6); + margin: 0; + padding: 0; +} + +table tr:nth-child(2n), +thead { + background-color: #fafafa; +} + +table tr th { + font-weight: bold; + border: 1px solid var(--main-6); + border-bottom: 0; + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr td { + border: 1px solid var(--main-6); + text-align: left; + margin: 0; + padding: 6px 13px; +} + +table tr th:first-child, +table tr td:first-child { + margin-top: 0; +} + +table tr th:last-child, +table tr td:last-child { + margin-bottom: 0; +} + +#write strong { + padding: 0.1em; + color: #dc3545; +} + +#write em { + padding: 0 2px 0 2px; + font-style: normal; + color: #ff3502; + /* color: #595959; + background: #F6EEFF; */ +} + + +/* 数学公式变蓝 */ + +[md-inline='inline_math'] { + color: blue; + font-size: 100%; +} + + +/* 表格第一行 */ + + +/* #write table thead th { + background-color: var(--main-7); + color: #f8f8f8; +} */ + + +/* 行号左框线 */ + +#write .CodeMirror-gutters { + border-right: 1px solid rgba(204, 51, 0); +} + + +/* 代码框 */ + +#write .md-fences { + border: 1px solid #7a7a7a; + -webkit-font-smoothing: initial; + margin: 2rem 0 !important; + /* padding: 0.3rem 0 !important; */ + padding: 3px 5px; + line-height: 1.55rem; + border-radius: 2px; + font-family: 'Roboto Mono', 'Source Sans Pro', 'Microsoft YaHei', '微软雅黑' !important; + font-size: 0.9rem; + word-wrap: normal; +} + +#write [mdtype="math_block"] { + font-size: 1.2rem; +} + +#write .CodeMirror-wrap .CodeMirror-code pre { + padding-left: 12px; + line-height: 1.55rem; +} + +.cm-s-inner .CodeMirror-linenumber { + width: 2ch !important; + color: rgba(128, 128, 255, 0.8); +} + +#write .CodeMirror-cursors .CodeMirror-cursor { + border-left: 2px solid var(--main-4); +} + + +/* 行间代码 */ + +#write code, +tt { + padding: 2px 4px; + border-radius: 2px; + font-family: 'Source Code Pro', Roboto Mono, Source Sans Pro, 'Microsoft YaHei', '微软雅黑' !important; + font-size: 0.92rem; + color: #ff3502; + background-color: #f8f5ec; + /* color: #c7254e; + background-color: #f9f2f4; */ +} + +tt { + margin: 0 2px; +} + +#write .md-footnote { + background-color: #f8f8f8; + color: #e96900; +} + + +/* 流程图块 */ + +#write .md-diagram-panel { + position: relative; + margin: 24px auto; +} + +#write .md-focus .md-diagram-panel { + border: 1px solid var(--main-4); + border-radius: 4px; +} + + +/* heighlight. */ + +#write mark { + background-color: #EBFFEB; + border-radius: 2px; + padding: 2px 4px; + margin: 0 2px; + color: #222; + font-weight: 500; +} + +#write del { + padding: 1px 2px; +} + +.cm-s-inner .cm-link, +.cm-s-inner.cm-link { + color: #22a2c9; +} + +.cm-s-inner .cm-string { + color: #22a2c9; +} + + +/* 任务列表小方框 */ + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: 0.3rem; + -webkit-appearance: none; +} + +.md-task-list-item>input:before { + content: ''; + display: inline-block; + width: 0.875rem; + height: 0.875rem; + vertical-align: middle; + text-align: center; + font-size: 0.8rem; + color: var(--mid-1); + border-radius: 2px; + border: 1px solid var(--main-4); + margin-top: -0.4rem; + transition: all 0.2s linear; +} + +.md-task-list-item>input:checked:before, +.md-task-list-item>input[checked]:before { + content: '\2714'; + font-size: 0.625rem; + color: var(--mid-1); + border: 1px solid var(--main-6); + background-color: var(--main-6); +} + + +/* @media print { + html { + font-size: 13px; + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} */ + + +/* .md-fences { + background-color: #f8f8f8; +} */ + +#write pre.md-meta-block { + /* padding: 1rem; */ + font-size: 85%; + line-height: 1.45; + background-color: #f7f7f7; + border: 0; + border-radius: 3px; + color: #777777; + margin-top: 0 !important; +} + +.mathjax-block>.code-tooltip { + bottom: .375rem; + /* bottom: .575rem; */ +} + +#write>h3.md-focus:before { + left: -1.5625rem; + top: .375rem; +} + +#write>h4.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h5.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + +#write>h6.md-focus:before { + left: -1.5625rem; + top: .285714286rem; +} + + +/*--- 图片 ---*/ + +.md-image { + margin: 24px auto; + border-radius: 4px; +} + +.md-image img { + border-radius: 4px; +} + + +/* 当 “![shadow-随便写]()”写时，会有阴影 */ + +.md-image img[alt|='shadow'] { + /* box-shadow: 0 4px 24px -6px #ddd; */ + box-shadow: #84A1A8 0px 10px 15px; +} + +.md-image>.md-meta { + border-radius: 3px; + font-family: Consolas, 'Liberation Mono', Courier, monospace; + padding: 2px 0 0 4px; + font-size: 0.9em; + color: inherit; +} + +.md-tag { + color: inherit; +} + +.md-toc { + margin-top: 20px; + padding-bottom: 20px; +} + +.sidebar-tabs { + border-bottom: none; +} + +#typora-quick-open { + border: 1px solid #ddd; + background-color: #f8f8f8; +} + +#typora-quick-open-item { + background-color: #FAFAFA; + border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee; + border-style: solid; + border-width: 1px; +} + +#md-notification:before { + top: 10px; +} + + +/** focus mode */ + +.on-focus-mode blockquote { + border-left-color: rgba(85, 85, 85, 0.12); +} + +header, +.context-menu, +.megamenu-content, +footer { + font-family: 'Segoe UI', 'Arial', sans-serif; +} + +.file-node-content:hover .file-node-icon, +.file-node-content:hover .file-node-open-state { + visibility: visible; +} + +.mac-seamless-mode #typora-sidebar { + background-color: var(--side-bar-bg-color); +} + +.md-lang { + color: #b4654d; +} + +.html-for-mac .context-menu { + --item-hover-bg-color: #e6f0fe; +} + + +/* 侧边栏 */ + +.file-list-item.active { + background: var(--active-file-bg-color); + color: var(--active-file-text-color); + border-left: 4px solid var(--main-6); +} + +.file-tree-node.active>.file-node-background { + background-color: var(--active-file-bg-color); + border-left: 4px solid var(--main-6); + border-color: var(--active-file-border-color); +} + +@media print { + .typora-export * { + -webkit-print-color-adjust: exact; + } + html { + font-size: 16px!important; + } + body { + /* font-family: 'Source Han SerifCN', Georgia, Times, 'SimSun', serif!important; */ + /* font-size: 16px!important; */ + font-family: Times, 'SimSun', serif!important; + color: #000000!important; + } + p { + color: #000000!important; + } + a { + color: blue!important; + /* border-bottom: 1px solid blue!important; */ + } + table, + pre { + page-break-inside: avoid; + } + pre { + word-wrap: break-word; + } +} \ No newline at end of file diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 new file mode 100644 index 0000000..5e0f446 Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 new file mode 100644 index 0000000..b561ef8 Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 new file mode 100644 index 0000000..6a1f337 Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 new file mode 100644 index 0000000..7e8c634 Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 new file mode 100644 index 0000000..3260634 Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 new file mode 100644 index 0000000..efa300c Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 differ diff --git a/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 new file mode 100644 index 0000000..470d33e Binary files /dev/null and b/zj/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 new file mode 100644 index 0000000..0889551 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 new file mode 100644 index 0000000..a29a96f Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 new file mode 100644 index 0000000..e379bed Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 new file mode 100644 index 0000000..41ac8e6 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 new file mode 100644 index 0000000..09c558c Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 new file mode 100644 index 0000000..3c380a7 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 new file mode 100644 index 0000000..b9f908e Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 new file mode 100644 index 0000000..763f64f Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 new file mode 100644 index 0000000..595ae61 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 new file mode 100644 index 0000000..bfb4050 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 new file mode 100644 index 0000000..48e4fc1 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 new file mode 100644 index 0000000..74ab045 Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 new file mode 100644 index 0000000..acf33ce Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 differ diff --git a/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 new file mode 100644 index 0000000..e9fdc8b Binary files /dev/null and b/zj/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..0b611ea Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..546eb3b Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..238154e Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..8b628b2 Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..65443e0 Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 new file mode 100644 index 0000000..31110fe Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2 differ diff --git a/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 b/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 new file mode 100644 index 0000000..da29d9d Binary files /dev/null and b/zj/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2 differ diff --git a/zj/SourceHanSerifCN-Bold.woff2 b/zj/SourceHanSerifCN-Bold.woff2 new file mode 100644 index 0000000..86e99f6 Binary files /dev/null and b/zj/SourceHanSerifCN-Bold.woff2 differ diff --git a/zj/SourceHanSerifCN-Regular.woff2 b/zj/SourceHanSerifCN-Regular.woff2 new file mode 100644 index 0000000..caa3f6d Binary files /dev/null and b/zj/SourceHanSerifCN-Regular.woff2 differ diff --git a/zj/fonts.css b/zj/fonts.css new file mode 100644 index 0000000..3122066 --- /dev/null +++ b/zj/fonts.css @@ -0,0 +1,320 @@ +/* cyrillic-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: 400; + src: local('Roboto Mono'), local('RobotoMono-Regular'), url('./L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 300; + src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('./6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + + +/* cyrillic-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2') format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; +} + + +/* cyrillic */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2') format('woff2'); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; +} + + +/* greek-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2') format('woff2'); + unicode-range: U+1F00-1FFF; +} + + +/* greek */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2') format('woff2'); + unicode-range: U+0370-03FF; +} + + +/* vietnamese */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2') format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; +} + + +/* latin-ext */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + + +/* latin */ + +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 600; + src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('./6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +@font-face { + font-family: 'Source Han SerifCN'; + src: local('Source Han SerifCN Regular'), local('SourceHanSerifCN-Regular'), url('./SourceHanSerifCN-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Source Han SerifCN'; + src: local('Source Han SerifCN Bold'), local('SourceHanSerifCN-Bold'), url('./SourceHanSerifCN-Bold.woff2') format('woff2'); + font-weight: bold; + font-style: normal; +} \ No newline at end of file