@wulechuan/css-stylus-markdown-themes 7.2.4 → 7.2.7

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

@@ -656,22 +656,6 @@ td > h1 .header-anchor {
 }
 .markdown-article-back-to-top {
   font-size: 20px;
-  z-index: 51;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5em;
-  height: 2.5em;
-  padding: 0;
-  border: 0;
-  overflow: hidden;
-  position: fixed;
-  right: 0;
-  bottom: 1.5em;
-  margin: 0.5em;
-  cursor: pointer;
-  outline: none;
 }
 @media screen and (min-width: 2190px) {
   .markdown-article-back-to-top {
@@ -688,36 +672,61 @@ td > h1 .header-anchor {
     font-size: 16px;
   }
 }
-.markdown-article-back-to-top::before {
-  content: '';
-  display: block;
-  box-sizing: content-box;
-  width: 2em;
-  height: 2em;
-  border-radius: 50%;
-  border: 0;
-  margin: 0;
-}
-.markdown-article-back-to-top::after {
-  content: '';
-  display: block;
-  position: absolute;
-  box-sizing: content-box;
-  width: 0;
-  height: 0;
-  border: 0.32em solid transparent;
-  top: 0;
-  left: 0.25em;
-  bottom: 0.36em;
-  right: 0.25em;
-  margin: auto;
-  border-bottom-color: currentColor;
+@media screen {
+  .markdown-article-back-to-top {
+    z-index: 51;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5em;
+    height: 2.5em;
+    padding: 0;
+    border: 0;
+    overflow: hidden;
+    position: fixed;
+    right: 0;
+    bottom: 1.5em;
+    margin: 0.5em;
+    cursor: pointer;
+    outline: none;
+  }
+  .markdown-article-back-to-top::before {
+    content: '';
+    display: block;
+    box-sizing: content-box;
+    width: 2em;
+    height: 2em;
+    border-radius: 50%;
+    border: 0;
+    margin: 0;
+  }
+  .markdown-article-back-to-top::after {
+    content: '';
+    display: block;
+    position: absolute;
+    box-sizing: content-box;
+    width: 0;
+    height: 0;
+    border: 0.32em solid transparent;
+    top: 0;
+    left: 0.25em;
+    bottom: 0.36em;
+    right: 0.25em;
+    margin: auto;
+    border-bottom-color: currentColor;
+  }
 }
-@media (max-width: 600px) {
+@media screen and (max-width: 600px) {
   .markdown-article-back-to-top {
     margin-right: -0.5em;
   }
 }
+@media print {
+  .markdown-article-back-to-top {
+    display: none;
+  }
+}
 nav.markdown-article-toc {
   z-index: 75;
 }
@@ -726,16 +735,6 @@ nav.markdown-article-toc {
 }
 nav.markdown-article-toc {
   font-size: 20px;
-  box-sizing: border-box;
-  width: 22em;
-  max-width: 100%;
-  height: 100%;
-  padding: 3em 0.5em 2em 0.5em;
-  overflow: auto;
-  position: fixed;
-  left: 0;
-  top: 0;
-  margin: 0;
 }
 @media screen and (min-width: 2190px) {
   nav.markdown-article-toc {
@@ -752,75 +751,66 @@ nav.markdown-article-toc {
     font-size: 16px;
   }
 }
-nav.markdown-article-toc li {
-  cursor: pointer;
-  margin: 0;
-  padding-right: 0;
-}
-nav.markdown-article-toc li > a[href^="#"] {
-  display: block;
-  padding: 0.25em 0.5em 0.25em 2em;
-  border-width: 1px 0;
-  border-style: solid none;
-  margin: 0 0 0 -2em;
-  text-decoration: none;
-  transition-property: color, background-color, border-color;
-  transition-duration: 0.36s;
-  transition-timing-function: ease-out;
-}
-nav.markdown-article-toc > ul,
-nav.markdown-article-toc > ol {
-  font-size: 0.8em;
-}
-nav.markdown-article-toc > ul,
-nav.markdown-article-toc > ol {
-  box-sizing: border-box;
-  height: 100%;
-  padding: 0.5em 1.5em 4.5em 1.5em;
-  margin: 0;
-  overflow: auto;
-}
-nav.markdown-article-toc > ul ol,
-nav.markdown-article-toc > ol ol,
-nav.markdown-article-toc > ul ul,
-nav.markdown-article-toc > ol ul {
-  padding-right: 0;
-}
-nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ol,
-nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ol,
-nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ol,
-nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ol,
-nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ul,
-nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ul,
-nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ul,
-nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ul {
-  display: none;
-}
-body.markdown-article-toc-exists.markdown-article-toc-is-visible {
-  margin-left: 27.5em;
-}
-nav.markdown-article-toc {
-  display: none;
-}
-.markdown-article-toc-is-visible nav.markdown-article-toc {
-  display: block;
+@media screen {
+  nav.markdown-article-toc {
+    box-sizing: border-box;
+    width: 22em;
+    max-width: 100%;
+    height: 100%;
+    padding: 3em 0.5em 2em 0.5em;
+    overflow: auto;
+    position: fixed;
+    left: 0;
+    top: 0;
+    margin: 0;
+  }
+  nav.markdown-article-toc li {
+    cursor: pointer;
+    margin: 0;
+    padding-right: 0;
+  }
+  nav.markdown-article-toc li > a[href^="#"] {
+    display: block;
+    padding: 0.25em 0.5em 0.25em 2em;
+    border-width: 1px 0;
+    border-style: solid none;
+    margin: 0 0 0 -2em;
+    text-decoration: none;
+    transition-property: color, background-color, border-color;
+    transition-duration: 0.36s;
+    transition-timing-function: ease-out;
+  }
+  nav.markdown-article-toc > ul,
+  nav.markdown-article-toc > ol {
+    font-size: 0.8em;
+  }
+  nav.markdown-article-toc > ul,
+  nav.markdown-article-toc > ol {
+    box-sizing: border-box;
+    height: 100%;
+    padding: 0.5em 1.5em 4.5em 1.5em;
+    margin: 0;
+    overflow: auto;
+  }
+  nav.markdown-article-toc > ul ol,
+  nav.markdown-article-toc > ol ol,
+  nav.markdown-article-toc > ul ul,
+  nav.markdown-article-toc > ol ul {
+    padding-right: 0;
+  }
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ol,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ol ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ol ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ul ul ul,
+  nav.markdown-article-toc.should-show-2-levels-at-most > ol ul ul {
+    display: none;
+  }
 }
 .markdown-article-toc-toggling-button {
   font-size: 20px;
-  box-sizing: content-box;
-  display: block;
-  border: 1px solid transparent;
-  height: 1em;
-  width: 1.8em;
-  padding: 0.25em 1em;
-  border-radius: 0 219px 219px 0;
-  white-space: nowrap;
-  position: fixed;
-  top: 1em;
-  cursor: pointer;
-  transition: all 0.3s;
-  left: -0.5em;
-  transform: translateX(0);
 }
 @media screen and (min-width: 2190px) {
   .markdown-article-toc-toggling-button {
@@ -837,33 +827,61 @@ nav.markdown-article-toc {
     font-size: 16px;
   }
 }
-.markdown-article-toc-toggling-button:active,
-.markdown-article-toc-toggling-button:focus {
-  outline: none;
-}
-.markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
-  left: 11em;
-  transform: translateX(-50%);
-  border-top-left-radius: 219px;
-  border-bottom-left-radius: 219px;
-}
-.markdown-article-toc-toggling-button::before {
-  display: block;
-  font-size: 0.8em;
-  height: 1.25em;
-  line-height: 1.25em;
-  overflow: visible;
-  content: 'TOC';
-  font-family: sans-serif;
-}
-[lang*="zh-" i] .markdown-article-toc-toggling-button::before,
-[lang*="-hans" i] .markdown-article-toc-toggling-button::before,
-[lang*="-CN" i] .markdown-article-toc-toggling-button::before,
-[lang*="zh-"] .markdown-article-toc-toggling-button::before,
-[lang*="-hans"] .markdown-article-toc-toggling-button::before,
-[lang*="-CN"] .markdown-article-toc-toggling-button::before {
-  content: '目录';
-  font-family: inherit;
+@media screen {
+  body.markdown-article-toc-exists.markdown-article-toc-is-visible {
+    margin-left: 27.5em;
+  }
+  nav.markdown-article-toc {
+    display: none;
+  }
+  .markdown-article-toc-is-visible nav.markdown-article-toc {
+    display: block;
+  }
+  .markdown-article-toc-toggling-button {
+    box-sizing: content-box;
+    display: block;
+    border: 1px solid transparent;
+    height: 1em;
+    width: 1.8em;
+    padding: 0.25em 1em;
+    border-radius: 0 219px 219px 0;
+    white-space: nowrap;
+    position: fixed;
+    top: 1em;
+    cursor: pointer;
+    transition: all 0.3s;
+    left: -0.5em;
+    transform: translateX(0);
+  }
+  .markdown-article-toc-toggling-button:active,
+  .markdown-article-toc-toggling-button:focus {
+    outline: none;
+  }
+  .markdown-article-toc-is-visible .markdown-article-toc-toggling-button {
+    left: 11em;
+    transform: translateX(-50%);
+    border-top-left-radius: 219px;
+    border-bottom-left-radius: 219px;
+  }
+  .markdown-article-toc-toggling-button::before {
+    display: block;
+    font-size: 0.8em;
+    height: 1.25em;
+    line-height: 1.25em;
+    overflow: visible;
+    content: 'TOC';
+    font-family: sans-serif;
+  }
+  [lang*="zh-" i] .markdown-article-toc-toggling-button::before,
+  [lang*="-hans" i] .markdown-article-toc-toggling-button::before,
+  [lang*="-CN" i] .markdown-article-toc-toggling-button::before,
+  [lang*="zh-"] .markdown-article-toc-toggling-button::before,
+  [lang*="-hans"] .markdown-article-toc-toggling-button::before,
+  [lang*="-CN"] .markdown-article-toc-toggling-button::before {
+    content: '目录';
+    font-family: inherit;
+    line-height: 1.1em;
+  }
 }
 @media screen and (min-width: 1001px) {
   nav.markdown-article-toc li.is-collapsed > li,
@@ -917,6 +935,13 @@ nav.markdown-article-toc {
     border-radius: 219px;
   }
 }
+@media print {
+  nav.markdown-article-toc,
+  .markdown-article-toc-is-visible nav.markdown-article-toc,
+  .markdown-article-toc-toggling-button {
+    display: none;
+  }
+}
 .markdown-article,
 button,
 input,
@@ -936,9 +961,9 @@ html {
   background-color: #bbb;
 }
 body::-webkit-scrollbar {
-  border-radius: 0.1em;
-  width: 1.2em;
-  height: 1.2em;
+  border-radius: 0.15em;
+  width: 1.8em;
+  height: 1.8em;
 }
 body::-webkit-scrollbar:hover {
   background-color: rgba(0,0,0,0.15);
@@ -949,7 +974,7 @@ body::-webkit-scrollbar-button,
 body::-webkit-scrollbar-thumb,
 body::-webkit-scrollbar-track,
 body::-webkit-scrollbar-track-piece {
-  border-radius: 1em;
+  border-radius: 1.5em;
   border-style: solid;
   border-color: transparent;
   background-clip: content-box;
@@ -958,19 +983,19 @@ body::-webkit-scrollbar-button {
   display: none;
 }
 body::-webkit-scrollbar-thumb {
-  border-width: 0.5em;
+  border-width: 0.75em;
   background-color: rgba(0,0,0,0.51);
 }
 body::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0,0,0,0.96);
 }
 body::-webkit-scrollbar-track {
-  border-width: 0.4em;
+  border-width: 0.6em;
   background-color: rgba(0,0,0,0.1);
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.219);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.219);
 }
 body::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.05em rgba(0,0,0,0.45);
+  box-shadow: inset 0 0 0 0.075em rgba(0,0,0,0.45);
 }
 body::-webkit-scrollbar-track-piece {
   display: none;
@@ -1211,99 +1236,110 @@ hr {
 hr::before {
   box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.51);
 }
-.markdown-article-back-to-top[href^="#"],
-.markdown-article-back-to-top[href^="#"]:visited {
-  color: #000;
-}
-.markdown-article-back-to-top[href^="#"]::before,
-.markdown-article-back-to-top[href^="#"]:visited::before {
-  background-color: #0f0;
-  background-image: linear-gradient(-45deg, #0ff 15%, #0f0 79%);
-  box-shadow: 1px 1px 0.3em rgba(0,192,0,0.6);
+@media screen {
+  .markdown-article-back-to-top[href^="#"],
+  .markdown-article-back-to-top[href^="#"]:visited {
+    color: #000;
+  }
+  .markdown-article-back-to-top[href^="#"]::before,
+  .markdown-article-back-to-top[href^="#"]:visited::before {
+    background-color: #0f0;
+    background-image: linear-gradient(-45deg, #0ff 15%, #0f0 79%);
+    box-shadow: 1px 1px 0.3em rgba(0,192,0,0.6);
+  }
 }
 nav.markdown-article-toc {
   font-family: 'Segoe UI', '微软雅黑', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Lucida Grande', Helvetica, sans-serif;
 }
-nav.markdown-article-toc {
-  background-color: #222;
-  box-shadow: 0 0 0.5em rgba(0,0,0,0.4);
-}
-nav.markdown-article-toc > ul,
-nav.markdown-article-toc > ol {
-  scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
-  scrollbar-width: thin;
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar,
-nav.markdown-article-toc > ol::-webkit-scrollbar {
-  border-radius: 0.125em;
-  width: 1.5em;
-  height: 1.5em;
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar:hover,
-nav.markdown-article-toc > ol::-webkit-scrollbar:hover {
-  background-color: rgba(255,255,255,0.15);
-}
-nav.markdown-article-toc > ul::-webkit-resizer,
-nav.markdown-article-toc > ol::-webkit-resizer,
-nav.markdown-article-toc > ul::-webkit-scrollbar-corner,
-nav.markdown-article-toc > ol::-webkit-scrollbar-corner,
-nav.markdown-article-toc > ul::-webkit-scrollbar-button,
-nav.markdown-article-toc > ol::-webkit-scrollbar-button,
-nav.markdown-article-toc > ul::-webkit-scrollbar-thumb,
-nav.markdown-article-toc > ol::-webkit-scrollbar-thumb,
-nav.markdown-article-toc > ul::-webkit-scrollbar-track,
-nav.markdown-article-toc > ol::-webkit-scrollbar-track,
-nav.markdown-article-toc > ul::-webkit-scrollbar-track-piece,
-nav.markdown-article-toc > ol::-webkit-scrollbar-track-piece {
-  border-radius: 1.25em;
-  border-style: solid;
-  border-color: transparent;
-  background-clip: content-box;
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-button,
-nav.markdown-article-toc > ol::-webkit-scrollbar-button {
-  display: none;
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-thumb,
-nav.markdown-article-toc > ol::-webkit-scrollbar-thumb {
-  border-width: 0.625em;
-  background-color: rgba(255,255,255,0.51);
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-thumb:hover,
-nav.markdown-article-toc > ol::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(255,255,255,0.96);
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-track,
-nav.markdown-article-toc > ol::-webkit-scrollbar-track {
-  border-width: 0.5em;
-  background-color: rgba(255,255,255,0.1);
-  box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.219);
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-track:hover,
-nav.markdown-article-toc > ol::-webkit-scrollbar-track:hover {
-  box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.45);
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-track-piece,
-nav.markdown-article-toc > ol::-webkit-scrollbar-track-piece {
-  display: none;
-}
-nav.markdown-article-toc > ul::-webkit-scrollbar-corner,
-nav.markdown-article-toc > ol::-webkit-scrollbar-corner {
-  display: none;
-}
-nav.markdown-article-toc,
-nav.markdown-article-toc li > a[href^="#"] {
-  color: #aaa;
-  border-color: transparent;
-}
-nav.markdown-article-toc > ol > li.has-nested-toc-list > a[href^="#"],
-nav.markdown-article-toc > ul > li.has-nested-toc-list > a[href^="#"],
-nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list > a[href^="#"] {
-  color: #fff;
-}
-nav.markdown-article-toc li > a[href^="#"]:hover {
-  border-color: rgba(255,255,255,0.19) transparent;
-  background-image: linear-gradient(to right, transparent 0.25em, rgba(255,255,255,0.1) 4em, transparent);
+@media screen {
+  nav.markdown-article-toc {
+    background-color: #222;
+    box-shadow: 0 0 0.5em rgba(0,0,0,0.4);
+  }
+  nav.markdown-article-toc > ul,
+  nav.markdown-article-toc > ol {
+    scrollbar-color: rgba(204,204,204,0.75) rgba(204,204,204,0.15);
+    scrollbar-width: thin;
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar,
+  nav.markdown-article-toc > ol::-webkit-scrollbar {
+    border-radius: 0.125em;
+    width: 1.5em;
+    height: 1.5em;
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar:hover,
+  nav.markdown-article-toc > ol::-webkit-scrollbar:hover {
+    background-color: rgba(255,255,255,0.15);
+  }
+  nav.markdown-article-toc > ul::-webkit-resizer,
+  nav.markdown-article-toc > ol::-webkit-resizer,
+  nav.markdown-article-toc > ul::-webkit-scrollbar-corner,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-corner,
+  nav.markdown-article-toc > ul::-webkit-scrollbar-button,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-button,
+  nav.markdown-article-toc > ul::-webkit-scrollbar-thumb,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-thumb,
+  nav.markdown-article-toc > ul::-webkit-scrollbar-track,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-track,
+  nav.markdown-article-toc > ul::-webkit-scrollbar-track-piece,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-track-piece {
+    border-radius: 1.25em;
+    border-style: solid;
+    border-color: transparent;
+    background-clip: content-box;
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-button,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-button {
+    display: none;
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-thumb,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-thumb {
+    border-width: 0.625em;
+    background-color: rgba(255,255,255,0.51);
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-thumb:hover,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255,255,255,0.96);
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-track,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-track {
+    border-width: 0.5em;
+    background-color: rgba(255,255,255,0.1);
+    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.219);
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-track:hover,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-track:hover {
+    box-shadow: inset 0 0 0 0.0625em rgba(255,255,255,0.45);
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-track-piece,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-track-piece {
+    display: none;
+  }
+  nav.markdown-article-toc > ul::-webkit-scrollbar-corner,
+  nav.markdown-article-toc > ol::-webkit-scrollbar-corner {
+    display: none;
+  }
+  nav.markdown-article-toc,
+  nav.markdown-article-toc li > a[href^="#"] {
+    color: #aaa;
+    border-color: transparent;
+  }
+  nav.markdown-article-toc > ol > li.has-nested-toc-list > a[href^="#"],
+  nav.markdown-article-toc > ul > li.has-nested-toc-list > a[href^="#"],
+  nav.markdown-article-toc:not(.should-show-2-levels-at-most) li.has-nested-toc-list > a[href^="#"] {
+    color: #fff;
+  }
+  nav.markdown-article-toc li > a[href^="#"]:hover {
+    border-color: rgba(255,255,255,0.19) transparent;
+    background-image: linear-gradient(to right, transparent 0.25em, rgba(255,255,255,0.1) 4em, transparent);
+  }
+  .markdown-article-toc-toggling-button {
+    color: #000;
+    border-color: #f03090;
+    background-color: #eb52d1;
+    background-image: linear-gradient(23deg, #f1f 19%, #f88 45%, #ffa 87%);
+    box-shadow: 0 0 0.15em #c93d91;
+  }
 }
 @media screen and (max-width: 1000px) {
   nav.markdown-article-toc {
@@ -1325,13 +1361,6 @@ nav.markdown-article-toc li > a[href^="#"]:hover {
     }
   }
 }
-.markdown-article-toc-toggling-button {
-  color: #000;
-  border-color: #f03090;
-  background-color: #eb52d1;
-  background-image: linear-gradient(23deg, #f1f 19%, #f88 45%, #ffa 87%);
-  box-shadow: 0 0 0.15em #c93d91;
-}
 .hljs-emphasis {
   font-style: italic;
 }