💄 Yilia 皮肤修改

yilia/article.ftl

@@ -48,7 +48,7 @@
                         </a>
                     </section>
                 </header>
-                <section class="abstract">
+                <section class="abstract content-reset">
                     ${article.articleContent}
                     <#if "" != article.articleSign.signHTML?trim>
                     <div>

yilia/css/yilia.css

@@ -19,7 +19,7 @@
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
  * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 1.2.0.3, Jan 27, 2016
+ * @version 1.2.0.4, Jun 30, 2016
 */
 /* start reset */
 html {
@@ -305,6 +305,7 @@ pre code, pre tt {
     padding: 7px 8px;
     width: 100%;
     box-sizing: border-box;
+    font-size: 14px;
     outline: none;
     font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
 }
@@ -329,6 +330,171 @@ pre code, pre tt {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(176, 160, 170, 0.5);
     border: 1px solid #b0a0aa;
 }
+.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.65;
+    font-size: 16px;
+    word-break: break-all
+}
+
+.content-reset ul,.content-reset ol {
+    padding-left: 2em;
+    margin-top: 0;
+    margin-bottom: 16px
+}
+
+.content-reset li {
+    margin-top: 0.25em
+}
+
+.content-reset img {
+    cursor: zoom-in
+}
+
+.editor-panel .content-reset img,img.emoji {
+    cursor: auto
+}
+
+.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 rgba(0,0,0,0.38)
+}
+
+.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;
+    word-break: break-word
+}
+
+.content-reset pre>code {
+    padding: 0.5em;
+    border-radius: 0;
+    color: rgba(0,0,0,0.87);
+    background-color: rgba(0,0,0,0.04);
+    background-image: url(../images/code-bg.png);
+    background-size: 20px 20px;
+    border-radius: 5px
+}
+
+.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 rgba(0,0,0,0.38);
+    border-bottom-color: #bbb;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #bbb
+}
+
+.content-reset li.task-list-item {
+    list-style: none
+}
+
+.content-reset li.task-list-item>input {
+    margin-left: -2em;
+    vertical-align: middle
+}
 /* end common */
 
 /* start emotions */
@@ -346,7 +512,8 @@ pre code, pre tt {
     -moz-transition: all .2s ease-out;
 }
 
-#emotions span:hover {
+#emotions span:hover,
+#emotionsReply span:hover {
     transform: scale(1.2) rotate(360deg);
     -webkit-transform: scale(1.2) rotate(360deg);
     -moz-transform: scale(1.2) rotate(360deg);