fix https://github.com/b3log/solo/issues/12611

metro-hot/css/metro-hot.css

@@ -20,7 +20,7 @@
 * skin metro-hot style
 *
 * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
-* @version 1.1.0.0, Sep 21, 2017
+* @version 1.2.0.0, Jan 2, 2019
 */
 /* start base */
 @font-face {
@@ -150,6 +150,186 @@ textarea {
     color: #FCFCFC;
 }
 
+/* start article-body */
+.article-body {
+    word-wrap: break-word;
+    overflow: auto;
+    line-height: 1.65;
+    font-size: 16px;
+    word-break: break-word;
+}
+
+.article-body ul,
+.article-body ol {
+    padding-left: 2em;
+    margin-top: 0;
+    margin-bottom: 16px;
+}
+
+.article-body li {
+    margin-top: 0.25em;
+}
+
+.article-body img {
+    cursor: zoom-in;
+}
+
+.article-body img.emoji {
+    cursor: auto;
+    max-width: 18px;
+}
+
+.article-body h1,
+.article-body h2,
+.article-body h3,
+.article-body h4,
+.article-body h5,
+.article-body h6 {
+    margin-top: 24px;
+    margin-bottom: 16px;
+    font-weight: 600;
+    line-height: 1.25;
+}
+
+.article-body h1 {
+    padding-bottom: 0.3em;
+    font-size: 1.7em;
+    border-bottom: 1px solid #eee;
+}
+
+.article-body h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.5em;
+    border-bottom: 1px solid #eee;
+}
+
+.article-body h3 {
+    font-size: 1.25em;
+}
+
+.article-body h4 {
+    font-size: 1em;
+}
+
+.article-body h5 {
+    font-size: 0.875em;
+}
+
+.article-body h6 {
+    font-size: 0.85em;
+}
+
+.article-body hr {
+    height: 0.15em;
+    padding: 0;
+    margin: 24px 0;
+    background-color: #e7e7e7;
+    border: 0;
+}
+
+.article-body p {
+    margin-top: 0;
+    margin-bottom: 16px;
+}
+
+.article-body blockquote {
+    padding: 0 1em;
+    color: #777;
+    border-left: 0.25em solid #ddd;
+    margin-bottom: 16px;
+}
+
+.article-body blockquote p {
+    margin: 0;
+}
+
+.article-body ins > iframe {
+    border: 0;
+}
+
+.article-body iframe {
+    border: 1px solid rgba(0, 0, 0, 0.38);
+}
+
+.article-body table {
+    width: 100%;
+    border: 1px solid #dedede;
+    margin: 15px auto;
+    border-collapse: collapse;
+    empty-cells: show;
+}
+
+.article-body thead {
+    text-align: center;
+}
+
+.article-body td,
+.article-body th {
+    height: 35px;
+    border: 1px solid #dedede;
+    padding: 0 10px;
+}
+
+.article-body th {
+    font-weight: bold;
+    text-align: center !important;
+    background: rgba(158, 188, 226, 0.2);
+}
+
+.article-body tbody tr:nth-child(2n) {
+    background: rgba(158, 188, 226, 0.12);
+}
+
+.article-body tr:hover {
+    background: #efefef;
+}
+
+.article-body code {
+    padding: 0.2em 0.4em;
+    margin: 0;
+    font-size: 85%;
+    background-color: rgba(252, 41, 41, 0.12);
+    border-radius: 3px;
+    word-break: break-word;
+}
+
+.article-body pre {
+    position: relative;
+}
+
+.article-body pre textarea {
+    position: absolute;
+    top: -100000px;
+}
+
+.article-body pre > code {
+    padding: 0.5em;
+    background-color: rgba(0, 0, 0, 0.04);
+    background-size: 20px 20px;
+    border-radius: 5px;
+}
+
+.article-body kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+    line-height: 10px;
+    color: #555;
+    vertical-align: middle;
+    background-color: #fcfcfc;
+    border: solid 1px rgba(0, 0, 0, 0.38);
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb;
+}
+
+.article-body__task,
+.article-body .task-list-item {
+    list-style: none;
+    margin-left: -1em;
+}
+/* end article-body */
+
 .fn-clear:before,
 .fn-clear:after {
     display: table;