style: scrolling button

Remove <li> label.
MOxFIVE · Oct 12, 2015 · f1c3cfa · f1c3cfa
1 parent b0cda27
commit f1c3cfa
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 26 deletions.
diff --git a/themes/Yilia/layout/_partial/article.ejs b/themes/Yilia/layout/_partial/article.ejs
@@ -94,9 +94,9 @@
     border-bottom: none;
     }
     </style>
-    <ul class="scroll">
-    <li><a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a></li>
-    <li><a href="#ds-thread" title="查看评论"><i class="fa fa-comments-o"></i></a></li>
-    <li><a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a></li>
-    </ul>
+    <div class="scroll">
+    <a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
+    <a href="#ds-thread" title="查看评论"><i class="fa fa-comments-o"></i></a>
+    <a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a>
+    </div>
 <% } %>
diff --git a/themes/Yilia/layout/_partial/scrolling-button.ejs b/themes/Yilia/layout/_partial/scrolling-button.ejs
@@ -1,4 +1,4 @@
-<ul class="scroll" id="scroll">
-<li><a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a></li>
-<li><a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a></li>
-</ul>
+<div class="scroll" id="scroll">
+<a href="#" title="返回顶部"><i class="fa fa-arrow-up"></i></a>
+<a href="#footer" title="转到底部"><i class="fa fa-arrow-down"></i></a>
+</div>
diff --git a/themes/Yilia/source/css/_partial/main.styl b/themes/Yilia/source/css/_partial/main.styl
@@ -313,15 +313,12 @@
 		line-height: 30px;
 	}
 }
-
 .duoshuo{
 	padding: 0 40px;
 }
-
 #disqus_thread{
 	padding: 0 40px;
 }
-
 .search {
 	padding: 0;
 	margin-top: 1px;
@@ -339,38 +336,27 @@
 		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 	};
 }
-
 /*MOxFIVE's color schemes*/
-body {
-
-}
 #container .left-col {
 	background-color: rgba(255,255,255,.85);
 }
 #container .mid-col {
 	background-color: rgba(255,255,255,.8);
-}
-.overlay {
-
 }
 .player {
 	opacity: 0.5;
 }
 .player:hover {
 	opacity: .9;
 };
-
-#header .profilepic {
-
-}
-
 .scroll {
 	z-index: 999;
 	position: fixed;
 	top: 61.8%;
 	right: 0px;
 	text-align: center;
-	li {
+	a {
+		display: block;
 		width: 29px;
 		font-size: 28px;
 		background: rgba(215, 216, 215, .4);
@@ -387,7 +373,7 @@ body {
 		padding-top: 6px;
 		padding-bottom: 6px;
 	}
-	li:hover {
+	a:hover {
 		background: rgba(147, 181, 224, .3); 
 		.fa {
 		color: white;