article menu

src/main/webapp/skins/next/css/main.css

@@ -1035,40 +1035,25 @@ body {
 .sidebar-panel-active {
   display: block;
 }
-.post-toc {
-  overflow: hidden;
-  position: relative;
-}
-.post-toc-empty {
-  font-size: 14px;
-  color: #666;
-}
-.post-toc ol {
+ul.b3-solo-list {
   overflow: auto;
-  margin: 0;
+  margin: 20px 0;
   padding: 0 10px 10px;
   text-align: left;
   list-style: none;
   font-size: 14px;
+  text-align: left;
 }
-.post-toc ol a {
+
+.b3-solo-list li {
+    list-style: none;
+}
+.b3-solo-list ul a {
   color: #999;
 }
-.post-toc ol a:hover {
+.b3-solo-list ul a:hover {
   color: #ccc;
 }
-.post-toc .nav .nav-child {
-  display: none;
-}
-.post-toc .nav .active > .nav-child {
-  display: block;
-}
-.post-toc .nav .active-current > .nav-child {
-  display: block;
-}
-.post-toc .nav .active-current > .nav-child > .nav-item {
-  display: block;
-}
 .post-toc .nav .active > a {
   color: #ccc;
 }
@@ -1078,20 +1063,6 @@ body {
 .post-toc .nav .active-current > a:hover {
   color: #87daff;
 }
-.post-toc-indicator {
-  height: 20px;
-  text-align: center;
-  color: #fff;
-  font-size: 14px;
-}
-.post-toc-indicator-top {
-  opacity: 0;
-  margin-top: 10px;
-}
-.post-toc-indicator-bottom {
-  position: absolute;
-  width: 100%;
-}
 .footer {
   font-size: 14px;
   color: #999;
@@ -2292,6 +2263,16 @@ ul li {
 .site-search input:focus {
   opacity: 1;
 }
+.page-post-detail .post-title,
+.page-post-detail .post-meta {
+  text-align: center;
+}
+.page-post-detail .post-title:before {
+  display: none;
+}
+.page-post-detail .post-meta {
+  margin-bottom: 60px;
+}
 .pagination {
   margin: 120px 0 0;
   text-align: left;

src/main/webapp/skins/next/css/next.css

@@ -89,8 +89,8 @@ ul.comments {
     left: 69px;
 }
 
-.comments .post-meta {
-    margin-top: 0;
+#comments.comments .post-meta {
+    margin: 0;
 }
 
 #captcha, 
@@ -99,21 +99,27 @@ ul.comments {
     display: inline-block;
     vertical-align: inherit;
 }
-.post-meta {
+
+#commentValidate,
+#commentValidateReply {
+    vertical-align: middle;
+}
+
+#comments .post-meta {
     font-family: "Open Sans","Microsoft Yahei",Helvetica;
     color: #9eabb3;
 }
-.post-meta a {
+#comments .post-meta a {
     color: #9EABB3;
     text-decoration: none;
     border-bottom-width: 0;
 }
 
-.post-meta a:hover {
+#comments .post-meta a:hover {
     text-decoration: underline;
 }
 
-.post-meta time {
+#comments .post-meta time {
     border-left: 1px solid #d5dbde;
     display: inline-block;
     font-size: 13px;
@@ -123,7 +129,7 @@ ul.comments {
     white-space: nowrap;
 }
 
-.post-author {
+#comments .post-author {
     box-sizing: border-box;
     display: block;
     position: absolute;
@@ -140,7 +146,7 @@ ul.comments {
     box-shadow: #E7EEF2 0 0 0 1px;
 }
 
-.post-author a {
+#comments .post-author a {
     background-size: cover;
     background-position: center center;
     width: 68px;

src/main/webapp/skins/next/js/next.js

@@ -24,28 +24,36 @@
  * @description next 皮肤脚本
  * @static
  */
-$('.sidebar-toggle').click(function () {
-    var $sidebar = $('#sidebar');
-    if ($(this).hasClass('sidebar-active')) {
-        $(this).removeClass('sidebar-active');
-        
-        $('body').animate({
-            'padding-right': 0
-        });
-        $sidebar.animate({
-            width: 0
-        }, function () {
-            $sidebar.hide();
-        });
+var NexT = {
+    init: function () {
+        $('.sidebar-toggle').click(function () {
+            var $sidebar = $('#sidebar');
+            if ($(this).hasClass('sidebar-active')) {
+                $(this).removeClass('sidebar-active');
 
-    } else {
-        $(this).addClass('sidebar-active');
-        $sidebar.show();
-        $('body').animate({
-            'padding-right': 320
-        });
-        $sidebar.animate({
-            width: 320
+                $('body').animate({
+                    'padding-right': 0
+                });
+                $sidebar.animate({
+                    width: 0
+                }, function () {
+                    $sidebar.hide();
+                });
+
+            } else {
+                $(this).addClass('sidebar-active');
+                $sidebar.show();
+                $('body').animate({
+                    'padding-right': 320
+                });
+                $sidebar.animate({
+                    width: 320
+                });
+            }
         });
+    },
+    initArticle: function () {
+        $('.sidebar-inner').html($('.b3-solo-list'));
     }
-});
+};
\ No newline at end of file
+NexT.init();
\ No newline at end of file

src/main/webapp/skins/next/macro-comments.ftl

@@ -145,6 +145,7 @@
                         };
                         (function () {
                             page.load();
+                            NexT.initArticle();
                             // emotions
                             page.replaceCommentsEm("#comments .comment-content");
                             <#nested>