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