1 files changed, 117 insertions, 1 deletions

diff --git a/res/styles.css b/res/styles.css
index ef11d4f..e12c0b0 100644
--- a/res/styles.css
+++ b/res/styles.css
@@ -42,6 +42,7 @@ body{
     min-height: 100%;
     box-sizing: border-box;
     padding: 5px;
+    position: relative;
 }
 
 #container-uppper {
@@ -223,6 +224,9 @@ body{
 
 #paginate {
     width: 100%; 
+    position:absolute;
+    bottom:0;
+    left:0;
 }
 
 #paginate a {
@@ -249,4 +253,116 @@ body{
     background-color: #000;
     text-decoration-line: none;
     display: block;
-}
\ No newline at end of file
+}
+
+.album_container { 
+    width: 200px; 
+    height: 250px;
+    background-color: #e9e9e9;
+    margin: 10px;
+    float:left;
+    position:relative;
+}
+
+.album_container .cover_img { 
+    width: 100%; 
+    left: 0px;
+}
+
+.album_container .play_img{ 
+    object-fit: cover;
+    position: absolute;
+    left: 0px;
+    width: 100%;
+    z-index: 10;
+    display: none;
+}
+
+.album_container .album_title { 
+    display: block;
+    height: 45px;
+    font-size:10px;
+    padding: 3px;
+    text-align: center;
+    overflow:hidden;
+    line-height: 40px;
+    text-decoration-line: none;
+    font-weight:bold;
+    background:#000;
+    color:#fff;
+}
+
+.album_container .album_title:hover{
+    background:#ffffffff;
+    color:#3a3a3a;
+}
+
+.album_container .album_image_root { 
+    width: 200px; 
+    height: 200px;
+}
+
+
+.music_container_wide { 
+    width: 100%; 
+    height: 45px;
+    margin: 0px 10px;
+    float:left;
+    position:relative;
+}
+
+.music_container_wide .cover_img { 
+    width: 45px; 
+    left: 0px;
+}
+
+.music_container_wide .play_img{ 
+    object-fit: cover;
+    position: absolute;
+    left: 45px;
+    width: 45px;
+    z-index: 10;
+    display: none;
+}
+
+.music_container_wide .music_title { 
+    display: block;
+    height: 45px;
+    font-size:10px;
+    text-align: left;
+    overflow:hidden;
+    line-height: 40px;
+    text-decoration-line: none;
+    font-weight:bold;
+    float:left;
+    width: calc(100% - 100px);
+    padding-left: 15px;
+    box-sizing: border-box;
+
+    background:#ffffffff;
+    color:#3a3a3a;
+
+}
+
+.music_container_wide .music_title:hover{
+    background:#000;
+    color:#fff;
+}
+
+.music_container_wide .music_image_root { 
+    width: 45px; 
+    height: 45px;
+    float: left;
+}
+
+.music_container_wide .music_index{
+    display: block;
+    width: 45px;
+    height:45px;
+    float:left;
+    line-height: 45px;
+    text-align: center;
+    font-size:18px;
+    color:#fff;
+    background-color: #000;
+}