From 9f3a4e8812e1abfe7dd56f5913b7487c9686e20c Mon Sep 17 00:00:00 2001 From: douboer Date: Thu, 16 Oct 2025 14:24:10 +0800 Subject: [PATCH] update at 2025-10-16 14:24:10 --- assets/themes/maple.css | 82 +++--- assets/themes/mweb-ayu-mirage.css | 150 +++++----- assets/themes/mweb-ayu.css | 150 +++++----- assets/themes/mweb-bear-default.css | 150 +++++----- assets/themes/mweb-charcoal.css | 150 +++++----- assets/themes/mweb-cobalt.css | 150 +++++----- assets/themes/mweb-contrast.css | 150 +++++----- assets/themes/mweb-d-boring.css | 150 +++++----- assets/themes/mweb-dark-graphite.css | 150 +++++----- assets/themes/mweb-default.css | 74 ++--- assets/themes/mweb-dieci.css | 150 +++++----- assets/themes/mweb-dracula.css | 150 +++++----- assets/themes/mweb-duotone-heat.css | 150 +++++----- assets/themes/mweb-duotone-light.css | 150 +++++----- assets/themes/mweb-gandalf.css | 150 +++++----- assets/themes/mweb-gotham.css | 150 +++++----- assets/themes/mweb-indigo.css | 96 +++---- assets/themes/mweb-jzman.css | 84 +++--- assets/themes/mweb-lark-bold-color.css | 64 ++--- assets/themes/mweb-lark.css | 62 ++--- assets/themes/mweb-lighthouse.css | 150 +++++----- assets/themes/mweb-nord.css | 150 +++++----- assets/themes/mweb-olive-dunk.css | 150 +++++----- assets/themes/mweb-panic.css | 150 +++++----- assets/themes/mweb-red-graphite.css | 150 +++++----- assets/themes/mweb-smartblue.css | 70 ++--- assets/themes/mweb-solarized-dark.css | 150 +++++----- assets/themes/mweb-solarized-light.css | 150 +++++----- assets/themes/mweb-toothpaste.css | 150 +++++----- assets/themes/mweb-typo.css | 362 ++++++++++++------------- assets/themes/mweb-v-green.css | 136 +++++----- assets/themes/mweb-vue.css | 146 +++++----- assets/themes/wx-mp-pro.css | 142 +++++----- manifest.json | 2 +- package.json | 2 +- release.md | 12 + src/article-render.ts | 6 +- src/default-theme.ts | 86 +++--- src/xiaohongshu/xhs-preview.ts | 10 +- todolist.md | 1 + versions.json | 3 +- 41 files changed, 2377 insertions(+), 2363 deletions(-) diff --git a/assets/themes/maple.css b/assets/themes/maple.css index 5c2c0f3..1081306 100644 --- a/assets/themes/maple.css +++ b/assets/themes/maple.css @@ -1,22 +1,22 @@ /* =========================================================== */ /* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */ /* =========================================================== */ -.note-to-mp { +.note2any { user-select: text; -webkit-user-select: text; 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; } -.note-to-mp:last-child { +.note2any:last-child { margin-bottom: 0; } -.note-to-mp .fancybox-img { +.note2any .fancybox-img { border: none; } -.note-to-mp .fancybox-img:hover { +.note2any .fancybox-img:hover { opacity: none; border: none; } @@ -26,7 +26,7 @@ Heading ================================== */ -.note-to-mp h1 { +.note2any h1 { color: #222; font-weight: 800; font-size: 2.25em; @@ -35,7 +35,7 @@ line-height: 1.1111111; } -.note-to-mp h2 { +.note2any h2 { color: inherit; font-weight: 700; font-size: 1.5em; @@ -44,7 +44,7 @@ line-height: 1.3333333; } -.note-to-mp h3 { +.note2any h3 { color: inherit; font-weight: 600; font-size: 1.25em; @@ -53,7 +53,7 @@ line-height: 1.6; } -.note-to-mp h4 { +.note2any h4 { color: inherit; font-weight: 600; margin-top: 1.5em; @@ -66,7 +66,7 @@ Horizontal Rules ================================== */ -.note-to-mp hr { +.note2any hr { border-color: rgba(125, 125, 125, 0.3); margin-top: 3em; margin-bottom: 3em; @@ -77,7 +77,7 @@ Paragraphs ================================== */ -.note-to-mp p { +.note2any p { margin: 1em 0; } @@ -86,16 +86,16 @@ Emphasis ================================== */ -.note-to-mp strong { +.note2any strong { color: #222; font-weight: 600; } -.note-to-mp em { +.note2any em { color: inherit; } -.note-to-mp s { +.note2any s { color: inherit; } @@ -104,7 +104,7 @@ Blockquotes ================================== */ -.note-to-mp blockquote { +.note2any blockquote { font-size: 1rem; display: block; margin: 1em 0; @@ -114,11 +114,11 @@ border-left: 0.25rem solid rgba(125, 125, 125, 0.302); } -.note-to-mp blockquote p { +.note2any blockquote p { margin: 0; } -.note-to-mp blockquote footer strong { +.note2any blockquote footer strong { margin-right: 0.5em; } @@ -127,26 +127,26 @@ List ================================== */ -.note-to-mp ul { +.note2any ul { margin: 0; /* padding: 0; */ margin-top: 1.25em; margin-bottom: 1.25em; } -.note-to-mp ul>li { +.note2any ul>li { position: relative; /* padding-left: 1.75rem; */ line-height: 1.8em; } -.note-to-mp ul>li::marker { +.note2any ul>li::marker { color: #555; /* font-size: 1.5em; */ } -.note-to-mp ol { +.note2any ol { margin: 0; padding: 0; margin-top: 1.25em; @@ -154,7 +154,7 @@ list-style-type: decimal; } -.note-to-mp ol>li { +.note2any ol>li { position: relative; padding-left: 0.8em; margin-left: 2em; @@ -166,7 +166,7 @@ Link ================================== */ -.note-to-mp a { +.note2any a { color: #000; text-decoration: none; font-weight: 500; @@ -175,7 +175,7 @@ transition: border 0.3s ease-in-out; } -.note-to-mp a:hover { +.note2any a:hover { border-bottom: 1px solid #555; } @@ -184,7 +184,7 @@ Table ================================== */ -.note-to-mp table { +.note2any table { width: 100%; table-layout: auto; text-align: left; @@ -197,38 +197,38 @@ text-indent: 0; } -.note-to-mp table thead { +.note2any table thead { color: #000; font-weight: 600; border-bottom-width: 1px; border-bottom-color: #d1d5db; } -.note-to-mp table thead th { +.note2any table thead th { vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; padding-left: 0.5714286em; } -.note-to-mp table thead th:first-child { +.note2any table thead th:first-child { padding-left: 0; } -.note-to-mp table thead th:last-child { +.note2any table thead th:last-child { padding-right: 0; } -.note-to-mp table tbody tr { +.note2any table tbody tr { border-bottom-width: 1px; border-bottom-color: #e5e7eb; } -.note-to-mp table tbody tr:last-child { +.note2any table tbody tr:last-child { border-bottom-width: 0; } -.note-to-mp table tbody td { +.note2any table tbody td { vertical-align: top; padding-top: 0.5714286em; padding-right: 0.5714286em; @@ -236,11 +236,11 @@ padding-left: 0.5714286em; } -.note-to-mp table tbody td:first-child { +.note2any table tbody td:first-child { padding-left: 0; } -.note-to-mp table tbody td:last-child { +.note2any table tbody td:last-child { padding-right: 0; } @@ -249,11 +249,11 @@ Images ================================== */ -.note-to-mp img { +.note2any img { margin: 2em auto; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } @@ -263,7 +263,7 @@ Code ================================== */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(240, 240, 240); margin: 1.5em 0; @@ -272,7 +272,7 @@ font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -284,12 +284,12 @@ list-style-type: none; } -.note-to-mp .code-section ul>li { +.note2any .code-section ul>li { line-height: 26px; text-align: right; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -299,7 +299,7 @@ background: transparent !important; } -.note-to-mp code { +.note2any code { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; color: #333; background: rgb(250, 250, 250); @@ -308,7 +308,7 @@ text-wrap: nowrap; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { color: inherit; display: flex; text-wrap: nowrap; diff --git a/assets/themes/mweb-ayu-mirage.css b/assets/themes/mweb-ayu-mirage.css index 9a39b87..914d7b1 100644 --- a/assets/themes/mweb-ayu-mirage.css +++ b/assets/themes/mweb-ayu-mirage.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(217, 215, 209); background-color: rgb(31, 35, 47); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(159, 170, 185); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(60, 66, 84); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(254, 203, 102); color: rgb(217, 215, 209); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(254, 203, 102); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(254, 203, 102) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(254, 203, 102); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(120, 126, 140); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(17, 110, 84); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(207, 208, 203); border-collapse: collapse; background-color: rgb(24, 28, 37); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(60, 66, 84); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(207, 208, 203); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(60, 66, 84); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-ayu.css b/assets/themes/mweb-ayu.css index 06967a0..b8d7a1b 100644 --- a/assets/themes/mweb-ayu.css +++ b/assets/themes/mweb-ayu.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(107, 104, 132); background-color: rgb(250, 250, 250); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(77, 82, 85); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(191, 193, 196); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(255, 106, 0); color: rgb(107, 104, 132); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(255, 106, 0); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(255, 106, 0) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(230, 103, 0); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(141, 143, 149); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(230, 249, 189); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(39, 45, 56); border-collapse: collapse; background-color: rgb(255, 255, 255); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(191, 193, 196); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(39, 45, 56); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(191, 193, 196); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-bear-default.css b/assets/themes/mweb-bear-default.css index 3661297..41ff14b 100644 --- a/assets/themes/mweb-bear-default.css +++ b/assets/themes/mweb-bear-default.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: #222222; background-color: white; @@ -27,29 +27,29 @@ margin: 0 0; padding: 0 0; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: #262626; } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: #bfbfbf; border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid #353535; color: #222222; } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: #353535; } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #353535 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: #2478c5; text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: #525252; } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: #fcffc0; } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: #424242; border-collapse: collapse; background-color: white; @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid #bfbfbf; } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: #424242; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #bfbfbf; margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-charcoal.css b/assets/themes/mweb-charcoal.css index 16911db..5967746 100644 --- a/assets/themes/mweb-charcoal.css +++ b/assets/themes/mweb-charcoal.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(166, 166, 166); background-color: rgb(46, 50, 53); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(172, 172, 172); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(62, 67, 72); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(155, 183, 196); color: rgb(166, 166, 166); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(155, 183, 196); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(155, 183, 196) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(171, 196, 207); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(122, 122, 122); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(7, 16, 25); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(153, 153, 153); border-collapse: collapse; background-color: rgb(47, 51, 55); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(62, 67, 72); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(153, 153, 153); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(62, 67, 72); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-cobalt.css b/assets/themes/mweb-cobalt.css index e71770a..1a1207f 100644 --- a/assets/themes/mweb-cobalt.css +++ b/assets/themes/mweb-cobalt.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(219, 240, 239); background-color: rgb(20, 39, 56); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(211, 200, 69); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(16, 36, 50); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(252, 133, 30); color: rgb(219, 240, 239); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(252, 133, 30); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(252, 133, 30) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(54, 201, 155); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(172, 191, 195); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(61, 0, 77); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(225, 239, 243); border-collapse: collapse; background-color: rgb(21, 45, 62); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(16, 36, 50); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(225, 239, 243); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(16, 36, 50); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-contrast.css b/assets/themes/mweb-contrast.css index 3904693..0d357d1 100644 --- a/assets/themes/mweb-contrast.css +++ b/assets/themes/mweb-contrast.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: #222222; background-color: #F9F9F9; @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: #262626; } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: #bfbfbf; border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid #2478c5; color: #222222; } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: #2478c5; } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2478c5 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: #2478c5; text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: #525252; } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: #d3ffa4; } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: #424242; border-collapse: collapse; background-color: white; @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid #bfbfbf; } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: #424242; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #bfbfbf; margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-d-boring.css b/assets/themes/mweb-d-boring.css index e83ae33..402d052 100644 --- a/assets/themes/mweb-d-boring.css +++ b/assets/themes/mweb-d-boring.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(0, 0, 0); background-color: rgb(251, 250, 252); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(0, 0, 0); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(199, 199, 199); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(127, 127, 127); color: rgb(0, 0, 0); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(127, 127, 127); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(127, 127, 127) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(80, 112, 139); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(128, 126, 128); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(254, 255, 83); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(38, 37, 38); border-collapse: collapse; background-color: rgb(253, 253, 253); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(199, 199, 199); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(38, 37, 38); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(199, 199, 199); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-dark-graphite.css b/assets/themes/mweb-dark-graphite.css index 90495d0..50fb6e0 100644 --- a/assets/themes/mweb-dark-graphite.css +++ b/assets/themes/mweb-dark-graphite.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(221, 221, 221); background-color: rgb(30, 32, 34); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(203, 219, 229); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(87, 87, 87); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(74, 168, 251); color: rgb(221, 221, 221); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(74, 168, 251); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(74, 168, 251) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(107, 202, 251); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(111, 115, 115); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(38, 60, 146); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(255, 254, 255); border-collapse: collapse; background-color: rgb(36, 36, 36); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(87, 87, 87); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(255, 254, 255); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(87, 87, 87); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-default.css b/assets/themes/mweb-default.css index 4bcf9a1..7b07906 100644 --- a/assets/themes/mweb-default.css +++ b/assets/themes/mweb-default.css @@ -17,10 +17,10 @@ * 各个属性的默认值为 chrome 的默认样式，见 variables/default.scss。 */ /** - * MWeb 包裹 markdown 的容器是 .note-to-mp + * MWeb 包裹 markdown 的容器是 .note2any * Typora 中是 #write */ -.note-to-mp { +.note2any { line-height: 1.6em; -webkit-text-size-adjust: 100%; margin: 0 0; @@ -36,11 +36,11 @@ /* table */ /* 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-bottom: 0.75em; } -.note-to-mp h1 { +.note2any h1 { font-size: 2em; font-weight: bold; margin-top: 1.5em; @@ -48,7 +48,7 @@ margin-left: 0; margin-right: 0; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.5em; font-weight: bold; margin-top: 1.5em; @@ -56,7 +56,7 @@ margin-left: 0; margin-right: 0; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.17em; font-weight: bold; margin-top: 1.5em; @@ -64,7 +64,7 @@ margin-left: 0; margin-right: 0; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; font-weight: bold; margin-top: 1.5em; @@ -72,7 +72,7 @@ margin-left: 0; margin-right: 0; } -.note-to-mp h5 { +.note2any h5 { font-size: 0.83em; font-weight: bold; margin-top: 1.5em; @@ -80,7 +80,7 @@ margin-left: 0; margin-right: 0; } -.note-to-mp h6 { +.note2any h6 { font-size: 0.67em; font-weight: bold; margin-top: 1.5em; @@ -88,91 +88,91 @@ margin-left: 0; margin-right: 0; } -.note-to-mp p { +.note2any p { margin-left: 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"; } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp hr { +.note2any hr { border-style: inset; border-width: 1px; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp li + li { +.note2any li + li { 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-bottom: 0; } -.note-to-mp .task-list-item { +.note2any .task-list-item { list-style-type: none; } -.note-to-mp a { +.note2any a { color: -webkit-link; text-decoration: underline; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, .note-to-mp strong { +.note2any b, .note2any strong { 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; } -.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"; } -.note-to-mp mark { +.note2any mark { padding: 0.2em 0; background-color: yellow; } -.note-to-mp del, .note-to-mp s { +.note2any del, .note2any s { color: inherit; } -.note-to-mp table { +.note2any table { color: black; border-collapse: collapse; background-color: white; border-spacing: 2px; font-size: 1em; } -.note-to-mp th, .note-to-mp td { +.note2any th, .note2any td { border-color: gray; border-width: 1px; border-style: solid; } -.note-to-mp th { +.note2any th { padding: 4px 8px; font-size: 1em; font-weight: bold; } -.note-to-mp td { +.note2any td { padding: 4px 8px; font-size: 1em; font-weight: normal; } -.note-to-mp div[id^=mweb-chart-ele] svg { +.note2any div[id^=mweb-chart-ele] svg { background-color: white; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px gray; margin: 1.5em 0; @@ -180,7 +180,7 @@ padding: 0.5em; font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -188,12 +188,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New"; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -204,10 +204,10 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } -.note-to-mp .code-section ul li { +.note2any .code-section ul li { margin: 0; } \ No newline at end of file diff --git a/assets/themes/mweb-dieci.css b/assets/themes/mweb-dieci.css index 69fbcc7..30c3697 100644 --- a/assets/themes/mweb-dieci.css +++ b/assets/themes/mweb-dieci.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(212, 212, 212); background-color: rgb(0, 0, 0); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(252, 206, 35); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(29, 29, 29); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(242, 148, 41); color: rgb(212, 212, 212); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(242, 148, 41); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(242, 148, 41) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(227, 146, 9); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(146, 147, 146); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(16, 68, 3); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(229, 227, 229); border-collapse: collapse; background-color: rgb(16, 16, 16); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(29, 29, 29); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(229, 227, 229); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(29, 29, 29); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-dracula.css b/assets/themes/mweb-dracula.css index c9b518e..d6c2ae3 100644 --- a/assets/themes/mweb-dracula.css +++ b/assets/themes/mweb-dracula.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(255, 255, 255); background-color: rgb(53, 56, 70); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(80, 250, 123); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgba(187, 145, 248, 0.4); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(205, 174, 249); color: rgb(255, 255, 255); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(205, 174, 249); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(205, 174, 249) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(139, 233, 253); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(178, 184, 163); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(95, 99, 117); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(249, 249, 245); border-collapse: collapse; background-color: rgb(31, 32, 42); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgba(187, 145, 248, 0.4); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(249, 249, 245); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgba(187, 145, 248, 0.4); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-duotone-heat.css b/assets/themes/mweb-duotone-heat.css index 68e03c5..01fec54 100644 --- a/assets/themes/mweb-duotone-heat.css +++ b/assets/themes/mweb-duotone-heat.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(101, 96, 101); background-color: rgb(251, 250, 249); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(138, 74, 169); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(211, 197, 211); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(202, 124, 208); color: rgb(101, 96, 101); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(202, 124, 208); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(202, 124, 208) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(183, 71, 175); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(146, 142, 147); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(242, 193, 209); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(89, 84, 89); border-collapse: collapse; background-color: rgb(255, 253, 253); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(211, 197, 211); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(89, 84, 89); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(211, 197, 211); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-duotone-light.css b/assets/themes/mweb-duotone-light.css index 7d8f09f..7da687b 100644 --- a/assets/themes/mweb-duotone-light.css +++ b/assets/themes/mweb-duotone-light.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(75, 53, 8); background-color: rgb(250, 248, 245); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(99, 90, 71); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgba(182, 173, 155, 0.3); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(115, 144, 201); color: rgb(75, 53, 8); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(115, 144, 201); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(115, 144, 201) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(11, 53, 135); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(136, 102, 42); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(211, 255, 164); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(66, 66, 66); border-collapse: collapse; background-color: rgb(255, 252, 249); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgba(182, 173, 155, 0.3); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(66, 66, 66); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgba(182, 173, 155, 0.3); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-gandalf.css b/assets/themes/mweb-gandalf.css index 424415b..f106ab3 100644 --- a/assets/themes/mweb-gandalf.css +++ b/assets/themes/mweb-gandalf.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(69, 82, 96); background-color: rgb(240, 240, 240); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(61, 81, 109); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(200, 205, 218); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(160, 76, 107); color: rgb(69, 82, 96); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(160, 76, 107); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(160, 76, 107) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(128, 57, 75); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgba(69, 82, 96, 0.7); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(211, 255, 164); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(62, 74, 98); border-collapse: collapse; background-color: rgb(248, 247, 249); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(200, 205, 218); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(62, 74, 98); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(200, 205, 218); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-gotham.css b/assets/themes/mweb-gotham.css index e932f6b..685ee24 100644 --- a/assets/themes/mweb-gotham.css +++ b/assets/themes/mweb-gotham.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(106, 169, 185); background-color: rgb(17, 21, 28); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(46, 184, 140); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(18, 42, 63); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(42, 168, 137); color: rgb(106, 169, 185); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(42, 168, 137); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(42, 168, 137) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(242, 130, 90); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgba(89, 156, 171, 0.7); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(43, 56, 79); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(89, 156, 171); border-collapse: collapse; background-color: rgb(10, 23, 34); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(18, 42, 63); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(89, 156, 171); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(18, 42, 63); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-indigo.css b/assets/themes/mweb-indigo.css index 7ede55c..0e88446 100644 --- a/assets/themes/mweb-indigo.css +++ b/assets/themes/mweb-indigo.css @@ -11,7 +11,7 @@ /* 主题自定义 end */ /* 布局，一般不需要改动 */ } -.note-to-mp blockquote { +.note2any blockquote { margin-left: 0; background-color: #ebf4ff; border-color: #7f9cf5; @@ -19,34 +19,34 @@ padding-bottom: 0.5rem; color: #667eea; } -.note-to-mp strong { +.note2any strong { color: #5a67d8; } -.note-to-mp a { +.note2any a { border-color: #667eea; } -.note-to-mp blockquote, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp ol, -.note-to-mp p, -.note-to-mp pre, -.note-to-mp table, -.note-to-mp ul { +.note2any blockquote, +.note2any details, +.note2any dl, +.note2any ol, +.note2any p, +.note2any pre, +.note2any table, +.note2any ul { margin-bottom: 1rem; } -.note-to-mp ol { +.note2any ol { list-style: decimal; } -.note-to-mp ul { +.note2any ul { list-style: disc; } -.note-to-mp ol, -.note-to-mp ul { +.note2any ol, +.note2any ul { padding-left: 2em; } -.note-to-mp h1, -.note-to-mp h2 { +.note2any h1, +.note2any h2 { border-color: #5a67d8; border-style: solid; border-top-width: 0px; @@ -56,50 +56,50 @@ padding-bottom: 0.25rem; padding-left: 0.75rem; } -.note-to-mp h1, -.note-to-mp h2 { +.note2any h1, +.note2any h2 { border-bottom: 1px solid #eaecef !important; border-left-width: 6px; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-bottom: 16px; line-height: 1.25; } -.note-to-mp blockquote { +.note2any blockquote { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-left: 0.25em solid; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp strong { +.note2any strong { font-weight: bold; } -.note-to-mp strong::before { +.note2any strong::before { content: "「"; } -.note-to-mp strong::after { +.note2any strong::after { content: "」"; } -.note-to-mp a { +.note2any a { text-decoration: none; border-bottom: 1px solid; } -.note-to-mp .footnote-ref { +.note2any .footnote-ref { border-width: 0px; } -.note-to-mp picture img { +.note2any picture img { border-radius: 6px; display: block; margin: 10px auto; @@ -107,7 +107,7 @@ object-fit: contain; box-shadow: 2px 4px 7px #999; } -.note-to-mp img { +.note2any img { max-width: 100%; display: block; margin: 10px auto; @@ -115,7 +115,7 @@ border-radius: 6px; box-shadow: 2px 4px 7px #999; } -.note-to-mp picture { +.note2any picture { display: flex; flex-direction: column; justify-content: center; @@ -123,31 +123,31 @@ margin-top: 6px; margin-bottom: 6px; } -.note-to-mp .footnotes { +.note2any .footnotes { padding-top: 0.5rem; padding-bottom: 0.5rem; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code, -.note-to-mp a { +.note2any code, +.note2any a { color: #5a67d8; } -.note-to-mp a { +.note2any a { border-color: #667eea; } -.note-to-mp code { +.note2any code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background-color: #ebf4ff; } -.note-to-mp pre > code { +.note2any pre > code { background-color: transparent; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #5a67d8; margin: 1.5em 0; @@ -155,7 +155,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -163,12 +163,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -179,6 +179,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-jzman.css b/assets/themes/mweb-jzman.css index 32559e2..d9f3b21 100644 --- a/assets/themes/mweb-jzman.css +++ b/assets/themes/mweb-jzman.css @@ -1,4 +1,4 @@ -.note-to-mp { +.note2any { padding: 0 1em; word-break: break-word; line-height: 1.8; @@ -12,32 +12,32 @@ background-size: 20px 20px; background-position: center center; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; } -.note-to-mp h1 { +.note2any h1 { font-size: 30px; margin-bottom: 5px; } -.note-to-mp h2 { +.note2any h2 { padding-bottom: 12px; font-size: 24px; border-bottom: 1px solid #ececec; } -.note-to-mp h3 { +.note2any h3 { font-size: 18px; padding-bottom: 0; } -.note-to-mp h4 { +.note2any h4 { font-size: 1.2em; border-bottom: 2px solid rgb(239, 112, 96); word-spacing: 0px !important; @@ -53,21 +53,21 @@ border-top-left-radius: 3px; margin-right: 3px; } -.note-to-mp h5 { +.note2any h5 { font-size: 15px; } -.note-to-mp h6 { +.note2any h6 { margin-top: 5px; } -.note-to-mp p { +.note2any p { line-height: inherit; margin-top: 22px; margin-bottom: 22px; } -.note-to-mp img { +.note2any img { max-width: 100%; } -.note-to-mp hr { +.note2any hr { border-top: 1px solid #ddd; border-bottom: none; border-left: none; @@ -75,12 +75,12 @@ margin-top: 32px; margin-bottom: 32px; } -.note-to-mp a { +.note2any a { text-decoration: none; color: #0269c8; border-bottom: 1px solid #d1e9ff; } -.note-to-mp table { +.note2any table { display: inline-block !important; font-size: 12px; width: auto; @@ -88,55 +88,55 @@ overflow: auto; border: solid 1px #f6f6f6; } -.note-to-mp thead { +.note2any thead { background: #f6f6f6; color: #000; text-align: left; } -.note-to-mp tr:nth-child(2n) { +.note2any tr:nth-child(2n) { background-color: #fcfcfc; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 12px 7px; line-height: 24px; } -.note-to-mp td { +.note2any td { min-width: 120px; } -.note-to-mp blockquote { +.note2any blockquote { color: #666; padding: 1px 23px; margin: 22px 0; border-left: 4px solid #cbcbcb; background-color: #f8f8f8; } -.note-to-mp blockquote > p { +.note2any blockquote > p { margin: 10px 0; } -.note-to-mp ol, -.note-to-mp ul { +.note2any ol, +.note2any ul { padding-left: 28px; } -.note-to-mp ol li, -.note-to-mp ul li { +.note2any ol li, +.note2any ul li { margin-bottom: 0; list-style: inherit; } -.note-to-mp ol ul, -.note-to-mp ol ol, -.note-to-mp ul ul, -.note-to-mp ul ol { +.note2any ol ul, +.note2any ol ol, +.note2any ul ul, +.note2any ul ol { margin-top: 3px; } -.note-to-mp ol li { +.note2any ol li { padding-left: 6px; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; word-break: break-word; border-radius: 2px; @@ -145,7 +145,7 @@ font-size: 0.87em; padding: 0.065em 0.4em; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { font-size: inherit; padding: 0; margin: 0; @@ -154,7 +154,7 @@ } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #cbcbcb; margin: 1.5em 0; @@ -162,7 +162,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -170,12 +170,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -186,6 +186,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-lark-bold-color.css b/assets/themes/mweb-lark-bold-color.css index 8a4e987..d21346b 100644 --- a/assets/themes/mweb-lark-bold-color.css +++ b/assets/themes/mweb-lark-bold-color.css @@ -14,26 +14,26 @@ /* header */ /* spacing */ /* table */ -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { color: #1f2329; line-height: 1.4; font-weight: 600; margin-top: 1em; margin-bottom: 0.37em; } -.note-to-mp blockquote { +.note2any blockquote { display: block; margin-left: 0; padding-left: 14px; border-left: 2px solid #3370ff; color: rgba(31, 35, 41, 0.7); } -.note-to-mp a { +.note2any a { overflow-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; @@ -42,7 +42,7 @@ color: #3370ff; text-decoration: none; } -.note-to-mp hr { +.note2any hr { margin: 13px 0 12px; border: 0px; height: 1px; @@ -50,41 +50,41 @@ background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196)); 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; padding-left: 12px; color: #3370ff; } -.note-to-mp ul > li:not([class*=task-list-item]) > section { +.note2any ul > li:not([class*=task-list-item]) > section { color: #1f2329; } -.note-to-mp ul > li:not([class*=task-list-item])::marker { +.note2any ul > li:not([class*=task-list-item])::marker { color: #3370ff; } -.note-to-mp ol > li:not([class*=task-list-item]) { +.note2any ol > li:not([class*=task-list-item]) { word-wrap: break-all; 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; } -.note-to-mp ol > li:not([class*=task-list-item])::marker { +.note2any ol > li:not([class*=task-list-item])::marker { color: #3370ff; } -.note-to-mp li + li, -.note-to-mp ul ul, -.note-to-mp ol ul, -.note-to-mp ul ol, -.note-to-mp ol ol, -.note-to-mp li ul, -.note-to-mp li ol { +.note2any li + li, +.note2any ul ul, +.note2any ol ul, +.note2any ul ol, +.note2any ol ol, +.note2any li ul, +.note2any li ol { margin-top: 4px; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { border-radius: 4px; margin-left: 2px; margin-right: 2px; @@ -94,7 +94,7 @@ line-height: 1.6em; padding: 0 2px; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { border: none; background-color: transparent; line-height: inherit; @@ -102,13 +102,13 @@ margin: 0; text-wrap: nowrap; } -.note-to-mp .code-section ul li { +.note2any .code-section ul li { color: inherit; margin: 0; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #dee0e3; margin: 1.5em 0; @@ -116,7 +116,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -124,12 +124,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -140,10 +140,10 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } -.note-to-mp strong { +.note2any strong { color: rgb(36, 91, 219); } \ No newline at end of file diff --git a/assets/themes/mweb-lark.css b/assets/themes/mweb-lark.css index 28ad837..ef2dd36 100644 --- a/assets/themes/mweb-lark.css +++ b/assets/themes/mweb-lark.css @@ -14,26 +14,26 @@ /* header */ /* spacing */ /* table */ -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { color: #1f2329; line-height: 1.4; font-weight: 600; margin-top: 1em; margin-bottom: 0.37em; } -.note-to-mp blockquote { +.note2any blockquote { display: block; margin-left: 0; padding-left: 14px; border-left: 2px solid #3370ff; color: rgba(31, 35, 41, 0.7); } -.note-to-mp a { +.note2any a { overflow-wrap: break-word; word-wrap: break-word; white-space: pre-wrap; @@ -42,7 +42,7 @@ color: #3370ff; text-decoration: none; } -.note-to-mp hr { +.note2any hr { margin: 13px 0 12px; border: 0px; height: 1px; @@ -50,41 +50,41 @@ background-image: linear-gradient(90deg, rgb(187, 191, 196), rgb(187, 191, 196)); 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; padding-left: 12px; color: #3370ff; } -.note-to-mp ul > li:not([class*=task-list-item]) > section { +.note2any ul > li:not([class*=task-list-item]) > section { color: #1f2329; } -.note-to-mp ul > li:not([class*=task-list-item])::marker { +.note2any ul > li:not([class*=task-list-item])::marker { color: #3370ff; } -.note-to-mp ol > li:not([class*=task-list-item]) { +.note2any ol > li:not([class*=task-list-item]) { word-wrap: break-all; 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; } -.note-to-mp ol > li:not([class*=task-list-item])::marker { +.note2any ol > li:not([class*=task-list-item])::marker { color: #3370ff; } -.note-to-mp li + li, -.note-to-mp ul ul, -.note-to-mp ol ul, -.note-to-mp ul ol, -.note-to-mp ol ol, -.note-to-mp li ul, -.note-to-mp li ol { +.note2any li + li, +.note2any ul ul, +.note2any ol ul, +.note2any ul ol, +.note2any ol ol, +.note2any li ul, +.note2any li ol { margin-top: 4px; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { border-radius: 4px; margin-left: 2px; margin-right: 2px; @@ -94,7 +94,7 @@ line-height: 1.6em; padding: 0 2px; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { border: none; background-color: transparent; line-height: inherit; @@ -102,13 +102,13 @@ margin: 0; text-wrap: nowrap; } -.note-to-mp .code-section ul li { +.note2any .code-section ul li { color: inherit; margin: 0; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #dee0e3; margin: 1.5em 0; @@ -116,7 +116,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -124,12 +124,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -140,6 +140,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-lighthouse.css b/assets/themes/mweb-lighthouse.css index a1f6fab..d421a91 100644 --- a/assets/themes/mweb-lighthouse.css +++ b/assets/themes/mweb-lighthouse.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(253, 250, 224); background-color: rgb(24, 24, 30); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(251, 239, 137); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(100, 176, 119); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(209, 95, 38); color: rgb(253, 250, 224); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(209, 95, 38); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(209, 95, 38) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(123, 206, 171); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(204, 204, 204); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(21, 109, 104); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(204, 203, 204); border-collapse: collapse; background-color: rgb(27, 26, 34); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(100, 176, 119); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(204, 203, 204); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(100, 176, 119); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-nord.css b/assets/themes/mweb-nord.css index 3ce58cd..7b9a8f0 100644 --- a/assets/themes/mweb-nord.css +++ b/assets/themes/mweb-nord.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(237, 238, 243); background-color: rgb(47, 52, 64); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(217, 221, 231); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(99, 110, 132); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(144, 185, 201); color: rgb(237, 238, 243); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(144, 185, 201); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(144, 185, 201) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(167, 189, 144); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(160, 163, 171); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(155, 98, 100); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(237, 238, 243); border-collapse: collapse; background-color: rgb(54, 57, 69); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(99, 110, 132); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(237, 238, 243); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(99, 110, 132); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-olive-dunk.css b/assets/themes/mweb-olive-dunk.css index 5a2f41d..da093cc 100644 --- a/assets/themes/mweb-olive-dunk.css +++ b/assets/themes/mweb-olive-dunk.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(66, 63, 55); background-color: rgb(251, 250, 240); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(43, 100, 81); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(221, 219, 214); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(149, 175, 163); color: rgb(66, 63, 55); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(149, 175, 163); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(149, 175, 163) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(33, 95, 79); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(126, 150, 143); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(249, 220, 175); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(89, 88, 82); border-collapse: collapse; background-color: rgb(254, 254, 248); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(221, 219, 214); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(89, 88, 82); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(221, 219, 214); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-panic.css b/assets/themes/mweb-panic.css index b16f2af..4a85f3e 100644 --- a/assets/themes/mweb-panic.css +++ b/assets/themes/mweb-panic.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(246, 247, 238); background-color: rgb(17, 28, 42); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(249, 181, 55); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(45, 69, 98); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(249, 181, 55); color: rgb(246, 247, 238); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(249, 181, 55); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(249, 181, 55) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(84, 193, 220); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(176, 176, 176); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(45, 78, 120); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(246, 247, 238); border-collapse: collapse; background-color: rgb(23, 33, 52); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(45, 69, 98); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(246, 247, 238); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(45, 69, 98); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-red-graphite.css b/assets/themes/mweb-red-graphite.css index 201773e..6e72f01 100644 --- a/assets/themes/mweb-red-graphite.css +++ b/assets/themes/mweb-red-graphite.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: #222222; background-color: #fcfcfc; @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: #262626; } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: #bfbfbf; border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid #e06e73; color: #222222; } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: #e06e73; } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #e06e73 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: #de4c4f; text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: #525252; } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: #fcffc0; } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: #424242; border-collapse: collapse; background-color: white; @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid #bfbfbf; } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: #424242; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #bfbfbf; margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-smartblue.css b/assets/themes/mweb-smartblue.css index daf0ad3..5b79e7c 100644 --- a/assets/themes/mweb-smartblue.css +++ b/assets/themes/mweb-smartblue.css @@ -1,4 +1,4 @@ -.note-to-mp { +.note2any { color: #595959; 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%); @@ -21,101 +21,101 @@ /* 分隔线 */ /* 表格 */ } -.note-to-mp p { +.note2any p { color: #595959; font-size: 15px; line-height: 2; font-weight: 400; } -.note-to-mp p + p { +.note2any p + p { margin-top: 16px; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { padding: 30px 0; margin: 0; color: #135ce0; font-weight: 600; } -.note-to-mp h1 { +.note2any h1 { position: relative; text-align: center; font-size: 22px; margin: 50px 0; } -.note-to-mp h2 { +.note2any h2 { position: relative; font-size: 20px; border-left: 4px solid; padding: 0 0 0 10px; margin: 30px 0; } -.note-to-mp h3 { +.note2any h3 { font-size: 16px; } -.note-to-mp ul { +.note2any ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } -.note-to-mp li { +.note2any li { line-height: 2; color: #595959; margin-bottom: 0; list-style: inherit; } -.note-to-mp img { +.note2any img { max-width: 100%; } -.note-to-mp blockquote { +.note2any blockquote { background: #fff9f9; margin: 2em 0; padding: 2px 20px; border-left: 4px solid #b2aec5; } -.note-to-mp blockquote p { +.note2any blockquote p { color: #666; line-height: 2; } -.note-to-mp a { +.note2any a { color: #036aca; border-bottom: 1px solid rgba(3, 106, 202, 0.8); font-weight: 400; text-decoration: none; } -.note-to-mp strong { +.note2any strong { color: #036aca; } -.note-to-mp em strong { +.note2any em strong { color: #036aca; } -.note-to-mp hr { +.note2any hr { border-top: 1px solid #135ce0; } -.note-to-mp table { +.note2any table { border-collapse: collapse; margin: 1rem 0; overflow-x: auto; } -.note-to-mp table th, -.note-to-mp table td { +.note2any table th, +.note2any table td { border: 1px solid #dfe2e5; padding: 0.6em 1em; } -.note-to-mp table tr { +.note2any table tr { border-top: 1px solid #dfe2e5; } -.note-to-mp table tr:nth-child(2n) { +.note2any table tr:nth-child(2n) { background-color: #f6f8fa; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { word-break: break-word; border-radius: 2px; background-color: #fff5f5; @@ -123,7 +123,7 @@ font-size: 0.87em; padding: 0.065em 0.4em; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { border: none; background-color: transparent; font-size: inherit; @@ -131,12 +131,12 @@ margin: 0 !important; text-wrap: nowrap; } -.note-to-mp .code-section ul li { +.note2any .code-section ul li { line-height: inherit; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #ff502c; margin: 1.5em 0; @@ -144,7 +144,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -152,12 +152,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -168,6 +168,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-solarized-dark.css b/assets/themes/mweb-solarized-dark.css index 110eec6..1728d78 100644 --- a/assets/themes/mweb-solarized-dark.css +++ b/assets/themes/mweb-solarized-dark.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(155, 166, 164); background-color: rgb(11, 55, 66); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(171, 181, 180); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(3, 44, 54); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(44, 146, 133); color: rgb(155, 166, 164); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(44, 146, 133); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(44, 146, 133) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(63, 198, 180); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(106, 134, 144); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(31, 0, 50); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(148, 162, 162); border-collapse: collapse; background-color: rgb(6, 33, 40); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(3, 44, 54); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(148, 162, 162); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(3, 44, 54); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-solarized-light.css b/assets/themes/mweb-solarized-light.css index c058b0a..d148895 100644 --- a/assets/themes/mweb-solarized-light.css +++ b/assets/themes/mweb-solarized-light.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(50, 62, 69); background-color: rgb(253, 246, 227); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(59, 79, 84); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgba(147, 161, 161, 0.5); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(165, 104, 18); color: rgb(50, 62, 69); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(165, 104, 18); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(165, 104, 18) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(172, 117, 20); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(113, 127, 125); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(202, 255, 147); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(101, 123, 131); border-collapse: collapse; background-color: rgb(252, 244, 220); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgba(147, 161, 161, 0.5); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(101, 123, 131); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgba(147, 161, 161, 0.5); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-toothpaste.css b/assets/themes/mweb-toothpaste.css index f4901d0..e51d2d3 100644 --- a/assets/themes/mweb-toothpaste.css +++ b/assets/themes/mweb-toothpaste.css @@ -19,7 +19,7 @@ * Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。 * Bear 的配色方案位于 src/themes/bear-palettes 目录下。 */ -.note-to-mp { +.note2any { font-size: 16px; color: rgb(220, 227, 232); background-color: rgb(34, 46, 51); @@ -27,29 +27,29 @@ margin: 0 0; padding: 1em 1em; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp details, -.note-to-mp dl, -.note-to-mp blockquote, -.note-to-mp table, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp figure { +.note2any p, +.note2any pre, +.note2any dl, +.note2any form, +.note2any details, +.note2any dl, +.note2any blockquote, +.note2any table, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any figure { margin: 0.75em 0 0.45em; } -.note-to-mp hr { +.note2any hr { margin: 0.75em auto; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin-top: 1.5em; margin-bottom: 0.75em; margin-left: 0; @@ -58,122 +58,122 @@ line-height: 1.5em; color: rgb(131, 209, 221); } -.note-to-mp h1 { +.note2any h1 { font-size: 1.5em; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.3em; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.1em; } -.note-to-mp h4 { +.note2any h4 { font-size: 1em; } -.note-to-mp h5 { +.note2any h5 { font-size: 1em; } -.note-to-mp h6 { +.note2any h6 { font-size: 1em; } -.note-to-mp hr { +.note2any hr { height: 1px; border: 0; background-color: rgb(15, 21, 23); border-style: inset; border-width: 1px; } -.note-to-mp p { +.note2any p { margin-left: 0; margin-right: 0; } -.note-to-mp pre { +.note2any pre { padding: 0; border: 0; } -.note-to-mp blockquote { +.note2any blockquote { display: block; padding-left: 0.8em; border-left: 0.2em solid rgb(199, 191, 127); color: rgb(220, 227, 232); } -.note-to-mp blockquote > :first-child { +.note2any blockquote > :first-child { margin-top: 0; } -.note-to-mp blockquote > :last-child { +.note2any blockquote > :last-child { margin-bottom: 0; } -.note-to-mp li { +.note2any li { word-wrap: break-all; } -.note-to-mp ul { +.note2any ul { margin-left: 1.3em; padding: 0; } -.note-to-mp li::marker { +.note2any li::marker { color: rgb(199, 191, 127); } -.note-to-mp li > p { +.note2any li > p { margin: 0; } -.note-to-mp ol { +.note2any ol { padding-left: 1.3em; list-style-type: decimal; } -.note-to-mp img { +.note2any img { max-width: 100%; height: auto; } -.note-to-mp u { +.note2any u { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(199, 191, 127) 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 1em; } -.note-to-mp a { +.note2any a { color: rgb(214, 92, 92); text-decoration: none; } -.note-to-mp a img { +.note2any a img { border: none; } -.note-to-mp b, -.note-to-mp strong { +.note2any b, +.note2any strong { 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; } -.note-to-mp del, -.note-to-mp s { +.note2any del, +.note2any s { color: rgb(191, 191, 191); } -.note-to-mp pre, -.note-to-mp xmp, -.note-to-mp plaintext, -.note-to-mp listing, -.note-to-mp code, -.note-to-mp kbd, -.note-to-mp tt, -.note-to-mp samp { +.note2any pre, +.note2any xmp, +.note2any plaintext, +.note2any listing, +.note2any code, +.note2any kbd, +.note2any tt, +.note2any samp { font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp mark { +.note2any mark { color: inherit; display: inline; padding: 0.2em 0.5em; background-color: rgb(64, 65, 113); } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; } -.note-to-mp table { +.note2any table { color: rgb(168, 176, 181); border-collapse: collapse; background-color: rgb(18, 24, 27); @@ -182,33 +182,33 @@ border: 1px; border-spacing: 0; } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 0.7em 1em; font-size: 0.9em; border: 1px solid rgb(15, 21, 23); } -.note-to-mp caption, -.note-to-mp th, -.note-to-mp td { +.note2any caption, +.note2any th, +.note2any td { text-align: left; font-weight: normal; vertical-align: middle; } -.note-to-mp .footnotes > ol li { +.note2any .footnotes > ol li { text-indent: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { display: inline; color: rgb(168, 176, 181); } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px rgb(15, 21, 23); margin: 1.5em 0; @@ -216,7 +216,7 @@ padding: 0.5em; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -224,12 +224,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -240,6 +240,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-typo.css b/assets/themes/mweb-typo.css index eb489ee..67b771a 100644 --- a/assets/themes/mweb-typo.css +++ b/assets/themes/mweb-typo.css @@ -1,5 +1,5 @@ /* MWeb：增大字体，便于阅读 */ -.note-to-mp { +.note2any { font-size: 16px; min-width: 200px; max-width: 760px; @@ -41,70 +41,70 @@ /* Responsive images */ /* 代码片断 */ } -.note-to-mp dl, -.note-to-mp dt, -.note-to-mp dd, -.note-to-mp ul, -.note-to-mp ol, -.note-to-mp li, -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6, -.note-to-mp pre, -.note-to-mp code, -.note-to-mp form, -.note-to-mp fieldset, -.note-to-mp legend, -.note-to-mp input, -.note-to-mp textarea, -.note-to-mp p, -.note-to-mp blockquote, -.note-to-mp th, -.note-to-mp td, -.note-to-mp hr, -.note-to-mp button, -.note-to-mp article, -.note-to-mp aside, -.note-to-mp details, -.note-to-mp figcaption, -.note-to-mp figure, -.note-to-mp footer, -.note-to-mp header, -.note-to-mp menu, -.note-to-mp nav, -.note-to-mp section { +.note2any dl, +.note2any dt, +.note2any dd, +.note2any ul, +.note2any ol, +.note2any li, +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6, +.note2any pre, +.note2any code, +.note2any form, +.note2any fieldset, +.note2any legend, +.note2any input, +.note2any textarea, +.note2any p, +.note2any blockquote, +.note2any th, +.note2any td, +.note2any hr, +.note2any button, +.note2any article, +.note2any aside, +.note2any details, +.note2any figcaption, +.note2any figure, +.note2any footer, +.note2any header, +.note2any menu, +.note2any nav, +.note2any section { margin: 0; padding: 0; } -.note-to-mp article, -.note-to-mp aside, -.note-to-mp details, -.note-to-mp figcaption, -.note-to-mp figure, -.note-to-mp footer, -.note-to-mp header, -.note-to-mp menu, -.note-to-mp nav, -.note-to-mp section { +.note2any article, +.note2any aside, +.note2any details, +.note2any figcaption, +.note2any figure, +.note2any footer, +.note2any header, +.note2any menu, +.note2any nav, +.note2any section { display: block; } -.note-to-mp audio, -.note-to-mp canvas, -.note-to-mp video { +.note2any audio, +.note2any canvas, +.note2any video { display: inline-block; } -.note-to-mp table { +.note2any table { border-collapse: collapse; border-spacing: 0; } -.note-to-mp fieldset, -.note-to-mp img { +.note2any fieldset, +.note2any img { border: 0; } -.note-to-mp blockquote { +.note2any blockquote { position: relative; color: #999; font-weight: 400; @@ -112,251 +112,251 @@ padding-left: 1em; margin: 1em 3em 1em 2em; } -.note-to-mp acronym, -.note-to-mp abbr { +.note2any acronym, +.note2any abbr { border-bottom: 1px dotted; font-variant: normal; text-decoration: none; } -.note-to-mp abbr { +.note2any abbr { cursor: help; } -.note-to-mp del { +.note2any del { text-decoration: line-through; } -.note-to-mp address, -.note-to-mp caption, -.note-to-mp cite, -.note-to-mp code, -.note-to-mp dfn, -.note-to-mp em, -.note-to-mp th, -.note-to-mp var { +.note2any address, +.note2any caption, +.note2any cite, +.note2any code, +.note2any dfn, +.note2any em, +.note2any th, +.note2any var { font-style: normal; font-weight: 400; } -.note-to-mp ul, -.note-to-mp ol { +.note2any ul, +.note2any ol { list-style: none; } -.note-to-mp caption, -.note-to-mp th { +.note2any caption, +.note2any th { text-align: left; } -.note-to-mp sub, -.note-to-mp sup { +.note2any sub, +.note2any sup { font-size: 75%; line-height: 0; position: relative; } -.note-to-mp :root sub, -.note-to-mp :root sup { +.note2any :root sub, +.note2any :root sup { vertical-align: baseline; /* for ie9 and other modern browsers */ } -.note-to-mp sup { +.note2any sup { top: -0.5em; } -.note-to-mp sub { +.note2any sub { bottom: -0.25em; } -.note-to-mp a { +.note2any a { color: #1abc9c; } -.note-to-mp a:hover { +.note2any a:hover { text-decoration: underline; } -.note-to-mp a { +.note2any a { border-bottom: 1px solid #1abc9c; } -.note-to-mp a:hover { +.note2any a:hover { border-bottom-color: #555; color: #555; text-decoration: none; } -.note-to-mp ins, -.note-to-mp a { +.note2any ins, +.note2any a { text-decoration: none; } -.note-to-mp u, -.note-to-mp .typo-u { +.note2any u, +.note2any .typo-u { text-decoration: underline; } -.note-to-mp mark { +.note2any mark { background: #fffdd1; border-bottom: 1px solid #ffedce; padding: 2px; /* margin: 0 5px; */ } -.note-to-mp hr { +.note2any hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 0.8em; height: 10px; } -.note-to-mp small, -.note-to-mp .typo-small, -.note-to-mp figcaption { +.note2any small, +.note2any .typo-small, +.note2any figcaption { font-size: 0.9em; color: #888; } -.note-to-mp strong, -.note-to-mp b { +.note2any strong, +.note2any b { font-weight: bold; color: #000; } -.note-to-mp [draggable] { +.note2any [draggable] { cursor: move; } -.note-to-mp .clearfix { +.note2any .clearfix { zoom: 1; } -.note-to-mp .textwrap, -.note-to-mp .textwrap td, -.note-to-mp .textwrap th { +.note2any .textwrap, +.note2any .textwrap td, +.note2any .textwrap th { word-wrap: break-word; word-break: break-all; } -.note-to-mp .textwrap-table { +.note2any .textwrap-table { table-layout: fixed; } -.note-to-mp .serif { +.note2any .serif { font-family: Palatino, Optima, Georgia, serif; } -.note-to-mp p, -.note-to-mp pre, -.note-to-mp ul, -.note-to-mp ol, -.note-to-mp dl, -.note-to-mp form, -.note-to-mp hr, -.note-to-mp table, -.note-to-mp .typo-p, -.note-to-mp .typo-pre, -.note-to-mp .typo-ul, -.note-to-mp .typo-ol, -.note-to-mp .typo-dl, -.note-to-mp .typo-form, -.note-to-mp .typo-hr, -.note-to-mp .typo-table, -.note-to-mp blockquote { +.note2any p, +.note2any pre, +.note2any ul, +.note2any ol, +.note2any dl, +.note2any form, +.note2any hr, +.note2any table, +.note2any .typo-p, +.note2any .typo-pre, +.note2any .typo-ul, +.note2any .typo-ol, +.note2any .typo-dl, +.note2any .typo-form, +.note2any .typo-hr, +.note2any .typo-table, +.note2any blockquote { margin-bottom: 1.2em; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; font-weight: lighter; color: #000; line-height: 1.35; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6, -.note-to-mp .typo-h1, -.note-to-mp .typo-h2, -.note-to-mp .typo-h3, -.note-to-mp .typo-h4, -.note-to-mp .typo-h5, -.note-to-mp .typo-h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6, +.note2any .typo-h1, +.note2any .typo-h2, +.note2any .typo-h3, +.note2any .typo-h4, +.note2any .typo-h5, +.note2any .typo-h6 { margin-top: 1.2em; margin-bottom: 0.6em; line-height: 1.35; } -.note-to-mp h1, -.note-to-mp .typo-h1 { +.note2any h1, +.note2any .typo-h1 { font-size: 2em; } -.note-to-mp h2, -.note-to-mp .typo-h2 { +.note2any h2, +.note2any .typo-h2 { font-size: 1.8em; } -.note-to-mp h3, -.note-to-mp .typo-h3 { +.note2any h3, +.note2any .typo-h3 { font-size: 1.6em; } -.note-to-mp h4, -.note-to-mp .typo-h4 { +.note2any h4, +.note2any .typo-h4 { font-size: 1.4em; } -.note-to-mp h5, -.note-to-mp h6, -.note-to-mp .typo-h5, -.note-to-mp .typo-h6 { +.note2any h5, +.note2any h6, +.note2any .typo-h5, +.note2any .typo-h6 { font-size: 1.2em; } -.note-to-mp ul, -.note-to-mp .typo-ul { +.note2any ul, +.note2any .typo-ul { margin-left: 1.3em; list-style: disc; } -.note-to-mp ol, -.note-to-mp .typo-ol { +.note2any ol, +.note2any .typo-ol { list-style: decimal; margin-left: 1.9em; } -.note-to-mp li ul, -.note-to-mp li ol, -.note-to-mp .typo-ul ul, -.note-to-mp .typo-ul ol, -.note-to-mp .typo-ol ul, -.note-to-mp .typo-ol ol { +.note2any li ul, +.note2any li ol, +.note2any .typo-ul ul, +.note2any .typo-ul ol, +.note2any .typo-ol ul, +.note2any .typo-ol ol { margin-bottom: 0.8em; margin-left: 2em; } -.note-to-mp li ul, -.note-to-mp .typo-ul ul, -.note-to-mp .typo-ol ul { +.note2any li ul, +.note2any .typo-ul ul, +.note2any .typo-ol ul { list-style: circle; } -.note-to-mp table th, -.note-to-mp table td, -.note-to-mp .typo-table th, -.note-to-mp .typo-table td, -.note-to-mp table caption { +.note2any table th, +.note2any table td, +.note2any .typo-table th, +.note2any .typo-table td, +.note2any table caption { border: 1px solid #ddd; padding: 0.5em 1em; color: #666; } -.note-to-mp table th, -.note-to-mp .typo-table th { +.note2any table th, +.note2any .typo-table th { background: #fbfbfb; } -.note-to-mp table thead th, -.note-to-mp .typo-table thead th { +.note2any table thead th, +.note2any .typo-table thead th { background: #f1f1f1; } -.note-to-mp table caption { +.note2any table caption { border-bottom: none; } -.note-to-mp .typo-em, -.note-to-mp em, -.note-to-mp legend, -.note-to-mp caption { +.note2any .typo-em, +.note2any em, +.note2any legend, +.note2any caption { color: #000; font-weight: inherit; } -.note-to-mp img { +.note2any img { max-width: 100%; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp pre, -.note-to-mp code, -.note-to-mp pre tt { +.note2any pre, +.note2any code, +.note2any pre tt { font-family: Courier, "Courier New", monospace; } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #ddd; margin: 1.5em 0; @@ -364,7 +364,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -372,12 +372,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -388,6 +388,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-v-green.css b/assets/themes/mweb-v-green.css index 1bcef73..792ee96 100644 --- a/assets/themes/mweb-v-green.css +++ b/assets/themes/mweb-v-green.css @@ -1,4 +1,4 @@ -.note-to-mp { +.note2any { word-break: break-word; line-height: 1.75; font-weight: 400; @@ -6,79 +6,79 @@ overflow-x: hidden; color: #333; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px; } -.note-to-mp h1:first-child, -.note-to-mp h2:first-child, -.note-to-mp h3:first-child, -.note-to-mp h4:first-child, -.note-to-mp h5:first-child, -.note-to-mp h6:first-child { +.note2any h1:first-child, +.note2any h2:first-child, +.note2any h3:first-child, +.note2any h4:first-child, +.note2any h5:first-child, +.note2any h6:first-child { margin-top: 0; margin-bottom: 1rem; } -.note-to-mp h1::before, -.note-to-mp h2::before, -.note-to-mp h3::before, -.note-to-mp h4::before, -.note-to-mp h5::before, -.note-to-mp h6::before { +.note2any h1::before, +.note2any h2::before, +.note2any h3::before, +.note2any h4::before, +.note2any h5::before, +.note2any h6::before { content: "#"; display: inline-block; color: #3eaf7c; padding-right: 0.23em; } -.note-to-mp h1 { +.note2any h1 { position: relative; font-size: 2.5rem; margin-bottom: 5px; } -.note-to-mp h1::before { +.note2any h1::before { font-size: 2.5rem; } -.note-to-mp h2 { +.note2any h2 { padding-bottom: 0.5rem; font-size: 2.2rem; border-bottom: 1px solid #ececec; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.5rem; padding-bottom: 0; } -.note-to-mp h4 { +.note2any h4 { font-size: 1.25rem; } -.note-to-mp h5 { +.note2any h5 { font-size: 1rem; } -.note-to-mp h6 { +.note2any h6 { margin-top: 5px; } -.note-to-mp p { +.note2any p { line-height: inherit; margin-top: 22px; margin-bottom: 22px; } -.note-to-mp strong { +.note2any strong { color: #3eaf7c; } -.note-to-mp img { +.note2any img { max-width: 100%; border-radius: 2px; display: block; margin: auto; border: 3px solid rgba(62, 175, 124, 0.2); } -.note-to-mp hr { +.note2any hr { border-top: 1px solid #3eaf7c; border-bottom: none; border-left: none; @@ -86,12 +86,12 @@ margin-top: 32px; margin-bottom: 32px; } -.note-to-mp a { +.note2any a { font-weight: 500; text-decoration: none; color: #3eaf7c; } -.note-to-mp table { +.note2any table { display: inline-block !important; font-size: 12px; width: auto; @@ -99,23 +99,23 @@ overflow: auto; border: solid 1px #3eaf7c; } -.note-to-mp thead { +.note2any thead { background: #3eaf7c; color: #fff; text-align: left; } -.note-to-mp tr:nth-child(2n) { +.note2any tr:nth-child(2n) { background-color: rgba(62, 175, 124, 0.2); } -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { padding: 12px 7px; line-height: 24px; } -.note-to-mp td { +.note2any td { min-width: 120px; } -.note-to-mp blockquote { +.note2any blockquote { color: #666; padding: 1px 23px; margin: 22px 0; @@ -123,65 +123,65 @@ border-color: #42b983; background-color: #f8f8f8; } -.note-to-mp blockquote > p { +.note2any blockquote > p { margin: 10px 0; } -.note-to-mp details { +.note2any details { border: none; outline: none; border-left: 4px solid #3eaf7c; padding-left: 10px; margin-left: 4px; } -.note-to-mp details summary { +.note2any details summary { cursor: pointer; border: none; outline: none; background: white; margin: 0px -17px; } -.note-to-mp details summary::-webkit-details-marker { +.note2any details summary::-webkit-details-marker { color: #3eaf7c; } -.note-to-mp ol, -.note-to-mp ul { +.note2any ol, +.note2any ul { padding-left: 28px; } -.note-to-mp ol li, -.note-to-mp ul li { +.note2any ol li, +.note2any ul li { margin-bottom: 0; list-style: inherit; } -.note-to-mp ol li .task-list-item, -.note-to-mp ul li .task-list-item { +.note2any ol li .task-list-item, +.note2any ul li .task-list-item { list-style: none; } -.note-to-mp ol li .task-list-item ul, -.note-to-mp ul li .task-list-item ul, -.note-to-mp ol li .task-list-item ol, -.note-to-mp ul li .task-list-item ol { +.note2any ol li .task-list-item ul, +.note2any ul li .task-list-item ul, +.note2any ol li .task-list-item ol, +.note2any ul li .task-list-item ol { margin-top: 0; } -.note-to-mp ol ul, -.note-to-mp ul ul, -.note-to-mp ol ol, -.note-to-mp ul ol { +.note2any ol ul, +.note2any ul ul, +.note2any ol ol, +.note2any ul ol { margin-top: 3px; } -.note-to-mp ol li { +.note2any ol li { padding-left: 6px; } -.note-to-mp ol li::marker { +.note2any ol li::marker { color: #3eaf7c; } -.note-to-mp ul li::marker { +.note2any ul li::marker { color: #3eaf7c; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code { +.note2any code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; word-break: break-word; padding: 0.2rem 0.5rem; @@ -191,10 +191,10 @@ background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; } -.note-to-mp .code-section { +.note2any .code-section { border-radius: 6px; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { border: none; background-color: transparent; font-size: inherit; @@ -205,7 +205,7 @@ } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #3eaf7c; margin: 1.5em 0; @@ -213,7 +213,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -221,12 +221,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -237,6 +237,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/mweb-vue.css b/assets/themes/mweb-vue.css index 6b654dd..5a0d2c9 100644 --- a/assets/themes/mweb-vue.css +++ b/assets/themes/mweb-vue.css @@ -1,4 +1,4 @@ -.note-to-mp { +.note2any { font-size: 16px; color: #34495e; line-height: 1.6rem; @@ -7,23 +7,23 @@ overflow-x: hidden; /* MWeb：代码块高亮 */ } -.note-to-mp img { +.note2any img { max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } -.note-to-mp a { +.note2any a { color: #42b983; font-weight: 600; padding: 0 2px; text-decoration: none; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { position: relative; margin-top: 1rem; margin-bottom: 1rem; @@ -31,74 +31,74 @@ line-height: 1.4; cursor: text; } -.note-to-mp h1 tt, -.note-to-mp h1 code { +.note2any h1 tt, +.note2any h1 code { font-size: inherit !important; } -.note-to-mp h2 tt, -.note-to-mp h2 code { +.note2any h2 tt, +.note2any h2 code { font-size: inherit !important; } -.note-to-mp h3 tt, -.note-to-mp h3 code { +.note2any h3 tt, +.note2any h3 code { font-size: inherit !important; } -.note-to-mp h4 tt, -.note-to-mp h4 code { +.note2any h4 tt, +.note2any h4 code { font-size: inherit !important; } -.note-to-mp h5 tt, -.note-to-mp h5 code { +.note2any h5 tt, +.note2any h5 code { font-size: inherit !important; } -.note-to-mp h6 tt, -.note-to-mp h6 code { +.note2any h6 tt, +.note2any h6 code { font-size: inherit !important; } -.note-to-mp h2 a, -.note-to-mp h3 a { +.note2any h2 a, +.note2any h3 a { color: #34495e; } -.note-to-mp h1 { +.note2any h1 { padding-bottom: 0.4rem; font-size: 2.2rem; line-height: 1.3; } -.note-to-mp h2 { +.note2any h2 { font-size: 1.75rem; line-height: 1.225; margin: 35px 0 15px; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; } -.note-to-mp h3 { +.note2any h3 { font-size: 1.4rem; line-height: 1.43; margin: 20px 0 7px; } -.note-to-mp h4 { +.note2any h4 { font-size: 1.2rem; } -.note-to-mp h5 { +.note2any h5 { font-size: 1rem; } -.note-to-mp h6 { +.note2any h6 { font-size: 1rem; color: #777; } -.note-to-mp p, -.note-to-mp blockquote, -.note-to-mp ul, -.note-to-mp ol, -.note-to-mp dl, -.note-to-mp table { +.note2any p, +.note2any blockquote, +.note2any ul, +.note2any ol, +.note2any dl, +.note2any table { margin: 0.8em 0; } -.note-to-mp li > ol, -.note-to-mp li > ul { +.note2any li > ol, +.note2any li > ul { margin: 0 0; } -.note-to-mp hr { +.note2any hr { height: 2px; padding: 0; margin: 16px 0; @@ -107,50 +107,50 @@ overflow: hidden; box-sizing: content-box; } -.note-to-mp h1 p, -.note-to-mp h2 p, -.note-to-mp h3 p, -.note-to-mp h4 p, -.note-to-mp h5 p, -.note-to-mp h6 p { +.note2any h1 p, +.note2any h2 p, +.note2any h3 p, +.note2any h4 p, +.note2any h5 p, +.note2any h6 p { margin-top: 0; } -.note-to-mp li p.first { +.note2any li p.first { display: inline-block; } -.note-to-mp ul, -.note-to-mp ol { +.note2any ul, +.note2any ol { padding-left: 30px; } -.note-to-mp ul:first-child, -.note-to-mp ol:first-child { +.note2any ul:first-child, +.note2any ol:first-child { margin-top: 0; } -.note-to-mp ul:last-child, -.note-to-mp ol:last-child { +.note2any ul:last-child, +.note2any ol:last-child { margin-bottom: 0; } -.note-to-mp blockquote { +.note2any blockquote { border-left: 4px solid #42b983; padding: 10px 15px; color: #777; background-color: rgba(66, 185, 131, 0.1); } -.note-to-mp table { +.note2any table { padding: 0; word-break: initial; border-collapse: collapse; } -.note-to-mp table tr { +.note2any table tr { border-top: 1px solid #dfe2e5; margin: 0; padding: 0; } -.note-to-mp table tr:nth-child(2n), -.note-to-mp thead { +.note2any table tr:nth-child(2n), +.note2any thead { background-color: #fafafa; } -.note-to-mp table tr th { +.note2any table tr th { font-weight: bold; border: 1px solid #dfe2e5; border-bottom: 0; @@ -158,40 +158,40 @@ margin: 0; padding: 6px 13px; } -.note-to-mp table tr td { +.note2any table tr td { border: 1px solid #dfe2e5; text-align: left; margin: 0; padding: 6px 13px; } -.note-to-mp table tr th:first-child, -.note-to-mp table tr td:first-child { +.note2any table tr th:first-child, +.note2any table tr td:first-child { margin-top: 0; } -.note-to-mp table tr th:last-child, -.note-to-mp table tr td:last-child { +.note2any table tr th:last-child, +.note2any table tr td:last-child { margin-bottom: 0; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } -.note-to-mp code, -.note-to-mp tt { +.note2any code, +.note2any tt { border-radius: 2px; font-family: Roboto Mono, Source Sans Pro, Monaco, courier, monospace !important; font-size: 0.92rem; color: #e96900; background-color: #f8f8f8; } -.note-to-mp code { +.note2any code { margin: 0 2px; padding: 2px 4px; } -.note-to-mp .code-section { +.note2any .code-section { border-radius: 2px; } -.note-to-mp .code-section pre code { +.note2any .code-section pre code { border: none; background-color: transparent; font-size: inherit; @@ -203,7 +203,7 @@ } /* 代码块 */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: solid 1px #e96900; margin: 1.5em 0; @@ -211,7 +211,7 @@ padding: 0.5em; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin: 0; margin-block-start: 0; margin-block-end: 0; @@ -219,12 +219,12 @@ overflow-x: auto; padding: 0 0 0 1em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } -.note-to-mp .code-section ul { +.note2any .code-section ul { margin: 0; padding: 0; margin-block-start: 0; @@ -235,6 +235,6 @@ line-height: 26px; list-style-type: none; } -.note-to-mp .code-section ul > li { +.note2any .code-section ul > li { text-align: right; } \ No newline at end of file diff --git a/assets/themes/wx-mp-pro.css b/assets/themes/wx-mp-pro.css index b3f98e4..7eb3b24 100644 --- a/assets/themes/wx-mp-pro.css +++ b/assets/themes/wx-mp-pro.css @@ -10,7 +10,7 @@ * - 在导出设置中选择 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-size: 16px; line-height: 1.75; @@ -21,18 +21,18 @@ } /* 段落 */ -.note-to-mp p { +.note2any p { margin: 1.2em 0; letter-spacing: 0.05px; } /* 标题：更专业清晰的层级感 */ -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5, -.note-to-mp h6 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5, +.note2any h6 { margin: 2.2em 0 1em; line-height: 1.4; color: #111111; @@ -41,15 +41,15 @@ letter-spacing: 2px; } -.note-to-mp h1, -.note-to-mp h2, -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5 { +.note2any h1, +.note2any h2, +.note2any h3, +.note2any h4, +.note2any h5 { } /* H1：卡片式 */ -.note-to-mp h1 { +.note2any h1 { font-size: 1.8em; margin: 1.5em 0; color: #1565F6; @@ -59,7 +59,7 @@ } /* H2：左条卡片 */ -.note-to-mp h2 { +.note2any h2 { font-size: 1.5em; margin: 2em 0 1.2em; padding: 0.6em 1em; @@ -70,36 +70,36 @@ } /* H3-H5：渐进缩小 */ -.note-to-mp h3, -.note-to-mp h4, -.note-to-mp h5 { +.note2any h3, +.note2any h4, +.note2any h5 { background: #f7f9fb; color: #244b74; padding: 0.7em 1.2em 0.7em 1.35em; } -.note-to-mp h3 { font-size: 1.25em; } -.note-to-mp h4 { font-size: 1.1em; } -.note-to-mp h5 { font-size: 1em; } +.note2any h3 { font-size: 1.25em; } +.note2any h4 { font-size: 1.1em; } +.note2any h5 { font-size: 1em; } /* 列表 */ -.note-to-mp ul, -.note-to-mp ol { +.note2any ul, +.note2any ol { margin: 1.2em 0 1.2em 1.4em; padding: 0; } -.note-to-mp li { +.note2any li { margin: 0.4em 0; line-height: 1.6; } -.note-to-mp li p { +.note2any li p { margin: 0.5em 0; } /* 链接 */ -.note-to-mp a { +.note2any a { color: #576b95; text-decoration: none; border-bottom: 1px solid rgba(87,107,149,0.3); @@ -107,7 +107,7 @@ } /* 引用：清晰专业的样式 */ -.note-to-mp blockquote { +.note2any blockquote { background: #f7f7f7; border-left: 4px solid #07c160; margin: 1.5em 0; @@ -116,27 +116,27 @@ font-size: 0.95em; } -.note-to-mp blockquote p { +.note2any blockquote p { margin: 0.6em 0; } -.note-to-mp blockquote p:first-child { +.note2any blockquote p:first-child { margin-top: 0; } -.note-to-mp blockquote p:last-child { +.note2any blockquote p:last-child { margin-bottom: 0; } /* 代码块：清晰易读 */ -.note-to-mp pre { +.note2any pre { background: #f6f8fa !important; border-radius: 5px; overflow-x: auto; border: 1px solid #e8e8e8 !important; } -.note-to-mp pre code { +.note2any pre code { display: block; background: transparent !important; 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; padding: 2px 4px; border-radius: 3px; @@ -158,7 +158,7 @@ } /* 表格整体：连贯圆角边框 */ -.note-to-mp table { +.note2any table { width: 100%; border-collapse: collapse; /* 合并边框，避免断开 */ margin: 1.8em 0; @@ -169,8 +169,8 @@ } /* 单元格 */ -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { border: 1px solid #e0e0e0; /* 内部网格线 */ padding: 8px 10px; text-align: left; @@ -178,19 +178,19 @@ } /* 表头 */ -.note-to-mp thead th { +.note2any thead th { background: #e8f5e9; font-weight: 600; color: #333; } /* 隔行条纹 */ -.note-to-mp tbody tr:nth-child(even) { +.note2any tbody tr:nth-child(even) { background: #fafafa; } /* 表格整体 */ -.note-to-mp table { +.note2any table { width: 100%; border-collapse: collapse; margin: 1.8em 0; @@ -201,8 +201,8 @@ } /* 单元格 */ -.note-to-mp th, -.note-to-mp td { +.note2any th, +.note2any td { border: 1px solid #e0e0e0; padding: 8px 10px; text-align: left; @@ -211,31 +211,31 @@ } /* 表头 */ -.note-to-mp thead th { +.note2any thead th { background: #e8f5e9; font-weight: 600; color: #333; } /* 隔行条纹 */ -.note-to-mp tbody tr:nth-child(even) { +.note2any tbody tr:nth-child(even) { background: #fafafa; } /* hover 效果 */ -.note-to-mp tbody tr:hover { +.note2any tbody tr:hover { background: #f1f8ff; /* 微蓝色高亮 */ } /* 图片与图注 */ -.note-to-mp img { +.note2any img { max-width: 100%; display: block; margin: 1.5em auto; border-radius: 4px; } -.note-to-mp figcaption { +.note2any figcaption { text-align: center; font-size: 0.8em; color: #888; @@ -244,7 +244,7 @@ } /* 分隔线 */ -.note-to-mp hr { +.note2any hr { border: 0; height: 1px; background: #e3e3e3; @@ -252,7 +252,7 @@ } /* 彩色标注块（预处理产生的 ||r/g/b/y ） */ -.note-to-mp p[data-color-block] { +.note2any p[data-color-block] { border-radius: 5px; padding: 0.8em 1em; margin: 1.5em 0; @@ -260,59 +260,59 @@ line-height: 1.6; } -.note-to-mp p[data-color-block="r"] { +.note2any p[data-color-block="r"] { background: #ffebee; border-left: 4px solid #ef5350; } -.note-to-mp p[data-color-block="g"] { +.note2any p[data-color-block="g"] { background: #e8f5e9; border-left: 4px solid #4caf50; } -.note-to-mp p[data-color-block="b"] { +.note2any p[data-color-block="b"] { background: #e3f2fd; border-left: 4px solid #2196f3; } -.note-to-mp p[data-color-block="y"] { +.note2any p[data-color-block="y"] { background: #fff8e1; border-left: 4px solid #ffca28; } /* 专业标注提示 */ -.note-to-mp p[data-note-type="tip"], -.note-to-mp p[data-note-type="info"], -.note-to-mp p[data-note-type="warning"], -.note-to-mp p[data-note-type="danger"] { +.note2any p[data-note-type="tip"], +.note2any p[data-note-type="info"], +.note2any p[data-note-type="warning"], +.note2any p[data-note-type="danger"] { border-radius: 5px; padding: 0.8em 1em; margin: 1.5em 0; font-size: 0.93em; } -.note-to-mp p[data-note-type="tip"] { +.note2any p[data-note-type="tip"] { background: #e8f5e9; border-left: 4px solid #4caf50; } -.note-to-mp p[data-note-type="info"] { +.note2any p[data-note-type="info"] { background: #e3f2fd; border-left: 4px solid #2196f3; } -.note-to-mp p[data-note-type="warning"] { +.note2any p[data-note-type="warning"] { background: #fff8e1; border-left: 4px solid #ffca28; } -.note-to-mp p[data-note-type="danger"] { +.note2any p[data-note-type="danger"] { background: #ffebee; border-left: 4px solid #ef5350; } /* 特殊标注：重要/注意/提示 */ -.note-to-mp p:has(strong:first-child:contains("💡")) { +.note2any p:has(strong:first-child:contains("💡")) { background: #e8f5e9; border-left: 4px solid #4caf50; border-radius: 5px; @@ -320,7 +320,7 @@ margin: 1.5em 0; } -.note-to-mp p:has(strong:first-child:contains("⚠️")) { +.note2any p:has(strong:first-child:contains("⚠️")) { background: #fff8e1; border-left: 4px solid #ffca28; border-radius: 5px; @@ -328,7 +328,7 @@ margin: 1.5em 0; } -.note-to-mp p:has(strong:first-child:contains("✅")) { +.note2any p:has(strong:first-child:contains("✅")) { background: #e3f2fd; border-left: 4px solid #2196f3; border-radius: 5px; @@ -337,14 +337,14 @@ } /* 首段紧贴标题 */ -.note-to-mp h1 + p, -.note-to-mp h2 + p, -.note-to-mp h3 + p { +.note2any h1 + p, +.note2any h2 + p, +.note2any h3 + p { margin-top: 0.7em; } /* 专业编程文章必备：行号提示标记 */ -.note-to-mp .line-numbers { +.note2any .line-numbers { font-size: 0.8em; color: #999; 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; } /* 适配微信公众号的粗体强调 */ -.note-to-mp strong { +.note2any strong { font-weight: 600; color: #1322c5; } /* 行内高亮 */ -.note-to-mp mark { +.note2any mark { background: #fff8dc; padding: 0 2px; } /* 确保代码块内部的空格不会被压缩 */ -.note-to-mp pre code { +.note2any pre code { white-space: pre !important; } diff --git a/manifest.json b/manifest.json index 15fa7f9..aa1cf56 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "id": "note2any", "name": "Note2Any", - "version": "1.3.4", + "version": "1.3.12", "minAppVersion": "1.4.5", "description": "xiaohongshu/mp publisher ", "author": "Gavin chan", diff --git a/package.json b/package.json index 7a31db7..7a8e0d1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "note2any", - "version": "1.3.0", + "version": "1.3.12", "description": "This is a plugin for Obsidian (https://obsidian.md)", "main": "main.js", "repository": { diff --git a/release.md b/release.md index 65e4ca8..2011735 100644 --- a/release.md +++ b/release.md @@ -69,3 +69,15 @@ 封面图片先转位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类名 & 主题资源统一 + diff --git a/src/article-render.ts b/src/article-render.ts index a4b783a..a9d8013 100644 --- a/src/article-render.ts +++ b/src/article-render.ts @@ -152,14 +152,14 @@ export class ArticleRender implements MDRendererCallback { isOldTheme() { const theme = this.assetsManager.getTheme(this.currentTheme); if (theme) { - return theme.css.indexOf('.note-to-mp') < 0; + return theme.css.indexOf('.note2any') < 0; } return false; } setArticle(article: string) { this.articleDiv.empty(); - let className = 'note-to-mp'; + let className = 'note2any'; // 兼容旧版本样式 if (this.isOldTheme()) { className = this.currentTheme; @@ -289,7 +289,7 @@ export class ArticleRender implements MDRendererCallback { const theme = this.assetsManager.getTheme(this.currentTheme); const highlight = this.assetsManager.getHighlight(this.currentHighlight); 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}`; } catch (error) { console.error(error); diff --git a/src/default-theme.ts b/src/default-theme.ts index b379d38..5d6135d 100644 --- a/src/default-theme.ts +++ b/src/default-theme.ts @@ -7,7 +7,7 @@ const css = ` /* =========================================================== */ /* Obsidian的默认样式 */ /* =========================================================== */ -.note-to-mp { +.note2any { padding: 0; user-select: text; -webkit-user-select: text; @@ -15,15 +15,15 @@ const css = ` font-size: 16px; } -.note-to-mp:last-child { +.note2any:last-child { margin-bottom: 0; } -.note-to-mp .fancybox-img { +.note2any .fancybox-img { border: none; } -.note-to-mp .fancybox-img:hover { +.note2any .fancybox-img:hover { opacity: none; border: none; } @@ -33,7 +33,7 @@ const css = ` Heading ================================== */ -.note-to-mp h1 { +.note2any h1 { color: #222; font-weight: 700; font-size: 1.802em; @@ -42,7 +42,7 @@ Heading margin-block-end: 0; } -.note-to-mp h2 { +.note2any h2 { color: #222; font-weight: 600; font-size: 1.602em; @@ -51,7 +51,7 @@ Heading margin-block-end: 0; } -.note-to-mp h3 { +.note2any h3 { color: #222; font-weight: 600; font-size: 1.424em; @@ -60,7 +60,7 @@ Heading margin-block-end: 0; } -.note-to-mp h4 { +.note2any h4 { color: #222; font-weight: 600; font-size: 1.266em; @@ -69,13 +69,13 @@ Heading margin-block-end: 0; } -.note-to-mp h5 { +.note2any h5 { color: #222; margin-block-start: 1em; margin-block-end: 0; } -.note-to-mp h6 { +.note2any h6 { color: #222; margin-block-start: 1em; margin-block-end: 0; @@ -86,7 +86,7 @@ Heading Horizontal Rules ================================== */ -.note-to-mp hr { +.note2any hr { border-color: #e0e0e0; margin-top: 3em; margin-bottom: 3em; @@ -97,7 +97,7 @@ Horizontal Rules Paragraphs ================================== */ -.note-to-mp p { +.note2any p { line-height: 1.6em; margin: 1em 0; } @@ -107,17 +107,17 @@ Paragraphs Emphasis ================================== */ -.note-to-mp strong { +.note2any strong { color: #222222; font-weight: 600; } -.note-to-mp em { +.note2any em { color: inherit; font-style: italic; } -.note-to-mp s { +.note2any s { color: inherit; } @@ -126,7 +126,7 @@ Emphasis Blockquotes ================================== */ -.note-to-mp blockquote { +.note2any blockquote { font-size: 1rem; display: block; margin: 2em 0; @@ -136,15 +136,15 @@ Emphasis border-left: 0.15rem solid #7852ee; } -.note-to-mp blockquote blockquote { +.note2any blockquote blockquote { margin: 0 0; } -.note-to-mp blockquote p { +.note2any blockquote p { margin: 0; } -.note-to-mp blockquote footer strong { +.note2any blockquote footer strong { margin-right: 0.5em; } @@ -153,23 +153,23 @@ Emphasis List ================================== */ -.note-to-mp ul { +.note2any ul { margin: 0; margin-top: 1.25em; margin-bottom: 1.25em; line-height: 1.6em; } -.note-to-mp ul>li::marker { +.note2any ul>li::marker { color: #ababab; /* font-size: 1.5em; */ } -.note-to-mp li>p { +.note2any li>p { margin: 0; } -.note-to-mp ol { +.note2any ol { margin: 0; padding: 0; margin-top: 1.25em; @@ -178,7 +178,7 @@ List line-height: 1.6em; } -.note-to-mp ol>li { +.note2any ol>li { position: relative; padding-left: 0.1em; margin-left: 2em; @@ -189,7 +189,7 @@ List Link ================================== */ -.note-to-mp a { +.note2any a { color: #7852ee; text-decoration: none; font-weight: 500; @@ -198,7 +198,7 @@ Link transition: border 0.3s ease-in-out; } -.note-to-mp a:hover { +.note2any a:hover { color: #7952eebb; border-bottom: 1px solid #7952eebb; } @@ -208,7 +208,7 @@ Link Table ================================== */ -.note-to-mp table { +.note2any table { width: 100%; table-layout: auto; text-align: left; @@ -221,13 +221,13 @@ Table text-indent: 0; } -.note-to-mp table thead { +.note2any table thead { color: #000; font-weight: 600; border: #e0e0e0 1px solid; } -.note-to-mp table thead th { +.note2any table thead th { vertical-align: bottom; padding-right: 0.5714286em; padding-bottom: 0.5714286em; @@ -235,24 +235,24 @@ Table border: #e0e0e0 1px solid; } -.note-to-mp table thead th:first-child { +.note2any table thead th:first-child { padding-left: 0.5em; } -.note-to-mp table thead th:last-child { +.note2any table thead th:last-child { padding-right: 0.5em; } -.note-to-mp table tbody tr { +.note2any table tbody tr { border-style: solid; border: #e0e0e0 1px solid; } -.note-to-mp table tbody tr:last-child { +.note2any table tbody tr:last-child { border-bottom-width: 0; } -.note-to-mp table tbody td { +.note2any table tbody td { vertical-align: top; padding-top: 0.5714286em; padding-right: 0.5714286em; @@ -261,11 +261,11 @@ Table border: #e0e0e0 1px solid; } -.note-to-mp table tbody td:first-child { +.note2any table tbody td:first-child { padding-left: 0; } -.note-to-mp table tbody td:last-child { +.note2any table tbody td:last-child { padding-right: 0; } @@ -274,11 +274,11 @@ Table Images ================================== */ -.note-to-mp img { +.note2any img { margin: 2em auto; } -.note-to-mp .footnotes hr { +.note2any .footnotes hr { margin-top: 4em; margin-bottom: 0.5em; } @@ -288,7 +288,7 @@ Images Code ================================== */ -.note-to-mp .code-section { +.note2any .code-section { display: flex; border: rgb(240, 240, 240) 1px solid; line-height: 26px; @@ -298,7 +298,7 @@ Code box-sizing: border-box; } -.note-to-mp .code-section ul { +.note2any .code-section ul { width: fit-content; margin-block-start: 0; margin-block-end: 0; @@ -310,11 +310,11 @@ Code backgroud: transparent !important; } -.note-to-mp .code-section ul>li { +.note2any .code-section ul>li { text-align: right; } -.note-to-mp .code-section pre { +.note2any .code-section pre { margin-block-start: 0; margin-block-end: 0; white-space: normal; @@ -322,7 +322,7 @@ Code padding: 0 0 0 0.875em; } -.note-to-mp .code-section code { +.note2any .code-section code { display: flex; text-wrap: nowrap; font-family: Consolas,Courier,monospace; diff --git a/src/xiaohongshu/xhs-preview.ts b/src/xiaohongshu/xhs-preview.ts index 9d1463d..6d7a7fe 100644 --- a/src/xiaohongshu/xhs-preview.ts +++ b/src/xiaohongshu/xhs-preview.ts @@ -189,7 +189,7 @@ export class XiaohongshuPreview { const tempContainer = document.createElement('div'); tempContainer.innerHTML = articleHTML; tempContainer.style.width = `${this.settings.sliceImageWidth}px`; - tempContainer.classList.add('note-to-mp'); + tempContainer.classList.add('note2any'); if (this.currentThemeClass) { tempContainer.classList.add(this.currentThemeClass); } @@ -226,7 +226,7 @@ export class XiaohongshuPreview { const wrapper = this.pageContainer.createDiv({ cls: 'xhs-page-wrapper' }); 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(' ') }); renderPage(pageElement, page.content, this.settings); this.applyPreviewSizing(wrapper, pageElement); @@ -510,7 +510,7 @@ export class XiaohongshuPreview { const theme = this.assetsManager.getTheme(themeName); const highlight = this.assetsManager.getHighlight(highlightName); 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}`; this.styleEl.textContent = css; this.currentThemeClass = theme?.className || ''; @@ -527,8 +527,8 @@ export class XiaohongshuPreview { tempContainer.style.width = `${this.settings.sliceImageWidth}px`; tempContainer.style.fontSize = `${this.currentFontSize}px`; // 字体从全局主题中继承，无需手动指定 - tempContainer.classList.add('note-to-mp'); - tempContainer.className = this.currentThemeClass ? `note-to-mp ${this.currentThemeClass}` : 'note-to-mp'; + tempContainer.classList.add('note2any'); + tempContainer.className = this.currentThemeClass ? `note2any ${this.currentThemeClass}` : 'note2any'; document.body.appendChild(tempContainer); try { this.pages = await paginateArticle(tempContainer, this.settings); diff --git a/todolist.md b/todolist.md index a6aaed7..41df303 100644 --- a/todolist.md +++ b/todolist.md @@ -162,3 +162,4 @@ SOLVE：obsidian控制台打印信息，定位在哪里阻塞，AI修复。 **样式和功能必须结构，样式必须可以0基础，快速选择，让用户可以选择足够多样式(AI生成)。** + diff --git a/versions.json b/versions.json index 827dcf9..b95c661 100644 --- a/versions.json +++ b/versions.json @@ -1,3 +1,4 @@ { - "1.3.7": "1.4.5" + "1.3.7": "1.4.5", + "1.3.12": "1.4.5" }