https://github.com/b3log/solo/issues/12658

classic/css/base.scss

@@ -21,8 +21,29 @@
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
  * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 1.4.0.0, Jan 4, 2019
+ * @version 2.0.0.0, Feb 21, 2019
 */
+@import "../../../scss/reset-content";
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.clear:before,
+.clear:after {
+    display: table;
+    content: "";
+}
+
+.clear:after {
+    clear: both;
+}
+.none {
+    display: none;
+}
 a, a:link {
     color: #0000CC;
 }
@@ -42,6 +63,7 @@ h5 {
 }
 .header {
     height: 108px;
+    margin-bottom: 10px;
 }
 
 .header .page-icon {
@@ -102,7 +124,7 @@ h5 {
 .article-abstract {
     word-wrap: break-word;
 }
-.article-body {
+.content-reset {
     margin-left: 12px;
     line-height: 145%;
 }
@@ -269,151 +291,6 @@ h5 {
     margin: 30px 0 30px 0;
 }
 
-.content-reset {
-    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
-    word-wrap: break-word;
-    overflow: auto;
-    line-height: 1.5;
-    font-size: 16px;
-    word-break: break-all
-}
-.content-reset a {
-    color: #ff4d3a;
-}
-.content-reset ul,
-.content-reset ol {
-    padding-left: 2em;
-    margin-top: 0;
-    margin-bottom: 16px
-}
-.content-reset li {
-    margin-top: 0.25em
-}
-.content-reset h1,
-.content-reset h2,
-.content-reset h3,
-.content-reset h4,
-.content-reset h5,
-.content-reset h6 {
-    margin-top: 24px;
-    margin-bottom: 16px;
-    font-weight: 600;
-    line-height: 1.25
-}
-.content-reset h1 {
-    padding-bottom: 0.3em;
-    font-size: 2em;
-    border-bottom: 1px solid #eee
-}
-.content-reset h2 {
-    padding-bottom: 0.3em;
-    font-size: 1.5em;
-    border-bottom: 1px solid #eee
-}
-.content-reset h3 {
-    font-size: 1.25em
-}
-.content-reset h4 {
-    font-size: 1em
-}
-.content-reset h5 {
-    font-size: 0.875em
-}
-.content-reset h6 {
-    font-size: 0.85em
-}
-.content-reset hr {
-    height: 0.25em;
-    padding: 0;
-    margin: 24px 0;
-    background-color: #e7e7e7;
-    border: 0
-}
-.content-reset p {
-    margin-top: 0;
-    margin-bottom: 16px
-}
-.content-reset blockquote {
-    padding: 0 1em;
-    color: #777;
-    border-left: 0.25em solid #ddd;
-    margin-bottom: 16px
-}
-.content-reset blockquote p {
-    margin: 0
-}
-.content-reset iframe {
-    border: 1px solid #ccc
-}
-.content-reset table {
-    width: 100%;
-    border: 1px solid #dedede;
-    margin: 15px auto;
-    border-collapse: collapse;
-    empty-cells: show
-}
-.content-reset thead {
-    text-align: center
-}
-.content-reset td,
-.content-reset th {
-    height: 35px;
-    border: 1px solid #dedede;
-    padding: 0 10px
-}
-.content-reset th {
-    font-weight: bold;
-    text-align: center !important;
-    background: rgba(158, 188, 226, 0.2)
-}
-.content-reset tbody tr:nth-child(2n) {
-    background: rgba(158, 188, 226, 0.12)
-}
-.content-reset tr:hover {
-    background: #efefef
-}
-.content-reset code {
-    padding: 0.2em 0.4em;
-    margin: 0;
-    font-size: 85%;
-    background-color: rgba(252, 41, 41, 0.12);
-    border-radius: 3px;
-    color: #d23f31;
-    font-family: mononoki, Consolas, "Liberation Mono", Menlo, Courier, monospace
-}
-.content-reset pre>code {
-    padding: 0.5em;
-    color: #333;
-    background-color: rgba(0, 0, 0, 0.04);
-    background-image: url(../images/code-bg.png);
-    background-size: 20px 20px;
-    border-radius: 5px;
-    display: block;
-}
-.content-reset 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 #ccc;
-    border-bottom-color: #bbb;
-    border-radius: 3px;
-    box-shadow: inset 0 -1px 0 #bbb
-}
-
-.content-reset img {
-    max-width: 100%;
-    vertical-align: middle;
-    border: 0;
-    height: auto;
-    -ms-interpolation-mode: bicubic;
-    overflow: hidden;
-    font-size: 12px;
-}
-
 .has-toc > ul > li {
     list-style: none;
     float: left;