update at 2025-10-08 22:31:03
This commit is contained in:
douboer
318
assets/themes/maple.css
Normal file
318
assets/themes/maple.css
Normal file
@@ -0,0 +1,318 @@
|
||||
/* =========================================================== */
|
||||
/* 笔记样式 https://github.com/xbmlz/hexo-theme-maple */
|
||||
/* =========================================================== */
|
||||
.note-to-mp {
|
||||
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 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.note-to-mp .fancybox-img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.note-to-mp .fancybox-img:hover {
|
||||
opacity: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Heading
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp h1 {
|
||||
color: #222;
|
||||
font-weight: 800;
|
||||
font-size: 2.25em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.8888889em;
|
||||
line-height: 1.1111111;
|
||||
}
|
||||
|
||||
.note-to-mp h2 {
|
||||
color: inherit;
|
||||
font-weight: 700;
|
||||
font-size: 1.5em;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
line-height: 1.3333333;
|
||||
}
|
||||
|
||||
.note-to-mp h3 {
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
font-size: 1.25em;
|
||||
margin-top: 1.6em;
|
||||
margin-bottom: 0.6em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.note-to-mp h4 {
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.5em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Horizontal Rules
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp hr {
|
||||
border-color: rgba(125, 125, 125, 0.3);
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Paragraphs
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Emphasis
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp strong {
|
||||
color: #222;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.note-to-mp em {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.note-to-mp s {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Blockquotes
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp blockquote {
|
||||
font-size: 1rem;
|
||||
display: block;
|
||||
margin: 1em 0;
|
||||
padding: 1em 1.2em 1em 1.2em;
|
||||
position: relative;
|
||||
color: inherit;
|
||||
border-left: 0.25rem solid rgba(125, 125, 125, 0.302);
|
||||
}
|
||||
|
||||
.note-to-mp blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.note-to-mp blockquote footer strong {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
List
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp ul {
|
||||
margin: 0;
|
||||
/* padding: 0; */
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
|
||||
.note-to-mp ul>li {
|
||||
position: relative;
|
||||
/* padding-left: 1.75rem; */
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
|
||||
.note-to-mp ul>li::marker {
|
||||
color: #555;
|
||||
/* font-size: 1.5em; */
|
||||
}
|
||||
|
||||
.note-to-mp ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: 1.25em;
|
||||
margin-bottom: 0em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.note-to-mp ol>li {
|
||||
position: relative;
|
||||
padding-left: 0.8em;
|
||||
margin-left: 2em;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Link
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid rgba(125, 125, 125, 0.3);
|
||||
transition: border 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.note-to-mp a:hover {
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Table
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp table {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
text-align: left;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.7142857;
|
||||
border-collapse: collapse;
|
||||
border-color: inherit;
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table thead {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: #d1d5db;
|
||||
}
|
||||
|
||||
.note-to-mp 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 {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table thead th:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody tr {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: #e5e7eb;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody tr:last-child {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td {
|
||||
vertical-align: top;
|
||||
padding-top: 0.5714286em;
|
||||
padding-right: 0.5714286em;
|
||||
padding-bottom: 0.5714286em;
|
||||
padding-left: 0.5714286em;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.note-to-mp table tbody td:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Images
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp img {
|
||||
margin: 2em auto;
|
||||
}
|
||||
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
=================================
|
||||
Code
|
||||
==================================
|
||||
*/
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(240, 240, 240);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section ul>li {
|
||||
line-height: 26px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.note-to-mp code {
|
||||
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
|
||||
color: #333;
|
||||
background: rgb(250, 250, 250);
|
||||
font-size: 0.875em;
|
||||
padding: 1em;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section pre code {
|
||||
color: inherit;
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-size: inherit;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
245
assets/themes/mweb-ayu-mirage.css
Normal file
245
assets/themes/mweb-ayu-mirage.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(217, 215, 209);
|
||||
background-color: rgb(31, 35, 47);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(159, 170, 185);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(60, 66, 84);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(254, 203, 102);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(254, 203, 102);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(17, 110, 84);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(207, 208, 203);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(24, 28, 37);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(207, 208, 203);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(60, 66, 84);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-ayu.css
Normal file
245
assets/themes/mweb-ayu.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(107, 104, 132);
|
||||
background-color: rgb(250, 250, 250);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(77, 82, 85);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(191, 193, 196);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(255, 106, 0);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(230, 103, 0);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(230, 249, 189);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(39, 45, 56);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(255, 255, 255);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(39, 45, 56);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(191, 193, 196);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-bear-default.css
Normal file
245
assets/themes/mweb-bear-default.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
background-color: white;
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: #262626;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: #bfbfbf;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
display: block;
|
||||
padding-left: 0.8em;
|
||||
border-left: 0.2em solid #353535;
|
||||
color: #222222;
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: #353535;
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: #2478c5;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: #fcffc0;
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: #424242;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #bfbfbf;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-charcoal.css
Normal file
245
assets/themes/mweb-charcoal.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(166, 166, 166);
|
||||
background-color: rgb(46, 50, 53);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(172, 172, 172);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(62, 67, 72);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(155, 183, 196);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(171, 196, 207);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(7, 16, 25);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(153, 153, 153);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(47, 51, 55);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(62, 67, 72);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-cobalt.css
Normal file
245
assets/themes/mweb-cobalt.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(219, 240, 239);
|
||||
background-color: rgb(20, 39, 56);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(211, 200, 69);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(16, 36, 50);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(252, 133, 30);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(54, 201, 155);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(61, 0, 77);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(225, 239, 243);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(21, 45, 62);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(225, 239, 243);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(16, 36, 50);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-contrast.css
Normal file
245
assets/themes/mweb-contrast.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
background-color: #F9F9F9;
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: #262626;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: #bfbfbf;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
display: block;
|
||||
padding-left: 0.8em;
|
||||
border-left: 0.2em solid #2478c5;
|
||||
color: #222222;
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: #2478c5;
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: #2478c5;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: #d3ffa4;
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: #424242;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #bfbfbf;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-d-boring.css
Normal file
245
assets/themes/mweb-d-boring.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(0, 0, 0);
|
||||
background-color: rgb(251, 250, 252);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(199, 199, 199);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(127, 127, 127);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(80, 112, 139);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(254, 255, 83);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(38, 37, 38);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(253, 253, 253);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(38, 37, 38);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(199, 199, 199);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-dark-graphite.css
Normal file
245
assets/themes/mweb-dark-graphite.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(221, 221, 221);
|
||||
background-color: rgb(30, 32, 34);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(203, 219, 229);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(87, 87, 87);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(74, 168, 251);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(107, 202, 251);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(38, 60, 146);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(255, 254, 255);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(36, 36, 36);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(255, 254, 255);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(87, 87, 87);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
213
assets/themes/mweb-default.css
Normal file
213
assets/themes/mweb-default.css
Normal file
@@ -0,0 +1,213 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default theme，适用于 core/mweb-base.scss。
|
||||
* 取值参考 chrome 默认样式：
|
||||
* https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css
|
||||
* 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。
|
||||
*/
|
||||
/* color */
|
||||
/* font & line */
|
||||
/* boxing */
|
||||
/* elememts */
|
||||
/*
|
||||
* 基准样式，相当于 reset.css，使主题在不同平台下有统一的表现。
|
||||
* 各个属性的默认值为 chrome 的默认样式，见 variables/default.scss。
|
||||
*/
|
||||
/**
|
||||
* MWeb 包裹 markdown 的容器是 .note-to-mp
|
||||
* Typora 中是 #write
|
||||
*/
|
||||
.note-to-mp {
|
||||
line-height: 1.6em;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
margin: 0 0;
|
||||
padding: 0 0;
|
||||
font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
background-color: white;
|
||||
/* spacing */
|
||||
/* block */
|
||||
/* list */
|
||||
/* inline */
|
||||
/* 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 {
|
||||
margin-top: 0.75em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.17em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 0.83em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 0.67em;
|
||||
font-weight: bold;
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre, .note-to-mp xmp, .note-to-mp plaintext, .note-to-mp listing {
|
||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp a {
|
||||
color: -webkit-link;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b, .note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp code, .note-to-mp kbd, .note-to-mp tt, .note-to-mp samp {
|
||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||
}
|
||||
.note-to-mp mark {
|
||||
padding: 0.2em 0;
|
||||
background-color: yellow;
|
||||
}
|
||||
.note-to-mp del, .note-to-mp s {
|
||||
color: inherit;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: black;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp th, .note-to-mp td {
|
||||
border-color: gray;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
.note-to-mp th {
|
||||
padding: 4px 8px;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.note-to-mp td {
|
||||
padding: 4px 8px;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
.note-to-mp div[id^=mweb-chart-ele] svg {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px gray;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.note-to-mp .code-section ul li {
|
||||
margin: 0;
|
||||
}
|
||||
245
assets/themes/mweb-dieci.css
Normal file
245
assets/themes/mweb-dieci.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(212, 212, 212);
|
||||
background-color: rgb(0, 0, 0);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(252, 206, 35);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(29, 29, 29);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(242, 148, 41);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(227, 146, 9);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(16, 68, 3);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(229, 227, 229);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(16, 16, 16);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(229, 227, 229);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(29, 29, 29);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-dracula.css
Normal file
245
assets/themes/mweb-dracula.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(53, 56, 70);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(80, 250, 123);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgba(187, 145, 248, 0.4);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(205, 174, 249);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(139, 233, 253);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(95, 99, 117);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(249, 249, 245);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(31, 32, 42);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(249, 249, 245);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgba(187, 145, 248, 0.4);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-duotone-heat.css
Normal file
245
assets/themes/mweb-duotone-heat.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(101, 96, 101);
|
||||
background-color: rgb(251, 250, 249);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(138, 74, 169);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(211, 197, 211);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(202, 124, 208);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(183, 71, 175);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(242, 193, 209);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(89, 84, 89);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(255, 253, 253);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(89, 84, 89);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(211, 197, 211);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-duotone-light.css
Normal file
245
assets/themes/mweb-duotone-light.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(75, 53, 8);
|
||||
background-color: rgb(250, 248, 245);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(99, 90, 71);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgba(182, 173, 155, 0.3);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(115, 144, 201);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(11, 53, 135);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(211, 255, 164);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(66, 66, 66);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(255, 252, 249);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(66, 66, 66);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgba(182, 173, 155, 0.3);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-gandalf.css
Normal file
245
assets/themes/mweb-gandalf.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(69, 82, 96);
|
||||
background-color: rgb(240, 240, 240);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(61, 81, 109);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(200, 205, 218);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(160, 76, 107);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(128, 57, 75);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(211, 255, 164);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(62, 74, 98);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(248, 247, 249);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(62, 74, 98);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(200, 205, 218);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-gotham.css
Normal file
245
assets/themes/mweb-gotham.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(106, 169, 185);
|
||||
background-color: rgb(17, 21, 28);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(46, 184, 140);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(18, 42, 63);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(42, 168, 137);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(242, 130, 90);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(43, 56, 79);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(89, 156, 171);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(10, 23, 34);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(89, 156, 171);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(18, 42, 63);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
184
assets/themes/mweb-indigo.css
Normal file
184
assets/themes/mweb-indigo.css
Normal file
@@ -0,0 +1,184 @@
|
||||
.note-to-mp {
|
||||
padding: 0 1em;
|
||||
color: #595959;
|
||||
font-size: 16px;
|
||||
line-height: 1.8em;
|
||||
background-image: linear-gradient(90deg, rgba(60, 10, 30, 0.05) 3%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, 0.05) 3%, transparent 0);
|
||||
background-size: 20px 20px;
|
||||
background-position: 50%;
|
||||
word-break: break-all;
|
||||
/* 主题自定义 */
|
||||
/* 主题自定义 end */
|
||||
/* 布局，一般不需要改动 */
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
margin-left: 0;
|
||||
background-color: #ebf4ff;
|
||||
border-color: #7f9cf5;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #667eea;
|
||||
}
|
||||
.note-to-mp strong {
|
||||
color: #5a67d8;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
list-style: disc;
|
||||
}
|
||||
.note-to-mp ol,
|
||||
.note-to-mp ul {
|
||||
padding-left: 2em;
|
||||
}
|
||||
.note-to-mp h1,
|
||||
.note-to-mp h2 {
|
||||
border-color: #5a67d8;
|
||||
border-style: solid;
|
||||
border-top-width: 0px;
|
||||
border-right-width: 0px;
|
||||
font-weight: 600;
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
.note-to-mp h1,
|
||||
.note-to-mp 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 {
|
||||
margin-bottom: 16px;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.note-to-mp strong::before {
|
||||
content: "「";
|
||||
}
|
||||
.note-to-mp strong::after {
|
||||
content: "」";
|
||||
}
|
||||
.note-to-mp a {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
.note-to-mp .footnote-ref {
|
||||
border-width: 0px;
|
||||
}
|
||||
.note-to-mp picture img {
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
box-shadow: 2px 4px 7px #999;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
object-fit: contain;
|
||||
border-radius: 6px;
|
||||
box-shadow: 2px 4px 7px #999;
|
||||
}
|
||||
.note-to-mp picture {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.note-to-mp .footnotes {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code,
|
||||
.note-to-mp a {
|
||||
color: #5a67d8;
|
||||
}
|
||||
.note-to-mp a {
|
||||
border-color: #667eea;
|
||||
}
|
||||
.note-to-mp code {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
background-color: #ebf4ff;
|
||||
}
|
||||
.note-to-mp pre > code {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #5a67d8;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
191
assets/themes/mweb-jzman.css
Normal file
191
assets/themes/mweb-jzman.css
Normal file
@@ -0,0 +1,191 @@
|
||||
.note-to-mp {
|
||||
padding: 0 1em;
|
||||
word-break: break-word;
|
||||
line-height: 1.8;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
word-spacing: 2px;
|
||||
letter-spacing: 2px;
|
||||
overflow-x: hidden;
|
||||
color: #3e3e3e;
|
||||
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);
|
||||
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 {
|
||||
line-height: 1.5;
|
||||
margin-top: 35px;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 30px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
padding-bottom: 12px;
|
||||
font-size: 24px;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 18px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1.2em;
|
||||
border-bottom: 2px solid rgb(239, 112, 96);
|
||||
word-spacing: 0px !important;
|
||||
letter-spacing: 0px !important;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
background: rgb(239, 112, 96);
|
||||
color: rgb(255, 255, 255);
|
||||
padding: 10px 10px 10px;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 15px;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
line-height: inherit;
|
||||
margin-top: 22px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.note-to-mp a {
|
||||
text-decoration: none;
|
||||
color: #0269c8;
|
||||
border-bottom: 1px solid #d1e9ff;
|
||||
}
|
||||
.note-to-mp table {
|
||||
display: inline-block !important;
|
||||
font-size: 12px;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
border: solid 1px #f6f6f6;
|
||||
}
|
||||
.note-to-mp thead {
|
||||
background: #f6f6f6;
|
||||
color: #000;
|
||||
text-align: left;
|
||||
}
|
||||
.note-to-mp tr:nth-child(2n) {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
padding: 12px 7px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.note-to-mp td {
|
||||
min-width: 120px;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
color: #666;
|
||||
padding: 1px 23px;
|
||||
margin: 22px 0;
|
||||
border-left: 4px solid #cbcbcb;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.note-to-mp blockquote > p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.note-to-mp ol,
|
||||
.note-to-mp ul {
|
||||
padding-left: 28px;
|
||||
}
|
||||
.note-to-mp ol li,
|
||||
.note-to-mp 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 {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.note-to-mp ol li {
|
||||
padding-left: 6px;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
word-break: break-word;
|
||||
border-radius: 2px;
|
||||
background-color: #fff5f5;
|
||||
color: #ff502c;
|
||||
font-size: 0.87em;
|
||||
padding: 0.065em 0.4em;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
font-size: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: unset;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #cbcbcb;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
149
assets/themes/mweb-lark-bold-color.css
Normal file
149
assets/themes/mweb-lark-bold-color.css
Normal file
@@ -0,0 +1,149 @@
|
||||
/*
|
||||
* Default theme，适用于 core/mweb-base.scss。
|
||||
* 取值参考 chrome 默认样式：
|
||||
* https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css
|
||||
* 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。
|
||||
*/
|
||||
/* color */
|
||||
/* font & line */
|
||||
/* boxing */
|
||||
/* elememts */
|
||||
/* color */
|
||||
/* prism & pre */
|
||||
/* font */
|
||||
/* 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 {
|
||||
color: #1f2329;
|
||||
line-height: 1.4;
|
||||
font-weight: 600;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.37em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
color: #3370ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
margin: 13px 0 12px;
|
||||
border: 0px;
|
||||
height: 1px;
|
||||
background-origin: content-box;
|
||||
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]) {
|
||||
word-wrap: break-all;
|
||||
padding-left: 12px;
|
||||
color: #3370ff;
|
||||
}
|
||||
.note-to-mp ul > li:not([class*=task-list-item]) > section {
|
||||
color: #1f2329;
|
||||
}
|
||||
.note-to-mp ul > li:not([class*=task-list-item])::marker {
|
||||
color: #3370ff;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: #1f2329;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
border-radius: 4px;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
border: 1px solid #dee0e3;
|
||||
background-color: #f5f6f7;
|
||||
word-spacing: normal;
|
||||
line-height: 1.6em;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
line-height: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.note-to-mp .code-section ul li {
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #dee0e3;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.note-to-mp strong {
|
||||
color: rgb(36, 91, 219);
|
||||
}
|
||||
145
assets/themes/mweb-lark.css
Normal file
145
assets/themes/mweb-lark.css
Normal file
@@ -0,0 +1,145 @@
|
||||
/*
|
||||
* Default theme，适用于 core/mweb-base.scss。
|
||||
* 取值参考 chrome 默认样式：
|
||||
* https://chromium.googlesource.com/chromium/blink/+/refs/heads/main/Source/core/css/html.css
|
||||
* 所有 import "core/mweb-base.scss" 的文件都应该同时导入此变量文件。
|
||||
*/
|
||||
/* color */
|
||||
/* font & line */
|
||||
/* boxing */
|
||||
/* elememts */
|
||||
/* color */
|
||||
/* prism & pre */
|
||||
/* font */
|
||||
/* 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 {
|
||||
color: #1f2329;
|
||||
line-height: 1.4;
|
||||
font-weight: 600;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.37em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
color: #3370ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
margin: 13px 0 12px;
|
||||
border: 0px;
|
||||
height: 1px;
|
||||
background-origin: content-box;
|
||||
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]) {
|
||||
word-wrap: break-all;
|
||||
padding-left: 12px;
|
||||
color: #3370ff;
|
||||
}
|
||||
.note-to-mp ul > li:not([class*=task-list-item]) > section {
|
||||
color: #1f2329;
|
||||
}
|
||||
.note-to-mp ul > li:not([class*=task-list-item])::marker {
|
||||
color: #3370ff;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: #1f2329;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
border-radius: 4px;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
border: 1px solid #dee0e3;
|
||||
background-color: #f5f6f7;
|
||||
word-spacing: normal;
|
||||
line-height: 1.6em;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
line-height: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.note-to-mp .code-section ul li {
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #dee0e3;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-lighthouse.css
Normal file
245
assets/themes/mweb-lighthouse.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(253, 250, 224);
|
||||
background-color: rgb(24, 24, 30);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(251, 239, 137);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(100, 176, 119);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(209, 95, 38);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(123, 206, 171);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(21, 109, 104);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(204, 203, 204);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(27, 26, 34);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(204, 203, 204);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(100, 176, 119);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-nord.css
Normal file
245
assets/themes/mweb-nord.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(237, 238, 243);
|
||||
background-color: rgb(47, 52, 64);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(217, 221, 231);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(99, 110, 132);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(144, 185, 201);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(167, 189, 144);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(155, 98, 100);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(237, 238, 243);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(54, 57, 69);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(237, 238, 243);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(99, 110, 132);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-olive-dunk.css
Normal file
245
assets/themes/mweb-olive-dunk.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(66, 63, 55);
|
||||
background-color: rgb(251, 250, 240);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(43, 100, 81);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(221, 219, 214);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(149, 175, 163);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(33, 95, 79);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(249, 220, 175);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(89, 88, 82);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(254, 254, 248);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(89, 88, 82);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(221, 219, 214);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-panic.css
Normal file
245
assets/themes/mweb-panic.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(246, 247, 238);
|
||||
background-color: rgb(17, 28, 42);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(249, 181, 55);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(45, 69, 98);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(249, 181, 55);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(84, 193, 220);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(45, 78, 120);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(246, 247, 238);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(23, 33, 52);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(246, 247, 238);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(45, 69, 98);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-red-graphite.css
Normal file
245
assets/themes/mweb-red-graphite.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
background-color: #fcfcfc;
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: #262626;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: #bfbfbf;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
display: block;
|
||||
padding-left: 0.8em;
|
||||
border-left: 0.2em solid #e06e73;
|
||||
color: #222222;
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: #e06e73;
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: #de4c4f;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: #fcffc0;
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: #424242;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #bfbfbf;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
173
assets/themes/mweb-smartblue.css
Normal file
173
assets/themes/mweb-smartblue.css
Normal file
@@ -0,0 +1,173 @@
|
||||
.note-to-mp {
|
||||
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%);
|
||||
background-size: 20px 20px;
|
||||
background-position: center center;
|
||||
padding: 1em;
|
||||
/* 段落 */
|
||||
/* 段落间距控制 */
|
||||
/* 标题的通用设置 */
|
||||
/* 一级标题 */
|
||||
/* 二级标题 */
|
||||
/* 三级标题 */
|
||||
/* 无序列表 */
|
||||
/* 无序列表内容 */
|
||||
/* 引用 */
|
||||
/* 引用文字 */
|
||||
/* 链接 */
|
||||
/* 加粗 */
|
||||
/* 加粗斜体 */
|
||||
/* 分隔线 */
|
||||
/* 表格 */
|
||||
}
|
||||
.note-to-mp p {
|
||||
color: #595959;
|
||||
font-size: 15px;
|
||||
line-height: 2;
|
||||
font-weight: 400;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
padding: 30px 0;
|
||||
margin: 0;
|
||||
color: #135ce0;
|
||||
font-weight: 600;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
margin: 50px 0;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
border-left: 4px solid;
|
||||
padding: 0 0 0 10px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
list-style: disc outside;
|
||||
margin-left: 2em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.note-to-mp li {
|
||||
line-height: 2;
|
||||
color: #595959;
|
||||
margin-bottom: 0;
|
||||
list-style: inherit;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
background: #fff9f9;
|
||||
margin: 2em 0;
|
||||
padding: 2px 20px;
|
||||
border-left: 4px solid #b2aec5;
|
||||
}
|
||||
.note-to-mp blockquote p {
|
||||
color: #666;
|
||||
line-height: 2;
|
||||
}
|
||||
.note-to-mp a {
|
||||
color: #036aca;
|
||||
border-bottom: 1px solid rgba(3, 106, 202, 0.8);
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp strong {
|
||||
color: #036aca;
|
||||
}
|
||||
.note-to-mp em strong {
|
||||
color: #036aca;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
border-top: 1px solid #135ce0;
|
||||
}
|
||||
.note-to-mp table {
|
||||
border-collapse: collapse;
|
||||
margin: 1rem 0;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.note-to-mp table th,
|
||||
.note-to-mp table td {
|
||||
border: 1px solid #dfe2e5;
|
||||
padding: 0.6em 1em;
|
||||
}
|
||||
.note-to-mp table tr {
|
||||
border-top: 1px solid #dfe2e5;
|
||||
}
|
||||
.note-to-mp table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
word-break: break-word;
|
||||
border-radius: 2px;
|
||||
background-color: #fff5f5;
|
||||
color: #ff502c;
|
||||
font-size: 0.87em;
|
||||
padding: 0.065em 0.4em;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
font-size: inherit;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
.note-to-mp .code-section ul li {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #ff502c;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-solarized-dark.css
Normal file
245
assets/themes/mweb-solarized-dark.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(155, 166, 164);
|
||||
background-color: rgb(11, 55, 66);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(171, 181, 180);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(3, 44, 54);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(44, 146, 133);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(63, 198, 180);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(31, 0, 50);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(148, 162, 162);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(6, 33, 40);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(148, 162, 162);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(3, 44, 54);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-solarized-light.css
Normal file
245
assets/themes/mweb-solarized-light.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(50, 62, 69);
|
||||
background-color: rgb(253, 246, 227);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(59, 79, 84);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgba(147, 161, 161, 0.5);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(165, 104, 18);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(172, 117, 20);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(202, 255, 147);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(101, 123, 131);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(252, 244, 220);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(101, 123, 131);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgba(147, 161, 161, 0.5);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
245
assets/themes/mweb-toothpaste.css
Normal file
245
assets/themes/mweb-toothpaste.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(220, 227, 232);
|
||||
background-color: rgb(34, 46, 51);
|
||||
line-height: 1.6em;
|
||||
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 {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(131, 209, 221);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(15, 21, 23);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(199, 191, 127);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
color: rgb(214, 92, 92);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp 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 {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp 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 {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(64, 65, 113);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(168, 176, 181);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(18, 24, 27);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp 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 {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(168, 176, 181);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(15, 21, 23);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
393
assets/themes/mweb-typo.css
Normal file
393
assets/themes/mweb-typo.css
Normal file
@@ -0,0 +1,393 @@
|
||||
/* MWeb：增大字体，便于阅读 */
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
min-width: 200px;
|
||||
max-width: 760px;
|
||||
color: #333;
|
||||
background: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-rendering: optimizelegibility;
|
||||
/* 内外边距通常让各个浏览器样式的表现位置不同 */
|
||||
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
|
||||
/* HTML5 媒体文件跟 img 保持一致 */
|
||||
/* 去掉各Table cell 的边距并让其边重合 */
|
||||
/* 去除默认边框 */
|
||||
/* 块/段落引用 */
|
||||
/* Firefox 以外，元素没有下划线，需添加 */
|
||||
/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
|
||||
/* 一致的 del 样式 */
|
||||
/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
|
||||
/* 对齐是排版最重要的因素, 别让什么都居中 */
|
||||
/* 统一上标和下标 */
|
||||
/* 让链接在 hover 状态下显示下划线 */
|
||||
/* 默认不显示下划线，保持页面简洁 */
|
||||
/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
|
||||
* 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号
|
||||
* 关于 <u> 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
|
||||
* 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
|
||||
* 一篇关于 <u> 标签的很好文章：http://html5doctor.com/u-element/
|
||||
*/
|
||||
/* 标记，类似于手写的荧光笔的作用 */
|
||||
/* 一致化 horizontal rule */
|
||||
/* 底部印刷体、版本等标记 */
|
||||
/* 可拖动文件添加拖动手势 */
|
||||
/* 强制文本换行 */
|
||||
/* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
|
||||
/* 保证块/段落之间的空白隔行 */
|
||||
/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
|
||||
/* 在文章中，应该还原 ul 和 ol 的样式 */
|
||||
/* 同 ul/ol，在文章中应用 table 基本格式 */
|
||||
/* 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 {
|
||||
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 {
|
||||
display: block;
|
||||
}
|
||||
.note-to-mp audio,
|
||||
.note-to-mp canvas,
|
||||
.note-to-mp video {
|
||||
display: inline-block;
|
||||
}
|
||||
.note-to-mp table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp fieldset,
|
||||
.note-to-mp img {
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
position: relative;
|
||||
color: #999;
|
||||
font-weight: 400;
|
||||
border-left: 1px solid #1abc9c;
|
||||
padding-left: 1em;
|
||||
margin: 1em 3em 1em 2em;
|
||||
}
|
||||
.note-to-mp acronym,
|
||||
.note-to-mp abbr {
|
||||
border-bottom: 1px dotted;
|
||||
font-variant: normal;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp abbr {
|
||||
cursor: help;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
.note-to-mp ul,
|
||||
.note-to-mp ol {
|
||||
list-style: none;
|
||||
}
|
||||
.note-to-mp caption,
|
||||
.note-to-mp th {
|
||||
text-align: left;
|
||||
}
|
||||
.note-to-mp sub,
|
||||
.note-to-mp sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
}
|
||||
.note-to-mp :root sub,
|
||||
.note-to-mp :root sup {
|
||||
vertical-align: baseline;
|
||||
/* for ie9 and other modern browsers */
|
||||
}
|
||||
.note-to-mp sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
.note-to-mp sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
.note-to-mp a {
|
||||
color: #1abc9c;
|
||||
}
|
||||
.note-to-mp a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.note-to-mp a {
|
||||
border-bottom: 1px solid #1abc9c;
|
||||
}
|
||||
.note-to-mp a:hover {
|
||||
border-bottom-color: #555;
|
||||
color: #555;
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp ins,
|
||||
.note-to-mp a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp u,
|
||||
.note-to-mp .typo-u {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
background: #fffdd1;
|
||||
border-bottom: 1px solid #ffedce;
|
||||
padding: 2px;
|
||||
/* margin: 0 5px; */
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
font-size: 0.9em;
|
||||
color: #888;
|
||||
}
|
||||
.note-to-mp strong,
|
||||
.note-to-mp b {
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.note-to-mp [draggable] {
|
||||
cursor: move;
|
||||
}
|
||||
.note-to-mp .clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
.note-to-mp .textwrap,
|
||||
.note-to-mp .textwrap td,
|
||||
.note-to-mp .textwrap th {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
.note-to-mp .textwrap-table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.note-to-mp .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 {
|
||||
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 {
|
||||
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 {
|
||||
margin-top: 1.2em;
|
||||
margin-bottom: 0.6em;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.note-to-mp h1,
|
||||
.note-to-mp .typo-h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
.note-to-mp h2,
|
||||
.note-to-mp .typo-h2 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
.note-to-mp h3,
|
||||
.note-to-mp .typo-h3 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
.note-to-mp h4,
|
||||
.note-to-mp .typo-h4 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
.note-to-mp h5,
|
||||
.note-to-mp h6,
|
||||
.note-to-mp .typo-h5,
|
||||
.note-to-mp .typo-h6 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.note-to-mp ul,
|
||||
.note-to-mp .typo-ul {
|
||||
margin-left: 1.3em;
|
||||
list-style: disc;
|
||||
}
|
||||
.note-to-mp ol,
|
||||
.note-to-mp .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 {
|
||||
margin-bottom: 0.8em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
.note-to-mp li ul,
|
||||
.note-to-mp .typo-ul ul,
|
||||
.note-to-mp .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 {
|
||||
border: 1px solid #ddd;
|
||||
padding: 0.5em 1em;
|
||||
color: #666;
|
||||
}
|
||||
.note-to-mp table th,
|
||||
.note-to-mp .typo-table th {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.note-to-mp table thead th,
|
||||
.note-to-mp .typo-table thead th {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.note-to-mp table caption {
|
||||
border-bottom: none;
|
||||
}
|
||||
.note-to-mp .typo-em,
|
||||
.note-to-mp em,
|
||||
.note-to-mp legend,
|
||||
.note-to-mp caption {
|
||||
color: #000;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp pre,
|
||||
.note-to-mp code,
|
||||
.note-to-mp pre tt {
|
||||
font-family: Courier, "Courier New", monospace;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #ddd;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
242
assets/themes/mweb-v-green.css
Normal file
242
assets/themes/mweb-v-green.css
Normal file
@@ -0,0 +1,242 @@
|
||||
.note-to-mp {
|
||||
word-break: break-word;
|
||||
line-height: 1.75;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
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 {
|
||||
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 {
|
||||
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 {
|
||||
content: "#";
|
||||
display: inline-block;
|
||||
color: #3eaf7c;
|
||||
padding-right: 0.23em;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
position: relative;
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.note-to-mp h1::before {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
padding-bottom: 0.5rem;
|
||||
font-size: 2.2rem;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.5rem;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
line-height: inherit;
|
||||
margin-top: 22px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.note-to-mp strong {
|
||||
color: #3eaf7c;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
border: 3px solid rgba(62, 175, 124, 0.2);
|
||||
}
|
||||
.note-to-mp hr {
|
||||
border-top: 1px solid #3eaf7c;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.note-to-mp a {
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
color: #3eaf7c;
|
||||
}
|
||||
.note-to-mp table {
|
||||
display: inline-block !important;
|
||||
font-size: 12px;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
border: solid 1px #3eaf7c;
|
||||
}
|
||||
.note-to-mp thead {
|
||||
background: #3eaf7c;
|
||||
color: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
.note-to-mp tr:nth-child(2n) {
|
||||
background-color: rgba(62, 175, 124, 0.2);
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
padding: 12px 7px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.note-to-mp td {
|
||||
min-width: 120px;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
color: #666;
|
||||
padding: 1px 23px;
|
||||
margin: 22px 0;
|
||||
border-left: 0.5rem solid rgba(62, 175, 124, 0.6);
|
||||
border-color: #42b983;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.note-to-mp blockquote > p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.note-to-mp details {
|
||||
border: none;
|
||||
outline: none;
|
||||
border-left: 4px solid #3eaf7c;
|
||||
padding-left: 10px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.note-to-mp details summary {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: white;
|
||||
margin: 0px -17px;
|
||||
}
|
||||
.note-to-mp details summary::-webkit-details-marker {
|
||||
color: #3eaf7c;
|
||||
}
|
||||
.note-to-mp ol,
|
||||
.note-to-mp ul {
|
||||
padding-left: 28px;
|
||||
}
|
||||
.note-to-mp ol li,
|
||||
.note-to-mp ul li {
|
||||
margin-bottom: 0;
|
||||
list-style: inherit;
|
||||
}
|
||||
.note-to-mp ol li .task-list-item,
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp ol ul,
|
||||
.note-to-mp ul ul,
|
||||
.note-to-mp ol ol,
|
||||
.note-to-mp ul ol {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.note-to-mp ol li {
|
||||
padding-left: 6px;
|
||||
}
|
||||
.note-to-mp ol li::marker {
|
||||
color: #3eaf7c;
|
||||
}
|
||||
.note-to-mp ul li::marker {
|
||||
color: #3eaf7c;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
word-break: break-word;
|
||||
padding: 0.2rem 0.5rem;
|
||||
margin: 0;
|
||||
color: #3eaf7c;
|
||||
font-size: 0.85em;
|
||||
background-color: rgba(27, 31, 35, 0.05);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.note-to-mp .code-section {
|
||||
border-radius: 6px;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #3eaf7c;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
240
assets/themes/mweb-vue.css
Normal file
240
assets/themes/mweb-vue.css
Normal file
@@ -0,0 +1,240 @@
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: #34495e;
|
||||
line-height: 1.6rem;
|
||||
letter-spacing: 0;
|
||||
margin: 0;
|
||||
overflow-x: hidden;
|
||||
/* MWeb：代码块高亮 */
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
position: relative;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: bold;
|
||||
line-height: 1.4;
|
||||
cursor: text;
|
||||
}
|
||||
.note-to-mp h1 tt,
|
||||
.note-to-mp h1 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h2 tt,
|
||||
.note-to-mp h2 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h3 tt,
|
||||
.note-to-mp h3 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h4 tt,
|
||||
.note-to-mp h4 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h5 tt,
|
||||
.note-to-mp h5 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h6 tt,
|
||||
.note-to-mp h6 code {
|
||||
font-size: inherit !important;
|
||||
}
|
||||
.note-to-mp h2 a,
|
||||
.note-to-mp h3 a {
|
||||
color: #34495e;
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
padding-bottom: 0.4rem;
|
||||
font-size: 2.2rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.43;
|
||||
margin: 20px 0 7px;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin: 0.8em 0;
|
||||
}
|
||||
.note-to-mp li > ol,
|
||||
.note-to-mp li > ul {
|
||||
margin: 0 0;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
margin: 16px 0;
|
||||
background-color: #e7e7e7;
|
||||
border: 0 none;
|
||||
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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp li p.first {
|
||||
display: inline-block;
|
||||
}
|
||||
.note-to-mp ul,
|
||||
.note-to-mp ol {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.note-to-mp ul:first-child,
|
||||
.note-to-mp ol:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp ul:last-child,
|
||||
.note-to-mp ol:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
border-left: 4px solid #42b983;
|
||||
padding: 10px 15px;
|
||||
color: #777;
|
||||
background-color: rgba(66, 185, 131, 0.1);
|
||||
}
|
||||
.note-to-mp table {
|
||||
padding: 0;
|
||||
word-break: initial;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.note-to-mp table tr {
|
||||
border-top: 1px solid #dfe2e5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp table tr:nth-child(2n),
|
||||
.note-to-mp thead {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.note-to-mp table tr th {
|
||||
font-weight: bold;
|
||||
border: 1px solid #dfe2e5;
|
||||
border-bottom: 0;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 6px 13px;
|
||||
}
|
||||
.note-to-mp 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 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp table tr th:last-child,
|
||||
.note-to-mp table tr td:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code,
|
||||
.note-to-mp 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 {
|
||||
margin: 0 2px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
.note-to-mp .code-section {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.note-to-mp .code-section pre code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-wrap: nowrap;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px #e96900;
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
374
assets/themes/wx-mp-pro.css
Normal file
374
assets/themes/wx-mp-pro.css
Normal file
@@ -0,0 +1,374 @@
|
||||
/* wx-mp-pro.css
|
||||
* 专业微信公众号排版样式
|
||||
* 参考：https://mp.weixin.qq.com/s/lFy98TGBSdsdSbymWZDRVg
|
||||
* 目标：
|
||||
* - 提供专业的技术类文章排版
|
||||
* - 适合程序员教程、开发文档等内容
|
||||
* - 精心调整的标题层级、代码块、表格和引用样式
|
||||
* - 确保在微信公众号环境下不丢失关键样式
|
||||
* 使用方式：
|
||||
* - 在导出设置中选择 wx-mp-pro 主题
|
||||
*/
|
||||
|
||||
.note-to-mp {
|
||||
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;
|
||||
color: #2f2f2f;
|
||||
background: #ffffff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 段落 */
|
||||
.note-to-mp 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 {
|
||||
margin: 2.2em 0 1em;
|
||||
line-height: 1.4;
|
||||
color: #111111;
|
||||
font-weight: 600;
|
||||
border-radius: 8px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.note-to-mp h1,
|
||||
.note-to-mp h2,
|
||||
.note-to-mp h3,
|
||||
.note-to-mp h4,
|
||||
.note-to-mp h5 {
|
||||
}
|
||||
|
||||
/* H1：卡片式 */
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.8em;
|
||||
margin: 1.5em 0;
|
||||
color: #1565F6;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
|
||||
padding: 20px 20px 20px 25px;
|
||||
}
|
||||
|
||||
/* H2：左条卡片 */
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.5rem;
|
||||
margin: 2em 0 1.2em;
|
||||
padding: 0.6em 1em;
|
||||
background: #f5f7fa;
|
||||
border-left: 6px solid #2563eb;
|
||||
color: #111;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* H3-H5：渐进缩小 */
|
||||
.note-to-mp h3,
|
||||
.note-to-mp h4,
|
||||
.note-to-mp 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; }
|
||||
|
||||
/* 列表 */
|
||||
.note-to-mp ul,
|
||||
.note-to-mp ol {
|
||||
margin: 1.2em 0 1.2em 1.4em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.note-to-mp li {
|
||||
margin: 0.4em 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.note-to-mp li p {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
/* 链接 */
|
||||
.note-to-mp a {
|
||||
color: #576b95;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid rgba(87,107,149,0.3);
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
/* 引用：清晰专业的样式 */
|
||||
.note-to-mp blockquote {
|
||||
background: #f7f7f7;
|
||||
border-left: 4px solid #07c160;
|
||||
margin: 1.5em 0;
|
||||
padding: 1em 1em;
|
||||
color: #444;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.note-to-mp blockquote p {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
.note-to-mp blockquote p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.note-to-mp blockquote p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 代码块：清晰易读 */
|
||||
.note-to-mp pre {
|
||||
background: #f6f8fa !important;
|
||||
border-radius: 5px;
|
||||
overflow-x: auto;
|
||||
border: 1px solid #e8e8e8 !important;
|
||||
}
|
||||
|
||||
.note-to-mp pre code {
|
||||
display: block;
|
||||
background: transparent !important;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
font-size: 0.87em;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* 行内代码 */
|
||||
.note-to-mp code:not(pre code) {
|
||||
background: #f6f8fa;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
font-size: 0.87em;
|
||||
color: #d14;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
/* 表格整体：连贯圆角边框 */
|
||||
.note-to-mp table {
|
||||
width: 100%;
|
||||
border-collapse: collapse; /* 合并边框，避免断开 */
|
||||
margin: 1.8em 0;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #e0e0e0; /* 整体外框 */
|
||||
border-radius: 12px; /* 圆角 */
|
||||
overflow: hidden; /* 确保圆角生效 */
|
||||
}
|
||||
|
||||
/* 单元格 */
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
border: 1px solid #e0e0e0; /* 内部网格线 */
|
||||
padding: 8px 10px;
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* 表头 */
|
||||
.note-to-mp thead th {
|
||||
background: #e8f5e9;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 隔行条纹 */
|
||||
.note-to-mp tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
/* 表格整体 */
|
||||
.note-to-mp table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 1.8em 0;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 单元格 */
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
border: 1px solid #e0e0e0;
|
||||
padding: 8px 10px;
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
transition: background 0.2s ease; /* 平滑过渡 */
|
||||
}
|
||||
|
||||
/* 表头 */
|
||||
.note-to-mp thead th {
|
||||
background: #e8f5e9;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 隔行条纹 */
|
||||
.note-to-mp tbody tr:nth-child(even) {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
/* hover 效果 */
|
||||
.note-to-mp tbody tr:hover {
|
||||
background: #f1f8ff; /* 微蓝色高亮 */
|
||||
}
|
||||
|
||||
/* 图片与图注 */
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 1.5em auto;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
color: #888;
|
||||
margin-top: -0.2em;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
/* 分隔线 */
|
||||
.note-to-mp hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background: #e3e3e3;
|
||||
margin: 2.5em 0;
|
||||
}
|
||||
|
||||
/* 彩色标注块（预处理产生的 ||r/g/b/y ） */
|
||||
.note-to-mp p[data-color-block] {
|
||||
border-radius: 5px;
|
||||
padding: 0.8em 1em;
|
||||
margin: 1.5em 0;
|
||||
font-size: 0.93em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-color-block="r"] {
|
||||
background: #ffebee;
|
||||
border-left: 4px solid #ef5350;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-color-block="g"] {
|
||||
background: #e8f5e9;
|
||||
border-left: 4px solid #4caf50;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-color-block="b"] {
|
||||
background: #e3f2fd;
|
||||
border-left: 4px solid #2196f3;
|
||||
}
|
||||
|
||||
.note-to-mp 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"] {
|
||||
border-radius: 5px;
|
||||
padding: 0.8em 1em;
|
||||
margin: 1.5em 0;
|
||||
font-size: 0.93em;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-note-type="tip"] {
|
||||
background: #e8f5e9;
|
||||
border-left: 4px solid #4caf50;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-note-type="info"] {
|
||||
background: #e3f2fd;
|
||||
border-left: 4px solid #2196f3;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-note-type="warning"] {
|
||||
background: #fff8e1;
|
||||
border-left: 4px solid #ffca28;
|
||||
}
|
||||
|
||||
.note-to-mp p[data-note-type="danger"] {
|
||||
background: #ffebee;
|
||||
border-left: 4px solid #ef5350;
|
||||
}
|
||||
|
||||
/* 特殊标注：重要/注意/提示 */
|
||||
.note-to-mp p:has(strong:first-child:contains("💡")) {
|
||||
background: #e8f5e9;
|
||||
border-left: 4px solid #4caf50;
|
||||
border-radius: 5px;
|
||||
padding: 0.8em 1em;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
|
||||
.note-to-mp p:has(strong:first-child:contains("⚠️")) {
|
||||
background: #fff8e1;
|
||||
border-left: 4px solid #ffca28;
|
||||
border-radius: 5px;
|
||||
padding: 0.8em 1em;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
|
||||
.note-to-mp p:has(strong:first-child:contains("✅")) {
|
||||
background: #e3f2fd;
|
||||
border-left: 4px solid #2196f3;
|
||||
border-radius: 5px;
|
||||
padding: 0.8em 1em;
|
||||
margin: 1.5em 0;
|
||||
}
|
||||
|
||||
/* 首段紧贴标题 */
|
||||
.note-to-mp h1 + p,
|
||||
.note-to-mp h2 + p,
|
||||
.note-to-mp h3 + p {
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
|
||||
/* 专业编程文章必备：行号提示标记 */
|
||||
.note-to-mp .line-numbers {
|
||||
font-size: 0.8em;
|
||||
color: #999;
|
||||
margin-right: 0.5em;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* 确保兼容微信的富文本环境 */
|
||||
.note-to-mp pre code * {
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
|
||||
}
|
||||
|
||||
/* 适配微信公众号的粗体强调 */
|
||||
.note-to-mp strong {
|
||||
font-weight: 600;
|
||||
color: #1322c5;
|
||||
}
|
||||
|
||||
/* 行内高亮 */
|
||||
.note-to-mp mark {
|
||||
background: #fff8dc;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
/* 确保代码块内部的空格不会被压缩 */
|
||||
.note-to-mp pre code {
|
||||
white-space: pre !important;
|
||||
}
|
||||
Reference in New Issue
Block a user