You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1066 lines
24 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

@charset "utf-8";
:root {
--active-file-bg-color: #dadada;
--active-file-bg-color: rgba(32, 43, 51, 0.63);
--active-file-text-color: white;
--bg-color: #fff;
--text-color: #333;
--side-bar-bg-color: #f5f5f5;
--control-text-color: #666;
/* 主题定义: 绿色-#1abc9c、蓝色-#16b0ff、橙红色-#ff6666、绿色-#42b983、番茄红-#ff6347*/
--theme-color: #16b0ff;
--theme-bg: #181a1b;
/* 超链接设置 */
--a-color: var(--theme-color);
--a-border-bottom-color: var(--theme-color);
--a-hover-color: #555;
--a-hover-border-bottom-color: #555;
/* 删除线 */
--del-color: #c7264e;
/* 下标字 */
--sub-color: var(--theme-color);
/* 上标字 */
--sup-color: var(--theme-color);
/* 字体加粗 */
--strong-color: var(--theme-color);
/* 背景高亮 */
--mark-border-left: #ff6666;
--mark-background: rgb(248, 248, 248); /*rgba(66, 185, 131, 0.1);*/
/*Tip*/
--em-border-left: #ff6666;
--em-background: rgb(248, 248, 248); /*rgba(66, 185, 131, 0.1);*/
/* H1、H2、H3、H4、H5、H6 */
--sub-h-color: #34495e;
--h1-color: #ff6666;
--h2-color: var(--theme-color);
--h3-color: var(--sub-h-color);
--h4-color: var(--sub-h-color);
--h5-color: var(--sub-h-color);
--h6-color: var(--sub-h-color);
/* H2左竖线 */
--h1-border-left-color: var(--h1-color);
/* 引用 */
--blockquote-before-color: var(--mark-border-left);
--blockquote-after-color: var(--mark-border-left);
/* 红色代码块
--code-color: #c7264e;
--code-background-color: #f9f2f4;
*/
/* 绿色代码块 */
--code-color:#ff6347;
--code-background-color: rgba(248, 117, 117, 0.1);
/* 下划线 */
--text-decoration-border-bottom-color: #ff6666;
}
/* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
html {
color: #34495e;
background: var(--theme-bg);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizelegibility;
font-size: 14px;
-webkit-font-smoothing: initial;
}
html,
body {
color: #abc0d0;
background-color: var(--theme-bg);
-webkit-font-smoothing: antialiased;
}
content #write {
background-color: var(--theme-bg);
}
/* sidebar */
#typora-sidebar {
background-color: var(--theme-bg);
border-right: 1px solid rgba(171, 192, 208, 0.1);
}
#typora-sidebar #sidebar-loading-template.file-list-item {
border-bottom: transparent !important;
background-color: rgba(171, 192, 208, 0.1);
}
.cm-s-inner .cm-variable {
color: #abc0d0;
}
.CodeMirror-gutters {
border-right: 1px;
background: inherit;
white-space: nowrap;
}
#write {
max-width: 960px;
padding-top: 2em;
padding-left: 60px;
padding-right: 60px;
min-height: calc(100vh - 6em);
-webkit-font-smoothing: antialiased;
font-size: 16px;
}
.typora-node #write {
min-height: calc(100% - 6em);
}
pre.md-meta-block {
background: var(--theme-bg);
padding: 1em;
border-radius: 3px;
font-size: 14px;
}
pre {
-webkit-font-smoothing: initial;
background-color: var(--theme-bg);
color: #abc0d0;
display: block;
font-family: "Comic Sans MS", "Roboto Mono", Monaco, courier, monospace;
font-size: 0.8rem;
line-height: inherit;
max-width: inherit;
white-space: inherit;
border-radius: 2px;
margin: 0px 2px;
overflow: inherit;
padding: 2.2em 5px;
}
pre.md-fences {
margin-top: 20px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;
}
div.CodeMirror-gutter-filler {
display: block;
position: static;
margin-bottom: 10px;
height: 15px;
background: url(https://mmbiz.qpic.cn/mmbiz_png/WmXepF87uPm6j7fce4wLfgvjjrPEd3gRG8gqcQdickA5z19YgwFdFRNIrZPkcGyyXgLxzicebwl7RFMqFLanHczw/640?wx_fmt=png) 5px 0px / 40px no-repeat;
}
@media screen and (max-width: 800px) {
html {
font-size: 14px;
}
#write {
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
}
}
@media screen and (min-width: 1100px) {
body, #footer-word-count-info {
background: var(--theme-bg);
}
body.pin-outline,
.pin-outline #footer-word-count-info,
.pin-outline footer {
background: var(--theme-bg);
}
#write {
max-width: 1000px;
padding: 40px 60px;
background: var(--theme-bg);
margin: 3em auto 3em;
border: 1px solid var(--theme-bg);
border-width: 0 1px;
}
.pin-outline #write {
max-width: 1000px;
background: var(--theme-bg);
margin: 0 0 0;
border: 0;
padding-left: 60px;
padding-right: 60px;
}
footer {
background-color: transparent;
}
}
@media screen and (min-width: 1300px) {
body.pin-outline,
.pin-outline #footer-word-count-info,
.pin-outline footer {
background: var(--theme-bg);
}
.pin-outline #write {
max-width: 1000px;
padding: 40px 60px;
background: var(--theme-bg);
margin: 3em auto 3em;
border: 1px solid var(--theme-bg);
border-width: 0 1px;
}
.pin-outline footer {
background-color: transparent;
}
#footer-word-count-info {
background: var(--theme-bg);
}
}
/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等,推荐在 <html> 中添加 .borderbox 这个 class */
html.borderbox *, html.borderbox *:before, html.borderbox *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
margin: 0;
padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
display: inline-block;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
font: 300 1em/1.8 "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;
}
body {
/* font-family: "Monaco", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans; */
/* font-family: "TimesNewRomanPS-ItalicMT", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans; */
font-family: "Comic Sans MS", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;
}
.md-toc:before {
content: "Contents";
font-family: Dosis, "Comic Sans MS", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
font-weight: bold;
}
h1 {
font-weight: 900;
padding-left: 9px;
border-left: 5px solid var(--h1-border-left-color);
}
h2 {
font-weight: 600;
}
h3 {
font-weight: 500;
}
h4 {
font-weight: 400;
}
h5 {
font-weight: 400;
}
h6 {
font-weight: 400;
}
u {
text-decoration: none;
border-bottom: 2px solid var(--text-decoration-border-bottom-color);
}
h1, h2, h3, h4, h5, h6 {
/*font-family: "TimesNewRomanPS-ItalicMT", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;*/
/*font-family: "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;*/
font-family: "Comic Sans MS", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;
-webkit-font-smoothing: initial;
color: var(--text-color);
line-height: 1.35;
font-variant-numeric: lining-nums;
margin-bottom: 1em;
}
em {
font-family: Georgia-Italic, STSongti-SC-Light, serif;
}
strong em,
em strong {
font-family: Georgia-BoldItalic, STSongti-SC-Regular, serif;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 去除默认边框 */
fieldset, img {
border: 0;
}
/* 块/段落引用 */
blockquote {
font-size: 1em;
font-style: normal;
font-weight: 500;
padding: 30px 38px;
margin: 0 0 15px;
position: relative;
line-height: 1.8;
text-indent: 0;
border: none;
color: #888;
/*特效*/
margin-top: 30px;
margin-bottom: 30px;
box-shadow: rgb(132 161 168) 0px 10px 15px;
border-radius: 0px 0px 10px 10px;
}
blockquote:before {
content: "☠";
left: 12px;
top: 0;
color: var(--blockquote-before-color);
font-size: 4em;
font-family: Arial, serif;
line-height: 1em;
font-weight: 700;
/*position: absolute;*/
}
blockquote:after {
content: "”";
right: 12px;
color: var(--blockquote-after-color);
font-size: 4em;
font-family: Arial, serif;
line-height: 1em;
font-weight: 700;
position: absolute;
bottom: -31px;
}
#write code {
color: var(--code-color);
background-color: var(--code-background-color);
font-size: .95em;
font-weight: 900;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@media only screen and ( max-width: 640px ) {
blockquote {
margin: 1em 0;
}
}
/* Firefox 以外,元素没有下划线,需添加 */
acronym, abbr {
border-bottom: 1px dotted;
font-variant: normal;
}
/* 添加鼠标问号,进一步确保应用的语义是正确的(要知道,交互他们也有洁癖,如果你不去掉,那得多花点口舌) */
abbr {
cursor: help;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: 400;
}
/* 去掉列表前的标识, li 会继承,大部分网站通常用列表来很多内容,所以应该当去 */
ul, ol {
list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
/* 统一上标和下标 */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
:root sub, :root sup {
vertical-align: baseline; /* for ie9 and other modern browsers */
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* 默认不显示下划线,保持页面简洁 */
ins, a {
text-decoration: none;
}
/* 代码片断 */
pre, code, pre tt {
font-family: 'Comic Sans MS', Monaco, Courier, 'Courier New', monospace;
}
#write .md-fences {
/* border: 1px solid #ddd; */
/*background-color: #f8f8f8;*/
padding: 1em 0.5em;
margin-bottom: 2em;
display: block;
-webkit-overflow-scrolling: touch;
}
/* 一致化 horizontal rule */
hr {
border: none;
border-bottom: 1px solid var(--theme-bg);
margin-bottom: 0.8em;
height: 10px;
}
.code-tooltip.md-hover-tip strong {
color: white;
}
/* 保证块/段落之间的空白隔行 */
#write p, #write ul, #write ol, #write dl, #write form, #write hr, #write figure,
#write-p, #write-pre, #write-ul, #write-ol, #write-dl, #write-form, #write-hr, #write-table, blockquote {
margin-bottom: 0.6em
}
html {
font-family: 'Comic Sans MS', PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}
/* 让链接在 hover 状态下显示下划线 */
a {
color: var(--a-color);
}
a:hover {
text-decoration: underline;
}
#write a {
border-bottom: 1px solid var(--a-border-bottom-color);
}
#write a:hover {
color: var(--a-hover-color);
text-decoration: none;
border-bottom-color: var(--a-hover-border-bottom-color);
}
#write del {
color: var(--del-color);
text-decoration: line-through;
}
#write sub {
color: var(--sub-color);;
font-weight: 600;
}
#write sup {
color: var(--sub-color);;
font-weight: 600;
}
/* 标记,类似于手写的荧光笔的作用 */
mark {
margin: 0 5px;
background: var(--mark-background);
border-left: 5px solid var(--mark-border-left);
border-radius: 2px;
padding: 12px 15px 12px 15px;
position: relative;
}
mark:before {
background-color: var(--mark-border-left);
color: rgb(255, 255, 255);
content: "!";
font-family: Dosis, "Comic Sans MS", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
left: -12px;
line-height: 20px;
position: absolute;
height: 20px;
width: 20px;
text-align: center;
top: 27%;
border-radius: 100%;
}
em {
margin: 0 5px;
background: var(--em-background);
border-left: 5px solid var(--em-border-left);
border-radius: 2px;
padding: 12px 15px 12px 15px;
position: relative;
}
em:before {
background-color: var(--em-border-left);
color: rgb(255, 255, 255);
content: "?";
font-family: Dosis, "Comic Sans MS", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
left: -12px;
line-height: 20px;
position: absolute;
height: 20px;
width: 20px;
text-align: center;
top: 27%;
border-radius: 100%;
}
#write em > strong {
color: var(--em-border-left);
}
#write strong {
font-weight: 900;
color: var(--strong-color);
}
/* 标题应该更贴紧内容并与其他块区分margin 值要相应做优化 */
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6,
#write-h1, #write-h2, #write-h3, #write-h4, #write-h5, #write-h6 {
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.35;
}
#write h1, #write-h1 {
color: var(--h1-color);
}
#write h2, #write-h2 {
color: var(--h2-color);
}
#write h3, #write-h3 {
color: var(--h3-color);
}
#write h4, #write-h4 {
color: var(--h4-color);
}
#write h5, #write-h5 {
color: var(--h5-color);
}
#write h6, #write-h6 {
color: var(--h6-color);
}
#write h1, #write-h1 {
font-size: 2.4em;
}
#write h2, #write-h2 {
font-size: 1.8em;
}
#write h3, #write-h3 {
font-size: 1.6em;
}
#write h4, #write-h4 {
font-size: 1.4em;
}
#write h5, #write h6, #write-h5, #write-h6 {
font-size: 1.2em;
}
/* 在文章中,应该还原 ul 和 ol 的样式 */
#write ul, #write-ul {
margin-left: 1.3em;
list-style: disc;
}
#write ol, #write-ol {
list-style: decimal;
margin-left: 1.9em;
}
#write li ul, #write li ol, #write-ul ul, #write-ul ol, #write-ol ul, #write-ol ol {
margin-bottom: 0.8em;
margin-left: 2em;
}
#write li ul, #write-ul ul, #write-ol ul {
list-style: circle;
}
#write table th, #write table td {
border: 1px solid #666;
padding: 0.5em 1em;
color: #666;
}
#write table .md-table-edit th {
border: none;
padding: 0;
color: inherit;
}
#write table th, #write-table th {
background: var(--theme-bg);
}
#write table thead th, #write-table thead th {
background: var(--theme-bg);
}
#write table caption {
border-bottom: none;
}
#write em {
font-weight: inherit;
font-style: inherit;
}
li > p {
margin-bottom: 0 !important;
}
/* Responsive images */
#write img {
max-width: 100%;
margin-top: 10px;
margin-bottom: 30px;
box-shadow: rgb(132 161 168) 10px 10px 15px;
}
a.md-toc-inner {
border-bottom: 0 !important;
}
.md-toc-h1:first-of-type:last-of-type {
display: none;
}
.md-toc {
font-size: inherit;
}
.md-toc-h1 .md-toc-inner {
font-weight: normal;
}
.md-table-edit th {
padding: 0 !important;
border: 0 !important;
}
.mac-seamless-mode #write {
min-height: calc(100vh - 6em - 20px);
}
.typora-quick-open-item.active {
color: var(--active-file-text-color);
}
*.in-text-selection, ::selection {
background: var(--active-file-bg-color);
text-shadow: none;
color: white;
}
.btn-primary {
background-color: #2d2d2d;
border-color: #020202;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #4e4c4e;
border: #4e4c4e;
}
#preference-dialog .modal-content {
background: #6e757a;
--bg-color: #6e757a;
--text-color: #f1f1f1;
color: #f1f1f1;
}
#typora-source,
.typora-sourceview-on {
--bg-color: #eee;
background: #eee;
}
.cm-s-typora-default .cm-header, .cm-s-typora-default .cm-property {
color: #116098;
}
.cm-s-typora-default .cm-link {
color: #11987d;
}
.cm-s-typora-default .cm-em {
font-family: Georgia-Italic, STSongti-SC-Light, serif;
color: #6f6400;
}
.cm-s-typora-default .cm-em {
color: rgb(0, 22, 45);
}
.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
border-left: 3px solid #6e757a;
}
.cm-s-typora-default .CodeMirror-selectedtext,
.typora-sourceview-on .CodeMirror-focused .CodeMirror-selected {
background: #6e757a;
color: white;
}
.file-node-icon.fa.fa-folder:before {
color: rgba(32, 43, 51, 0.49);
}
#preference-dialog .megamenu-menu-panel h1 {
margin-bottom: 1em;
}
::-webkit-scrollbar-corner {
display: none;
background: transparent;
}
/*.file-node-icon.fa.fa-folder:before {
content: "\f114";
}
#typora-sidebar {
}*/
/*.cm-s-typora-default .cm-header, .cm-s-typora-default .cm-property {
color: #fffff1;
}
.cm-s-typora-default .cm-link {
color: #86f9e2;
color: #e5f7eb;
}
.cm-s-typora-default .cm-comment, .cm-s-typora-default .cm-code {
color: rgb(255, 199, 199);
}
.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
color: #dec4c7;
}
.cm-s-typora-default .cm-em {
font-family: Georgia-Italic, STSongti-SC-Light, serif;
color: #f3ff7e;
}
.typora-sourceview-on .CodeMirror-cursor {
border-left: 3px solid #ffffd6;
}
.typora-sourceview-on #toggle-sourceview-btn {
background: #505050;
}
.typora-sourceview-on .cm-s-inner .cm-variable,
.typora-sourceview-on .cm-s-inner .cm-operator,
.typora-sourceview-on .cm-s-inner .cm-property {
color: #b8bfc6;
}
.typora-sourceview-on .cm-s-inner .cm-keyword {
color: #C88FD0;
}
.typora-sourceview-on .cm-s-inner .cm-tag {
color: #7DF46A;
}
.typora-sourceview-on .cm-s-inner .cm-attribute {
color: #7575E4;
}
.typora-sourceview-on .cm-s-inner .cm-string {
color: #D26B6B;
}
.typora-sourceview-on .cm-s-inner .cm-comment,
.typora-sourceview-on .cm-s-inner.cm-comment {
color: #DA924A;
}
.typora-sourceview-on .cm-s-inner .cm-header,
.typora-sourceview-on .cm-s-inner .cm-def,
.typora-sourceview-on .cm-s-inner.cm-header,
.typora-sourceview-on .cm-s-inner.cm-def {
color: #8d8df0;
}
.typora-sourceview-on .cm-s-inner .cm-quote,
.typora-sourceview-on .cm-s-inner.cm-quote {
color: #57ac57;
}
.typora-sourceview-on .cm-s-inner .cm-hr {
color: #d8d5d5;
}
.typora-sourceview-on .cm-s-inner .cm-link {
color: #d3d3ef;
}
.typora-sourceview-on .cm-s-inner .cm-negative {
color: #d95050;
}
.typora-sourceview-on .cm-s-inner .cm-positive {
color: #50e650;
}
.typora-sourceview-on .cm-s-inner .cm-string-2 {
color: #f50;
}
.typora-sourceview-on .cm-s-inner .cm-meta,
.typora-sourceview-on .cm-s-inner .cm-qualifier {
color: #b7b3b3;
}
.typora-sourceview-on .cm-s-inner .cm-builtin {
color: #f3b3f8;
}
.typora-sourceview-on .cm-s-inner .cm-bracket {
color: #997;
}
.typora-sourceview-on .cm-s-inner .cm-atom,
.typora-sourceview-on .cm-s-inner.cm-atom {
color: #84B6CB;
}
.typora-sourceview-on .cm-s-inner .cm-number {
color: #64AB8F;
}
.typora-sourceview-on .cm-s-inner .cm-variable {
color: #b8bfc6;
}
.typora-sourceview-on .cm-s-inner .cm-variable-2 {
color: #9FBAD5;
}
.typora-sourceview-on .cm-s-inner .cm-variable-3 {
color: #1cc685;
}
.typora-sourceview-on .CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #b8bfc6;
z-index: 3;
}
.cm-s-typora-default .CodeMirror-selectedtext,
.typora-sourceview-on .CodeMirror-focused .CodeMirror-selected {
background: #212324;
}
.typora-sourceview-on .CodeMirror-linenumber {
color: rgb(255, 255, 255);
}*/
/*******TOC开始*******/
.md-toc-item {color: var(--a-color);font-family: "Comic Sans MS", "PingFang SC", "Lantinghei SC", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans;}
.md-toc-item:hover {color: var(--a-hover-color);}
.md-toc-h1 .md-toc-inner {margin: 0 0 0 0;font-weight: 900;font-size: 22px}
.md-toc-h2 .md-toc-inner {margin-left: 0;font-weight: 500;font-size: 20px}
.md-toc-h3 .md-toc-inner {margin-left: 0;font-weight: 400;font-size: 18px}
.md-toc-h4 .md-toc-inner {margin-left: 0;font-weight: 300;font-size: 16px}
.md-toc-h5 .md-toc-inner {margin-left: 0;font-weight: 300;font-size: 14px}
.md-toc-h6 .md-toc-inner {margin-left: 0;font-weight: 300;font-size: 14px}
.md-toc-content{ counter-reset: md-toc-h1}
.md-toc-h1{ counter-reset: md-toc-h2; font-weight: 900; font-size: 22px; margin-left: 0;}
.md-toc-h2{ counter-reset: md-toc-h3; font-weight: 500; font-size: 20px; margin-left: 20px;}
.md-toc-h3{ counter-reset: md-toc-h4; font-weight: 400; font-size: 18px; margin-left: 55px;}
.md-toc-h4{ counter-reset: md-toc-h5; font-weight: 300; font-size: 16px; margin-left: 90px;}
.md-toc-h5{ counter-reset: md-toc-h6; font-weight: 300; font-size: 14px; margin-left: 90px;}
.md-toc-h6{ font-weight: 300; font-size: 14px; margin-left: 90px;}
#write .md-toc-h1:before {
counter-increment: md-toc-h1;
content: counter(md-toc-h1) " "
}
#write .md-toc-h2:before {
counter-increment: md-toc-h2;
content: counter(md-toc-h1) "." counter(md-toc-h2) " "
}
#write .md-toc-h3:before {
counter-increment: md-toc-h3;
content: counter(md-toc-h1) "." counter(md-toc-h2) "." counter(md-toc-h3) " "
}
#write .md-toc-h4:before {
counter-increment: md-toc-h4;
content: counter(md-toc-h1) "." counter(md-toc-h2) "." counter(md-toc-h3) "." counter(md-toc-h4) " "
}
#write .md-toc-h5:before {
counter-increment: md-toc-h5;
content: counter(md-toc-h1) "." counter(md-toc-h2) "." counter(md-toc-h3) "." counter(md-toc-h4) "." counter(md-toc-h5) " "
}
#write .md-toc-h6:before {
counter-increment: md-toc-h6;
content: counter(md-toc-h1) "." counter(md-toc-h2) "." counter(md-toc-h3) "." counter(md-toc-h4) "." counter(md-toc-h5) "." counter(md-toc-h6) " "
}
/*******TOC结束*******/
/*******自定义标题序号开始*******/
/** initialize css counter */
#write {
counter-reset: h1
}
h1 {
counter-reset: h2
}
h2 {
counter-reset: h3
}
h3 {
counter-reset: h4
}
h4 {
counter-reset: h5
}
h5 {
counter-reset: h6
}
/** put counter result into headings */
#write h1:before {
counter-increment: h1;
content: counter(h1) " "
}
#write h2:before,h2.md-focus.md-heading:before
{
counter-increment: h2;
content: counter(h1) "." counter(h2) " "
}
#write h3:before,h3.md-focus.md-heading:before
{
counter-increment: h3;
content: counter(h1) "." counter(h2) "." counter(h3) " "
}
#write h4:before,h4.md-focus.md-heading:before {
counter-increment: h4;
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " "
}
#write h5:before,h5.md-focus.md-heading:before {
counter-increment: h5;
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " "
}
#write h6:before,h6.md-focus.md-heading:before {
counter-increment: h6;
content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " "
}
/** override the default style for focused headings */
#write > h2.md-focus:before,
#write > h3.md-focus:before,
#write > h4.md-focus:before,
#write > h5.md-focus:before,
#write > h6.md-focus:before,
h2.md-focus:before,
h3.md-focus:before,
h4.md-focus:before,
h5.md-focus:before,
h6.md-focus:before {
color: inherit;
border: inherit;
border-radius: inherit;
position: inherit;
left: initial;
float: none;
top: initial;
font-size: inherit;
padding-left: inherit;
padding-right: inherit;
vertical-align: inherit;
font-weight: inherit;
line-height: inherit;
}
/*******自定义标题序号结束*******/