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

9IPHP/article-list.ftl

@@ -32,7 +32,9 @@
                 </#if>
                 <#if article.hasUpdated>
                     <sup>
+                        <a href="${servePath}${article.articlePermalink}">
                             ${updatedLabel}
+                        </a>
                     </sup>
                 </#if>
             </h1>

9IPHP/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.2.0.0, Jul 17, 2019
+ * @version 1.3.0.0, Aug 2, 2019
 */
 /* start common */
 @import "../../../scss/reset";
@@ -549,15 +549,27 @@ aside {
   margin-bottom: 10px;
 }
 
-.post h1 a {
+.post h1 > a {
   font-size: 24px;
   font-weight: 500;
   text-decoration: none;
 }
 
+.post sup,
 .post sup  {
   color: #aaa;
   font-weight: 300;
+  a {
+    color: #aaa;
+    cursor: text;
+    &:hover {
+      color: #aaa;
+    }
+    &:visited {
+      color: #fff;
+    }
+  }
+
 }
 
 .post .meta {

Andrea/article-list.ftl

@@ -29,16 +29,18 @@
                 <a rel="bookmark" href="${servePath}${article.articlePermalink}" title="${tags1Label}${article.articleTags}">
                     ${article.articleTitle}
                 </a>
-                <#if article.hasUpdated>
-                <sup>
-                    ${updatedLabel}
-                </sup>
-                </#if>
                 <#if article.articlePutTop>
                     <sup>
                         ${topArticleLabel}
                     </sup>
                 </#if>
+                <#if article.hasUpdated>
+                    <sup>
+                        <a href="${servePath}${article.articlePermalink}">
+                            ${updatedLabel}
+                        </a>
+                    </sup>
+                </#if>
             </h2>
             <div class="article-date">
                 <#if article.hasUpdated>

Andrea/css/base.scss

@@ -19,7 +19,7 @@
  * skin andrea style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.3.0.0, Jul 17, 2019
+ * @version 2.4.0.0, Aug 2, 2019
 */
 @import "../../../scss/toc";
 @import "vditor/src/assets/scss/classic";
@@ -190,7 +190,7 @@ img {
 /* main */
 .main-content {
   padding: 0 45px;
-  background-color: #D4D4D4;
+  background-color: #d9d7d4;
 }
 
 .main-content > h2 {
@@ -268,14 +268,14 @@ img {
   *line-height: 28px;
 }
 
-.article h2 a {
+.article h2 > a {
   color: #363636;
   font-size: 24px;
   line-height: 24px;
   text-decoration: none;
 }
 
-.article h2 a:hover {
+.article h2 > a:hover {
   color: #BE0700;
   text-decoration: underline;
 }
@@ -284,6 +284,17 @@ img {
   color: #BE0700;
   font-size: 10px;
   vertical-align: top;
+  a {
+    text-decoration: none;
+    cursor: text;
+    vertical-align: top;
+    &:hover {
+      color:  #BE0700;
+    }
+    &:visited {
+      color: #d9d7d4;
+    }
+  }
 }
 
 .article-abstract {
@@ -544,6 +555,7 @@ img {
 /* article */
 .vditor-reset--article {
   padding-bottom: 20px;
+  margin-top: 20px;
 
   &::-webkit-scrollbar {
     display: none;
@@ -681,7 +693,7 @@ h2.comment-label {
 #tagsPanel a {
   display: block;
   float: left;
-  border: 1px solid #D4D4D4;
+  border: 1px solid #d9d7d4;
 }
 
 #tagsPanel a:hover {

Bubble/article-list.ftl

@@ -31,7 +31,9 @@
                 </#if>
                 <#if article.hasUpdated>
                     <sup>
+                        <a href="${servePath}${article.articlePermalink}">
                         ${updatedLabel}
+                        </a>
                     </sup>
                 </#if>
             </h2>

Bubble/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.3.0.0, Jul 17, 2019
+ * @version 0.4.0.0, Aug 2, 2019
  */
 @import "../../../scss/reset";
 @import "../../../scss/usite";
@@ -518,7 +518,7 @@ a {
     }
 
     &__title {
-      a {
+      & > a {
         color: $black;
         font-size: 24px;
         line-height: 24px;
@@ -533,6 +533,19 @@ a {
         font-size: 12px;
         font-weight: normal;
         color: rgba($gray, 0.8);
+
+        a {
+          color: rgba($gray, 0.8);
+          cursor: text;
+
+          &:hover {
+            text-decoration: none;
+          }
+
+          &:visited {
+            color: #fff;
+          }
+        }
       }
     }
 

Casper/article-list.ftl

@@ -47,7 +47,9 @@
                 </#if>
                 <#if article.hasUpdated>
                     <sup>
+                        <a href="${servePath}${article.articlePermalink}">
                             ${updatedLabel}
+                        </a>
                     </sup>
                 </#if>
             </h2>

Casper/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.2.0.0, Jul 17, 2019
+ * @version 0.3.0.0, Aug 2, 2019
  */
 @import "../../../scss/reset";
 @import "../../../scss/usite";
@@ -49,6 +49,7 @@ a {
 
 .ft__a {
   color: $gray;
+
   &:hover {
     color: rgba($gray, .8);
   }
@@ -63,6 +64,7 @@ a {
 .header {
   color: #fff;
   position: relative;
+
   &--index {
     &:before {
       content: "";
@@ -75,22 +77,28 @@ a {
       filter: brightness(48%);
     }
   }
+
   &--article {
     background-color: $black-bg;
     height: 64px;
+
     .header__title {
       display: none;
     }
+
     .header__nav a {
       margin-bottom: 0;
       line-height: 64px;
     }
   }
+
   &--other {
     height: 407px;
+
     .header__title {
       display: none;
     }
+
     &:before {
       content: "";
       height: 100%;
@@ -101,32 +109,39 @@ a {
       background-size: cover;
       filter: brightness(48%);
     }
+
     .header__nav a {
       margin-bottom: 0;
       line-height: 64px;
     }
   }
+
   &__title {
     position: relative;
     text-align: center;
   }
+
   &__h1 {
     font-size: 30px;
     padding-top: 140px;
     font-weight: normal;
+
     img {
       height: 32px;
       width: 32px;
       margin-right: 10px;
     }
+
     a {
       color: #fff;
+
       &:hover {
         text-decoration: none;
         color: $fade-lighter;
       }
     }
   }
+
   &__h2 {
     font-size: 20px;
     font-weight: 300;
@@ -134,14 +149,17 @@ a {
     color: $fade-lighter;
     line-height: 24px;
   }
+
   &__nav {
     position: relative;
+
     a {
       font-size: 13px;
       float: left;
       line-height: 24px;
       color: $fade-lighter;
       margin: 0 20px 90px 0;
+
       &:hover {
         color: #fff;
         text-decoration: none;
@@ -165,8 +183,10 @@ a {
   padding: 20px 0;
   background-color: $black-bg;
   color: #fff;
+
   a {
     color: $fade-lighter;
+
     &:hover {
       text-decoration: none;
       color: #fff;
@@ -184,6 +204,7 @@ a {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -20px;
+
   .item {
     flex: 1 1 300px;
     overflow: hidden;
@@ -195,6 +216,7 @@ a {
     display: flex;
     flex-direction: column;
     background-color: #fff;
+
     &--large {
       flex-direction: row;
       flex: 1 1 100%;
@@ -210,15 +232,18 @@ a {
         flex: unset;
       }
     }
+
     &:hover {
       box-shadow: 8px 28px 50px rgba(39, 44, 49, .07), 1px 6px 12px rgba(39, 44, 49, .04);
       transform: translate3D(0, -1px, 0) scale(1.02);
     }
+
     &__cover {
       background-size: cover;
       background-position: center center;
       height: 200px;
     }
+
     &__main {
       padding: 25px;
       box-sizing: border-box;
@@ -226,6 +251,7 @@ a {
       flex-direction: column;
       flex: 1;
     }
+
     &__tag {
       display: inline-block;
       margin-bottom: 4px;
@@ -235,26 +261,45 @@ a {
       font-weight: 500;
       letter-spacing: .5px;
       text-transform: uppercase;
+
       &:hover {
         text-decoration: none;
         color: rgba($gray, 0.8);
       }
     }
+
     &__title {
       margin-bottom: 10px;
-      a {
+
+      & > a {
         color: $black;
         font-size: 18px;
         line-height: 24px;
+
         &:hover {
           text-decoration: none;
           color: rgba($black, 0.8);
         }
       }
+
       sup {
         font-size: 12px;
         font-weight: normal;
         color: rgba($gray, 0.8);
+
+        a {
+          color: rgba($gray, 0.8);
+          cursor: text;
+
+          &:hover {
+            color: rgba($gray, 0.8);
+            text-decoration: none;
+          }
+
+          &:visited {
+            color: #fff;
+          }
+        }
       }
     }
 
@@ -262,6 +307,7 @@ a {
       line-height: 24px;
       color: $black;
       flex: 1;
+
       &:hover {
         text-decoration: none;
         color: rgba($black, 0.8);
@@ -272,6 +318,7 @@ a {
       float: right;
       margin-top: 18px;
       color: $gray;
+
       &:hover {
         text-decoration: none;
         color: rgba($gray, 0.8);
@@ -281,6 +328,7 @@ a {
     &__avatar {
       margin-top: 10px;
       float: left;
+
       img {
         height: 32px;
         width: 32px;
@@ -304,11 +352,13 @@ a {
     line-height: 30px;
     font-size: 12px;
     margin: 0 5px 40px;
+
     &:hover,
     &--active {
       opacity: 0.68;
       text-decoration: none;
     }
+
     &--omit {
       background-color: transparent;
       color: $black;
@@ -318,13 +368,16 @@ a {
 
 .article {
   background-color: #fff;
+
   &__bottom {
     background-color: #fff;
     position: relative;
+
     .fn__flex {
       flex-wrap: wrap;
       margin: 0 -20px;
     }
+
     .item {
       position: relative;
       flex: 1 1 300px;
@@ -335,6 +388,7 @@ a {
       overflow: hidden;
       text-align: center;
       box-sizing: border-box;
+
       &:before {
         content: "";
         position: absolute;
@@ -346,16 +400,19 @@ a {
         background-size: cover;
         filter: brightness(48%);
       }
+
       h3 {
         color: #fff;
         position: relative;
         margin-bottom: 20px;
       }
+
       ul {
         padding-left: 0;
         position: relative;
         list-style: none;
       }
+
       a {
         display: block;
         border-bottom: 1px solid rgba($gray, .8);
@@ -365,6 +422,7 @@ a {
       }
     }
   }
+
   &__top {
     position: fixed;
     width: 100%;
@@ -374,6 +432,7 @@ a {
     height: 60px;
     transition: all .3s ease;
     z-index: 1;
+
     .title {
       float: left;
       margin-left: 20px;
@@ -381,9 +440,11 @@ a {
       font-size: 22px;
     }
   }
+
   &__share {
     float: right;
     position: relative;
+
     .item {
       height: 60px;
       width: 60px;
@@ -394,32 +455,41 @@ a {
       color: #fdc200;
       cursor: pointer;
       transition: all .3s ease;
+
       svg {
         height: 20px;
         width: 20px;
       }
+
       &[data-type="wechat"] {
         color: #3caf36;
+
         &:hover {
           background-color: #3caf36;
         }
       }
+
       &[data-type="twitter"] {
         color: #18a3fa;
+
         &:hover {
           background-color: #18a3fa;
         }
       }
+
       &[data-type="weibo"] {
         color: #f93;
+
         &:hover {
           background-color: #f93;
         }
       }
+
       &:hover {
         color: #fff;
         background-color: #fdc200;
       }
+
       &__qr {
         position: absolute;
         top: 61px;
@@ -427,6 +497,7 @@ a {
       }
     }
   }
+
   &__progress {
     position: absolute;
     right: 0;
@@ -437,32 +508,39 @@ a {
     border: none;
     background: transparent;
     -webkit-appearance: none;
+
     &::-webkit-progress-value {
       background-color: $link;
     }
+
     &::-webkit-progress-bar {
       background-color: transparent;
     }
   }
+
   .item {
     &__meta {
       padding-top: 76px;
       font-size: 14px;
       text-transform: uppercase;
       color: rgba($gray, .8);
+
       a {
         color: $gray;
       }
     }
+
     &__title {
       font-size: 28px;
       margin-bottom: 40px;
+
       sup {
         font-size: 14px;
         font-weight: normal;
         color: rgba($gray, .8);
       }
     }
+
     &__cover {
       height: 800px;
       background-size: cover;
@@ -472,19 +550,23 @@ a {
       border-radius: 5px;
       filter: sepia(0.2) contrast(1.3) opacity(.86);
     }
+
     &__content {
       padding: 70px 100px 0;
       box-sizing: border-box;
       background-color: #fff;
+
       &--article {
         margin-top: -164px;
         position: relative;
         padding-bottom: 30px;
+
         &::-webkit-scrollbar {
           display: none;
         }
       }
     }
+
     &__tip {
       margin-bottom: 40px;
       border-radius: 5px;
@@ -495,6 +577,7 @@ a {
       background: #f4f8fb;
       cursor: pointer;
       font-size: 18px;
+
       &:hover {
         box-shadow: 8px 28px 50px rgba(39, 44, 49, .07), 1px 6px 12px rgba(39, 44, 49, .04);
         transform: translate3D(0, -1px, 0) scale(1.02);
@@ -521,10 +604,12 @@ a {
     margin: 0;
     font-size: 14px;
     line-height: 24px;
+
     li.current a,
     a:hover {
       color: $link;
     }
+
     a {
       display: block;
       margin-top: -24px;
@@ -543,6 +628,7 @@ a {
       content: '';
       border-radius: 50%;
     }
+
     &.current:before {
       background-color: $link;
     }
@@ -552,11 +638,13 @@ a {
 .comment {
   background-color: #f4f8fb;
   position: relative;
+
   &__wrapper {
     margin: 0 auto;
     padding: 0 100px 0.1px;
     box-sizing: border-box;
   }
+
   &-body-ref {
     position: absolute;
     left: 80px;
@@ -598,8 +686,10 @@ a {
       color: rgba($gray, .8);
       float: left;
       line-height: 40px;
+
       a {
         color: $gray;
+
         &:hover {
           color: rgba($gray, .8);
         }
@@ -634,6 +724,7 @@ a {
 
 .other {
   position: relative;
+
   &__title {
     margin: -220px 0 5px;
     color: #fff;
@@ -641,14 +732,17 @@ a {
     text-align: center;
     font-weight: 400;
   }
+
   &__meta {
     color: #fff;
     font-size: 14px;
     text-align: center;
+
     &--list {
       margin-bottom: 154px;
     }
   }
+
   &__content {
     background-color: #fff;
     padding: 70px 100px;
@@ -656,15 +750,18 @@ a {
     box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
     border-radius: 5px;
   }
+
   &__item {
     line-height: 20px;
     margin: 10px;
     white-space: nowrap;
     display: block;
+
     &--archive {
       width: 187px;
       display: inline-block;
     }
+
     span, div {
       color: $gray;
       font-size: 12px;
@@ -677,28 +774,36 @@ a {
 @media (max-width: 768px) {
   .header {
     padding: 10px 0;
+
     &__h1 {
       padding-top: 60px;
     }
+
     &__h2 {
       margin-bottom: 40px;
     }
+
     &__nav {
       .fn__right {
         float: none;
       }
+
       a {
         margin: 0 10px 0 0;
       }
     }
+
     &--article {
       height: auto;
+
       .header__nav a {
         line-height: 24px;
       }
     }
+
     &--other {
       height: 360px;
+
       .header__nav a {
         line-height: 24px;
       }
@@ -708,8 +813,10 @@ a {
   .articles {
     position: initial;
     margin: 10px -5px 0 -5px;
+
     .item {
       margin: 0 5px 10px;
+
       &--large {
         flex-direction: column;
         flex: 1 1 300px;
@@ -729,6 +836,7 @@ a {
   .pagination {
     margin-top: 0;
     margin-bottom: 5px;
+
     &__item {
       margin-bottom: 5px;
     }
@@ -745,9 +853,11 @@ a {
   .article {
     &__top {
       height: 40px;
+
       .title {
         display: none;
       }
+
       .toc {
         display: block;
         float: left;
@@ -756,29 +866,36 @@ a {
         cursor: pointer;
       }
     }
+
     &__share .item {
       height: 40px;
       width: 40px;
       padding: 10px 0;
     }
+
     .item {
       &__meta {
         padding-top: 40px;
       }
+
       &__cover {
         display: none;
       }
+
       &__content {
         padding: 10px 10px 0;
+
         &--article {
           margin-top: -20px;
         }
       }
     }
+
     &__bottom {
       .fn__flex {
         margin: 0 0 10px 0;
       }
+
       .item {
         margin: 10px 0 0 0;
       }
@@ -789,6 +906,7 @@ a {
     &__title {
       padding: 10px 0;
     }
+
     &__wrapper {
       padding: 0 10px 0.1px;
     }
@@ -797,6 +915,7 @@ a {
     .item {
       margin-bottom: 10px;
       padding: 10px;
+
       &__avatar {
         margin-bottom: 10px;
       }
@@ -807,10 +926,12 @@ a {
     &__title {
       margin-top: -280px;
     }
+
     &__content {
       padding: 20px;
       margin: 40px auto 10px;
     }
+
     &__meta--list {
       margin-bottom: 40px;
     }

Community/article-list.ftl

@@ -56,14 +56,16 @@
             <a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
                 ${article.articleTitle}
             </a>
-            <#if article.hasUpdated>
+            <#if article.articlePutTop>
-            <sup class="red">
+                <sup>
-                ${updatedLabel}
+                    ${topArticleLabel}
                 </sup>
             </#if>
-            <#if article.articlePutTop>
+            <#if article.hasUpdated>
-            <sup class="red">
+                <sup>
-                ${topArticleLabel}
+                    <a href="${servePath}${article.articlePermalink}">
+                        ${updatedLabel}
+                    </a>
                 </sup>
             </#if>
         </h2>

Community/css/base.scss

@@ -20,7 +20,7 @@
  * skin community style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.3.0.0, Jul 17, 2019
+ * @version 2.4.0.0, Aug 2, 2019
  */
 @import "../../../scss/reset";
 @import "../../../scss/toc";
@@ -298,6 +298,20 @@ a.header-title {
 
 .article-main h2.title sup {
   font-size: 12px;
+
+  a {
+    cursor: text;
+    color: #555555;
+
+    &:hover {
+      color: #555555;
+      text-decoration: none;
+    }
+
+    &:visited {
+      color: #fff;
+    }
+  }
 }
 
 .read-more a {

Finding/article-list.ftl

@@ -36,16 +36,18 @@
             <a rel="bookmark" href="${servePath}${article.articlePermalink}">
                 ${article.articleTitle}
             </a>
-            <#if article.hasUpdated>
-            <sup class="post-tip">
-                ${updatedLabel}
-            </sup>
-            </#if>
             <#if article.articlePutTop>
                 <sup class="post-tip">
                     ${topArticleLabel}
                 </sup>
             </#if>
+            <#if article.hasUpdated>
+                <sup>
+                    <a class="post-tip" href="${servePath}${article.articlePermalink}">
+                        ${updatedLabel}
+                    </a>
+                </sup>
+            </#if>
         </h2>
     </header>
     <section class="post-excerpt post-content fn-clear">

Finding/css/base.scss

@@ -21,7 +21,7 @@
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
  * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 2.4.0.0, Jul 17, 2019
+ * @version 2.5.0.0, Aug 2, 2019
  */
 @import "../../../scss/toc";
 @import "../../../scss/usite";
@@ -799,6 +799,15 @@ article.post:after {
   font-size: 1.3rem;
   white-space: nowrap;
   color: #9EABB3;
+  cursor: text;
+
+  &:hover {
+    color: #9EABB3;
+  }
+
+  &:visited {
+    color: #fff;
+  }
 }
 
 .post-excerpt p {

Jane/article-list.ftl

@@ -30,7 +30,9 @@
             </#if>
             <#if article.hasUpdated>
                 <sup>
+                    <a href="${servePath}${article.articlePermalink}">
                         ${updatedLabel}
+                    </a>
                 </sup>
             </#if>
         </h2>

Jane/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.4.0.0, Jul 17, 2019
+ * @version 0.5.0.0, Aug 2, 2019
 */
 @import "../../../scss/reset";
 @import "../../../scss/function";
@@ -186,7 +186,7 @@ a {
   &__title {
     padding: 20px 0;
 
-    a {
+    & > a {
       text-decoration: none;
       font-size: 25px;
       font-weight: bold;
@@ -203,6 +203,20 @@ a {
       color: $gray;
       font-size: 12px;
       top: -10px;
+
+      a {
+        cursor: text;
+        color: #999;
+
+        &:hover {
+          color: #999;
+          text-decoration: none;
+        }
+
+        &:visited {
+          color: #fff;
+        }
+      }
     }
   }
 

Medium/article-list.ftl

@@ -42,7 +42,9 @@
                     </#if>
                     <#if article.hasUpdated>
                         <sup>
+                            <a href="${servePath}${article.articlePermalink}">
                                 ${updatedLabel}
+                            </a>
                         </sup>
                     </#if>
                 </h2>

Medium/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.2.0.0, Jul 17, 2019
+ * @version 2.3.0.0, Aug 2, 2019
  */
 @import "../../../scss/reset";
 @import "../../../scss/usite";
@@ -441,6 +441,19 @@
     top: -6px;
     font-size: 12px;
     color: #03a87c;
+
+    a {
+      cursor: text;
+      color: #03a87c;
+
+      &:hover {
+        color: #03a87c;
+      }
+
+      &:visited {
+        color: #fff;
+      }
+    }
   }
 
   &__content {

NeoEase/article-list.ftl

@@ -24,16 +24,18 @@
         <a rel="bookmark" class="article-title" href="${servePath}${article.articlePermalink}">
             ${article.articleTitle}
         </a>
-        <#if article.hasUpdated>
-        <sup class="tip">
-            ${updatedLabel}
-        </sup>
-        </#if>
         <#if article.articlePutTop>
             <sup class="tip">
                 ${topArticleLabel}
             </sup>
         </#if>
+        <#if article.hasUpdated>
+            <sup>
+                <a class="tip tip__sup" href="${servePath}${article.articlePermalink}">
+                ${updatedLabel}
+                </a>
+            </sup>
+        </#if>
         </span>
         <span class="expand-ico" onclick="getArticle(this, '${article.oId}');"></span>
         <span class="clear"></span>

NeoEase/css/base.scss

@@ -19,7 +19,7 @@
  * skin neoease style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.2.0.0, Jul 17, 2019
+ * @version 2.3.0.0, Aug 2, 2019
  */
 @import "../../../scss/toc";
 @import "../../../scss/usite";
@@ -120,6 +120,19 @@ textarea, input {
 .tip {
   color: #D54E21;
   font-size: 11px;
+
+  &__sup {
+    cursor: text;
+    &:link {
+      color: #D54E21;
+    }
+    &:hover {
+      color: #D54E21;
+    }
+    &:visited {
+      color: #F9F9F9;
+    }
+  }
 }
 
 .em-span {

Pinghsu/article-list.ftl

@@ -36,8 +36,10 @@
                     </sup>
                     </#if>
                     <#if article.hasUpdated>
-                    <sup class="ft__red">
+                        <sup>
+                            <a class="ft__red" href="${servePath}${article.articlePermalink}">
                                 ${updatedLabel}
+                            </a>
                         </sup>
                     </#if>
                     <h2 class="item__title">

Pinghsu/css/base.scss

@@ -19,7 +19,7 @@
  * skin style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 0.3.0.0, Jul 17, 2019
+ * @version 0.4.0.0, Aug 2, 2019
 */
 @import "../../../scss/reset";
 @import "../../../scss/function";
@@ -346,6 +346,14 @@ a:active, a:focus, a:hover {
       background-color: #fff;
       position: absolute;
       width: 100%;
+
+      sup a {
+        cursor: text;
+
+        &:visited {
+          color: #fff;
+        }
+      }
     }
 
     &__abstract {

favourite/article-list.ftl

@@ -23,14 +23,16 @@
         <a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
             ${article.articleTitle}
         </a>
-        <#if article.hasUpdated>
+        <#if article.articlePutTop>
-        <sup class="red">
+            <sup>
-            ${updatedLabel}
+                ${topArticleLabel}
             </sup>
         </#if>
-        <#if article.articlePutTop>
+        <#if article.hasUpdated>
-        <sup class="red">
+            <sup>
-            ${topArticleLabel}
+                <a href="${servePath}${article.articlePermalink}">
+                    ${updatedLabel}
+                </a>
             </sup>
         </#if>
     </h2>

favourite/css/base.scss

@@ -20,7 +20,7 @@
  * skin favoutite style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.3.0.0, Jul 17, 2019
+ * @version 2.4.0.0, Aug 2, 2019
  */
 @import "../../../scss/reset";
 @import "../../../scss/toc";
@@ -272,6 +272,19 @@ img {
 
 .article-title sup {
   font-size: 12px;
+
+  a {
+    color: #000;
+    cursor: text;
+
+    &:hover {
+      color: #000;
+    }
+
+    &:visited {
+      color: #fff;
+    }
+  }
 }
 
 .article-title a {

i-nove/article-list.ftl

@@ -23,14 +23,16 @@
         <a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
             ${article.articleTitle}
         </a>
-        <#if article.hasUpdated>
+        <#if article.articlePutTop>
-        <sup class="red">
+            <sup>
-            ${updatedLabel}
+                ${topArticleLabel}
             </sup>
         </#if>
-        <#if article.articlePutTop>
+        <#if article.hasUpdated>
-        <sup class="red">
+            <sup>
-            ${topArticleLabel}
+                <a href="${servePath}${article.articlePermalink}">
+                    ${updatedLabel}
+                </a>
             </sup>
         </#if>
     </h2>

i-nove/css/base.scss

@@ -20,7 +20,7 @@
  * skin i-nove style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.2.0.0, Jul 17, 2019
+ * @version 2.3.0.0, JAug 2, 2019
  */
 @import "../../../scss/toc";
 @import "../../../scss/reset";
@@ -277,6 +277,19 @@ h5 {
 
 .article-title sup {
   font-size: 12px;
+
+  a {
+    color: #555555;
+    cursor: text;
+
+    &:hover {
+      color: #555555;
+    }
+
+    &:visited {
+      color: #fff;
+    }
+  }
 }
 
 .article-title a {

metro-hot/article-list.ftl

@@ -44,16 +44,16 @@
             </div>
 
             <h2 class="article-title">
-                <#if article.hasUpdated>
-                <span>
-                    [${updatedLabel}]
-                </span>
-                </#if>
                 <#if article.articlePutTop>
                     <span>
                     [${topArticleLabel}]
                     </span>
                 </#if>
+                <#if article.hasUpdated>
+                    <span>
+                        [${updatedLabel}]
+                    </span>
+                </#if>
                 <a rel="bookmark" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
                     ${article.articleTitle}
                 </a>

next/article-list.ftl

@@ -32,7 +32,9 @@
                 </#if>
                 <#if article.hasUpdated>
                     <sup>
+                        <a class="post__sup" href="${servePath}${article.articlePermalink}">
                             ${updatedLabel}
+                        </a>
                     </sup>
                 </#if>
             </h1>

next/css/base.scss

@@ -20,7 +20,7 @@
  * skin next style
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.2.1.0, Jul 19, 2019
+ * @version 2.3.0.0, Aug 2, 2019
  */
 @import "../../../scss/usite";
 @import "../../../scss/toc";
@@ -754,6 +754,16 @@ img {
   }
 }
 
+.post__sup {
+  cursor: text;
+  border-bottom: 0;
+  &:hover {
+    color: #555;
+  }
+  &:visited {
+    color: #fff;
+  }
+}
 /* end article */
 
 /* start comments */

owmx-3.0/article-list.ftl

@@ -22,14 +22,16 @@
     <a rel="bookmark" href="${servePath}${article.articlePermalink}">
         ${article.articleTitle}
     </a>
-    <#if article.hasUpdated>
+    <#if article.articlePutTop>
-    <sup class="red">
+        <sup>
-        ${updatedLabel}
+            ${topArticleLabel}
         </sup>
     </#if>
-    <#if article.articlePutTop>
+    <#if article.hasUpdated>
-    <sup class="red">
+        <sup>
-        ${topArticleLabel}
+            <a class="sup" href="${servePath}${article.articlePermalink}">
+                ${updatedLabel}
+            </a>
         </sup>
     </#if>
 </h1>

owmx-3.0/css/base.scss

@@ -29,7 +29,7 @@ Update: 	Dongxu Wang 2011-02-24
 /*
  * skin owmx-3.0 style
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.3.0.0, Jul 17, 2019
+ * @version 2.4.0.0, Aug 2, 2019
  */
 @import "../../../scss/toc";
 @import "vditor/src/assets/scss/classic";
@@ -148,6 +148,23 @@ sup {
   top: -4px;
 }
 
+a.sup {
+  color: #444;
+  cursor: text;
+  font-size: 12.5px;
+
+  &:link {
+    color: #444;
+  }
+  &:hover {
+    color: #444;
+  }
+
+  &:visited {
+    color: #fff;
+  }
+}
+
 /* Header */
 header {
   border-radius: 4px;

timeline/article-list.ftl

@@ -34,16 +34,18 @@
                     <a rel="bookmark" href="${servePath}${article.articlePermalink}">
                         ${article.articleTitle}
                     </a>
-                    <#if article.hasUpdated>
-                    <sup>
-                        ${updatedLabel}
-                    </sup>
-                    </#if>
                     <#if article.articlePutTop>
                         <sup>
                             ${topArticleLabel}
                         </sup>
                     </#if>
+                    <#if article.hasUpdated>
+                        <sup>
+                            <a href="${servePath}${article.articlePermalink}">
+                                ${updatedLabel}
+                            </a>
+                        </sup>
+                    </#if>
                 </h3>
                 <div class="vditor-reset">
                     ${article.articleAbstract}

timeline/article.ftl

@@ -62,6 +62,7 @@ ${topBarReplacement}
                             </sup>
                             </#if>
                         </h2>
+                        <br>
                         <div class="vditor-reset">
                         ${article.articleContent}
                         </div>

timeline/css/base.scss

@@ -19,7 +19,7 @@
  * timeline skin style.
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 2.2.0.0, Jul 17, 2019
+ * @version 2.3.0.0, Aug 2, 2019
  */
 @import "../../../scss/usite";
 @import "../../../scss/toc";
@@ -537,6 +537,13 @@ article .article-title {
 article .article-title > sup {
   color: #6599C6;
   font-size: 70%;
+  a {
+    color: #6599C6;
+    cursor: text;
+    &:visited {
+      color: #fff;
+    }
+  }
 }
 
 article .article-title a {

timeline/index.ftl

@@ -69,16 +69,18 @@
                             <a rel="bookmark" href="${servePath}${article.articlePermalink}">
                                 ${article.articleTitle}
                             </a>
-                            <#if article.hasUpdated>
-                            <sup>
-                                ${updatedLabel}
-                            </sup>
-                            </#if>
                             <#if article.articlePutTop>
                             <sup>
                                 ${topArticleLabel}
                             </sup>
                             </#if>
+                            <#if article.hasUpdated>
+                                <sup>
+                                    <a href="${servePath}${article.articlePermalink}">
+                                    ${updatedLabel}
+                                    </a>
+                                </sup>
+                            </#if>
                         </h3>
                         <div class="vditor-reset">
                             ${article.articleAbstract}

timeline/js/timeline.js

@@ -19,7 +19,7 @@
  * @fileoverview timeline js.
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
- * @version 1.0.1.2, Jun 6, 2013
+ * @version 1.1.0.0, Aug 2, 2019
  */
 var timeline = {
     _COLHA: 0,
@@ -249,14 +249,15 @@ var timeline = {
                             + Label.servePath + article.articlePermalink + '">'
                             + article.articleTitle + '</a>';
 
-                    if (article.hasUpdated) {
-                        articlesHTML += '<sup>' + Label.updatedLabel + '</sup>';
-                    }
-
                     if (article.articlePutTop) {
                         articlesHTML += '<sup>' + Label.topArticleLabel + '</sup>';
                     }
 
+                    if (article.hasUpdated) {
+                        articlesHTML += '<sup><a href="'
+                          + Label.servePath + article.articlePermalink + '">' + Label.updatedLabel + '</a></sup>';
+                    }
+
                     articlesHTML += '</h3><p>' + article.articleAbstract + '</p>'
                             + '<span class="ico-tags ico" title="' + Label.tagLabel + '">';
 

yilia/article-list.ftl

@@ -31,7 +31,9 @@
             </#if>
             <#if article.hasUpdated>
                 <sup>
+                    <a href="${servePath}${article.articlePermalink}">
                         ${updatedLabel}
+                    </a>
                 </sup>
             </#if>
         </h2>

yilia/css/base.scss

@@ -21,7 +21,7 @@
  *
  * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
  * @author <a href="http://88250.b3log.org">Liang Ding</a>
- * @version 2.5.0.0, Aug 2, 2019
+ * @version 2.6.0.0, Aug 2, 2019
  */
 @import "../../../scss/toc";
 @import "../../../scss/usite";
@@ -605,6 +605,19 @@ article header sup {
   font-size: 14px;
   font-weight: normal;
   color: #999;
+
+  a {
+    cursor: text;
+    color: #999;
+
+    &:hover {
+      color: #999;
+    }
+
+    &:visited {
+      color: #fff;
+    }
+  }
 }
 
 article header time {