245 lines
4.6 KiB
CSS
245 lines
4.6 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 目录下。
|
||
*/
|
||
.note2any {
|
||
font-size: 16px;
|
||
color: rgb(166, 166, 166);
|
||
background-color: rgb(46, 50, 53);
|
||
line-height: 1.6em;
|
||
margin: 0 0;
|
||
padding: 1em 1em;
|
||
}
|
||
.note2any p,
|
||
.note2any pre,
|
||
.note2any dl,
|
||
.note2any form,
|
||
.note2any details,
|
||
.note2any dl,
|
||
.note2any blockquote,
|
||
.note2any table,
|
||
.note2any xmp,
|
||
.note2any plaintext,
|
||
.note2any listing,
|
||
.note2any figure {
|
||
margin: 0.75em 0 0.45em;
|
||
}
|
||
.note2any hr {
|
||
margin: 0.75em auto;
|
||
}
|
||
.note2any h1,
|
||
.note2any h2,
|
||
.note2any h3,
|
||
.note2any h4,
|
||
.note2any h5,
|
||
.note2any 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);
|
||
}
|
||
.note2any h1 {
|
||
font-size: 1.5em;
|
||
}
|
||
.note2any h2 {
|
||
font-size: 1.3em;
|
||
}
|
||
.note2any h3 {
|
||
font-size: 1.1em;
|
||
}
|
||
.note2any h4 {
|
||
font-size: 1em;
|
||
}
|
||
.note2any h5 {
|
||
font-size: 1em;
|
||
}
|
||
.note2any h6 {
|
||
font-size: 1em;
|
||
}
|
||
.note2any hr {
|
||
height: 1px;
|
||
border: 0;
|
||
background-color: rgb(62, 67, 72);
|
||
border-style: inset;
|
||
border-width: 1px;
|
||
}
|
||
.note2any p {
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
}
|
||
.note2any pre {
|
||
padding: 0;
|
||
border: 0;
|
||
}
|
||
.note2any blockquote {
|
||
display: block;
|
||
padding-left: 0.8em;
|
||
border-left: 0.2em solid rgb(155, 183, 196);
|
||
color: rgb(166, 166, 166);
|
||
}
|
||
.note2any blockquote > :first-child {
|
||
margin-top: 0;
|
||
}
|
||
.note2any blockquote > :last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.note2any li {
|
||
word-wrap: break-all;
|
||
}
|
||
.note2any ul {
|
||
margin-left: 1.3em;
|
||
padding: 0;
|
||
}
|
||
.note2any li::marker {
|
||
color: rgb(155, 183, 196);
|
||
}
|
||
.note2any li > p {
|
||
margin: 0;
|
||
}
|
||
.note2any ol {
|
||
padding-left: 1.3em;
|
||
list-style-type: decimal;
|
||
}
|
||
.note2any img {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
.note2any u {
|
||
text-decoration: none;
|
||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(155, 183, 196) 50%);
|
||
background-repeat: repeat-x;
|
||
background-size: 2px 2px;
|
||
background-position: 0 1em;
|
||
}
|
||
.note2any a {
|
||
color: rgb(171, 196, 207);
|
||
text-decoration: none;
|
||
}
|
||
.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 del,
|
||
.note2any s {
|
||
color: rgb(122, 122, 122);
|
||
}
|
||
.note2any pre,
|
||
.note2any xmp,
|
||
.note2any plaintext,
|
||
.note2any listing,
|
||
.note2any code,
|
||
.note2any kbd,
|
||
.note2any tt,
|
||
.note2any samp {
|
||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||
}
|
||
.note2any mark {
|
||
color: inherit;
|
||
display: inline;
|
||
padding: 0.2em 0.5em;
|
||
background-color: rgb(7, 16, 25);
|
||
}
|
||
.note2any figcaption {
|
||
text-align: center;
|
||
}
|
||
.note2any 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;
|
||
}
|
||
.note2any th,
|
||
.note2any td {
|
||
padding: 0.7em 1em;
|
||
font-size: 0.9em;
|
||
border: 1px solid rgb(62, 67, 72);
|
||
}
|
||
.note2any caption,
|
||
.note2any th,
|
||
.note2any td {
|
||
text-align: left;
|
||
font-weight: normal;
|
||
vertical-align: middle;
|
||
}
|
||
.note2any .footnotes > ol li {
|
||
text-indent: 0;
|
||
}
|
||
.note2any .footnotes hr {
|
||
margin-top: 4em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
.note2any code {
|
||
display: inline;
|
||
color: rgb(153, 153, 153);
|
||
}
|
||
|
||
/* 代码块 */
|
||
.note2any .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;
|
||
}
|
||
.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: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||
}
|
||
.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;
|
||
} |