Change button style

support-project · May 20, 2016 · 04213c6 · 04213c6
1 parent 050f406
commit 04213c6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/main/webapp/WEB-INF/views/commons/layout/commonFooter.jsp b/src/main/webapp/WEB-INF/views/commons/layout/commonFooter.jsp
@@ -37,4 +37,4 @@
 		<!-- /copy -->
 	</div>
 	<!-- /footer -->
-    <p class="pagetop" style="display: none;"><a href="#content_top">トップ</a></p>
+    <p class="pagetop" style="display: none;"><a href="#content_top"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></p>
diff --git a/src/main/webapp/css/common.css b/src/main/webapp/css/common.css
@@ -142,23 +142,31 @@ body {
     right: 30px;
 }
 .pagetop a {
+    border-radius: 30px;
+    width: 60px;
+    height: 60px;
     display: block;
-    background-color: #ccc;
     text-align: center;
-    color: #222;
-    font-size: 12px;
+    vertical-align: middle;
+    background-color: #666699;
+    color: white;
+    font-size: 20px;
     text-decoration: none;
-    padding: 20px 10px;
+    padding:15px 10px;
 }
 
 .pagetop a:hover {
+    border-radius: 30px;
+    width: 60px;
+    height: 60px;
     display: block;
-    background-color: #222;
     text-align: center;
+    vertical-align: middle;
+    background-color: #333366;
     color: #fff;
-    font-size: 12px;
+    font-size: 20px;
     text-decoration: none;
-    padding:20px 10px;
+    padding:15px 10px;
 }