Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
9f3a4e8812 | ||
|
|
5e1351408e | ||
|
|
93afc99e7d | ||
|
|
b9feb2f764 | ||
|
|
97a70bc23b | ||
|
|
437619cfff | ||
|
|
10ef109353 |
46
README.md
46
README.md
@@ -1,8 +1,8 @@
|
|||||||
## 更新说明
|
## 更新说明
|
||||||
> [!IMPORTANT]
|
> [!IMPORTANT]
|
||||||
> NoteToMP 1.3.0版本对主题进行了优化，升级后请先清理旧版本主题文件，再重新下载新版主题。
|
> Note2Any 1.3.0版本对主题进行了优化，升级后请先清理旧版本主题文件，再重新下载新版主题。
|
||||||
>
|
>
|
||||||
> 操作步骤：在NoteToMP插件设置中，先点击『清空主题-清空』，然后点击『获取更多主题-下载』
|
> 操作步骤：在Note2Any插件设置中，先点击『清空主题-清空』，然后点击『获取更多主题-下载』
|
||||||
>
|
>
|
||||||
> 注意：如果修改过主题文件请做备份后再操作。
|
> 注意：如果修改过主题文件请做备份后再操作。
|
||||||
|
|
||||||
@@ -49,30 +49,30 @@
|
|||||||
```
|
```
|
||||||
路径日志做了节流：同一文件 3 秒内不重复打印。后续可加"调试开关"以完全关闭。
|
路径日志做了节流：同一文件 3 秒内不重复打印。后续可加"调试开关"以完全关闭。
|
||||||
|
|
||||||
### 摘要、封面裁剪、原文链接等ges/screenshot.png)
|
### 摘要、封面裁剪、原文链接等
|
||||||
|
|
||||||
## 2、安装
|
## 2、安装
|
||||||
首先，**请确认已关闭了Obsidian的安全模式**。如未关闭，请通过**设置——第三方插件——关闭安全模式**关闭。
|
首先，**请确认已关闭了Obsidian的安全模式**。如未关闭，请通过**设置——第三方插件——关闭安全模式**关闭。
|
||||||
### 2.1 插件安装
|
### 2.1 插件安装
|
||||||
|
|
||||||
#### 从官方**社区插件市场**安装
|
#### 从官方**社区插件市场**安装
|
||||||
通过Obsidian**设置——第三方插件——社区插件市场**，输入**NoteToMP**搜索安装。
|
通过Obsidian**设置——第三方插件——社区插件市场**，输入**Note2Any**搜索安装。
|
||||||
|
|
||||||
### 2.2 主题资源安装
|
### 2.2 主题资源安装
|
||||||
如果采用的是用从插件市场或者Github下载安装的方式，在插件安装完成后还需要再下载主题资源。网盘里的安装包已经集成了主题样式，无需下载。
|
如果采用的是用从插件市场或者Github下载安装的方式，在插件安装完成后还需要再下载主题资源。网盘里的安装包已经集成了主题样式，无需下载。
|
||||||
|
|
||||||
**1）通过设置下载**
|
**1）通过设置下载**
|
||||||
为了尽可能保证插件符合官方规范，主题和代码高亮需要打开Obsidian的**设置**界面，在底部的**第三方插件**——**Note to MP**——**获取更多主题**手动下载。
|
为了尽可能保证插件符合官方规范，主题和代码高亮需要打开Obsidian的**设置**界面，在底部的**第三方插件**——**Note 2 Any**——**获取更多主题**手动下载。
|
||||||
|
|
||||||
**2）手动下载**
|
**2）手动下载**
|
||||||
也可以直接在[Release](https://github.com/sunbooshi/note-to-mp/releases)页面下载`assets.zip`文件，解压后放到`.obsidian/plugins/note-to-mp/assets`目录下。
|
也可以直接在[Release](https://biboer.cn/gitea/gavin/note2any/releases)页面下载`assets.zip`文件，解压后放到`.obsidian/plugins/note2any/assets`目录下。
|
||||||
|
|
||||||
### 2.3 常见安装问题
|
### 2.3 常见安装问题
|
||||||
|
|
||||||
**只有默认主题**
|
**只有默认主题**
|
||||||
确认根据**2.2 主题资源安装**里的步骤操作了，然后检查一下插件目录内容，应如下所示：
|
确认根据**2.2 主题资源安装**里的步骤操作了，然后检查一下插件目录内容，应如下所示：
|
||||||
```
|
```
|
||||||
.obsidian/plugins/note-to-mp/
|
.obsidian/plugins/note2any/
|
||||||
├── assets
|
├── assets
|
||||||
│ ├── themes.json
|
│ ├── themes.json
|
||||||
│ ├── highlights.json
|
│ ├── highlights.json
|
||||||
@@ -177,36 +177,36 @@ c=+-sqrt(a^2+b^2)
|
|||||||
```
|
```
|
||||||
````
|
````
|
||||||
|
|
||||||
然后打开NoteToMP插件设置，将**自定义样式**（即包含自定义CSS内容的笔记名称），粘贴到**自定义CSS笔记**中即可。如果不使用自定义CSS，留空即可。
|
然后打开Note2Any插件设置，将**自定义样式**（即包含自定义CSS内容的笔记名称），粘贴到**自定义CSS笔记**中即可。如果不使用自定义CSS，留空即可。
|
||||||
|
|
||||||
关于自定义CSS的写法可以参考下面的代码
|
关于自定义CSS的写法可以参考下面的代码
|
||||||
```css
|
```css
|
||||||
/* 全局属性
|
/* 全局属性
|
||||||
* 这里可以设置字体，字体大小，边距，背景颜色等
|
* 这里可以设置字体，字体大小，边距，背景颜色等
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 段落 */
|
/* 段落 */
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 一级标题 */
|
/* 一级标题 */
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 二级标题 */
|
/* 二级标题 */
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 三级标题 */
|
/* 三级标题 */
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -214,38 +214,38 @@ c=+-sqrt(a^2+b^2)
|
|||||||
/* 无序列表整体样式
|
/* 无序列表整体样式
|
||||||
* list-style-type: square|circle|disc;
|
* list-style-type: square|circle|disc;
|
||||||
*/
|
*/
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 加粗 */
|
/* 加粗 */
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 斜体 */
|
/* 斜体 */
|
||||||
.note-to-mp em {
|
.note2any em {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 加粗斜体 */
|
/* 加粗斜体 */
|
||||||
.note-to-mp em strong {
|
.note2any em strong {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 删除线 */
|
/* 删除线 */
|
||||||
.note-to-mp del {
|
.note2any del {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 分隔线
|
/* 分隔线
|
||||||
*/
|
*/
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
/* 图片
|
/* 图片
|
||||||
*/
|
*/
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
/* 注：请在大括号内改写！！！ */
|
/* 注：请在大括号内改写！！！ */
|
||||||
}
|
}
|
||||||
/*
|
/*
|
||||||
@@ -288,7 +288,7 @@ c=+-sqrt(a^2+b^2)
|
|||||||
|
|
||||||
例如这篇文章[几个让公众号排版更精致的小技巧，手机上也可以！](https://mp.weixin.qq.com/s/Q4_pV9TW8un3qZ0vrUvD1A)👈️使用的自定义样式如下：
|
例如这篇文章[几个让公众号排版更精致的小技巧，手机上也可以！](https://mp.weixin.qq.com/s/Q4_pV9TW8un3qZ0vrUvD1A)👈️使用的自定义样式如下：
|
||||||
```css
|
```css
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-family: Optima-regular, Optima, "Microsoft YaHei", PingFangSC-regular, serif;
|
font-family: Optima-regular, Optima, "Microsoft YaHei", PingFangSC-regular, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -313,7 +313,7 @@ section .note-callout-example {
|
|||||||
background-color: rgba(90, 185, 131, 0.1);
|
background-color: rgba(90, 185, 131, 0.1);
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
上面的例子，通过`.note-to-mp`指定了文章的字体，通过`h2 strong`单独定义了h2标题下strong的样式，这样可以在标题中通过使用粗体增加了一个边框样式。通过`h2`定义了h2标题的底部线条的宽度和文本颜色。这样配合**Olive Dunk**主题就形成了自己的风格。
|
上面的例子，通过`.note2any`指定了文章的字体，通过`h2 strong`单独定义了h2标题下strong的样式，这样可以在标题中通过使用粗体增加了一个边框样式。通过`h2`定义了h2标题的底部线条的宽度和文本颜色。这样配合**Olive Dunk**主题就形成了自己的风格。
|
||||||
### 公众号名片
|
### 公众号名片
|
||||||
|
|
||||||
请参考 https://mp.weixin.qq.com/s/1wYd15Irmv9BPabgp5XMCA
|
请参考 https://mp.weixin.qq.com/s/1wYd15Irmv9BPabgp5XMCA
|
||||||
@@ -341,7 +341,7 @@ NoteToMP插件支持该语法。
|
|||||||
![[文件名称#^段落标记]]
|
![[文件名称#^段落标记]]
|
||||||
```
|
```
|
||||||
|
|
||||||
在NoteToMP插件中有两种展示文件嵌入内容的样式，一种是引用，也就是Obsidian默认的方式，一种是正文，相当于模板的方式。与模板不同的是，采用嵌入方式内容会跟随被嵌入文件的内容更改。
|
在Note2Any插件中有两种展示文件嵌入内容的样式，一种是引用，也就是Obsidian默认的方式，一种是正文，相当于模板的方式。与模板不同的是，采用嵌入方式内容会跟随被嵌入文件的内容更改。
|
||||||
|
|
||||||
## 批量发布（Batch Publish）
|
## 批量发布（Batch Publish）
|
||||||
|
|
||||||
|
|||||||
@@ -1,22 +1,22 @@
|
|||||||
/* =========================================================== */
|
/* =========================================================== */
|
||||||
/* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */
|
/* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */
|
||||||
/* =========================================================== */
|
/* =========================================================== */
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
user-select: text;
|
user-select: text;
|
||||||
-webkit-user-select: text;
|
-webkit-user-select: text;
|
||||||
color: #555;
|
color: #555;
|
||||||
font-family: "Inter", Inter var, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
font-family: "Inter", Inter var, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp:last-child {
|
.note2any:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .fancybox-img {
|
.note2any .fancybox-img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .fancybox-img:hover {
|
.note2any .fancybox-img:hover {
|
||||||
opacity: none;
|
opacity: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
Heading
|
Heading
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 2.25em;
|
font-size: 2.25em;
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
line-height: 1.1111111;
|
line-height: 1.1111111;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
line-height: 1.3333333;
|
line-height: 1.3333333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
@@ -53,7 +53,7 @@
|
|||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
Horizontal Rules
|
Horizontal Rules
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-color: rgba(125, 125, 125, 0.3);
|
border-color: rgba(125, 125, 125, 0.3);
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
margin-bottom: 3em;
|
margin-bottom: 3em;
|
||||||
@@ -77,7 +77,7 @@
|
|||||||
Paragraphs
|
Paragraphs
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -86,16 +86,16 @@
|
|||||||
Emphasis
|
Emphasis
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp em {
|
.note2any em {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -104,7 +104,7 @@
|
|||||||
Blockquotes
|
Blockquotes
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
@@ -114,11 +114,11 @@
|
|||||||
border-left: 0.25rem solid rgba(125, 125, 125, 0.302);
|
border-left: 0.25rem solid rgba(125, 125, 125, 0.302);
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote p {
|
.note2any blockquote p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote footer strong {
|
.note2any blockquote footer strong {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -127,26 +127,26 @@
|
|||||||
List
|
List
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
/* padding: 0; */
|
/* padding: 0; */
|
||||||
margin-top: 1.25em;
|
margin-top: 1.25em;
|
||||||
margin-bottom: 1.25em;
|
margin-bottom: 1.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ul>li {
|
.note2any ul>li {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* padding-left: 1.75rem; */
|
/* padding-left: 1.75rem; */
|
||||||
line-height: 1.8em;
|
line-height: 1.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.note-to-mp ul>li::marker {
|
.note2any ul>li::marker {
|
||||||
color: #555;
|
color: #555;
|
||||||
/* font-size: 1.5em; */
|
/* font-size: 1.5em; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 1.25em;
|
margin-top: 1.25em;
|
||||||
@@ -154,7 +154,7 @@
|
|||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ol>li {
|
.note2any ol>li {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
@@ -166,7 +166,7 @@
|
|||||||
Link
|
Link
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #000;
|
color: #000;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -175,7 +175,7 @@
|
|||||||
transition: border 0.3s ease-in-out;
|
transition: border 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp a:hover {
|
.note2any a:hover {
|
||||||
border-bottom: 1px solid #555;
|
border-bottom: 1px solid #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -184,7 +184,7 @@
|
|||||||
Table
|
Table
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -197,38 +197,38 @@
|
|||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead {
|
.note2any table thead {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
border-bottom-color: #d1d5db;
|
border-bottom-color: #d1d5db;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th {
|
.note2any table thead th {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
padding-right: 0.5714286em;
|
padding-right: 0.5714286em;
|
||||||
padding-bottom: 0.5714286em;
|
padding-bottom: 0.5714286em;
|
||||||
padding-left: 0.5714286em;
|
padding-left: 0.5714286em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th:first-child {
|
.note2any table thead th:first-child {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th:last-child {
|
.note2any table thead th:last-child {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody tr {
|
.note2any table tbody tr {
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
border-bottom-color: #e5e7eb;
|
border-bottom-color: #e5e7eb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody tr:last-child {
|
.note2any table tbody tr:last-child {
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td {
|
.note2any table tbody td {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-top: 0.5714286em;
|
padding-top: 0.5714286em;
|
||||||
padding-right: 0.5714286em;
|
padding-right: 0.5714286em;
|
||||||
@@ -236,11 +236,11 @@
|
|||||||
padding-left: 0.5714286em;
|
padding-left: 0.5714286em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td:first-child {
|
.note2any table tbody td:first-child {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td:last-child {
|
.note2any table tbody td:last-child {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -249,11 +249,11 @@
|
|||||||
Images
|
Images
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
@@ -263,7 +263,7 @@
|
|||||||
Code
|
Code
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(240, 240, 240);
|
border: solid 1px rgb(240, 240, 240);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -272,7 +272,7 @@
|
|||||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -284,12 +284,12 @@
|
|||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section ul>li {
|
.note2any .code-section ul>li {
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -299,7 +299,7 @@
|
|||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||||
color: #333;
|
color: #333;
|
||||||
background: rgb(250, 250, 250);
|
background: rgb(250, 250, 250);
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(217, 215, 209);
|
color: rgb(217, 215, 209);
|
||||||
background-color: rgb(31, 35, 47);
|
background-color: rgb(31, 35, 47);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(159, 170, 185);
|
color: rgb(159, 170, 185);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(60, 66, 84);
|
background-color: rgb(60, 66, 84);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(254, 203, 102);
|
border-left: 0.2em solid rgb(254, 203, 102);
|
||||||
color: rgb(217, 215, 209);
|
color: rgb(217, 215, 209);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(254, 203, 102);
|
color: rgb(254, 203, 102);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(254, 203, 102) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(254, 203, 102) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(254, 203, 102);
|
color: rgb(254, 203, 102);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(120, 126, 140);
|
color: rgb(120, 126, 140);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(17, 110, 84);
|
background-color: rgb(17, 110, 84);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(207, 208, 203);
|
color: rgb(207, 208, 203);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(24, 28, 37);
|
background-color: rgb(24, 28, 37);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(60, 66, 84);
|
border: 1px solid rgb(60, 66, 84);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(207, 208, 203);
|
color: rgb(207, 208, 203);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(60, 66, 84);
|
border: solid 1px rgb(60, 66, 84);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(107, 104, 132);
|
color: rgb(107, 104, 132);
|
||||||
background-color: rgb(250, 250, 250);
|
background-color: rgb(250, 250, 250);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(77, 82, 85);
|
color: rgb(77, 82, 85);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(191, 193, 196);
|
background-color: rgb(191, 193, 196);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(255, 106, 0);
|
border-left: 0.2em solid rgb(255, 106, 0);
|
||||||
color: rgb(107, 104, 132);
|
color: rgb(107, 104, 132);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(255, 106, 0);
|
color: rgb(255, 106, 0);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(255, 106, 0) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(255, 106, 0) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(230, 103, 0);
|
color: rgb(230, 103, 0);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(141, 143, 149);
|
color: rgb(141, 143, 149);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(230, 249, 189);
|
background-color: rgb(230, 249, 189);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(39, 45, 56);
|
color: rgb(39, 45, 56);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(255, 255, 255);
|
background-color: rgb(255, 255, 255);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(191, 193, 196);
|
border: 1px solid rgb(191, 193, 196);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(39, 45, 56);
|
color: rgb(39, 45, 56);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(191, 193, 196);
|
border: solid 1px rgb(191, 193, 196);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 0 0;
|
padding: 0 0;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: #262626;
|
color: #262626;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: #bfbfbf;
|
background-color: #bfbfbf;
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid #353535;
|
border-left: 0.2em solid #353535;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: #353535;
|
color: #353535;
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #353535 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #353535 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #2478c5;
|
color: #2478c5;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: #525252;
|
color: #525252;
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: #fcffc0;
|
background-color: #fcffc0;
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: #424242;
|
color: #424242;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid #bfbfbf;
|
border: 1px solid #bfbfbf;
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: #424242;
|
color: #424242;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #bfbfbf;
|
border: solid 1px #bfbfbf;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(166, 166, 166);
|
color: rgb(166, 166, 166);
|
||||||
background-color: rgb(46, 50, 53);
|
background-color: rgb(46, 50, 53);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(172, 172, 172);
|
color: rgb(172, 172, 172);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(62, 67, 72);
|
background-color: rgb(62, 67, 72);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(155, 183, 196);
|
border-left: 0.2em solid rgb(155, 183, 196);
|
||||||
color: rgb(166, 166, 166);
|
color: rgb(166, 166, 166);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(155, 183, 196);
|
color: rgb(155, 183, 196);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(155, 183, 196) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(155, 183, 196) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(171, 196, 207);
|
color: rgb(171, 196, 207);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(122, 122, 122);
|
color: rgb(122, 122, 122);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(7, 16, 25);
|
background-color: rgb(7, 16, 25);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(153, 153, 153);
|
color: rgb(153, 153, 153);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(47, 51, 55);
|
background-color: rgb(47, 51, 55);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(62, 67, 72);
|
border: 1px solid rgb(62, 67, 72);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(153, 153, 153);
|
color: rgb(153, 153, 153);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(62, 67, 72);
|
border: solid 1px rgb(62, 67, 72);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(219, 240, 239);
|
color: rgb(219, 240, 239);
|
||||||
background-color: rgb(20, 39, 56);
|
background-color: rgb(20, 39, 56);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(211, 200, 69);
|
color: rgb(211, 200, 69);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(16, 36, 50);
|
background-color: rgb(16, 36, 50);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(252, 133, 30);
|
border-left: 0.2em solid rgb(252, 133, 30);
|
||||||
color: rgb(219, 240, 239);
|
color: rgb(219, 240, 239);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(252, 133, 30);
|
color: rgb(252, 133, 30);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(252, 133, 30) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(252, 133, 30) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(54, 201, 155);
|
color: rgb(54, 201, 155);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(172, 191, 195);
|
color: rgb(172, 191, 195);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(61, 0, 77);
|
background-color: rgb(61, 0, 77);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(225, 239, 243);
|
color: rgb(225, 239, 243);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(21, 45, 62);
|
background-color: rgb(21, 45, 62);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(16, 36, 50);
|
border: 1px solid rgb(16, 36, 50);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(225, 239, 243);
|
color: rgb(225, 239, 243);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(16, 36, 50);
|
border: solid 1px rgb(16, 36, 50);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
background-color: #F9F9F9;
|
background-color: #F9F9F9;
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: #262626;
|
color: #262626;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: #bfbfbf;
|
background-color: #bfbfbf;
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid #2478c5;
|
border-left: 0.2em solid #2478c5;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: #2478c5;
|
color: #2478c5;
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2478c5 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2478c5 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #2478c5;
|
color: #2478c5;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: #525252;
|
color: #525252;
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: #d3ffa4;
|
background-color: #d3ffa4;
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: #424242;
|
color: #424242;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid #bfbfbf;
|
border: 1px solid #bfbfbf;
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: #424242;
|
color: #424242;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #bfbfbf;
|
border: solid 1px #bfbfbf;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(0, 0, 0);
|
color: rgb(0, 0, 0);
|
||||||
background-color: rgb(251, 250, 252);
|
background-color: rgb(251, 250, 252);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(0, 0, 0);
|
color: rgb(0, 0, 0);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(199, 199, 199);
|
background-color: rgb(199, 199, 199);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(127, 127, 127);
|
border-left: 0.2em solid rgb(127, 127, 127);
|
||||||
color: rgb(0, 0, 0);
|
color: rgb(0, 0, 0);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(127, 127, 127);
|
color: rgb(127, 127, 127);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(127, 127, 127) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(127, 127, 127) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(80, 112, 139);
|
color: rgb(80, 112, 139);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(128, 126, 128);
|
color: rgb(128, 126, 128);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(254, 255, 83);
|
background-color: rgb(254, 255, 83);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(38, 37, 38);
|
color: rgb(38, 37, 38);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(253, 253, 253);
|
background-color: rgb(253, 253, 253);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(199, 199, 199);
|
border: 1px solid rgb(199, 199, 199);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(38, 37, 38);
|
color: rgb(38, 37, 38);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(199, 199, 199);
|
border: solid 1px rgb(199, 199, 199);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(221, 221, 221);
|
color: rgb(221, 221, 221);
|
||||||
background-color: rgb(30, 32, 34);
|
background-color: rgb(30, 32, 34);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(203, 219, 229);
|
color: rgb(203, 219, 229);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(87, 87, 87);
|
background-color: rgb(87, 87, 87);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(74, 168, 251);
|
border-left: 0.2em solid rgb(74, 168, 251);
|
||||||
color: rgb(221, 221, 221);
|
color: rgb(221, 221, 221);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(74, 168, 251);
|
color: rgb(74, 168, 251);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(74, 168, 251) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(74, 168, 251) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(107, 202, 251);
|
color: rgb(107, 202, 251);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(111, 115, 115);
|
color: rgb(111, 115, 115);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(38, 60, 146);
|
background-color: rgb(38, 60, 146);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(255, 254, 255);
|
color: rgb(255, 254, 255);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(36, 36, 36);
|
background-color: rgb(36, 36, 36);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(87, 87, 87);
|
border: 1px solid rgb(87, 87, 87);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(255, 254, 255);
|
color: rgb(255, 254, 255);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(87, 87, 87);
|
border: solid 1px rgb(87, 87, 87);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -17,10 +17,10 @@
|
|||||||
* 各个属性的默认值为 chrome 的默认样式，见 variables/default.scss。
|
* 各个属性的默认值为 chrome 的默认样式，见 variables/default.scss。
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
* MWeb 包裹 markdown 的容器是 .note-to-mp
|
* MWeb 包裹 markdown 的容器是 .note2any
|
||||||
* Typora 中是 #write
|
* Typora 中是 #write
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
@@ -36,11 +36,11 @@
|
|||||||
/* table */
|
/* table */
|
||||||
/* svg */
|
/* svg */
|
||||||
}
|
}
|
||||||
.note-to-mp p, .note-to-mp details, .note-to-mp dl, .note-to-mp ol, .note-to-mp ul, .note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing, .note-to-mp blockquote, .note-to-mp table, .note-to-mp figure, .note-to-mp hr {
|
.note2any p, .note2any details, .note2any dl, .note2any ol, .note2any ul, .note2any pre, .note2any xmp, .note2any plaintext, .note2any listing, .note2any blockquote, .note2any table, .note2any figure, .note2any hr {
|
||||||
margin-top: 0.75em;
|
margin-top: 0.75em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -48,7 +48,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -56,7 +56,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.17em;
|
font-size: 1.17em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -64,7 +64,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -72,7 +72,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 0.83em;
|
font-size: 0.83em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -80,7 +80,7 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 0.67em;
|
font-size: 0.67em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
@@ -88,91 +88,91 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing {
|
.note2any pre, .note2any xmp, .note2any plaintext, .note2any listing {
|
||||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp li + li {
|
.note2any li + li {
|
||||||
margin-top: 0.25em;
|
margin-top: 0.25em;
|
||||||
}
|
}
|
||||||
.note-to-mp ul ul, .note-to-mp ol ul, .note-to-mp ul ol, .note-to-mp ol ol {
|
.note2any ul ul, .note2any ol ul, .note2any ul ol, .note2any ol ol {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .task-list-item {
|
.note2any .task-list-item {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: -webkit-link;
|
color: -webkit-link;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b, .note-to-mp strong {
|
.note2any b, .note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i, .note-to-mp cite, .note-to-mp em, .note-to-mp var, .note-to-mp address, .note-to-mp dfn {
|
.note2any i, .note2any cite, .note2any em, .note2any var, .note2any address, .note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp code, .note-to-mp kbd, .note-to-mp tt, .note-to-mp samp {
|
.note2any code, .note2any kbd, .note2any tt, .note2any samp {
|
||||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
padding: 0.2em 0;
|
padding: 0.2em 0;
|
||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
}
|
}
|
||||||
.note-to-mp del, .note-to-mp s {
|
.note2any del, .note2any s {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: black;
|
color: black;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-spacing: 2px;
|
border-spacing: 2px;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp th, .note-to-mp td {
|
.note2any th, .note2any td {
|
||||||
border-color: gray;
|
border-color: gray;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
}
|
}
|
||||||
.note-to-mp th {
|
.note2any th {
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 4px 8px;
|
padding: 4px 8px;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.note-to-mp div[id^=mweb-chart-ele] svg {
|
.note2any div[id^=mweb-chart-ele] svg {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px gray;
|
border: solid 1px gray;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -180,7 +180,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -188,12 +188,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -204,10 +204,10 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section ul li {
|
.note2any .code-section ul li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(212, 212, 212);
|
color: rgb(212, 212, 212);
|
||||||
background-color: rgb(0, 0, 0);
|
background-color: rgb(0, 0, 0);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(252, 206, 35);
|
color: rgb(252, 206, 35);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(29, 29, 29);
|
background-color: rgb(29, 29, 29);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(242, 148, 41);
|
border-left: 0.2em solid rgb(242, 148, 41);
|
||||||
color: rgb(212, 212, 212);
|
color: rgb(212, 212, 212);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(242, 148, 41);
|
color: rgb(242, 148, 41);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(242, 148, 41) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(242, 148, 41) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(227, 146, 9);
|
color: rgb(227, 146, 9);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(146, 147, 146);
|
color: rgb(146, 147, 146);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(16, 68, 3);
|
background-color: rgb(16, 68, 3);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(229, 227, 229);
|
color: rgb(229, 227, 229);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(16, 16, 16);
|
background-color: rgb(16, 16, 16);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(29, 29, 29);
|
border: 1px solid rgb(29, 29, 29);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(229, 227, 229);
|
color: rgb(229, 227, 229);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(29, 29, 29);
|
border: solid 1px rgb(29, 29, 29);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
background-color: rgb(53, 56, 70);
|
background-color: rgb(53, 56, 70);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(80, 250, 123);
|
color: rgb(80, 250, 123);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgba(187, 145, 248, 0.4);
|
background-color: rgba(187, 145, 248, 0.4);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(205, 174, 249);
|
border-left: 0.2em solid rgb(205, 174, 249);
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(205, 174, 249);
|
color: rgb(205, 174, 249);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(205, 174, 249) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(205, 174, 249) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(139, 233, 253);
|
color: rgb(139, 233, 253);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(178, 184, 163);
|
color: rgb(178, 184, 163);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(95, 99, 117);
|
background-color: rgb(95, 99, 117);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(249, 249, 245);
|
color: rgb(249, 249, 245);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(31, 32, 42);
|
background-color: rgb(31, 32, 42);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgba(187, 145, 248, 0.4);
|
border: 1px solid rgba(187, 145, 248, 0.4);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(249, 249, 245);
|
color: rgb(249, 249, 245);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgba(187, 145, 248, 0.4);
|
border: solid 1px rgba(187, 145, 248, 0.4);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(101, 96, 101);
|
color: rgb(101, 96, 101);
|
||||||
background-color: rgb(251, 250, 249);
|
background-color: rgb(251, 250, 249);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(138, 74, 169);
|
color: rgb(138, 74, 169);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(211, 197, 211);
|
background-color: rgb(211, 197, 211);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(202, 124, 208);
|
border-left: 0.2em solid rgb(202, 124, 208);
|
||||||
color: rgb(101, 96, 101);
|
color: rgb(101, 96, 101);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(202, 124, 208);
|
color: rgb(202, 124, 208);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(202, 124, 208) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(202, 124, 208) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(183, 71, 175);
|
color: rgb(183, 71, 175);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(146, 142, 147);
|
color: rgb(146, 142, 147);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(242, 193, 209);
|
background-color: rgb(242, 193, 209);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(89, 84, 89);
|
color: rgb(89, 84, 89);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(255, 253, 253);
|
background-color: rgb(255, 253, 253);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(211, 197, 211);
|
border: 1px solid rgb(211, 197, 211);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(89, 84, 89);
|
color: rgb(89, 84, 89);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(211, 197, 211);
|
border: solid 1px rgb(211, 197, 211);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(75, 53, 8);
|
color: rgb(75, 53, 8);
|
||||||
background-color: rgb(250, 248, 245);
|
background-color: rgb(250, 248, 245);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(99, 90, 71);
|
color: rgb(99, 90, 71);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgba(182, 173, 155, 0.3);
|
background-color: rgba(182, 173, 155, 0.3);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(115, 144, 201);
|
border-left: 0.2em solid rgb(115, 144, 201);
|
||||||
color: rgb(75, 53, 8);
|
color: rgb(75, 53, 8);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(115, 144, 201);
|
color: rgb(115, 144, 201);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(115, 144, 201) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(115, 144, 201) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(11, 53, 135);
|
color: rgb(11, 53, 135);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(136, 102, 42);
|
color: rgb(136, 102, 42);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(211, 255, 164);
|
background-color: rgb(211, 255, 164);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(66, 66, 66);
|
color: rgb(66, 66, 66);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(255, 252, 249);
|
background-color: rgb(255, 252, 249);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgba(182, 173, 155, 0.3);
|
border: 1px solid rgba(182, 173, 155, 0.3);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(66, 66, 66);
|
color: rgb(66, 66, 66);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgba(182, 173, 155, 0.3);
|
border: solid 1px rgba(182, 173, 155, 0.3);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(69, 82, 96);
|
color: rgb(69, 82, 96);
|
||||||
background-color: rgb(240, 240, 240);
|
background-color: rgb(240, 240, 240);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(61, 81, 109);
|
color: rgb(61, 81, 109);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(200, 205, 218);
|
background-color: rgb(200, 205, 218);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(160, 76, 107);
|
border-left: 0.2em solid rgb(160, 76, 107);
|
||||||
color: rgb(69, 82, 96);
|
color: rgb(69, 82, 96);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(160, 76, 107);
|
color: rgb(160, 76, 107);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(160, 76, 107) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(160, 76, 107) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(128, 57, 75);
|
color: rgb(128, 57, 75);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgba(69, 82, 96, 0.7);
|
color: rgba(69, 82, 96, 0.7);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(211, 255, 164);
|
background-color: rgb(211, 255, 164);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(62, 74, 98);
|
color: rgb(62, 74, 98);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(248, 247, 249);
|
background-color: rgb(248, 247, 249);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(200, 205, 218);
|
border: 1px solid rgb(200, 205, 218);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(62, 74, 98);
|
color: rgb(62, 74, 98);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(200, 205, 218);
|
border: solid 1px rgb(200, 205, 218);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(106, 169, 185);
|
color: rgb(106, 169, 185);
|
||||||
background-color: rgb(17, 21, 28);
|
background-color: rgb(17, 21, 28);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(46, 184, 140);
|
color: rgb(46, 184, 140);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(18, 42, 63);
|
background-color: rgb(18, 42, 63);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(42, 168, 137);
|
border-left: 0.2em solid rgb(42, 168, 137);
|
||||||
color: rgb(106, 169, 185);
|
color: rgb(106, 169, 185);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(42, 168, 137);
|
color: rgb(42, 168, 137);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(42, 168, 137) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(42, 168, 137) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(242, 130, 90);
|
color: rgb(242, 130, 90);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgba(89, 156, 171, 0.7);
|
color: rgba(89, 156, 171, 0.7);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(43, 56, 79);
|
background-color: rgb(43, 56, 79);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(89, 156, 171);
|
color: rgb(89, 156, 171);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(10, 23, 34);
|
background-color: rgb(10, 23, 34);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(18, 42, 63);
|
border: 1px solid rgb(18, 42, 63);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(89, 156, 171);
|
color: rgb(89, 156, 171);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(18, 42, 63);
|
border: solid 1px rgb(18, 42, 63);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
.note-to-mp {
|
.note2any {
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@@ -11,7 +11,7 @@
|
|||||||
/* 主题自定义 end */
|
/* 主题自定义 end */
|
||||||
/* 布局，一般不需要改动 */
|
/* 布局，一般不需要改动 */
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
background-color: #ebf4ff;
|
background-color: #ebf4ff;
|
||||||
border-color: #7f9cf5;
|
border-color: #7f9cf5;
|
||||||
@@ -19,34 +19,34 @@
|
|||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
color: #667eea;
|
color: #667eea;
|
||||||
}
|
}
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: #5a67d8;
|
color: #5a67d8;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
border-color: #667eea;
|
border-color: #667eea;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
list-style: decimal;
|
list-style: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
list-style: disc;
|
list-style: disc;
|
||||||
}
|
}
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
padding-left: 2em;
|
padding-left: 2em;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
border-color: #5a67d8;
|
border-color: #5a67d8;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-top-width: 0px;
|
border-top-width: 0px;
|
||||||
@@ -56,50 +56,50 @@
|
|||||||
padding-bottom: 0.25rem;
|
padding-bottom: 0.25rem;
|
||||||
padding-left: 0.75rem;
|
padding-left: 0.75rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
border-bottom: 1px solid #eaecef !important;
|
border-bottom: 1px solid #eaecef !important;
|
||||||
border-left-width: 6px;
|
border-left-width: 6px;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
border-left: 0.25em solid;
|
border-left: 0.25em solid;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp strong::before {
|
.note2any strong::before {
|
||||||
content: "「";
|
content: "「";
|
||||||
}
|
}
|
||||||
.note-to-mp strong::after {
|
.note2any strong::after {
|
||||||
content: "」";
|
content: "」";
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px solid;
|
border-bottom: 1px solid;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnote-ref {
|
.note2any .footnote-ref {
|
||||||
border-width: 0px;
|
border-width: 0px;
|
||||||
}
|
}
|
||||||
.note-to-mp picture img {
|
.note2any picture img {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
@@ -107,7 +107,7 @@
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
box-shadow: 2px 4px 7px #999;
|
box-shadow: 2px 4px 7px #999;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
@@ -115,7 +115,7 @@
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-shadow: 2px 4px 7px #999;
|
box-shadow: 2px 4px 7px #999;
|
||||||
}
|
}
|
||||||
.note-to-mp picture {
|
.note2any picture {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -123,31 +123,31 @@
|
|||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 6px;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes {
|
.note2any .footnotes {
|
||||||
padding-top: 0.5rem;
|
padding-top: 0.5rem;
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #5a67d8;
|
color: #5a67d8;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
border-color: #667eea;
|
border-color: #667eea;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
background-color: #ebf4ff;
|
background-color: #ebf4ff;
|
||||||
}
|
}
|
||||||
.note-to-mp pre > code {
|
.note2any pre > code {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #5a67d8;
|
border: solid 1px #5a67d8;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -155,7 +155,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -163,12 +163,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -179,6 +179,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
.note-to-mp {
|
.note2any {
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
@@ -12,32 +12,32 @@
|
|||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
border-bottom: 1px solid #ececec;
|
border-bottom: 1px solid #ececec;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
border-bottom: 2px solid rgb(239, 112, 96);
|
border-bottom: 2px solid rgb(239, 112, 96);
|
||||||
word-spacing: 0px !important;
|
word-spacing: 0px !important;
|
||||||
@@ -53,21 +53,21 @@
|
|||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
margin-top: 22px;
|
margin-top: 22px;
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-top: 1px solid #ddd;
|
border-top: 1px solid #ddd;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
@@ -75,12 +75,12 @@
|
|||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #0269c8;
|
color: #0269c8;
|
||||||
border-bottom: 1px solid #d1e9ff;
|
border-bottom: 1px solid #d1e9ff;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -88,55 +88,55 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: solid 1px #f6f6f6;
|
border: solid 1px #f6f6f6;
|
||||||
}
|
}
|
||||||
.note-to-mp thead {
|
.note2any thead {
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
color: #000;
|
color: #000;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.note-to-mp tr:nth-child(2n) {
|
.note2any tr:nth-child(2n) {
|
||||||
background-color: #fcfcfc;
|
background-color: #fcfcfc;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 12px 7px;
|
padding: 12px 7px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
color: #666;
|
color: #666;
|
||||||
padding: 1px 23px;
|
padding: 1px 23px;
|
||||||
margin: 22px 0;
|
margin: 22px 0;
|
||||||
border-left: 4px solid #cbcbcb;
|
border-left: 4px solid #cbcbcb;
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > p {
|
.note2any blockquote > p {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
padding-left: 28px;
|
padding-left: 28px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li,
|
.note2any ol li,
|
||||||
.note-to-mp ul li {
|
.note2any ul li {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
list-style: inherit;
|
list-style: inherit;
|
||||||
}
|
}
|
||||||
.note-to-mp ol ul,
|
.note2any ol ul,
|
||||||
.note-to-mp ol ol,
|
.note2any ol ol,
|
||||||
.note-to-mp ul ul,
|
.note2any ul ul,
|
||||||
.note-to-mp ul ol {
|
.note2any ul ol {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li {
|
.note2any ol li {
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
@@ -145,7 +145,7 @@
|
|||||||
font-size: 0.87em;
|
font-size: 0.87em;
|
||||||
padding: 0.065em 0.4em;
|
padding: 0.065em 0.4em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -154,7 +154,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #cbcbcb;
|
border: solid 1px #cbcbcb;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -162,7 +162,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -170,12 +170,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -186,6 +186,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -14,26 +14,26 @@
|
|||||||
/* header */
|
/* header */
|
||||||
/* spacing */
|
/* spacing */
|
||||||
/* table */
|
/* table */
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 0.37em;
|
margin-bottom: 0.37em;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
border-left: 2px solid #3370ff;
|
border-left: 2px solid #3370ff;
|
||||||
color: rgba(31, 35, 41, 0.7);
|
color: rgba(31, 35, 41, 0.7);
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 13px 0 12px;
|
margin: 13px 0 12px;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
@@ -50,41 +50,41 @@
|
|||||||
background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196));
|
background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196));
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item]) {
|
.note2any ul > li:not([class*=task-list-item]) {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item]) > section {
|
.note2any ul > li:not([class*=task-list-item]) > section {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item])::marker {
|
.note2any ul > li:not([class*=task-list-item])::marker {
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item]) {
|
.note2any ol > li:not([class*=task-list-item]) {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item]) > section {
|
.note2any ol > li:not([class*=task-list-item]) > section {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item])::marker {
|
.note2any ol > li:not([class*=task-list-item])::marker {
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp li + li,
|
.note2any li + li,
|
||||||
.note-to-mp ul ul,
|
.note2any ul ul,
|
||||||
.note-to-mp ol ul,
|
.note2any ol ul,
|
||||||
.note-to-mp ul ol,
|
.note2any ul ol,
|
||||||
.note-to-mp ol ol,
|
.note2any ol ol,
|
||||||
.note-to-mp li ul,
|
.note2any li ul,
|
||||||
.note-to-mp li ol {
|
.note2any li ol {
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
@@ -102,13 +102,13 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul li {
|
.note2any .code-section ul li {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #dee0e3;
|
border: solid 1px #dee0e3;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -124,12 +124,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -140,10 +140,10 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: rgb(36, 91, 219);
|
color: rgb(36, 91, 219);
|
||||||
}
|
}
|
||||||
@@ -14,26 +14,26 @@
|
|||||||
/* header */
|
/* header */
|
||||||
/* spacing */
|
/* spacing */
|
||||||
/* table */
|
/* table */
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 0.37em;
|
margin-bottom: 0.37em;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
border-left: 2px solid #3370ff;
|
border-left: 2px solid #3370ff;
|
||||||
color: rgba(31, 35, 41, 0.7);
|
color: rgba(31, 35, 41, 0.7);
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 13px 0 12px;
|
margin: 13px 0 12px;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
@@ -50,41 +50,41 @@
|
|||||||
background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196));
|
background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196));
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item]) {
|
.note2any ul > li:not([class*=task-list-item]) {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item]) > section {
|
.note2any ul > li:not([class*=task-list-item]) > section {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
}
|
}
|
||||||
.note-to-mp ul > li:not([class*=task-list-item])::marker {
|
.note2any ul > li:not([class*=task-list-item])::marker {
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item]) {
|
.note2any ol > li:not([class*=task-list-item]) {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item]) > section {
|
.note2any ol > li:not([class*=task-list-item]) > section {
|
||||||
color: #1f2329;
|
color: #1f2329;
|
||||||
}
|
}
|
||||||
.note-to-mp ol > li:not([class*=task-list-item])::marker {
|
.note2any ol > li:not([class*=task-list-item])::marker {
|
||||||
color: #3370ff;
|
color: #3370ff;
|
||||||
}
|
}
|
||||||
.note-to-mp li + li,
|
.note2any li + li,
|
||||||
.note-to-mp ul ul,
|
.note2any ul ul,
|
||||||
.note-to-mp ol ul,
|
.note2any ol ul,
|
||||||
.note-to-mp ul ol,
|
.note2any ul ol,
|
||||||
.note-to-mp ol ol,
|
.note2any ol ol,
|
||||||
.note-to-mp li ul,
|
.note2any li ul,
|
||||||
.note-to-mp li ol {
|
.note2any li ol {
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
@@ -102,13 +102,13 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul li {
|
.note2any .code-section ul li {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #dee0e3;
|
border: solid 1px #dee0e3;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -124,12 +124,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -140,6 +140,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(253, 250, 224);
|
color: rgb(253, 250, 224);
|
||||||
background-color: rgb(24, 24, 30);
|
background-color: rgb(24, 24, 30);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(251, 239, 137);
|
color: rgb(251, 239, 137);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(100, 176, 119);
|
background-color: rgb(100, 176, 119);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(209, 95, 38);
|
border-left: 0.2em solid rgb(209, 95, 38);
|
||||||
color: rgb(253, 250, 224);
|
color: rgb(253, 250, 224);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(209, 95, 38);
|
color: rgb(209, 95, 38);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(209, 95, 38) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(209, 95, 38) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(123, 206, 171);
|
color: rgb(123, 206, 171);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(204, 204, 204);
|
color: rgb(204, 204, 204);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(21, 109, 104);
|
background-color: rgb(21, 109, 104);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(204, 203, 204);
|
color: rgb(204, 203, 204);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(27, 26, 34);
|
background-color: rgb(27, 26, 34);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(100, 176, 119);
|
border: 1px solid rgb(100, 176, 119);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(204, 203, 204);
|
color: rgb(204, 203, 204);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(100, 176, 119);
|
border: solid 1px rgb(100, 176, 119);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(237, 238, 243);
|
color: rgb(237, 238, 243);
|
||||||
background-color: rgb(47, 52, 64);
|
background-color: rgb(47, 52, 64);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(217, 221, 231);
|
color: rgb(217, 221, 231);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(99, 110, 132);
|
background-color: rgb(99, 110, 132);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(144, 185, 201);
|
border-left: 0.2em solid rgb(144, 185, 201);
|
||||||
color: rgb(237, 238, 243);
|
color: rgb(237, 238, 243);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(144, 185, 201);
|
color: rgb(144, 185, 201);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(144, 185, 201) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(144, 185, 201) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(167, 189, 144);
|
color: rgb(167, 189, 144);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(160, 163, 171);
|
color: rgb(160, 163, 171);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(155, 98, 100);
|
background-color: rgb(155, 98, 100);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(237, 238, 243);
|
color: rgb(237, 238, 243);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(54, 57, 69);
|
background-color: rgb(54, 57, 69);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(99, 110, 132);
|
border: 1px solid rgb(99, 110, 132);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(237, 238, 243);
|
color: rgb(237, 238, 243);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(99, 110, 132);
|
border: solid 1px rgb(99, 110, 132);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(66, 63, 55);
|
color: rgb(66, 63, 55);
|
||||||
background-color: rgb(251, 250, 240);
|
background-color: rgb(251, 250, 240);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(43, 100, 81);
|
color: rgb(43, 100, 81);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(221, 219, 214);
|
background-color: rgb(221, 219, 214);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(149, 175, 163);
|
border-left: 0.2em solid rgb(149, 175, 163);
|
||||||
color: rgb(66, 63, 55);
|
color: rgb(66, 63, 55);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(149, 175, 163);
|
color: rgb(149, 175, 163);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(149, 175, 163) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(149, 175, 163) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(33, 95, 79);
|
color: rgb(33, 95, 79);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(126, 150, 143);
|
color: rgb(126, 150, 143);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(249, 220, 175);
|
background-color: rgb(249, 220, 175);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(89, 88, 82);
|
color: rgb(89, 88, 82);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(254, 254, 248);
|
background-color: rgb(254, 254, 248);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(221, 219, 214);
|
border: 1px solid rgb(221, 219, 214);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(89, 88, 82);
|
color: rgb(89, 88, 82);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(221, 219, 214);
|
border: solid 1px rgb(221, 219, 214);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(246, 247, 238);
|
color: rgb(246, 247, 238);
|
||||||
background-color: rgb(17, 28, 42);
|
background-color: rgb(17, 28, 42);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(249, 181, 55);
|
color: rgb(249, 181, 55);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(45, 69, 98);
|
background-color: rgb(45, 69, 98);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(249, 181, 55);
|
border-left: 0.2em solid rgb(249, 181, 55);
|
||||||
color: rgb(246, 247, 238);
|
color: rgb(246, 247, 238);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(249, 181, 55);
|
color: rgb(249, 181, 55);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(249, 181, 55) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(249, 181, 55) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(84, 193, 220);
|
color: rgb(84, 193, 220);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(176, 176, 176);
|
color: rgb(176, 176, 176);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(45, 78, 120);
|
background-color: rgb(45, 78, 120);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(246, 247, 238);
|
color: rgb(246, 247, 238);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(23, 33, 52);
|
background-color: rgb(23, 33, 52);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(45, 69, 98);
|
border: 1px solid rgb(45, 69, 98);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(246, 247, 238);
|
color: rgb(246, 247, 238);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(45, 69, 98);
|
border: solid 1px rgb(45, 69, 98);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
background-color: #fcfcfc;
|
background-color: #fcfcfc;
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: #262626;
|
color: #262626;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: #bfbfbf;
|
background-color: #bfbfbf;
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid #e06e73;
|
border-left: 0.2em solid #e06e73;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: #e06e73;
|
color: #e06e73;
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #e06e73 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #e06e73 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #de4c4f;
|
color: #de4c4f;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: #525252;
|
color: #525252;
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: #fcffc0;
|
background-color: #fcffc0;
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: #424242;
|
color: #424242;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid #bfbfbf;
|
border: 1px solid #bfbfbf;
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: #424242;
|
color: #424242;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #bfbfbf;
|
border: solid 1px #bfbfbf;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
.note-to-mp {
|
.note2any {
|
||||||
color: #595959;
|
color: #595959;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
background-image: linear-gradient(90deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
|
background-image: linear-gradient(90deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(60, 10, 30, 0.04) 3%, rgba(0, 0, 0, 0) 3%);
|
||||||
@@ -21,101 +21,101 @@
|
|||||||
/* 分隔线 */
|
/* 分隔线 */
|
||||||
/* 表格 */
|
/* 表格 */
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
color: #595959;
|
color: #595959;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
.note-to-mp p + p {
|
.note2any p + p {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #135ce0;
|
color: #135ce0;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
margin: 50px 0;
|
margin: 50px 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-left: 4px solid;
|
border-left: 4px solid;
|
||||||
padding: 0 0 0 10px;
|
padding: 0 0 0 10px;
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
list-style: disc outside;
|
list-style: disc outside;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
color: #595959;
|
color: #595959;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
list-style: inherit;
|
list-style: inherit;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
background: #fff9f9;
|
background: #fff9f9;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
padding: 2px 20px;
|
padding: 2px 20px;
|
||||||
border-left: 4px solid #b2aec5;
|
border-left: 4px solid #b2aec5;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote p {
|
.note2any blockquote p {
|
||||||
color: #666;
|
color: #666;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #036aca;
|
color: #036aca;
|
||||||
border-bottom: 1px solid rgba(3, 106, 202, 0.8);
|
border-bottom: 1px solid rgba(3, 106, 202, 0.8);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: #036aca;
|
color: #036aca;
|
||||||
}
|
}
|
||||||
.note-to-mp em strong {
|
.note2any em strong {
|
||||||
color: #036aca;
|
color: #036aca;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-top: 1px solid #135ce0;
|
border-top: 1px solid #135ce0;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp table th,
|
.note2any table th,
|
||||||
.note-to-mp table td {
|
.note2any table td {
|
||||||
border: 1px solid #dfe2e5;
|
border: 1px solid #dfe2e5;
|
||||||
padding: 0.6em 1em;
|
padding: 0.6em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr {
|
.note2any table tr {
|
||||||
border-top: 1px solid #dfe2e5;
|
border-top: 1px solid #dfe2e5;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr:nth-child(2n) {
|
.note2any table tr:nth-child(2n) {
|
||||||
background-color: #f6f8fa;
|
background-color: #f6f8fa;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: #fff5f5;
|
background-color: #fff5f5;
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
font-size: 0.87em;
|
font-size: 0.87em;
|
||||||
padding: 0.065em 0.4em;
|
padding: 0.065em 0.4em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
@@ -131,12 +131,12 @@
|
|||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul li {
|
.note2any .code-section ul li {
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #ff502c;
|
border: solid 1px #ff502c;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -144,7 +144,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -152,12 +152,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -168,6 +168,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(155, 166, 164);
|
color: rgb(155, 166, 164);
|
||||||
background-color: rgb(11, 55, 66);
|
background-color: rgb(11, 55, 66);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(171, 181, 180);
|
color: rgb(171, 181, 180);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(3, 44, 54);
|
background-color: rgb(3, 44, 54);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(44, 146, 133);
|
border-left: 0.2em solid rgb(44, 146, 133);
|
||||||
color: rgb(155, 166, 164);
|
color: rgb(155, 166, 164);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(44, 146, 133);
|
color: rgb(44, 146, 133);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(44, 146, 133) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(44, 146, 133) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(63, 198, 180);
|
color: rgb(63, 198, 180);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(106, 134, 144);
|
color: rgb(106, 134, 144);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(31, 0, 50);
|
background-color: rgb(31, 0, 50);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(148, 162, 162);
|
color: rgb(148, 162, 162);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(6, 33, 40);
|
background-color: rgb(6, 33, 40);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(3, 44, 54);
|
border: 1px solid rgb(3, 44, 54);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(148, 162, 162);
|
color: rgb(148, 162, 162);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(3, 44, 54);
|
border: solid 1px rgb(3, 44, 54);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(50, 62, 69);
|
color: rgb(50, 62, 69);
|
||||||
background-color: rgb(253, 246, 227);
|
background-color: rgb(253, 246, 227);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(59, 79, 84);
|
color: rgb(59, 79, 84);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgba(147, 161, 161, 0.5);
|
background-color: rgba(147, 161, 161, 0.5);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(165, 104, 18);
|
border-left: 0.2em solid rgb(165, 104, 18);
|
||||||
color: rgb(50, 62, 69);
|
color: rgb(50, 62, 69);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(165, 104, 18);
|
color: rgb(165, 104, 18);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(165, 104, 18) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(165, 104, 18) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(172, 117, 20);
|
color: rgb(172, 117, 20);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(113, 127, 125);
|
color: rgb(113, 127, 125);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(202, 255, 147);
|
background-color: rgb(202, 255, 147);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(101, 123, 131);
|
color: rgb(101, 123, 131);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(252, 244, 220);
|
background-color: rgb(252, 244, 220);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgba(147, 161, 161, 0.5);
|
border: 1px solid rgba(147, 161, 161, 0.5);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(101, 123, 131);
|
color: rgb(101, 123, 131);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgba(147, 161, 161, 0.5);
|
border: solid 1px rgba(147, 161, 161, 0.5);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||||
*/
|
*/
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: rgb(220, 227, 232);
|
color: rgb(220, 227, 232);
|
||||||
background-color: rgb(34, 46, 51);
|
background-color: rgb(34, 46, 51);
|
||||||
@@ -27,29 +27,29 @@
|
|||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
padding: 1em 1em;
|
padding: 1em 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp figure {
|
.note2any figure {
|
||||||
margin: 0.75em 0 0.45em;
|
margin: 0.75em 0 0.45em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
margin: 0.75em auto;
|
margin: 0.75em auto;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
margin-bottom: 0.75em;
|
margin-bottom: 0.75em;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
@@ -58,122 +58,122 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: rgb(131, 209, 221);
|
color: rgb(131, 209, 221);
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: rgb(15, 21, 23);
|
background-color: rgb(15, 21, 23);
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: 0.8em;
|
padding-left: 0.8em;
|
||||||
border-left: 0.2em solid rgb(199, 191, 127);
|
border-left: 0.2em solid rgb(199, 191, 127);
|
||||||
color: rgb(220, 227, 232);
|
color: rgb(220, 227, 232);
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :first-child {
|
.note2any blockquote > :first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > :last-child {
|
.note2any blockquote > :last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
word-wrap: break-all;
|
word-wrap: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li::marker {
|
.note2any li::marker {
|
||||||
color: rgb(199, 191, 127);
|
color: rgb(199, 191, 127);
|
||||||
}
|
}
|
||||||
.note-to-mp li > p {
|
.note2any li > p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 1.3em;
|
padding-left: 1.3em;
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.note-to-mp u {
|
.note2any u {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(199, 191, 127) 50%);
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(199, 191, 127) 50%);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1em;
|
background-position: 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: rgb(214, 92, 92);
|
color: rgb(214, 92, 92);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp a img {
|
.note2any a img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
.note-to-mp b,
|
.note2any b,
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.note-to-mp i,
|
.note2any i,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp var,
|
.note2any var,
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp dfn {
|
.note2any dfn {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.note-to-mp del,
|
.note2any del,
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: rgb(191, 191, 191);
|
color: rgb(191, 191, 191);
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp xmp,
|
.note2any xmp,
|
||||||
.note-to-mp plaintext,
|
.note2any plaintext,
|
||||||
.note-to-mp listing,
|
.note2any listing,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp kbd,
|
.note2any kbd,
|
||||||
.note-to-mp tt,
|
.note2any tt,
|
||||||
.note-to-mp samp {
|
.note2any samp {
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
background-color: rgb(64, 65, 113);
|
background-color: rgb(64, 65, 113);
|
||||||
}
|
}
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
color: rgb(168, 176, 181);
|
color: rgb(168, 176, 181);
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: rgb(18, 24, 27);
|
background-color: rgb(18, 24, 27);
|
||||||
@@ -182,33 +182,33 @@
|
|||||||
border: 1px;
|
border: 1px;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 0.7em 1em;
|
padding: 0.7em 1em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
border: 1px solid rgb(15, 21, 23);
|
border: 1px solid rgb(15, 21, 23);
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes > ol li {
|
.note2any .footnotes > ol li {
|
||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: rgb(168, 176, 181);
|
color: rgb(168, 176, 181);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px rgb(15, 21, 23);
|
border: solid 1px rgb(15, 21, 23);
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -224,12 +224,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -240,6 +240,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
/* MWeb：增大字体，便于阅读 */
|
/* MWeb：增大字体，便于阅读 */
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
max-width: 760px;
|
max-width: 760px;
|
||||||
@@ -41,70 +41,70 @@
|
|||||||
/* Responsive images */
|
/* Responsive images */
|
||||||
/* 代码片断 */
|
/* 代码片断 */
|
||||||
}
|
}
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp dt,
|
.note2any dt,
|
||||||
.note-to-mp dd,
|
.note2any dd,
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp li,
|
.note2any li,
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6,
|
.note2any h6,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp fieldset,
|
.note2any fieldset,
|
||||||
.note-to-mp legend,
|
.note2any legend,
|
||||||
.note-to-mp input,
|
.note2any input,
|
||||||
.note-to-mp textarea,
|
.note2any textarea,
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td,
|
.note2any td,
|
||||||
.note-to-mp hr,
|
.note2any hr,
|
||||||
.note-to-mp button,
|
.note2any button,
|
||||||
.note-to-mp article,
|
.note2any article,
|
||||||
.note-to-mp aside,
|
.note2any aside,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp figcaption,
|
.note2any figcaption,
|
||||||
.note-to-mp figure,
|
.note2any figure,
|
||||||
.note-to-mp footer,
|
.note2any footer,
|
||||||
.note-to-mp header,
|
.note2any header,
|
||||||
.note-to-mp menu,
|
.note2any menu,
|
||||||
.note-to-mp nav,
|
.note2any nav,
|
||||||
.note-to-mp section {
|
.note2any section {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp article,
|
.note2any article,
|
||||||
.note-to-mp aside,
|
.note2any aside,
|
||||||
.note-to-mp details,
|
.note2any details,
|
||||||
.note-to-mp figcaption,
|
.note2any figcaption,
|
||||||
.note-to-mp figure,
|
.note2any figure,
|
||||||
.note-to-mp footer,
|
.note2any footer,
|
||||||
.note-to-mp header,
|
.note2any header,
|
||||||
.note-to-mp menu,
|
.note2any menu,
|
||||||
.note-to-mp nav,
|
.note2any nav,
|
||||||
.note-to-mp section {
|
.note2any section {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.note-to-mp audio,
|
.note2any audio,
|
||||||
.note-to-mp canvas,
|
.note2any canvas,
|
||||||
.note-to-mp video {
|
.note2any video {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp fieldset,
|
.note2any fieldset,
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: #999;
|
color: #999;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -112,251 +112,251 @@
|
|||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
margin: 1em 3em 1em 2em;
|
margin: 1em 3em 1em 2em;
|
||||||
}
|
}
|
||||||
.note-to-mp acronym,
|
.note2any acronym,
|
||||||
.note-to-mp abbr {
|
.note2any abbr {
|
||||||
border-bottom: 1px dotted;
|
border-bottom: 1px dotted;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp abbr {
|
.note2any abbr {
|
||||||
cursor: help;
|
cursor: help;
|
||||||
}
|
}
|
||||||
.note-to-mp del {
|
.note2any del {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
.note-to-mp address,
|
.note2any address,
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp cite,
|
.note2any cite,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp dfn,
|
.note2any dfn,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp var {
|
.note2any var {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
.note-to-mp caption,
|
.note2any caption,
|
||||||
.note-to-mp th {
|
.note2any th {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.note-to-mp sub,
|
.note2any sub,
|
||||||
.note-to-mp sup {
|
.note2any sup {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.note-to-mp :root sub,
|
.note2any :root sub,
|
||||||
.note-to-mp :root sup {
|
.note2any :root sup {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
/* for ie9 and other modern browsers */
|
/* for ie9 and other modern browsers */
|
||||||
}
|
}
|
||||||
.note-to-mp sup {
|
.note2any sup {
|
||||||
top: -0.5em;
|
top: -0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp sub {
|
.note2any sub {
|
||||||
bottom: -0.25em;
|
bottom: -0.25em;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #1abc9c;
|
color: #1abc9c;
|
||||||
}
|
}
|
||||||
.note-to-mp a:hover {
|
.note2any a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
border-bottom: 1px solid #1abc9c;
|
border-bottom: 1px solid #1abc9c;
|
||||||
}
|
}
|
||||||
.note-to-mp a:hover {
|
.note2any a:hover {
|
||||||
border-bottom-color: #555;
|
border-bottom-color: #555;
|
||||||
color: #555;
|
color: #555;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp ins,
|
.note2any ins,
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp u,
|
.note2any u,
|
||||||
.note-to-mp .typo-u {
|
.note2any .typo-u {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
background: #fffdd1;
|
background: #fffdd1;
|
||||||
border-bottom: 1px solid #ffedce;
|
border-bottom: 1px solid #ffedce;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
/* margin: 0 5px; */
|
/* margin: 0 5px; */
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid #cfcfcf;
|
border-bottom: 1px solid #cfcfcf;
|
||||||
margin-bottom: 0.8em;
|
margin-bottom: 0.8em;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
}
|
}
|
||||||
.note-to-mp small,
|
.note2any small,
|
||||||
.note-to-mp .typo-small,
|
.note2any .typo-small,
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
.note-to-mp strong,
|
.note2any strong,
|
||||||
.note-to-mp b {
|
.note2any b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
.note-to-mp [draggable] {
|
.note2any [draggable] {
|
||||||
cursor: move;
|
cursor: move;
|
||||||
}
|
}
|
||||||
.note-to-mp .clearfix {
|
.note2any .clearfix {
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
}
|
}
|
||||||
.note-to-mp .textwrap,
|
.note2any .textwrap,
|
||||||
.note-to-mp .textwrap td,
|
.note2any .textwrap td,
|
||||||
.note-to-mp .textwrap th {
|
.note2any .textwrap th {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.note-to-mp .textwrap-table {
|
.note2any .textwrap-table {
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
.note-to-mp .serif {
|
.note2any .serif {
|
||||||
font-family: Palatino, Optima, Georgia, serif;
|
font-family: Palatino, Optima, Georgia, serif;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp form,
|
.note2any form,
|
||||||
.note-to-mp hr,
|
.note2any hr,
|
||||||
.note-to-mp table,
|
.note2any table,
|
||||||
.note-to-mp .typo-p,
|
.note2any .typo-p,
|
||||||
.note-to-mp .typo-pre,
|
.note2any .typo-pre,
|
||||||
.note-to-mp .typo-ul,
|
.note2any .typo-ul,
|
||||||
.note-to-mp .typo-ol,
|
.note2any .typo-ol,
|
||||||
.note-to-mp .typo-dl,
|
.note2any .typo-dl,
|
||||||
.note-to-mp .typo-form,
|
.note2any .typo-form,
|
||||||
.note-to-mp .typo-hr,
|
.note2any .typo-hr,
|
||||||
.note-to-mp .typo-table,
|
.note2any .typo-table,
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
margin-bottom: 1.2em;
|
margin-bottom: 1.2em;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
|
font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
color: #000;
|
color: #000;
|
||||||
line-height: 1.35;
|
line-height: 1.35;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6,
|
.note2any h6,
|
||||||
.note-to-mp .typo-h1,
|
.note2any .typo-h1,
|
||||||
.note-to-mp .typo-h2,
|
.note2any .typo-h2,
|
||||||
.note-to-mp .typo-h3,
|
.note2any .typo-h3,
|
||||||
.note-to-mp .typo-h4,
|
.note2any .typo-h4,
|
||||||
.note-to-mp .typo-h5,
|
.note2any .typo-h5,
|
||||||
.note-to-mp .typo-h6 {
|
.note2any .typo-h6 {
|
||||||
margin-top: 1.2em;
|
margin-top: 1.2em;
|
||||||
margin-bottom: 0.6em;
|
margin-bottom: 0.6em;
|
||||||
line-height: 1.35;
|
line-height: 1.35;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp .typo-h1 {
|
.note2any .typo-h1 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp .typo-h2 {
|
.note2any .typo-h2 {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
}
|
}
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp .typo-h3 {
|
.note2any .typo-h3 {
|
||||||
font-size: 1.6em;
|
font-size: 1.6em;
|
||||||
}
|
}
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp .typo-h4 {
|
.note2any .typo-h4 {
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
}
|
}
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6,
|
.note2any h6,
|
||||||
.note-to-mp .typo-h5,
|
.note2any .typo-h5,
|
||||||
.note-to-mp .typo-h6 {
|
.note2any .typo-h6 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp .typo-ul {
|
.note2any .typo-ul {
|
||||||
margin-left: 1.3em;
|
margin-left: 1.3em;
|
||||||
list-style: disc;
|
list-style: disc;
|
||||||
}
|
}
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp .typo-ol {
|
.note2any .typo-ol {
|
||||||
list-style: decimal;
|
list-style: decimal;
|
||||||
margin-left: 1.9em;
|
margin-left: 1.9em;
|
||||||
}
|
}
|
||||||
.note-to-mp li ul,
|
.note2any li ul,
|
||||||
.note-to-mp li ol,
|
.note2any li ol,
|
||||||
.note-to-mp .typo-ul ul,
|
.note2any .typo-ul ul,
|
||||||
.note-to-mp .typo-ul ol,
|
.note2any .typo-ul ol,
|
||||||
.note-to-mp .typo-ol ul,
|
.note2any .typo-ol ul,
|
||||||
.note-to-mp .typo-ol ol {
|
.note2any .typo-ol ol {
|
||||||
margin-bottom: 0.8em;
|
margin-bottom: 0.8em;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
}
|
}
|
||||||
.note-to-mp li ul,
|
.note2any li ul,
|
||||||
.note-to-mp .typo-ul ul,
|
.note2any .typo-ul ul,
|
||||||
.note-to-mp .typo-ol ul {
|
.note2any .typo-ol ul {
|
||||||
list-style: circle;
|
list-style: circle;
|
||||||
}
|
}
|
||||||
.note-to-mp table th,
|
.note2any table th,
|
||||||
.note-to-mp table td,
|
.note2any table td,
|
||||||
.note-to-mp .typo-table th,
|
.note2any .typo-table th,
|
||||||
.note-to-mp .typo-table td,
|
.note2any .typo-table td,
|
||||||
.note-to-mp table caption {
|
.note2any table caption {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
padding: 0.5em 1em;
|
padding: 0.5em 1em;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.note-to-mp table th,
|
.note2any table th,
|
||||||
.note-to-mp .typo-table th {
|
.note2any .typo-table th {
|
||||||
background: #fbfbfb;
|
background: #fbfbfb;
|
||||||
}
|
}
|
||||||
.note-to-mp table thead th,
|
.note2any table thead th,
|
||||||
.note-to-mp .typo-table thead th {
|
.note2any .typo-table thead th {
|
||||||
background: #f1f1f1;
|
background: #f1f1f1;
|
||||||
}
|
}
|
||||||
.note-to-mp table caption {
|
.note2any table caption {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .typo-em,
|
.note2any .typo-em,
|
||||||
.note-to-mp em,
|
.note2any em,
|
||||||
.note-to-mp legend,
|
.note2any legend,
|
||||||
.note-to-mp caption {
|
.note2any caption {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp pre,
|
.note2any pre,
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp pre tt {
|
.note2any pre tt {
|
||||||
font-family: Courier, "Courier New", monospace;
|
font-family: Courier, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #ddd;
|
border: solid 1px #ddd;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -364,7 +364,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -372,12 +372,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -388,6 +388,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
.note-to-mp {
|
.note2any {
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@@ -6,79 +6,79 @@
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
}
|
}
|
||||||
.note-to-mp h1:first-child,
|
.note2any h1:first-child,
|
||||||
.note-to-mp h2:first-child,
|
.note2any h2:first-child,
|
||||||
.note-to-mp h3:first-child,
|
.note2any h3:first-child,
|
||||||
.note-to-mp h4:first-child,
|
.note2any h4:first-child,
|
||||||
.note-to-mp h5:first-child,
|
.note2any h5:first-child,
|
||||||
.note-to-mp h6:first-child {
|
.note2any h6:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h1::before,
|
.note2any h1::before,
|
||||||
.note-to-mp h2::before,
|
.note2any h2::before,
|
||||||
.note-to-mp h3::before,
|
.note2any h3::before,
|
||||||
.note-to-mp h4::before,
|
.note2any h4::before,
|
||||||
.note-to-mp h5::before,
|
.note2any h5::before,
|
||||||
.note-to-mp h6::before {
|
.note2any h6::before {
|
||||||
content: "#";
|
content: "#";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
padding-right: 0.23em;
|
padding-right: 0.23em;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
.note-to-mp h1::before {
|
.note2any h1::before {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.5rem;
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
border-bottom: 1px solid #ececec;
|
border-bottom: 1px solid #ececec;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
margin-top: 22px;
|
margin-top: 22px;
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
}
|
}
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border: 3px solid rgba(62, 175, 124, 0.2);
|
border: 3px solid rgba(62, 175, 124, 0.2);
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-top: 1px solid #3eaf7c;
|
border-top: 1px solid #3eaf7c;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
@@ -86,12 +86,12 @@
|
|||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
width: auto;
|
width: auto;
|
||||||
@@ -99,23 +99,23 @@
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: solid 1px #3eaf7c;
|
border: solid 1px #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp thead {
|
.note2any thead {
|
||||||
background: #3eaf7c;
|
background: #3eaf7c;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.note-to-mp tr:nth-child(2n) {
|
.note2any tr:nth-child(2n) {
|
||||||
background-color: rgba(62, 175, 124, 0.2);
|
background-color: rgba(62, 175, 124, 0.2);
|
||||||
}
|
}
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
padding: 12px 7px;
|
padding: 12px 7px;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
color: #666;
|
color: #666;
|
||||||
padding: 1px 23px;
|
padding: 1px 23px;
|
||||||
margin: 22px 0;
|
margin: 22px 0;
|
||||||
@@ -123,65 +123,65 @@
|
|||||||
border-color: #42b983;
|
border-color: #42b983;
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote > p {
|
.note2any blockquote > p {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
.note-to-mp details {
|
.note2any details {
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
border-left: 4px solid #3eaf7c;
|
border-left: 4px solid #3eaf7c;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
.note-to-mp details summary {
|
.note2any details summary {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
background: white;
|
background: white;
|
||||||
margin: 0px -17px;
|
margin: 0px -17px;
|
||||||
}
|
}
|
||||||
.note-to-mp details summary::-webkit-details-marker {
|
.note2any details summary::-webkit-details-marker {
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
padding-left: 28px;
|
padding-left: 28px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li,
|
.note2any ol li,
|
||||||
.note-to-mp ul li {
|
.note2any ul li {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
list-style: inherit;
|
list-style: inherit;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li .task-list-item,
|
.note2any ol li .task-list-item,
|
||||||
.note-to-mp ul li .task-list-item {
|
.note2any ul li .task-list-item {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li .task-list-item ul,
|
.note2any ol li .task-list-item ul,
|
||||||
.note-to-mp ul li .task-list-item ul,
|
.note2any ul li .task-list-item ul,
|
||||||
.note-to-mp ol li .task-list-item ol,
|
.note2any ol li .task-list-item ol,
|
||||||
.note-to-mp ul li .task-list-item ol {
|
.note2any ul li .task-list-item ol {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ol ul,
|
.note2any ol ul,
|
||||||
.note-to-mp ul ul,
|
.note2any ul ul,
|
||||||
.note-to-mp ol ol,
|
.note2any ol ol,
|
||||||
.note-to-mp ul ol {
|
.note2any ul ol {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li {
|
.note2any ol li {
|
||||||
padding-left: 6px;
|
padding-left: 6px;
|
||||||
}
|
}
|
||||||
.note-to-mp ol li::marker {
|
.note2any ol li::marker {
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp ul li::marker {
|
.note2any ul li::marker {
|
||||||
color: #3eaf7c;
|
color: #3eaf7c;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
padding: 0.2rem 0.5rem;
|
padding: 0.2rem 0.5rem;
|
||||||
@@ -191,10 +191,10 @@
|
|||||||
background-color: rgba(27, 31, 35, 0.05);
|
background-color: rgba(27, 31, 35, 0.05);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
@@ -205,7 +205,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #3eaf7c;
|
border: solid 1px #3eaf7c;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -213,7 +213,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -221,12 +221,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -237,6 +237,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
.note-to-mp {
|
.note2any {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #34495e;
|
color: #34495e;
|
||||||
line-height: 1.6rem;
|
line-height: 1.6rem;
|
||||||
@@ -7,23 +7,23 @@
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
/* MWeb：代码块高亮 */
|
/* MWeb：代码块高亮 */
|
||||||
}
|
}
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #42b983;
|
color: #42b983;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
@@ -31,74 +31,74 @@
|
|||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 tt,
|
.note2any h1 tt,
|
||||||
.note-to-mp h1 code {
|
.note2any h1 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 tt,
|
.note2any h2 tt,
|
||||||
.note-to-mp h2 code {
|
.note2any h2 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 tt,
|
.note2any h3 tt,
|
||||||
.note-to-mp h3 code {
|
.note2any h3 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 tt,
|
.note2any h4 tt,
|
||||||
.note-to-mp h4 code {
|
.note2any h4 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 tt,
|
.note2any h5 tt,
|
||||||
.note-to-mp h5 code {
|
.note2any h5 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 tt,
|
.note2any h6 tt,
|
||||||
.note-to-mp h6 code {
|
.note2any h6 code {
|
||||||
font-size: inherit !important;
|
font-size: inherit !important;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 a,
|
.note2any h2 a,
|
||||||
.note-to-mp h3 a {
|
.note2any h3 a {
|
||||||
color: #34495e;
|
color: #34495e;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
padding-bottom: 0.4rem;
|
padding-bottom: 0.4rem;
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.75rem;
|
font-size: 1.75rem;
|
||||||
line-height: 1.225;
|
line-height: 1.225;
|
||||||
margin: 35px 0 15px;
|
margin: 35px 0 15px;
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
line-height: 1.43;
|
line-height: 1.43;
|
||||||
margin: 20px 0 7px;
|
margin: 20px 0 7px;
|
||||||
}
|
}
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
.note-to-mp p,
|
.note2any p,
|
||||||
.note-to-mp blockquote,
|
.note2any blockquote,
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol,
|
.note2any ol,
|
||||||
.note-to-mp dl,
|
.note2any dl,
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
margin: 0.8em 0;
|
margin: 0.8em 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li > ol,
|
.note2any li > ol,
|
||||||
.note-to-mp li > ul {
|
.note2any li > ul {
|
||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
}
|
}
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
height: 2px;
|
height: 2px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 16px 0;
|
margin: 16px 0;
|
||||||
@@ -107,50 +107,50 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
.note-to-mp h1 p,
|
.note2any h1 p,
|
||||||
.note-to-mp h2 p,
|
.note2any h2 p,
|
||||||
.note-to-mp h3 p,
|
.note2any h3 p,
|
||||||
.note-to-mp h4 p,
|
.note2any h4 p,
|
||||||
.note-to-mp h5 p,
|
.note2any h5 p,
|
||||||
.note-to-mp h6 p {
|
.note2any h6 p {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp li p.first {
|
.note2any li p.first {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
}
|
}
|
||||||
.note-to-mp ul:first-child,
|
.note2any ul:first-child,
|
||||||
.note-to-mp ol:first-child {
|
.note2any ol:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp ul:last-child,
|
.note2any ul:last-child,
|
||||||
.note-to-mp ol:last-child {
|
.note2any ol:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
border-left: 4px solid #42b983;
|
border-left: 4px solid #42b983;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
color: #777;
|
color: #777;
|
||||||
background-color: rgba(66, 185, 131, 0.1);
|
background-color: rgba(66, 185, 131, 0.1);
|
||||||
}
|
}
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
word-break: initial;
|
word-break: initial;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr {
|
.note2any table tr {
|
||||||
border-top: 1px solid #dfe2e5;
|
border-top: 1px solid #dfe2e5;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr:nth-child(2n),
|
.note2any table tr:nth-child(2n),
|
||||||
.note-to-mp thead {
|
.note2any thead {
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr th {
|
.note2any table tr th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border: 1px solid #dfe2e5;
|
border: 1px solid #dfe2e5;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
@@ -158,40 +158,40 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr td {
|
.note2any table tr td {
|
||||||
border: 1px solid #dfe2e5;
|
border: 1px solid #dfe2e5;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr th:first-child,
|
.note2any table tr th:first-child,
|
||||||
.note-to-mp table tr td:first-child {
|
.note2any table tr td:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp table tr th:last-child,
|
.note2any table tr th:last-child,
|
||||||
.note-to-mp table tr td:last-child {
|
.note2any table tr td:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
.note-to-mp code,
|
.note2any code,
|
||||||
.note-to-mp tt {
|
.note2any tt {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important;
|
font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important;
|
||||||
font-size: 0.92rem;
|
font-size: 0.92rem;
|
||||||
color: #e96900;
|
color: #e96900;
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
}
|
}
|
||||||
.note-to-mp code {
|
.note2any code {
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre code {
|
.note2any .code-section pre code {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
@@ -203,7 +203,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块 */
|
/* 代码块 */
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: solid 1px #e96900;
|
border: solid 1px #e96900;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -211,7 +211,7 @@
|
|||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -219,12 +219,12 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
padding: 0 0 0 1em;
|
padding: 0 0 0 1em;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
@@ -235,6 +235,6 @@
|
|||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.note-to-mp .code-section ul > li {
|
.note2any .code-section ul > li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
@@ -10,7 +10,7 @@
|
|||||||
* - 在导出设置中选择 wx-mp-pro 主题
|
* - 在导出设置中选择 wx-mp-pro 主题
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
@@ -21,18 +21,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 段落 */
|
/* 段落 */
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
margin: 1.2em 0;
|
margin: 1.2em 0;
|
||||||
letter-spacing: 0.05px;
|
letter-spacing: 0.05px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 标题：更专业清晰的层级感 */
|
/* 标题：更专业清晰的层级感 */
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5,
|
.note2any h5,
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
margin: 2.2em 0 1em;
|
margin: 2.2em 0 1em;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
color: #111111;
|
color: #111111;
|
||||||
@@ -41,15 +41,15 @@
|
|||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h1,
|
.note2any h1,
|
||||||
.note-to-mp h2,
|
.note2any h2,
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* H1：卡片式 */
|
/* H1：卡片式 */
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
color: #1565F6;
|
color: #1565F6;
|
||||||
@@ -59,7 +59,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* H2：左条卡片 */
|
/* H2：左条卡片 */
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
margin: 2em 0 1.2em;
|
margin: 2em 0 1.2em;
|
||||||
padding: 0.6em 1em;
|
padding: 0.6em 1em;
|
||||||
@@ -70,36 +70,36 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* H3-H5：渐进缩小 */
|
/* H3-H5：渐进缩小 */
|
||||||
.note-to-mp h3,
|
.note2any h3,
|
||||||
.note-to-mp h4,
|
.note2any h4,
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
background: #f7f9fb;
|
background: #f7f9fb;
|
||||||
color: #244b74;
|
color: #244b74;
|
||||||
padding: 0.7em 1.2em 0.7em 1.35em;
|
padding: 0.7em 1.2em 0.7em 1.35em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h3 { font-size: 1.25em; }
|
.note2any h3 { font-size: 1.25em; }
|
||||||
.note-to-mp h4 { font-size: 1.1em; }
|
.note2any h4 { font-size: 1.1em; }
|
||||||
.note-to-mp h5 { font-size: 1em; }
|
.note2any h5 { font-size: 1em; }
|
||||||
|
|
||||||
/* 列表 */
|
/* 列表 */
|
||||||
.note-to-mp ul,
|
.note2any ul,
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
margin: 1.2em 0 1.2em 1.4em;
|
margin: 1.2em 0 1.2em 1.4em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp li {
|
.note2any li {
|
||||||
margin: 0.4em 0;
|
margin: 0.4em 0;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp li p {
|
.note2any li p {
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 链接 */
|
/* 链接 */
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #576b95;
|
color: #576b95;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-bottom: 1px solid rgba(87,107,149,0.3);
|
border-bottom: 1px solid rgba(87,107,149,0.3);
|
||||||
@@ -107,7 +107,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 引用：清晰专业的样式 */
|
/* 引用：清晰专业的样式 */
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
background: #f7f7f7;
|
background: #f7f7f7;
|
||||||
border-left: 4px solid #07c160;
|
border-left: 4px solid #07c160;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -116,27 +116,27 @@
|
|||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote p {
|
.note2any blockquote p {
|
||||||
margin: 0.6em 0;
|
margin: 0.6em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote p:first-child {
|
.note2any blockquote p:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote p:last-child {
|
.note2any blockquote p:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 代码块：清晰易读 */
|
/* 代码块：清晰易读 */
|
||||||
.note-to-mp pre {
|
.note2any pre {
|
||||||
background: #f6f8fa !important;
|
background: #f6f8fa !important;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
border: 1px solid #e8e8e8 !important;
|
border: 1px solid #e8e8e8 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp pre code {
|
.note2any pre code {
|
||||||
display: block;
|
display: block;
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||||
@@ -147,7 +147,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 行内代码 */
|
/* 行内代码 */
|
||||||
.note-to-mp code:not(pre code) {
|
.note2any code:not(pre code) {
|
||||||
background: #f6f8fa;
|
background: #f6f8fa;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@@ -158,7 +158,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 表格整体：连贯圆角边框 */
|
/* 表格整体：连贯圆角边框 */
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse; /* 合并边框，避免断开 */
|
border-collapse: collapse; /* 合并边框，避免断开 */
|
||||||
margin: 1.8em 0;
|
margin: 1.8em 0;
|
||||||
@@ -169,8 +169,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 单元格 */
|
/* 单元格 */
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
border: 1px solid #e0e0e0; /* 内部网格线 */
|
border: 1px solid #e0e0e0; /* 内部网格线 */
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -178,19 +178,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 表头 */
|
/* 表头 */
|
||||||
.note-to-mp thead th {
|
.note2any thead th {
|
||||||
background: #e8f5e9;
|
background: #e8f5e9;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 隔行条纹 */
|
/* 隔行条纹 */
|
||||||
.note-to-mp tbody tr:nth-child(even) {
|
.note2any tbody tr:nth-child(even) {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 表格整体 */
|
/* 表格整体 */
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin: 1.8em 0;
|
margin: 1.8em 0;
|
||||||
@@ -201,8 +201,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 单元格 */
|
/* 单元格 */
|
||||||
.note-to-mp th,
|
.note2any th,
|
||||||
.note-to-mp td {
|
.note2any td {
|
||||||
border: 1px solid #e0e0e0;
|
border: 1px solid #e0e0e0;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -211,31 +211,31 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 表头 */
|
/* 表头 */
|
||||||
.note-to-mp thead th {
|
.note2any thead th {
|
||||||
background: #e8f5e9;
|
background: #e8f5e9;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 隔行条纹 */
|
/* 隔行条纹 */
|
||||||
.note-to-mp tbody tr:nth-child(even) {
|
.note2any tbody tr:nth-child(even) {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* hover 效果 */
|
/* hover 效果 */
|
||||||
.note-to-mp tbody tr:hover {
|
.note2any tbody tr:hover {
|
||||||
background: #f1f8ff; /* 微蓝色高亮 */
|
background: #f1f8ff; /* 微蓝色高亮 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 图片与图注 */
|
/* 图片与图注 */
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 1.5em auto;
|
margin: 1.5em auto;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp figcaption {
|
.note2any figcaption {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
color: #888;
|
color: #888;
|
||||||
@@ -244,7 +244,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 分隔线 */
|
/* 分隔线 */
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #e3e3e3;
|
background: #e3e3e3;
|
||||||
@@ -252,7 +252,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 彩色标注块（预处理产生的 ||r/g/b/y ） */
|
/* 彩色标注块（预处理产生的 ||r/g/b/y ） */
|
||||||
.note-to-mp p[data-color-block] {
|
.note2any p[data-color-block] {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 0.8em 1em;
|
padding: 0.8em 1em;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
@@ -260,59 +260,59 @@
|
|||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-color-block="r"] {
|
.note2any p[data-color-block="r"] {
|
||||||
background: #ffebee;
|
background: #ffebee;
|
||||||
border-left: 4px solid #ef5350;
|
border-left: 4px solid #ef5350;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-color-block="g"] {
|
.note2any p[data-color-block="g"] {
|
||||||
background: #e8f5e9;
|
background: #e8f5e9;
|
||||||
border-left: 4px solid #4caf50;
|
border-left: 4px solid #4caf50;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-color-block="b"] {
|
.note2any p[data-color-block="b"] {
|
||||||
background: #e3f2fd;
|
background: #e3f2fd;
|
||||||
border-left: 4px solid #2196f3;
|
border-left: 4px solid #2196f3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-color-block="y"] {
|
.note2any p[data-color-block="y"] {
|
||||||
background: #fff8e1;
|
background: #fff8e1;
|
||||||
border-left: 4px solid #ffca28;
|
border-left: 4px solid #ffca28;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 专业标注提示 */
|
/* 专业标注提示 */
|
||||||
.note-to-mp p[data-note-type="tip"],
|
.note2any p[data-note-type="tip"],
|
||||||
.note-to-mp p[data-note-type="info"],
|
.note2any p[data-note-type="info"],
|
||||||
.note-to-mp p[data-note-type="warning"],
|
.note2any p[data-note-type="warning"],
|
||||||
.note-to-mp p[data-note-type="danger"] {
|
.note2any p[data-note-type="danger"] {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 0.8em 1em;
|
padding: 0.8em 1em;
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
font-size: 0.93em;
|
font-size: 0.93em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-note-type="tip"] {
|
.note2any p[data-note-type="tip"] {
|
||||||
background: #e8f5e9;
|
background: #e8f5e9;
|
||||||
border-left: 4px solid #4caf50;
|
border-left: 4px solid #4caf50;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-note-type="info"] {
|
.note2any p[data-note-type="info"] {
|
||||||
background: #e3f2fd;
|
background: #e3f2fd;
|
||||||
border-left: 4px solid #2196f3;
|
border-left: 4px solid #2196f3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-note-type="warning"] {
|
.note2any p[data-note-type="warning"] {
|
||||||
background: #fff8e1;
|
background: #fff8e1;
|
||||||
border-left: 4px solid #ffca28;
|
border-left: 4px solid #ffca28;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p[data-note-type="danger"] {
|
.note2any p[data-note-type="danger"] {
|
||||||
background: #ffebee;
|
background: #ffebee;
|
||||||
border-left: 4px solid #ef5350;
|
border-left: 4px solid #ef5350;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 特殊标注：重要/注意/提示 */
|
/* 特殊标注：重要/注意/提示 */
|
||||||
.note-to-mp p:has(strong:first-child:contains("💡")) {
|
.note2any p:has(strong:first-child:contains("💡")) {
|
||||||
background: #e8f5e9;
|
background: #e8f5e9;
|
||||||
border-left: 4px solid #4caf50;
|
border-left: 4px solid #4caf50;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -320,7 +320,7 @@
|
|||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p:has(strong:first-child:contains("⚠️")) {
|
.note2any p:has(strong:first-child:contains("⚠️")) {
|
||||||
background: #fff8e1;
|
background: #fff8e1;
|
||||||
border-left: 4px solid #ffca28;
|
border-left: 4px solid #ffca28;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -328,7 +328,7 @@
|
|||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp p:has(strong:first-child:contains("✅")) {
|
.note2any p:has(strong:first-child:contains("✅")) {
|
||||||
background: #e3f2fd;
|
background: #e3f2fd;
|
||||||
border-left: 4px solid #2196f3;
|
border-left: 4px solid #2196f3;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@@ -337,14 +337,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 首段紧贴标题 */
|
/* 首段紧贴标题 */
|
||||||
.note-to-mp h1 + p,
|
.note2any h1 + p,
|
||||||
.note-to-mp h2 + p,
|
.note2any h2 + p,
|
||||||
.note-to-mp h3 + p {
|
.note2any h3 + p {
|
||||||
margin-top: 0.7em;
|
margin-top: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 专业编程文章必备：行号提示标记 */
|
/* 专业编程文章必备：行号提示标记 */
|
||||||
.note-to-mp .line-numbers {
|
.note2any .line-numbers {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
@@ -352,23 +352,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 确保兼容微信的富文本环境 */
|
/* 确保兼容微信的富文本环境 */
|
||||||
.note-to-mp pre code * {
|
.note2any pre code * {
|
||||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 适配微信公众号的粗体强调 */
|
/* 适配微信公众号的粗体强调 */
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #1322c5;
|
color: #1322c5;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 行内高亮 */
|
/* 行内高亮 */
|
||||||
.note-to-mp mark {
|
.note2any mark {
|
||||||
background: #fff8dc;
|
background: #fff8dc;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 确保代码块内部的空格不会被压缩 */
|
/* 确保代码块内部的空格不会被压缩 */
|
||||||
.note-to-mp pre code {
|
.note2any pre code {
|
||||||
white-space: pre !important;
|
white-space: pre !important;
|
||||||
}
|
}
|
||||||
|
|||||||
2
build.sh
2
build.sh
@@ -22,7 +22,7 @@ else
|
|||||||
fi
|
fi
|
||||||
|
|
||||||
# 2. 目标目录
|
# 2. 目标目录
|
||||||
PLUGIN_DIR=~/myweb/.obsidian/plugins/note-to-mp
|
PLUGIN_DIR=~/myweb/.obsidian/plugins/note2any
|
||||||
FILES=("main.js" "styles.css" "manifest.json")
|
FILES=("main.js" "styles.css" "manifest.json")
|
||||||
|
|
||||||
# 3. 遍历文件，逐一备份并覆盖
|
# 3. 遍历文件，逐一备份并覆盖
|
||||||
|
|||||||
@@ -1,10 +1,11 @@
|
|||||||
{
|
{
|
||||||
"id": "note-to-mp",
|
"id": "note2any",
|
||||||
"name": "NoteToAny",
|
"name": "Note2Any",
|
||||||
"version": "1.3.4",
|
"version": "1.3.12",
|
||||||
"minAppVersion": "1.4.5",
|
"minAppVersion": "1.4.5",
|
||||||
"description": "xiaohongshu/mp publisher ",
|
"description": "xiaohongshu/mp publisher ",
|
||||||
"author": "Gavin chan",
|
"author": "Gavin chan",
|
||||||
"authorUrl": "https://biboer.cn",
|
"authorUrl": "https://biboer.cn",
|
||||||
"isDesktopOnly": false
|
"isDesktopOnly": false,
|
||||||
|
"fundingUrl": "https://biboer.cn/gitea/gavin/note2any"
|
||||||
}
|
}
|
||||||
|
|||||||
12
package.json
12
package.json
@@ -1,8 +1,16 @@
|
|||||||
{
|
{
|
||||||
"name": "note-to-mp",
|
"name": "note2any",
|
||||||
"version": "1.3.0",
|
"version": "1.3.12",
|
||||||
"description": "This is a plugin for Obsidian (https://obsidian.md)",
|
"description": "This is a plugin for Obsidian (https://obsidian.md)",
|
||||||
"main": "main.js",
|
"main": "main.js",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://biboer.cn/gitea/gavin/note2any.git"
|
||||||
|
},
|
||||||
|
"homepage": "https://biboer.cn/gitea/gavin/note2any",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://biboer.cn/gitea/gavin/note2any/issues"
|
||||||
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "node esbuild.config.mjs",
|
"dev": "node esbuild.config.mjs",
|
||||||
"build": "npm run build:bundle --",
|
"build": "npm run build:bundle --",
|
||||||
|
|||||||
12
release.md
12
release.md
@@ -69,3 +69,15 @@
|
|||||||
|
|
||||||
封面图片先转位png解决旋转问题。
|
封面图片先转位png解决旋转问题。
|
||||||
|
|
||||||
|
## v1.3.12
|
||||||
|
本次更新主要为项目重命名，核心功能保持不变
|
||||||
|
|
||||||
|
### 重大更新
|
||||||
|
#### 项目名称变更 & 仓库迁移
|
||||||
|
- **新仓库地址**：https://biboer.cn/gitea/gavin/note2any.git
|
||||||
|
- **问题反馈**：https://biboer.cn/gitea/gavin/note2any/issues
|
||||||
|
- **发布页面**：https://biboer.cn/gitea/gavin/note2any/releases
|
||||||
|
|
||||||
|
#### 样式系统更新
|
||||||
|
- CSS类名 & 主题资源统一
|
||||||
|
|
||||||
|
|||||||
@@ -152,14 +152,14 @@ export class ArticleRender implements MDRendererCallback {
|
|||||||
isOldTheme() {
|
isOldTheme() {
|
||||||
const theme = this.assetsManager.getTheme(this.currentTheme);
|
const theme = this.assetsManager.getTheme(this.currentTheme);
|
||||||
if (theme) {
|
if (theme) {
|
||||||
return theme.css.indexOf('.note-to-mp') < 0;
|
return theme.css.indexOf('.note2any') < 0;
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
setArticle(article: string) {
|
setArticle(article: string) {
|
||||||
this.articleDiv.empty();
|
this.articleDiv.empty();
|
||||||
let className = 'note-to-mp';
|
let className = 'note2any';
|
||||||
// 兼容旧版本样式
|
// 兼容旧版本样式
|
||||||
if (this.isOldTheme()) {
|
if (this.isOldTheme()) {
|
||||||
className = this.currentTheme;
|
className = this.currentTheme;
|
||||||
@@ -200,7 +200,7 @@ export class ArticleRender implements MDRendererCallback {
|
|||||||
|
|
||||||
errorContent(error: any) {
|
errorContent(error: any) {
|
||||||
return '<h1>渲染失败!</h1><br/>'
|
return '<h1>渲染失败!</h1><br/>'
|
||||||
+ '如需帮助请前往 <a href="https://github.com/sunbooshi/note-to-mp/issues">https://github.com/sunbooshi/note-to-mp/issues</a> 反馈<br/><br/>'
|
+ '如需帮助请前往 <a href="https://biboer.cn/gitea/gavin/note2any/issues">https://biboer.cn/gitea/gavin/note2any/issues</a> 反馈<br/><br/>'
|
||||||
+ '如果方便，请提供引发错误的完整Markdown内容。<br/><br/>'
|
+ '如果方便，请提供引发错误的完整Markdown内容。<br/><br/>'
|
||||||
+ '<br/>Obsidian版本：' + apiVersion
|
+ '<br/>Obsidian版本：' + apiVersion
|
||||||
+ '<br/>错误信息：<br/>'
|
+ '<br/>错误信息：<br/>'
|
||||||
@@ -289,7 +289,7 @@ export class ArticleRender implements MDRendererCallback {
|
|||||||
const theme = this.assetsManager.getTheme(this.currentTheme);
|
const theme = this.assetsManager.getTheme(this.currentTheme);
|
||||||
const highlight = this.assetsManager.getHighlight(this.currentHighlight);
|
const highlight = this.assetsManager.getHighlight(this.currentHighlight);
|
||||||
const customCSS = this.settings.customCSSNote.length > 0 || this.settings.useCustomCss ? this.assetsManager.customCSS : '';
|
const customCSS = this.settings.customCSSNote.length > 0 || this.settings.useCustomCss ? this.assetsManager.customCSS : '';
|
||||||
const baseCSS = this.settings.baseCSS ? `.note-to-mp {${this.settings.baseCSS}}` : '';
|
const baseCSS = this.settings.baseCSS ? `.note2any {${this.settings.baseCSS}}` : '';
|
||||||
return `${InlineCSS}\n\n${highlight!.css}\n\n${theme!.css}\n\n${baseCSS}\n\n${customCSS}`;
|
return `${InlineCSS}\n\n${highlight!.css}\n\n${theme!.css}\n\n${baseCSS}\n\n${customCSS}`;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
@@ -341,11 +341,11 @@ export class ArticleRender implements MDRendererCallback {
|
|||||||
try {
|
try {
|
||||||
const globalAny = window as any;
|
const globalAny = window as any;
|
||||||
const now = Date.now();
|
const now = Date.now();
|
||||||
if (!globalAny.__note2mp_lastPathLog ||
|
if (!globalAny.__note2any_lastPathLog ||
|
||||||
globalAny.__note2mp_lastPathLog.path !== file.path ||
|
globalAny.__note2any_lastPathLog.path !== file.path ||
|
||||||
now - globalAny.__note2mp_lastPathLog.time > 3000) {
|
now - globalAny.__note2any_lastPathLog.time > 3000) {
|
||||||
console.log('[note2mp] active file path:', file.path);
|
console.log('[note2any] active file path:', file.path);
|
||||||
globalAny.__note2mp_lastPathLog = { path: file.path, time: now };
|
globalAny.__note2any_lastPathLog = { path: file.path, time: now };
|
||||||
}
|
}
|
||||||
} catch {}
|
} catch {}
|
||||||
const metadata = this.app.metadataCache.getFileCache(file);
|
const metadata = this.app.metadataCache.getFileCache(file);
|
||||||
@@ -475,7 +475,7 @@ export class ArticleRender implements MDRendererCallback {
|
|||||||
if (base) res.cover = `![[${base}]]`;
|
if (base) res.cover = `![[${base}]]`;
|
||||||
}
|
}
|
||||||
if (res.cover) {
|
if (res.cover) {
|
||||||
try { console.log('[note2mp] use default cover:', def, '->', res.cover); } catch {}
|
try { console.log('[note2any] use default cover:', def, '->', res.cover); } catch {}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -297,7 +297,7 @@ export default class AssetsManager {
|
|||||||
|
|
||||||
getThemeURL() {
|
getThemeURL() {
|
||||||
const version = this.manifest.version;
|
const version = this.manifest.version;
|
||||||
return `https://github.com/sunbooshi/note-to-mp/releases/download/${version}/assets.zip`;
|
return `https://biboer.cn/gitea/gavin/note2any/releases/download/${version}/assets.zip`;
|
||||||
}
|
}
|
||||||
|
|
||||||
async getStyle() {
|
async getStyle() {
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import { App, Modal, Setting, TFile, Notice, ButtonComponent } from 'obsidian';
|
import { App, Modal, Setting, TFile, Notice, ButtonComponent } from 'obsidian';
|
||||||
import { BatchArticleFilter, BatchFilterConfig } from './batch-filter';
|
import { BatchArticleFilter, BatchFilterConfig } from './batch-filter';
|
||||||
import NoteToMpPlugin from './main';
|
import Note2AnyPlugin from './main';
|
||||||
// 小红书功能模块
|
// 小红书功能模块
|
||||||
import { XiaohongshuContentAdapter } from './xiaohongshu/adapter';
|
import { XiaohongshuContentAdapter } from './xiaohongshu/adapter';
|
||||||
import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
||||||
@@ -34,7 +34,7 @@ import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
export class BatchPublishModal extends Modal {
|
export class BatchPublishModal extends Modal {
|
||||||
plugin: NoteToMpPlugin;
|
plugin: Note2AnyPlugin;
|
||||||
filter: BatchArticleFilter;
|
filter: BatchArticleFilter;
|
||||||
filteredFiles: TFile[] = [];
|
filteredFiles: TFile[] = [];
|
||||||
selectedFiles: Set<TFile> = new Set();
|
selectedFiles: Set<TFile> = new Set();
|
||||||
@@ -69,7 +69,7 @@ export class BatchPublishModal extends Modal {
|
|||||||
orderDirection: 'asc'
|
orderDirection: 'asc'
|
||||||
};
|
};
|
||||||
|
|
||||||
constructor(app: App, plugin: NoteToMpPlugin) {
|
constructor(app: App, plugin: Note2AnyPlugin) {
|
||||||
super(app);
|
super(app);
|
||||||
this.plugin = plugin;
|
this.plugin = plugin;
|
||||||
this.filter = new BatchArticleFilter(app);
|
this.filter = new BatchArticleFilter(app);
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ const css = `
|
|||||||
/* =========================================================== */
|
/* =========================================================== */
|
||||||
/* Obsidian的默认样式 */
|
/* Obsidian的默认样式 */
|
||||||
/* =========================================================== */
|
/* =========================================================== */
|
||||||
.note-to-mp {
|
.note2any {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
user-select: text;
|
user-select: text;
|
||||||
-webkit-user-select: text;
|
-webkit-user-select: text;
|
||||||
@@ -15,15 +15,15 @@ const css = `
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp:last-child {
|
.note2any:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .fancybox-img {
|
.note2any .fancybox-img {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .fancybox-img:hover {
|
.note2any .fancybox-img:hover {
|
||||||
opacity: none;
|
opacity: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@@ -33,7 +33,7 @@ const css = `
|
|||||||
Heading
|
Heading
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp h1 {
|
.note2any h1 {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.802em;
|
font-size: 1.802em;
|
||||||
@@ -42,7 +42,7 @@ Heading
|
|||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h2 {
|
.note2any h2 {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.602em;
|
font-size: 1.602em;
|
||||||
@@ -51,7 +51,7 @@ Heading
|
|||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h3 {
|
.note2any h3 {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.424em;
|
font-size: 1.424em;
|
||||||
@@ -60,7 +60,7 @@ Heading
|
|||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h4 {
|
.note2any h4 {
|
||||||
color: #222;
|
color: #222;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1.266em;
|
font-size: 1.266em;
|
||||||
@@ -69,13 +69,13 @@ Heading
|
|||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h5 {
|
.note2any h5 {
|
||||||
color: #222;
|
color: #222;
|
||||||
margin-block-start: 1em;
|
margin-block-start: 1em;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp h6 {
|
.note2any h6 {
|
||||||
color: #222;
|
color: #222;
|
||||||
margin-block-start: 1em;
|
margin-block-start: 1em;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -86,7 +86,7 @@ Heading
|
|||||||
Horizontal Rules
|
Horizontal Rules
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp hr {
|
.note2any hr {
|
||||||
border-color: #e0e0e0;
|
border-color: #e0e0e0;
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
margin-bottom: 3em;
|
margin-bottom: 3em;
|
||||||
@@ -97,7 +97,7 @@ Horizontal Rules
|
|||||||
Paragraphs
|
Paragraphs
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp p {
|
.note2any p {
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
@@ -107,17 +107,17 @@ Paragraphs
|
|||||||
Emphasis
|
Emphasis
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp strong {
|
.note2any strong {
|
||||||
color: #222222;
|
color: #222222;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp em {
|
.note2any em {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp s {
|
.note2any s {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -126,7 +126,7 @@ Emphasis
|
|||||||
Blockquotes
|
Blockquotes
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp blockquote {
|
.note2any blockquote {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 2em 0;
|
margin: 2em 0;
|
||||||
@@ -136,15 +136,15 @@ Emphasis
|
|||||||
border-left: 0.15rem solid #7852ee;
|
border-left: 0.15rem solid #7852ee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote blockquote {
|
.note2any blockquote blockquote {
|
||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote p {
|
.note2any blockquote p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp blockquote footer strong {
|
.note2any blockquote footer strong {
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -153,23 +153,23 @@ Emphasis
|
|||||||
List
|
List
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp ul {
|
.note2any ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: 1.25em;
|
margin-top: 1.25em;
|
||||||
margin-bottom: 1.25em;
|
margin-bottom: 1.25em;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ul>li::marker {
|
.note2any ul>li::marker {
|
||||||
color: #ababab;
|
color: #ababab;
|
||||||
/* font-size: 1.5em; */
|
/* font-size: 1.5em; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp li>p {
|
.note2any li>p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ol {
|
.note2any ol {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin-top: 1.25em;
|
margin-top: 1.25em;
|
||||||
@@ -178,7 +178,7 @@ List
|
|||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp ol>li {
|
.note2any ol>li {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 0.1em;
|
padding-left: 0.1em;
|
||||||
margin-left: 2em;
|
margin-left: 2em;
|
||||||
@@ -189,7 +189,7 @@ List
|
|||||||
Link
|
Link
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp a {
|
.note2any a {
|
||||||
color: #7852ee;
|
color: #7852ee;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -198,7 +198,7 @@ Link
|
|||||||
transition: border 0.3s ease-in-out;
|
transition: border 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp a:hover {
|
.note2any a:hover {
|
||||||
color: #7952eebb;
|
color: #7952eebb;
|
||||||
border-bottom: 1px solid #7952eebb;
|
border-bottom: 1px solid #7952eebb;
|
||||||
}
|
}
|
||||||
@@ -208,7 +208,7 @@ Link
|
|||||||
Table
|
Table
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp table {
|
.note2any table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -221,13 +221,13 @@ Table
|
|||||||
text-indent: 0;
|
text-indent: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead {
|
.note2any table thead {
|
||||||
color: #000;
|
color: #000;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border: #e0e0e0 1px solid;
|
border: #e0e0e0 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th {
|
.note2any table thead th {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
padding-right: 0.5714286em;
|
padding-right: 0.5714286em;
|
||||||
padding-bottom: 0.5714286em;
|
padding-bottom: 0.5714286em;
|
||||||
@@ -235,24 +235,24 @@ Table
|
|||||||
border: #e0e0e0 1px solid;
|
border: #e0e0e0 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th:first-child {
|
.note2any table thead th:first-child {
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table thead th:last-child {
|
.note2any table thead th:last-child {
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody tr {
|
.note2any table tbody tr {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border: #e0e0e0 1px solid;
|
border: #e0e0e0 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody tr:last-child {
|
.note2any table tbody tr:last-child {
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td {
|
.note2any table tbody td {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-top: 0.5714286em;
|
padding-top: 0.5714286em;
|
||||||
padding-right: 0.5714286em;
|
padding-right: 0.5714286em;
|
||||||
@@ -261,11 +261,11 @@ Table
|
|||||||
border: #e0e0e0 1px solid;
|
border: #e0e0e0 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td:first-child {
|
.note2any table tbody td:first-child {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp table tbody td:last-child {
|
.note2any table tbody td:last-child {
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -274,11 +274,11 @@ Table
|
|||||||
Images
|
Images
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp img {
|
.note2any img {
|
||||||
margin: 2em auto;
|
margin: 2em auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .footnotes hr {
|
.note2any .footnotes hr {
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
@@ -288,7 +288,7 @@ Images
|
|||||||
Code
|
Code
|
||||||
==================================
|
==================================
|
||||||
*/
|
*/
|
||||||
.note-to-mp .code-section {
|
.note2any .code-section {
|
||||||
display: flex;
|
display: flex;
|
||||||
border: rgb(240, 240, 240) 1px solid;
|
border: rgb(240, 240, 240) 1px solid;
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
@@ -298,7 +298,7 @@ Code
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section ul {
|
.note2any .code-section ul {
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
@@ -310,11 +310,11 @@ Code
|
|||||||
backgroud: transparent !important;
|
backgroud: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section ul>li {
|
.note2any .code-section ul>li {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section pre {
|
.note2any .code-section pre {
|
||||||
margin-block-start: 0;
|
margin-block-start: 0;
|
||||||
margin-block-end: 0;
|
margin-block-end: 0;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
@@ -322,7 +322,7 @@ Code
|
|||||||
padding: 0 0 0 0.875em;
|
padding: 0 0 0 0.875em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.note-to-mp .code-section code {
|
.note2any .code-section code {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-wrap: nowrap;
|
text-wrap: nowrap;
|
||||||
font-family: Consolas,Courier,monospace;
|
font-family: Consolas,Courier,monospace;
|
||||||
|
|||||||
46
src/main.ts
46
src/main.ts
@@ -10,7 +10,7 @@
|
|||||||
import { Plugin, WorkspaceLeaf, App, PluginManifest, Menu, Notice, TAbstractFile, TFile, TFolder } from 'obsidian';
|
import { Plugin, WorkspaceLeaf, App, PluginManifest, Menu, Notice, TAbstractFile, TFile, TFolder } from 'obsidian';
|
||||||
import { PreviewView, VIEW_TYPE_NOTE_PREVIEW } from './preview-view';
|
import { PreviewView, VIEW_TYPE_NOTE_PREVIEW } from './preview-view';
|
||||||
import { NMPSettings } from './settings';
|
import { NMPSettings } from './settings';
|
||||||
import { NoteToMpSettingTab } from './setting-tab';
|
import { Note2AnySettingTab } from './setting-tab';
|
||||||
import AssetsManager from './assets';
|
import AssetsManager from './assets';
|
||||||
import { setVersion, uevent } from './utils';
|
import { setVersion, uevent } from './utils';
|
||||||
import { WidgetsModal } from './widgets-modal';
|
import { WidgetsModal } from './widgets-modal';
|
||||||
@@ -20,7 +20,7 @@ import { XiaohongshuContentAdapter } from './xiaohongshu/adapter';
|
|||||||
import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* NoteToMpPlugin
|
* Note2AnyPlugin
|
||||||
*
|
*
|
||||||
* 中文说明:
|
* 中文说明:
|
||||||
* 这是插件的入口类，负责：
|
* 这是插件的入口类，负责：
|
||||||
@@ -30,12 +30,12 @@ import { XiaohongshuAPIManager } from './xiaohongshu/api';
|
|||||||
* - 提供文件右键菜单扩展，支持对单文件或文件夹进行发布操作
|
* - 提供文件右键菜单扩展，支持对单文件或文件夹进行发布操作
|
||||||
*
|
*
|
||||||
* 设计决策（简要）:
|
* 设计决策（简要）:
|
||||||
* - 将批量发布的 UI 放在 `BatchPublishModal` 中，命令 `note-to-mp-batch-publish` 会打开该模态框
|
* - 将批量发布的 UI 放在 `BatchPublishModal` 中，命令 `note2any-batch-publish` 会打开该模态框
|
||||||
* - 单篇发布/文件夹批量发布仍复用 `NotePreview` 的发布逻辑，避免重复实现上传流程
|
* - 单篇发布/文件夹批量发布仍复用 `NotePreview` 的发布逻辑，避免重复实现上传流程
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
export default class NoteToMpPlugin extends Plugin {
|
export default class Note2AnyPlugin extends Plugin {
|
||||||
settings: NMPSettings;
|
settings: NMPSettings;
|
||||||
assetsManager: AssetsManager;
|
assetsManager: AssetsManager;
|
||||||
ribbonIconEl: HTMLElement | null = null;
|
ribbonIconEl: HTMLElement | null = null;
|
||||||
@@ -51,35 +51,35 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
}
|
}
|
||||||
|
|
||||||
async onload() {
|
async onload() {
|
||||||
console.log('Loading NoteToMP (plugin onload start)');
|
console.log('Loading Note2Any (plugin onload start)');
|
||||||
setVersion(this.manifest.version);
|
setVersion(this.manifest.version);
|
||||||
uevent('load');
|
uevent('load');
|
||||||
console.log('[NoteToMpPlugin] workspace.layoutReady at onload =', this.app.workspace.layoutReady);
|
console.log('[Note2AnyPlugin] workspace.layoutReady at onload =', this.app.workspace.layoutReady);
|
||||||
|
|
||||||
// 先注册 view 之前，防止旧 snapshot 立即恢复创建大量视图：先临时卸载残留叶子（如果类型匹配）
|
// 先注册 view 之前，防止旧 snapshot 立即恢复创建大量视图：先临时卸载残留叶子（如果类型匹配）
|
||||||
try {
|
try {
|
||||||
const legacyLeaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_NOTE_PREVIEW);
|
const legacyLeaves = this.app.workspace.getLeavesOfType(VIEW_TYPE_NOTE_PREVIEW);
|
||||||
if (legacyLeaves.length > 0) {
|
if (legacyLeaves.length > 0) {
|
||||||
console.log('[NoteToMpPlugin] detach legacy leaves early count=', legacyLeaves.length);
|
console.log('[Note2AnyPlugin] detach legacy leaves early count=', legacyLeaves.length);
|
||||||
this.app.workspace.detachLeavesOfType(VIEW_TYPE_NOTE_PREVIEW);
|
this.app.workspace.detachLeavesOfType(VIEW_TYPE_NOTE_PREVIEW);
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.warn('[NoteToMpPlugin] early detach failed', e);
|
console.warn('[Note2AnyPlugin] early detach failed', e);
|
||||||
}
|
}
|
||||||
this.app.workspace.onLayoutReady(async () => {
|
this.app.workspace.onLayoutReady(async () => {
|
||||||
console.log('[NoteToMpPlugin] onLayoutReady callback entered');
|
console.log('[Note2AnyPlugin] onLayoutReady callback entered');
|
||||||
console.time('[NoteToMpPlugin] startup:onLayoutReady→loadResource');
|
console.time('[Note2AnyPlugin] startup:onLayoutReady→loadResource');
|
||||||
try {
|
try {
|
||||||
await this.loadResource(); // 确保资源完全加载完再继续，避免后续视图初始化反复等待
|
await this.loadResource(); // 确保资源完全加载完再继续，避免后续视图初始化反复等待
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('[NoteToMpPlugin] loadResource 失败', e);
|
console.error('[Note2AnyPlugin] loadResource 失败', e);
|
||||||
} finally {
|
} finally {
|
||||||
console.timeEnd('[NoteToMpPlugin] startup:onLayoutReady→loadResource');
|
console.timeEnd('[Note2AnyPlugin] startup:onLayoutReady→loadResource');
|
||||||
}
|
}
|
||||||
// 清理旧视图
|
// 清理旧视图
|
||||||
this.cleanupLegacyViews();
|
this.cleanupLegacyViews();
|
||||||
// 取消自动打开预览视图（用于排查启动卡顿）。用户可通过图标或命令手动打开。
|
// 取消自动打开预览视图（用于排查启动卡顿）。用户可通过图标或命令手动打开。
|
||||||
// console.log('[NoteToMpPlugin] 已跳过自动打开预览视图调试模式');
|
// console.log('[Note2AnyPlugin] 已跳过自动打开预览视图调试模式');
|
||||||
});
|
});
|
||||||
|
|
||||||
this.registerView(
|
this.registerView(
|
||||||
@@ -90,28 +90,28 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
this.ribbonIconEl = this.addRibbonIcon('clipboard-paste', '复制到公众号', (evt: MouseEvent) => {
|
this.ribbonIconEl = this.addRibbonIcon('clipboard-paste', '复制到公众号', (evt: MouseEvent) => {
|
||||||
this.activateView();
|
this.activateView();
|
||||||
});
|
});
|
||||||
this.ribbonIconEl.addClass('note-to-mp-plugin-ribbon-class');
|
this.ribbonIconEl.addClass('note2any-plugin-ribbon-class');
|
||||||
|
|
||||||
this.addCommand({
|
this.addCommand({
|
||||||
id: 'note-to-mp-preview',
|
id: 'note2any-preview',
|
||||||
name: '复制到公众号',
|
name: '复制到公众号',
|
||||||
callback: () => {
|
callback: () => {
|
||||||
this.activateView();
|
this.activateView();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.addSettingTab(new NoteToMpSettingTab(this.app, this));
|
this.addSettingTab(new Note2AnySettingTab(this.app, this));
|
||||||
|
|
||||||
this.addCommand({
|
this.addCommand({
|
||||||
id: 'note-to-mp-widget',
|
id: 'note2any-widget',
|
||||||
name: '插入样式小部件',
|
name: '插入样式组件',
|
||||||
callback: () => {
|
callback: () => {
|
||||||
new WidgetsModal(this.app).open();
|
new WidgetsModal(this.app).open();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.addCommand({
|
this.addCommand({
|
||||||
id: 'note-to-mp-batch-publish',
|
id: 'note2any-batch-publish',
|
||||||
name: '批量发布文章',
|
name: '批量发布文章',
|
||||||
callback: () => {
|
callback: () => {
|
||||||
new BatchPublishModal(this.app, this).open();
|
new BatchPublishModal(this.app, this).open();
|
||||||
@@ -120,7 +120,7 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
|
|
||||||
// TODO: 重构后需要重新实现批量发布功能
|
// TODO: 重构后需要重新实现批量发布功能
|
||||||
// this.addCommand({
|
// this.addCommand({
|
||||||
// id: 'note-to-mp-pub',
|
// id: 'note2any-pub',
|
||||||
// name: '发布公众号文章',
|
// name: '发布公众号文章',
|
||||||
// callback: async () => {
|
// callback: async () => {
|
||||||
// await this.activateView();
|
// await this.activateView();
|
||||||
@@ -130,7 +130,7 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
|
|
||||||
// 命令：当前文件发布到微信草稿
|
// 命令：当前文件发布到微信草稿
|
||||||
this.addCommand({
|
this.addCommand({
|
||||||
id: 'note-to-mp-post-current',
|
id: 'note2any-post-current',
|
||||||
name: '发布当前文件到公众号草稿',
|
name: '发布当前文件到公众号草稿',
|
||||||
callback: async () => {
|
callback: async () => {
|
||||||
const file = this.app.workspace.getActiveFile();
|
const file = this.app.workspace.getActiveFile();
|
||||||
@@ -181,7 +181,7 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onunload() {
|
onunload() {
|
||||||
console.log('Unloading NoteToMP');
|
console.log('Unloading Note2Any');
|
||||||
// 移除 ribbon icon，避免重载插件时重复创建
|
// 移除 ribbon icon，避免重载插件时重复创建
|
||||||
if (this.ribbonIconEl) {
|
if (this.ribbonIconEl) {
|
||||||
this.ribbonIconEl.remove();
|
this.ribbonIconEl.remove();
|
||||||
@@ -208,7 +208,7 @@ export default class NoteToMpPlugin extends Plugin {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.warn('[NoteToMp] cleanupLegacyViews 失败', e);
|
console.warn('[Note2Any] cleanupLegacyViews 失败', e);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -4,19 +4,19 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { App, TextAreaComponent, PluginSettingTab, Setting, Notice, sanitizeHTMLToDom } from 'obsidian';
|
import { App, TextAreaComponent, PluginSettingTab, Setting, Notice, sanitizeHTMLToDom } from 'obsidian';
|
||||||
import NoteToMpPlugin from './main';
|
import Note2AnyPlugin from './main';
|
||||||
import { wxGetToken, wxEncrypt } from './wechat/weixin-api';
|
import { wxGetToken, wxEncrypt } from './wechat/weixin-api';
|
||||||
import { cleanMathCache } from './markdown/math';
|
import { cleanMathCache } from './markdown/math';
|
||||||
import { NMPSettings } from './settings';
|
import { NMPSettings } from './settings';
|
||||||
import { DocModal } from './doc-modal';
|
import { DocModal } from './doc-modal';
|
||||||
|
|
||||||
export class NoteToMpSettingTab extends PluginSettingTab {
|
export class Note2AnySettingTab extends PluginSettingTab {
|
||||||
plugin: NoteToMpPlugin;
|
plugin: Note2AnyPlugin;
|
||||||
wxInfo: string;
|
wxInfo: string;
|
||||||
wxTextArea: TextAreaComponent|null;
|
wxTextArea: TextAreaComponent|null;
|
||||||
settings: NMPSettings;
|
settings: NMPSettings;
|
||||||
|
|
||||||
constructor(app: App, plugin: NoteToMpPlugin) {
|
constructor(app: App, plugin: Note2AnyPlugin) {
|
||||||
super(app, plugin);
|
super(app, plugin);
|
||||||
this.plugin = plugin;
|
this.plugin = plugin;
|
||||||
this.settings = NMPSettings.getInstance();
|
this.settings = NMPSettings.getInstance();
|
||||||
@@ -425,7 +425,7 @@ export class NoteToMpSettingTab extends PluginSettingTab {
|
|||||||
private renderImageTab(panel: HTMLElement): void {
|
private renderImageTab(panel: HTMLElement): void {
|
||||||
new Setting(panel)
|
new Setting(panel)
|
||||||
.setName('切图保存路径')
|
.setName('切图保存路径')
|
||||||
.setDesc('切图文件的保存目录，默认：/Users/gavin/note2mp/images/xhs')
|
.setDesc('切图文件的保存目录，默认：/Users/gavin/note2any/images/xhs')
|
||||||
.addText(text => {
|
.addText(text => {
|
||||||
text.setPlaceholder('例如 /Users/xxx/images/xhs')
|
text.setPlaceholder('例如 /Users/xxx/images/xhs')
|
||||||
.setValue(this.settings.sliceImageSavePath || '')
|
.setValue(this.settings.sliceImageSavePath || '')
|
||||||
|
|||||||
@@ -100,7 +100,7 @@ export class NMPSettings {
|
|||||||
}
|
}
|
||||||
];
|
];
|
||||||
// 切图配置默认值
|
// 切图配置默认值
|
||||||
this.sliceImageSavePath = '/Users/gavin/note2mp/images/xhs';
|
this.sliceImageSavePath = '/Users/gavin/note2any/images/xhs';
|
||||||
this.sliceImageWidth = 1080;
|
this.sliceImageWidth = 1080;
|
||||||
this.sliceImageAspectRatio = '3:4';
|
this.sliceImageAspectRatio = '3:4';
|
||||||
this.xhsPreviewWidth = 540;
|
this.xhsPreviewWidth = 540;
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export function setVersion(version: string) {
|
|||||||
function getStyleSheet() {
|
function getStyleSheet() {
|
||||||
for (var i = 0; i < document.styleSheets.length; i++) {
|
for (var i = 0; i < document.styleSheets.length; i++) {
|
||||||
var sheet = document.styleSheets[i];
|
var sheet = document.styleSheets[i];
|
||||||
if (sheet.title == 'note-to-mp-style') {
|
if (sheet.title == 'note2any-style') {
|
||||||
return sheet;
|
return sheet;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -183,13 +183,13 @@ export class XiaohongshuPreview {
|
|||||||
this.articleHTML = articleHTML;
|
this.articleHTML = articleHTML;
|
||||||
this.currentFile = file;
|
this.currentFile = file;
|
||||||
|
|
||||||
new Notice('正在分页...');
|
//new Notice('正在分页...');
|
||||||
|
|
||||||
// 创建临时容器用于分页
|
// 创建临时容器用于分页
|
||||||
const tempContainer = document.createElement('div');
|
const tempContainer = document.createElement('div');
|
||||||
tempContainer.innerHTML = articleHTML;
|
tempContainer.innerHTML = articleHTML;
|
||||||
tempContainer.style.width = `${this.settings.sliceImageWidth}px`;
|
tempContainer.style.width = `${this.settings.sliceImageWidth}px`;
|
||||||
tempContainer.classList.add('note-to-mp');
|
tempContainer.classList.add('note2any');
|
||||||
if (this.currentThemeClass) {
|
if (this.currentThemeClass) {
|
||||||
tempContainer.classList.add(this.currentThemeClass);
|
tempContainer.classList.add(this.currentThemeClass);
|
||||||
}
|
}
|
||||||
@@ -200,7 +200,7 @@ export class XiaohongshuPreview {
|
|||||||
// 在分页前先应用主题与高亮，确保测量使用正确样式
|
// 在分页前先应用主题与高亮，确保测量使用正确样式
|
||||||
this.applyThemeCSS();
|
this.applyThemeCSS();
|
||||||
this.pages = await paginateArticle(tempContainer, this.settings);
|
this.pages = await paginateArticle(tempContainer, this.settings);
|
||||||
new Notice(`分页完成：共 ${this.pages.length} 页`);
|
//new Notice(`分页完成：共 ${this.pages.length} 页`);
|
||||||
|
|
||||||
this.currentPageIndex = 0;
|
this.currentPageIndex = 0;
|
||||||
// 初次渲染时应用当前主题
|
// 初次渲染时应用当前主题
|
||||||
@@ -226,7 +226,7 @@ export class XiaohongshuPreview {
|
|||||||
const wrapper = this.pageContainer.createDiv({ cls: 'xhs-page-wrapper' });
|
const wrapper = this.pageContainer.createDiv({ cls: 'xhs-page-wrapper' });
|
||||||
|
|
||||||
const classes = ['xhs-page'];
|
const classes = ['xhs-page'];
|
||||||
if (this.currentThemeClass) classes.push('note-to-mp');
|
if (this.currentThemeClass) classes.push('note2any');
|
||||||
const pageElement = wrapper.createDiv({ cls: classes.join(' ') });
|
const pageElement = wrapper.createDiv({ cls: classes.join(' ') });
|
||||||
renderPage(pageElement, page.content, this.settings);
|
renderPage(pageElement, page.content, this.settings);
|
||||||
this.applyPreviewSizing(wrapper, pageElement);
|
this.applyPreviewSizing(wrapper, pageElement);
|
||||||
@@ -460,7 +460,7 @@ export class XiaohongshuPreview {
|
|||||||
|
|
||||||
private async persistSettings(): Promise<void> {
|
private async persistSettings(): Promise<void> {
|
||||||
try {
|
try {
|
||||||
const plugin = (this.app as any)?.plugins?.getPlugin?.('note-to-mp');
|
const plugin = (this.app as any)?.plugins?.getPlugin?.('note2any');
|
||||||
if (plugin?.saveSettings) {
|
if (plugin?.saveSettings) {
|
||||||
await plugin.saveSettings();
|
await plugin.saveSettings();
|
||||||
}
|
}
|
||||||
@@ -510,7 +510,7 @@ export class XiaohongshuPreview {
|
|||||||
const theme = this.assetsManager.getTheme(themeName);
|
const theme = this.assetsManager.getTheme(themeName);
|
||||||
const highlight = this.assetsManager.getHighlight(highlightName);
|
const highlight = this.assetsManager.getHighlight(highlightName);
|
||||||
const customCSS = (this.settings.useCustomCss || this.settings.customCSSNote.length>0) ? this.assetsManager.customCSS : '';
|
const customCSS = (this.settings.useCustomCss || this.settings.customCSSNote.length>0) ? this.assetsManager.customCSS : '';
|
||||||
const baseCSS = this.settings.baseCSS ? `.note-to-mp {${this.settings.baseCSS}}` : '';
|
const baseCSS = this.settings.baseCSS ? `.note2any {${this.settings.baseCSS}}` : '';
|
||||||
const css = `${highlight?.css || ''}\n\n${theme?.css || ''}\n\n${baseCSS}\n\n${customCSS}`;
|
const css = `${highlight?.css || ''}\n\n${theme?.css || ''}\n\n${baseCSS}\n\n${customCSS}`;
|
||||||
this.styleEl.textContent = css;
|
this.styleEl.textContent = css;
|
||||||
this.currentThemeClass = theme?.className || '';
|
this.currentThemeClass = theme?.className || '';
|
||||||
@@ -520,15 +520,15 @@ export class XiaohongshuPreview {
|
|||||||
if (!this.articleHTML) return;
|
if (!this.articleHTML) return;
|
||||||
const totalBefore = this.pages.length || 1;
|
const totalBefore = this.pages.length || 1;
|
||||||
const posRatio = (this.currentPageIndex + 0.5) / totalBefore; // 以当前页中心作为相对位置
|
const posRatio = (this.currentPageIndex + 0.5) / totalBefore; // 以当前页中心作为相对位置
|
||||||
new Notice('重新分页中...');
|
//new Notice('重新分页中...');
|
||||||
|
|
||||||
const tempContainer = document.createElement('div');
|
const tempContainer = document.createElement('div');
|
||||||
tempContainer.innerHTML = this.articleHTML;
|
tempContainer.innerHTML = this.articleHTML;
|
||||||
tempContainer.style.width = `${this.settings.sliceImageWidth}px`;
|
tempContainer.style.width = `${this.settings.sliceImageWidth}px`;
|
||||||
tempContainer.style.fontSize = `${this.currentFontSize}px`;
|
tempContainer.style.fontSize = `${this.currentFontSize}px`;
|
||||||
// 字体从全局主题中继承，无需手动指定
|
// 字体从全局主题中继承，无需手动指定
|
||||||
tempContainer.classList.add('note-to-mp');
|
tempContainer.classList.add('note2any');
|
||||||
tempContainer.className = this.currentThemeClass ? `note-to-mp ${this.currentThemeClass}` : 'note-to-mp';
|
tempContainer.className = this.currentThemeClass ? `note2any ${this.currentThemeClass}` : 'note2any';
|
||||||
document.body.appendChild(tempContainer);
|
document.body.appendChild(tempContainer);
|
||||||
try {
|
try {
|
||||||
this.pages = await paginateArticle(tempContainer, this.settings);
|
this.pages = await paginateArticle(tempContainer, this.settings);
|
||||||
@@ -539,7 +539,7 @@ export class XiaohongshuPreview {
|
|||||||
this.currentPageIndex = 0;
|
this.currentPageIndex = 0;
|
||||||
}
|
}
|
||||||
this.renderCurrentPage();
|
this.renderCurrentPage();
|
||||||
new Notice(`重新分页完成：共 ${this.pages.length} 页`);
|
//new Notice(`重新分页完成：共 ${this.pages.length} 页`);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.error('重新分页失败', e);
|
console.error('重新分页失败', e);
|
||||||
new Notice('重新分页失败');
|
new Notice('重新分页失败');
|
||||||
|
|||||||
40
todolist.md
40
todolist.md
@@ -8,7 +8,7 @@
|
|||||||
✅
|
✅
|
||||||
- 标题取frontmatter的title属性。
|
- 标题取frontmatter的title属性。
|
||||||
✅
|
✅
|
||||||
- 图片保存路径可配置，默认为/Users/gavin/note2mp/images/xhs。
|
- 图片保存路径可配置，默认为/Users/gavin/note2any/images/xhs。
|
||||||
✅
|
✅
|
||||||
- 图片名取frontmatter的slug属性，如: slug: mmm，文章长图命名为mmm.png，如切为3张图片，则切图图片名按顺序依次为mmm_1.png,mmm_2.png,mmm_3.png
|
- 图片名取frontmatter的slug属性，如: slug: mmm，文章长图命名为mmm.png，如切为3张图片，则切图图片名按顺序依次为mmm_1.png,mmm_2.png,mmm_3.png
|
||||||
✅
|
✅
|
||||||
@@ -56,8 +56,27 @@
|
|||||||
- 点击"全部页切图"，把所有html页面转为png图片，图片保存路径和命名按此前设置。
|
- 点击"全部页切图"，把所有html页面转为png图片，图片保存路径和命名按此前设置。
|
||||||
✅
|
✅
|
||||||
|
|
||||||
3. 整合xhs登陆和发布功能。
|
3. 目前xhs模式发布功能未实现，因为没有登录。
|
||||||
-
|
整合xhs登陆和发布功能。
|
||||||
|
- 在“用户配置”tab中增加“小红书用户名”配置项，默认13357108011。（⚠️ **后续可能需要维护多账号**）
|
||||||
|
- xhslogin项目，XHS_PHONE=13357108011 XHS_AUTO_CLOSE=1 npm run publish -- --title "恢复功能测试" --content "验证恢复核心功能后保留优化的代码" --images "/Users/gavin/myweb/static/img/ibook笔记.png" --visibility private --collection 自嗨 --timestamp
|
||||||
|
其中:
|
||||||
|
- 参数XHS_PHONE为“小红书用户名”配置项。
|
||||||
|
- title取markdown文章的title
|
||||||
|
- content取markdown文章frontmatter中的description信息，如果没有description或内容为空，取markdown正文前2段（段以空行隔离，不超过300字[n]；段1+段2>n，取段1；段1+段2+段3>n，取段1段2 ……）
|
||||||
|
- images取小红书切图结果，按文章次序。
|
||||||
|
- visibility在小红书模式下，预览页的工具栏中增加"公开"checkbox，默认为不选，即private。
|
||||||
|
- collection在小红书模式下，预览页的工具栏中增加下拉框选择，下拉框内容从登录小红书自动获取。
|
||||||
|
- timestamp是调试使用，默认使用
|
||||||
|
|
||||||
|
❓ 重构后无法运行，原因是obsidian中playwright环境没有。
|
||||||
|
❌ 要用xhslogin 的 Playwright 逻辑，就必须把 Playwright 当成外部依赖加载（运行前安装 playwright 和浏览器内核）。 如果一定要彻底摆脱 Playwright，只能回到 webview 方案，重新实现一次自动化流程，与其说“利用现成 Chromium”，不如说“自己写网页自动化框架”，工作量很大。
|
||||||
|
|
||||||
|
**改变思路**：
|
||||||
|
xhslogin改造成MCP server部署在远端服务器上。插件中只要实现mcp client就可以了。
|
||||||
|
这样xhslogin项目没有必要整合到note2any中。
|
||||||
|
|
||||||
|
4. 选中内容，右键发布到不同平台。发布时调用渲染，发布到特定的栏目中，比如网站中某个区块的“闪念集”。
|
||||||
|
|
||||||
## 问题
|
## 问题
|
||||||
1. "发布平台"首次选“小红书”时，预览页面没有加载当前文章。
|
1. "发布平台"首次选“小红书”时，预览页面没有加载当前文章。
|
||||||
@@ -121,11 +140,26 @@ SOLVE：obsidian控制台打印信息，定位在哪里阻塞，AI修复。
|
|||||||
10. 新建docs文件夹，把除了README和todolist以外的markdown文件放到docs中。
|
10. 新建docs文件夹，把除了README和todolist以外的markdown文件放到docs中。
|
||||||
✅
|
✅
|
||||||
|
|
||||||
|
11. `` -- 不应该渲染为图片链接
|
||||||
|
|
||||||
|
|
||||||
## 经验
|
## 经验
|
||||||
1. 在不确定AI是否理解，或者需求是否准确的情况下，先用codex chat模式提问，看回答确定AI理解是否准确。
|
1. 在不确定AI是否理解，或者需求是否准确的情况下，先用codex chat模式提问，看回答确定AI理解是否准确。
|
||||||
尤其对于较大规模的重构需求，这点很重要 ‼️ 。
|
尤其对于较大规模的重构需求，这点很重要 ‼️ 。
|
||||||
|
|
||||||
|
例如：
|
||||||
|
这个思路有问题。我提供命令行只是对参数做说明，这些参数实际上是函数参数。
|
||||||
|
我需要把xhslogin的功能代码无缝的整合进现有项目中，而不是通过命令行传参的方式实现。
|
||||||
|
这么做的同时，保持结构和模块清晰。
|
||||||
|
请再提供思路，我来审核下。
|
||||||
|
|
||||||
2. 复杂页面，codex生成的css可能无比复杂，不便于维护修改。
|
2. 复杂页面，codex生成的css可能无比复杂，不便于维护修改。
|
||||||
自己写布局demo原型，让codex参考布局修改(原来元素美化的css可保留)。
|
自己写布局demo原型，让codex参考布局修改(原来元素美化的css可保留)。
|
||||||
demo原型可以手绘后，拍照让chatgpt生成，在此基础上自己修改。
|
demo原型可以手绘后，拍照让chatgpt生成，在此基础上自己修改。
|
||||||
|
|
||||||
|
## 思路
|
||||||
|
1. 网上图片模版，让AI快速生成css themes主题。快速套用。‼️
|
||||||
|
**样式和功能必须结构，样式必须可以0基础，快速选择，让用户可以选择足够多样式(AI生成)。**
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
{
|
{
|
||||||
"1.3.7": "1.4.5"
|
"1.3.7": "1.4.5",
|
||||||
|
"1.3.12": "1.4.5"
|
||||||
}
|
}
|
||||||
|
|||||||
4
x
4
x
@@ -105,8 +105,8 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 若内部 section.note-to-mp 主题没有撑开，确保文本可见基色 */
|
/* 若内部 section.note2any 主题没有撑开，确保文本可见基色 */
|
||||||
.wechat-article-wrapper .note-to-mp {
|
.wechat-article-wrapper .note2any {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user