fixed #12494

nijigen/css/_icon.scss

@@ -108,4 +108,4 @@
 
 .icon__rss:before {
   content: "\e901";
-}
+}

nijigen/css/base.css

@@ -786,7 +786,7 @@ a {
     color: #fff;
     padding: 0 15px;
     display: inline-block; }
-    .header a:hover {
+    .header a.current, .header a:hover {
       text-decoration: none;
       background-color: rgba(102, 88, 184, 0.8); }
   .header__logo {
@@ -946,8 +946,7 @@ a {
     list-style: none;
     margin-bottom: 30px;
     box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
-    transition: all .3s;
-    position: relative; }
+    transition: all .3s; }
     .comments__item:hover {
       box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); }
       .comments__item:hover .comments__avatar {
@@ -975,7 +974,8 @@ a {
   .comments__content {
     border-radius: 0 0 5px 5px;
     background-color: rgba(255, 255, 255, 0.8);
-    padding: 15px 15px 15px 45px; }
+    padding: 15px 15px 15px 45px;
+    position: relative; }
   .comments__avatar {
     position: absolute;
     height: 54px;
@@ -985,7 +985,7 @@ a {
     border: 2px solid #fff;
     border-radius: 35px;
     left: -29px;
-    top: 15px;
+    top: -23px;
     transition: all .8s ease; }
   .comments__captcha {
     height: 30px; }
@@ -1025,6 +1025,52 @@ a {
   margin: 0 0 0 10px;
   padding: 0 15px; }
 
+.icon__up {
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  color: #fff;
+  background-color: rgba(114, 102, 186, 0.8);
+  height: 30px;
+  width: 30px;
+  line-height: 28px;
+  border-radius: 15px;
+  cursor: pointer;
+  display: none;
+  text-align: center; }
+  .icon__up:hover {
+    background-color: #6658b8; }
+
+.content .b3-solo-list {
+  display: none !important; }
+
+.b3-solo-list {
+  margin: 0 !important;
+  font-size: 14px !important; }
+
+.b3-solo-list-h1 {
+  margin: 0 !important; }
+
+.b3-solo-list-h2 {
+  margin: 0 !important; }
+  .b3-solo-list-h2 a {
+    padding-left: 30px !important; }
+
+.b3-solo-list-h3 {
+  margin: 0 !important; }
+  .b3-solo-list-h3 a {
+    padding-left: 45px !important; }
+
+.b3-solo-list-h4 {
+  margin: 0 !important; }
+  .b3-solo-list-h4 a {
+    padding-left: 60px !important; }
+
+.b3-solo-list-h5 {
+  margin: 0 !important; }
+  .b3-solo-list-h5 a {
+    padding-left: 75px !important; }
+
 @media (max-width: 768px) {
   .header__nav {
     display: none; }
@@ -1069,6 +1115,13 @@ a {
     position: absolute;
     width: 100%;
     z-index: 1; }
+    .header__m img {
+      float: left;
+      height: 20px;
+      width: 20px;
+      margin: 0 5px 0 0; }
+    .header__m a.current {
+      color: #b94a48; }
     .header__m .icon__list {
       position: absolute;
       top: -35px;
@@ -1080,4 +1133,8 @@ a {
       .header__m .module__list li {
         background-color: #fff; }
   .module__content.ft__center {
-    text-align: left; } }
+    text-align: left; }
+  .comments__avatar {
+    height: 48px;
+    width: 48px;
+    left: -14px; } }

nijigen/css/base.scss

@@ -212,6 +212,8 @@ a {
     color: #fff;
     padding: 0 15px;
     display: inline-block;
+
+    &.current,
     &:hover {
       text-decoration: none;
       background-color: rgba($purple-dark, 0.8);
@@ -437,7 +439,6 @@ a {
     margin-bottom: 30px;
     box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
     transition: all .3s;
-    position: relative;
 
     &:hover {
       box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8);
@@ -465,6 +466,7 @@ a {
     background: rgba(217, 237, 247, 0.6);
     color: $black;
     padding-right: 15px;
+
     a {
       font-weight: 700;
       color: $black;
@@ -482,6 +484,7 @@ a {
     border-radius: 0 0 5px 5px;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 15px 15px 15px 45px;
+    position: relative;
   }
 
   &__avatar {
@@ -493,7 +496,7 @@ a {
     border: 2px solid #fff;
     border-radius: 35px;
     left: -29px;
-    top: 15px;
+    top: -23px;
     transition: all .8s ease;
   }
 
@@ -548,6 +551,66 @@ a {
   }
 }
 
+.icon__up {
+  position: fixed;
+  bottom: 30px;
+  right: 30px;
+  color: #fff;
+  background-color: rgba($purple, 0.8);
+  height: 30px;
+  width: 30px;
+  line-height: 28px;
+  border-radius: 15px;
+  cursor: pointer;
+  display: none;
+  text-align: center;
+
+  &:hover {
+    background-color: $purple-dark;
+  }
+}
+
+.content .b3-solo-list {
+  display: none !important;
+}
+
+.b3-solo-list {
+  margin: 0 !important;
+  font-size: 14px !important;
+}
+
+.b3-solo-list-h1 {
+  margin: 0 !important;
+}
+
+.b3-solo-list-h2 {
+  margin: 0 !important;
+  a {
+    padding-left: 30px !important;
+  }
+}
+
+.b3-solo-list-h3 {
+  margin: 0 !important;
+  a {
+    padding-left: 45px !important;
+  }
+}
+
+.b3-solo-list-h4 {
+  margin: 0 !important;
+  a {
+    padding-left: 60px !important;
+  }
+}
+
+.b3-solo-list-h5 {
+  margin: 0 !important;
+  a {
+    padding-left: 75px !important;
+  }
+}
+
 @media (max-width: 768px) {
   .header__nav {
     display: none;
@@ -619,6 +682,17 @@ a {
     width: 100%;
     z-index: 1;
 
+    img {
+      float: left;
+      height: 20px;
+      width: 20px;
+      margin: 0 5px 0 0;
+    }
+
+    a.current {
+      color: #b94a48;
+    }
+
     .icon__list {
       position: absolute;
       top: -35px;
@@ -639,4 +713,10 @@ a {
   .module__content.ft__center {
     text-align: left;
   }
+
+  .comments__avatar {
+    height: 48px;
+    width: 48px;
+    left: -14px;
+  }
 }