修改样式

yan358941877 · Aug 7, 2017 · 2c76d99 · 2c76d99
1 parent d3be56b
commit 2c76d99
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/home/index.css b/home/index.css
@@ -12,18 +12,12 @@ header {
   height: 9vh;
   background: #d43c33;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  align-items: center;
   padding-left: 3vw;
 }
 
-header h1 {
+header .topsvg {
   height: 4vh;
-  width: 100%;
-}
-
-header h1 .topsvg {
-  height: 100%;
 }
 
 nav ol {
@@ -142,6 +136,7 @@ nav ol li span.active:after {
   position: absolute;
   display: inline-block;
   width: 2em;
+  height: 2em;
   line-height: 2em;
   border: 1px solid #ccc;
   border-radius: 50%;
@@ -235,6 +230,7 @@ footer {
   position: absolute;
   display: inline-block;
   width: 2em;
+  height: 2em;
   line-height: 2em;
   border: 1px solid #ccc;
   border-radius: 50%;

diff --git a/home/index.html b/home/index.html
@@ -12,7 +12,6 @@
 
 <body>
   <header>
-    <h1>
       <svg class="topsvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 284 50">
         <g fill="#fff">
           <path d="m36.37 14.412c-2.115-1.367-4.707-2.117-7.377-2.251l-.595-2.174.018.021c-.023-.064-.043-.127-.063-.189l-.176-.643c-.406-1.86.333-2.748.713-3.067.064-.048.131-.097.204-.145 1.74-1.154 4.218.695 4.357.804 1.1 1.055 3.112 1.315 4.198.236 1.098-1.091.836-3.132-.261-4.223-1.708-1.698-6.95-4.426-11.41-1.467-4.01 2.659-4.09 6.402-3.431 8.565l.8 2.927c-1.339.383-2.624.933-3.797 1.647-4.391 2.676-6.594 7.192-6.04 12.391.564 5.335 4.575 9.208 9.536 9.208 5.267 0 9.551-4.262 9.551-9.501-.071-1.251-.057-1.236-.226-2.354-.165-1.091-1.783-6.218-1.783-6.218.994.229 1.923.602 2.725 1.12 9.06 5.856 5.289 15.176 5.118 15.583-2.495 5.954-7.934 9.509-14.923 9.754-4.555.16-8.919-1.535-12.289-4.772-3.554-3.41-5.591-8.189-5.591-13.11 0-7.414 4.687-14.14 11.662-16.749 1.453-.542 2.625-2.087 1.822-3.881-.632-1.41-2.344-1.895-3.796-1.352-9.156 3.418-15.307 12.251-15.307 21.981 0 6.43 2.664 12.675 7.308 17.14 4.283 4.111 9.793 6.349 15.595 6.349.264 0 .529-.004.793-.014 9.142-.32 16.585-5.251 19.9-13.164 2.071-4.807 3.225-15.684-7.231-22.445m-9.396 12.139c0 2.157-1.764 3.911-3.933 3.911-2.407 0-3.734-2.179-3.949-4.204-.408-3.861 1.619-5.959 3.392-7.04.719-.438 1.509-.781 2.335-1.029 0 0 1.912 6.05 2.061 6.99.164 1.037.094 1.372.094 1.372"></path>
@@ -42,7 +41,6 @@ <h1>
           <path d="m244.15 44.12c-.369.664 0 .904 0 .904 3.641-.994 8.617-6.405 9.83-15h-5.203c0 0-1.152 7.844-4.627 14.1"></path>
         </g>
       </svg>
-    </h1>
 
   </header>
   <nav>

diff --git a/playlist/index.css b/playlist/index.css
@@ -161,8 +161,9 @@ header {
   position: absolute;
   display: inline-block;
   width: 2em;
+  height: 2em;
   line-height: 2em;
-  border: 1px solid #666;
+  border: 1px solid #ccc;
   border-radius: 50%;
   padding-left: 3px;
   text-align: center;

diff --git a/song/index.css b/song/index.css
@@ -64,19 +64,25 @@ body {
   font-size: 10vw;
   display: inline-block;
   width: 15vw;
+  height: 15vw;
   line-height: 15vw;
   border: 1px solid #fff;
   border-radius: 50%;
   background: rgba(0,0,0,0.4);
   text-align: center;
 }
+.disc-panel span.pause::before {
+  display: inline-block;
+  margin-top: 2px;
+}
 .disc-panel span.play {
   text-align: center;
   display: none;
 }
 .disc-panel span.play::before {
   display: inline-block;
   margin-left: 7px;
+  margin-top: 2px;
 }