@wulechuan/css-stylus-markdown-themes 7.7.0 → 7.8.2

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown.default--with-toc.css

@@ -14,7 +14,7 @@
  *
  *                                          吾乃南昌吴乐川是也
  *                                          wulechuan@live.com
- *                                                  2022-05-06
+ *                                                  2022-05-14
  *
  *
  *
@@ -126,53 +126,98 @@ h4,
 h5,
 h6,
 dt {
-  text-align: justify;
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+  border-width: 0;
   cursor: text;
+  text-indent: 0;
 }
-h1 {
-  font-size: 2.75em;
-  line-height: 1.667;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  margin-top: 3em;
-  margin-bottom: 1em;
+h1,
+h2 {
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+  text-align: center;
 }
 h1 p,
-h1 small {
+h2 p,
+h1 small,
+h2 small {
   font-size: 0.667em;
   display: flex;
   flex-direction: row;
   justify-content: center;
-  text-align: left;
+  text-align: justify;
   line-height: 1.33;
-  margin-top: 1em;
+  margin-top: 0.5em;
 }
 h1 small p,
-h1 p small {
+h2 small p,
+h1 p small,
+h2 p small {
   font-size: 100%;
 }
+[lang*="zh-" i] h1,
+[lang*="-hans" i] h1,
+[lang*="-CN" i] h1,
+[lang*="zh-"] h1,
+[lang*="-hans"] h1,
+[lang*="-CN"] h1,
+[lang*="zh-" i] h2,
+[lang*="-hans" i] h2,
+[lang*="-CN" i] h2,
+[lang*="zh-"] h2,
+[lang*="-hans"] h2,
+[lang*="-CN"] h2 {
+  letter-spacing: 0.1em;
+}
 [lang*="zh-" i] h1 small,
 [lang*="-hans" i] h1 small,
 [lang*="-CN" i] h1 small,
 [lang*="zh-"] h1 small,
 [lang*="-hans"] h1 small,
 [lang*="-CN"] h1 small,
+[lang*="zh-" i] h2 small,
+[lang*="-hans" i] h2 small,
+[lang*="-CN" i] h2 small,
+[lang*="zh-"] h2 small,
+[lang*="-hans"] h2 small,
+[lang*="-CN"] h2 small,
 [lang*="zh-" i] h1 p,
 [lang*="-hans" i] h1 p,
 [lang*="-CN" i] h1 p,
 [lang*="zh-"] h1 p,
 [lang*="-hans"] h1 p,
-[lang*="-CN"] h1 p {
+[lang*="-CN"] h1 p,
+[lang*="zh-" i] h2 p,
+[lang*="-hans" i] h2 p,
+[lang*="-CN" i] h2 p,
+[lang*="zh-"] h2 p,
+[lang*="-hans"] h2 p,
+[lang*="-CN"] h2 p {
   text-indent: -2.7em;
   margin-left: 3.7em;
 }
+h3,
+h4,
+h5,
+h6 {
+  text-align: justify;
+  margin-left: -0.75em;
+  margin-right: -0.75em;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+}
+h1 {
+  font-size: 2.75em;
+  line-height: 1.333;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  margin-top: 3em;
+  margin-bottom: 1em;
+}
 h2 {
   font-size: 2.2em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 4em;
@@ -180,7 +225,7 @@ h2 {
 }
 h3 {
   font-size: 1.75em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3.5em;
@@ -188,7 +233,7 @@ h3 {
 }
 h4 {
   font-size: 1.33em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3em;
@@ -196,7 +241,7 @@ h4 {
 }
 h5 {
   font-size: 1.2em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 3em;
@@ -205,42 +250,24 @@ h5 {
 h6,
 dt {
   font-size: 1.1em;
-  line-height: 1.667;
+  line-height: 1.333;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   margin-top: 1.5em;
   margin-bottom: 0.75em;
 }
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
 dt {
-  padding-top: 0.25em;
-  padding-bottom: 0.25em;
-  border-width: 0;
-}
-[lang*="zh-" i] h1,
-[lang*="-hans" i] h1,
-[lang*="-CN" i] h1,
-[lang*="zh-"] h1,
-[lang*="-hans"] h1,
-[lang*="-CN"] h1,
-[lang*="zh-" i] h2,
-[lang*="-hans" i] h2,
-[lang*="-CN" i] h2,
-[lang*="zh-"] h2,
-[lang*="-hans"] h2,
-[lang*="-CN"] h2 {
-  letter-spacing: 0.1em;
+  text-align: justify;
+  margin-left: -0.5em;
+  margin-right: -0.5em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
 }
 h5 + h6,
 h4 + h5,
 h3 + h4,
 h2 + h3 {
-  margin-top: 0.5em;
+  margin-top: -1em;
 }
 blockquote > h6,
 th > h6,
@@ -279,10 +306,56 @@ th > h1 ~ p:last-child,
 td > h1 ~ p:last-child {
   margin-bottom: 1.25em;
 }
+blockquote > h6,
+[lang*="zh-" i] blockquote > h6,
+[lang*="-hans" i] blockquote > h6,
+[lang*="-CN" i] blockquote > h6,
+[lang*="zh-"] blockquote > h6,
+[lang*="-hans"] blockquote > h6,
+[lang*="-CN"] blockquote > h6,
+blockquote > h5,
+[lang*="zh-" i] blockquote > h5,
+[lang*="-hans" i] blockquote > h5,
+[lang*="-CN" i] blockquote > h5,
+[lang*="zh-"] blockquote > h5,
+[lang*="-hans"] blockquote > h5,
+[lang*="-CN"] blockquote > h5,
+blockquote > h4,
+[lang*="zh-" i] blockquote > h4,
+[lang*="-hans" i] blockquote > h4,
+[lang*="-CN" i] blockquote > h4,
+[lang*="zh-"] blockquote > h4,
+[lang*="-hans"] blockquote > h4,
+[lang*="-CN"] blockquote > h4,
+blockquote > h3,
+[lang*="zh-" i] blockquote > h3,
+[lang*="-hans" i] blockquote > h3,
+[lang*="-CN" i] blockquote > h3,
+[lang*="zh-"] blockquote > h3,
+[lang*="-hans"] blockquote > h3,
+[lang*="-CN"] blockquote > h3,
+blockquote > h2,
+[lang*="zh-" i] blockquote > h2,
+[lang*="-hans" i] blockquote > h2,
+[lang*="-CN" i] blockquote > h2,
+[lang*="zh-"] blockquote > h2,
+[lang*="-hans"] blockquote > h2,
+[lang*="-CN"] blockquote > h2,
+blockquote > h1,
+[lang*="zh-" i] blockquote > h1,
+[lang*="-hans" i] blockquote > h1,
+[lang*="-CN" i] blockquote > h1,
+[lang*="zh-"] blockquote > h1,
+[lang*="-hans"] blockquote > h1,
+[lang*="-CN"] blockquote > h1 {
+  margin-left: -0.75em;
+  margin-right: -0.75em;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+}
 p {
   cursor: text;
   text-align: justify;
-  line-height: 1.8;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
   padding-left: 0.5em;
@@ -298,6 +371,19 @@ blockquote > p {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+blockquote > p:first-child {
+  margin-top: 1em;
+}
+blockquote > p:last-child {
+  margin-bottom: 0.75em;
+}
+blockquote > p:only-of-type {
+  text-indent: 0;
+  margin-top: 0.25em;
+  margin-bottom: 0.25em;
+  margin-left: 0;
+  margin-right: 0;
+}
 li > p {
   margin-left: -0.5em;
   margin-right: -0.5em;
@@ -378,6 +464,7 @@ img {
   border-style: none;
   margin: 0.5em auto 1em auto;
   text-align: center;
+  text-indent: 0;
   font-size: 100%;
   white-space: normal;
   word-break: break-word;
@@ -449,12 +536,12 @@ blockquote {
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.25em 1px 1.15em;
+  padding: 0.25em 1.5em 0.25em 1em;
   margin-top: 0;
   margin-bottom: 1.5em;
-  margin-left: 3em;
+  margin-left: 2.5em;
   margin-right: 1em;
-  max-width: calc(100% - 4em);
+  max-width: calc(100% - 3.5em);
 }
 details {
   margin: 0.5em 1.5em 1.5em;
@@ -535,6 +622,15 @@ kbd {
   font-size: 80%;
   letter-spacing: 0;
 }
+pre {
+  display: block;
+  box-sizing: border-box;
+  padding: 0 5em 0 0;
+  margin: 0.5em 2em 2em;
+  max-height: 75vh;
+  overflow: auto;
+  white-space: nowrap;
+}
 pre,
 pre > code {
   letter-spacing: 0;
@@ -545,24 +641,23 @@ pre > code {
   position: static;
   top: auto;
   cursor: auto;
+  line-height: 1.6;
 }
 pre > code {
+  display: inline-block;
   box-sizing: border-box;
-  display: block;
-  width: 100%;
-  line-height: inherit;
-  padding: 0.25em 0.5em;
   border: none !important;
-  margin: 0 !important;
   border-radius: 0;
-  overflow-x: auto;
 }
-pre {
-  line-height: 1.6;
-  display: block;
-  box-sizing: border-box;
-  padding: 0.5em;
-  margin: 0.5em 2em 2em;
+pre > code,
+[lang*="zh-" i] pre > code,
+[lang*="-hans" i] pre > code,
+[lang*="-CN" i] pre > code,
+[lang*="zh-"] pre > code,
+[lang*="-hans"] pre > code,
+[lang*="-CN"] pre > code {
+  padding: 0.5em 1em;
+  margin: 0 !important;
 }
 td > pre,
 li > pre {
@@ -571,6 +666,7 @@ li > pre {
 }
 td > pre {
   margin-right: 0;
+  padding-right: 0;
 }
 li > pre:first-child {
   margin-top: 0;
@@ -611,7 +707,6 @@ label[for] {
 li,
 dd {
   text-align: justify;
-  line-height: 1.8;
 }
 li {
   margin: 1em 0;
@@ -701,16 +796,29 @@ hr::after {
   background-image: inherit !important;
   transform: scaleX(-1);
 }
+@media (max-width: 900px) {
+  pre {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  table,
+  pre {
+    max-width: 100%;
+  }
+}
 @media (max-width: 600px) {
   h1,
-  h2,
-  h3 {
-    padding-left: 1em;
+  h2 {
+    text-align: justify;
+    padding-left: 1.2em;
+    margin-left: -0.5em;
+    margin-right: -0.5em;
   }
+  h3,
   h4,
   h5,
   h6 {
-    padding-left: 0.8em;
+    padding-left: 1.25em;
   }
   h1 {
     font-size: 2.25em;
@@ -737,8 +845,8 @@ hr::after {
     padding-right: 0;
   }
   p {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left: 0.25em;
+    margin-right: 0.25em;
   }
   blockquote {
     margin-left: 0;
@@ -752,8 +860,7 @@ hr::after {
     margin-right: 0;
   }
   table {
-    max-width: none;
-    width: 100%;
+    max-width: 100%;
   }
   td {
     max-width: 400px;
@@ -777,8 +884,11 @@ hr::after {
   scroll-behavior: smooth;
 }
 .markdown-article {
-  line-height: 1.6;
-  padding: 6em 4em 14em 4em;
+  line-height: 1.8;
+  padding-top: 6em;
+  padding-bottom: 14em;
+  padding-left: 4em;
+  padding-right: 4em;
   max-width: 51em;
   min-height: 60em;
   margin: 0 auto;
@@ -787,26 +897,49 @@ hr::after {
 .markdown-article > h1:first-child {
   margin-top: 1em;
 }
-.markdown-article-toc-is-visible .markdown-article {
-  padding-left: 3em;
-  padding-right: 3em;
-}
-.document-author {
+.author,
+.document-author,
+.article-author {
   text-indent: 0;
   text-align: center;
 }
+.text-centered,
 .centered {
   text-indent: 0;
   text-align: center;
 }
+.align-rightwards,
+.text-align-rightwards,
+.texts-align-rightwards {
+  text-indent: 0;
+  text-align: right;
+}
+[lang*="zh-" i] .author,
+[lang*="-hans" i] .author,
+[lang*="-CN" i] .author,
+[lang*="zh-"] .author,
+[lang*="-hans"] .author,
+[lang*="-CN"] .author,
 [lang*="zh-" i] .document-author,
 [lang*="-hans" i] .document-author,
 [lang*="-CN" i] .document-author,
 [lang*="zh-"] .document-author,
 [lang*="-hans"] .document-author,
-[lang*="-CN"] .document-author {
+[lang*="-CN"] .document-author,
+[lang*="zh-" i] .article-author,
+[lang*="-hans" i] .article-author,
+[lang*="-CN" i] .article-author,
+[lang*="zh-"] .article-author,
+[lang*="-hans"] .article-author,
+[lang*="-CN"] .article-author {
   text-indent: 0;
 }
+[lang*="zh-" i] .text-centered,
+[lang*="-hans" i] .text-centered,
+[lang*="-CN" i] .text-centered,
+[lang*="zh-"] .text-centered,
+[lang*="-hans"] .text-centered,
+[lang*="-CN"] .text-centered,
 [lang*="zh-" i] .centered,
 [lang*="-hans" i] .centered,
 [lang*="-CN" i] .centered,
@@ -815,12 +948,42 @@ hr::after {
 [lang*="-CN"] .centered {
   text-indent: 0;
 }
+[lang*="zh-" i] .align-rightwards,
+[lang*="-hans" i] .align-rightwards,
+[lang*="-CN" i] .align-rightwards,
+[lang*="zh-"] .align-rightwards,
+[lang*="-hans"] .align-rightwards,
+[lang*="-CN"] .align-rightwards,
+[lang*="zh-" i] .text-align-rightwards,
+[lang*="-hans" i] .text-align-rightwards,
+[lang*="-CN" i] .text-align-rightwards,
+[lang*="zh-"] .text-align-rightwards,
+[lang*="-hans"] .text-align-rightwards,
+[lang*="-CN"] .text-align-rightwards,
+[lang*="zh-" i] .texts-align-rightwards,
+[lang*="-hans" i] .texts-align-rightwards,
+[lang*="-CN" i] .texts-align-rightwards,
+[lang*="zh-"] .texts-align-rightwards,
+[lang*="-hans"] .texts-align-rightwards,
+[lang*="-CN"] .texts-align-rightwards {
+  text-indent: 0;
+}
+.hidden-spacebar-between-head-linkage-and-head-text {
+  display: inline-block;
+  width: 1px;
+  height: 1px;
+  margin-right: -1px;
+  overflow: hidden;
+}
 .header-anchor,
 a.header-anchor {
-  margin: -0.2em -0.15em 0em -1.35em;
-  padding: 0.25em 0;
-  width: 1.5em;
+  margin-top: -0.1667em;
+  margin-bottom: 0em;
+  margin-left: -1.65em;
+  margin-right: 0.15em;
   box-sizing: border-box;
+  padding: 0.25em 0;
+  min-width: 1.5em;
   text-align: center;
   font-weight: normal;
   border-radius: 0.25em;
@@ -851,6 +1014,12 @@ td > h1 .header-anchor {
   display: none;
 }
 @media (max-width: 900px) {
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -1.35em;
+    margin-right: 0.15em;
+    min-width: 1.2em;
+  }
   .markdown-article {
     padding-top: 3em;
     padding-bottom: 7em;
@@ -862,17 +1031,17 @@ td > h1 .header-anchor {
   }
 }
 @media (max-width: 600px) {
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -1.2em;
+    margin-right: 0.2em;
+    min-width: 1em;
+  }
   .markdown-article-toc-is-visible .markdown-article,
   .markdown-article {
     padding-left: 1.5em;
     padding-right: 1.5em;
   }
-  .header-anchor,
-  a.header-anchor {
-    margin-left: -1.2em;
-    margin-right: -0.2em;
-    width: 1em;
-  }
 }
 .markdown-article-back-to-top {
   font-size: 20px;
@@ -1445,13 +1614,9 @@ body {
 }
 h1 {
   font-weight: 400;
-  text-indent: 0;
-  text-align: center;
 }
 h2 {
   font-weight: 400;
-  text-indent: 0;
-  text-align: center;
 }
 h3 {
   font-weight: 400;
@@ -3617,58 +3782,54 @@ nav.markdown-article-toc {
 .hljs-link {
   text-decoration-line: underline;
 }
-pre > code {
+pre {
 /* autoprefixer: off */
   scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
   scrollbar-width: thin;
 }
-pre > code::-webkit-scrollbar {
+pre::-webkit-scrollbar {
   border-radius: 0;
   width: 0.75em;
   height: 0.75em;
 }
-pre > code::-webkit-scrollbar:hover {
+pre::-webkit-scrollbar:hover {
   background-color: rgba(255,255,255,0.15);
 }
-pre > code::-webkit-resizer,
-pre > code::-webkit-scrollbar-corner,
-pre > code::-webkit-scrollbar-button,
-pre > code::-webkit-scrollbar-thumb,
-pre > code::-webkit-scrollbar-track,
-pre > code::-webkit-scrollbar-track-piece {
+pre::-webkit-resizer,
+pre::-webkit-scrollbar-corner,
+pre::-webkit-scrollbar-button,
+pre::-webkit-scrollbar-thumb,
+pre::-webkit-scrollbar-track,
+pre::-webkit-scrollbar-track-piece {
   border-radius: 1em;
   border-style: solid;
   border-color: transparent;
   background-clip: content-box;
 }
-pre > code::-webkit-scrollbar-button {
+pre::-webkit-scrollbar-button {
   display: none;
 }
-pre > code::-webkit-scrollbar-thumb {
+pre::-webkit-scrollbar-thumb {
   border-width: 0.3em;
   background-color: rgba(255,255,255,0.45);
 }
-pre > code::-webkit-scrollbar-thumb:hover {
+pre::-webkit-scrollbar-thumb:hover {
   background-color: #fff;
 }
-pre > code::-webkit-scrollbar-track {
+pre::-webkit-scrollbar-track {
   border-width: 0.2em;
   background-color: rgba(255,255,255,0.1);
   box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.1);
 }
-pre > code::-webkit-scrollbar-track:hover {
+pre::-webkit-scrollbar-track:hover {
   box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.515);
 }
-pre > code::-webkit-scrollbar-track-piece {
+pre::-webkit-scrollbar-track-piece {
   display: none;
 }
-pre > code::-webkit-scrollbar-corner {
+pre::-webkit-scrollbar-corner {
   display: none;
 }
-pre > code .hljs-comment {
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
-}
 pre,
 .hljs {
   background-color: #111;
@@ -3690,6 +3851,10 @@ pre,
   color: #4c5;
   background-color: #000;
 }
+.hljs-comment {
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+}
 .hljs-tag {
   color: #555;
 }
@@ -4372,4 +4537,11 @@ pre,
   h3 {
     page-break-after: avoid;
   }
+  .hidden-spacebar-between-head-linkage-and-head-text {
+    display: inline;
+    width: auto;
+    height: auto;
+    margin-right: 0;
+    overflow: visible;
+  }
 }