213 lines
4.6 KiB
CSS
213 lines
4.6 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 的容器是 .note2any
|
||
* Typora 中是 #write
|
||
*/
|
||
.note2any {
|
||
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 */
|
||
}
|
||
.note2any p, .note2any details, .note2any dl, .note2any ol, .note2any ul, .note2any pre, .note2any xmp, .note2any plaintext, .note2any listing, .note2any blockquote, .note2any table, .note2any figure, .note2any hr {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
.note2any h1 {
|
||
font-size: 2em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any h2 {
|
||
font-size: 1.5em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any h3 {
|
||
font-size: 1.17em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any h4 {
|
||
font-size: 1em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any h5 {
|
||
font-size: 0.83em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any h6 {
|
||
font-size: 0.67em;
|
||
font-weight: bold;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.75em;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any p {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any pre, .note2any xmp, .note2any plaintext, .note2any listing {
|
||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||
}
|
||
.note2any blockquote > :first-child {
|
||
margin-top: 0;
|
||
}
|
||
.note2any blockquote > :last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.note2any hr {
|
||
border-style: inset;
|
||
border-width: 1px;
|
||
}
|
||
.note2any img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
.note2any li {
|
||
word-wrap: break-all;
|
||
}
|
||
.note2any li + li {
|
||
margin-top: 0.25em;
|
||
}
|
||
.note2any ul ul, .note2any ol ul, .note2any ul ol, .note2any ol ol {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.note2any .task-list-item {
|
||
list-style-type: none;
|
||
}
|
||
.note2any a {
|
||
color: -webkit-link;
|
||
text-decoration: underline;
|
||
}
|
||
.note2any a img {
|
||
border: none;
|
||
}
|
||
.note2any b, .note2any strong {
|
||
font-weight: bold;
|
||
}
|
||
.note2any i, .note2any cite, .note2any em, .note2any var, .note2any address, .note2any dfn {
|
||
font-style: italic;
|
||
}
|
||
.note2any code, .note2any kbd, .note2any tt, .note2any samp {
|
||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||
}
|
||
.note2any mark {
|
||
padding: 0.2em 0;
|
||
background-color: yellow;
|
||
}
|
||
.note2any del, .note2any s {
|
||
color: inherit;
|
||
}
|
||
.note2any table {
|
||
color: black;
|
||
border-collapse: collapse;
|
||
background-color: white;
|
||
border-spacing: 2px;
|
||
font-size: 1em;
|
||
}
|
||
.note2any th, .note2any td {
|
||
border-color: gray;
|
||
border-width: 1px;
|
||
border-style: solid;
|
||
}
|
||
.note2any th {
|
||
padding: 4px 8px;
|
||
font-size: 1em;
|
||
font-weight: bold;
|
||
}
|
||
.note2any td {
|
||
padding: 4px 8px;
|
||
font-size: 1em;
|
||
font-weight: normal;
|
||
}
|
||
.note2any div[id^=mweb-chart-ele] svg {
|
||
background-color: white;
|
||
}
|
||
|
||
/* 代码块 */
|
||
.note2any .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";
|
||
}
|
||
.note2any .code-section pre {
|
||
margin: 0;
|
||
margin-block-start: 0;
|
||
margin-block-end: 0;
|
||
white-space: normal;
|
||
overflow-x: auto;
|
||
padding: 0 0 0 1em;
|
||
}
|
||
.note2any .code-section code {
|
||
display: flex;
|
||
text-wrap: nowrap;
|
||
font-family: monospace, Menlo-Regular, Menlo, Monaco, Consolas, "Courier New";
|
||
}
|
||
.note2any .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;
|
||
}
|
||
.note2any .code-section ul > li {
|
||
text-align: right;
|
||
}
|
||
|
||
.note2any .code-section ul li {
|
||
margin: 0;
|
||
} |