213 lines
4.7 KiB
CSS
213 lines
4.7 KiB
CSS
/*
|
||
* 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;
|
||
} |