1 files changed, 128 insertions, 0 deletions
diff --git a/res/admin.css b/res/admin.css
index 64b6fc8..beca966 100644
--- a/res/admin.css
+++ b/res/admin.css
@@ -9,5 +9,133 @@ body{
     min-height:100%;
     padding:10px;
     box-sizing: border-box;
+    position:relative;
+}
+
+#add-music-link {
+    text-decoration: none;
+    color:black;
+    float:right;
+    font-size:12px;
+    padding: 5px;
+}
+
+#add-music-link:hover {
+    color:white;
+    background-color: black;
+}
+
+.admin-h1{
+    float:left;
+    font-size:20px;
+    display:block;
+    color:#c5c5c5;
+    height: 25px;
+    font-weight: bold;
+}
+
+.admin-music {
+    background-color: #fafafa;
+    box-sizing: border-box;
+    padding: 5px;
+    margin-bottom: 10px;
+}
+
+.admin-music .admin-music-cover {
+    width:30px;
+    height:30px;
+    float: left; 
+}
+
+#admin-music-list{
+    margin: 10px 0;
+}
+
+.admin-music a{
+    display: block;
+    float:right;    
+    height:30px;
+    line-height: 30px;
+    text-decoration: none;
+    padding: 0 10px;
+    font-size:12px;
+    font-weight: bold;
+}
+
+.admin-music a:hover{
+    color: white;
+}
+
+.admin-music .admin-music-modify {
+    color:black;
+    margin-right: 10px;
+}
+
+.admin-music .admin-music-modify:hover {
+    background-color: black;
+}
+
+.admin-music .admin-music-delete {
+    color:red;
+}
+
+.admin-music .admin-music-delete:hover {
+    background-color: red;
+    color:white;
+}
+
+.admin-music-name {
+    display: block;
+    float: left;
+    height: 30px;
+    line-height: 30px;
+    font-size: 15px;
+    margin-left: 30px;
+    width: 150px;
+    overflow:hidden;
+}
+
+.admin-music-id {
+    display: block;
+    float: left;
+    height: 30px;
+    line-height: 30px;
+    font-size: 15px;
+    margin-left: 10px;
+    width: 30px;
+}
+
+/* paginate */
+
+#admin-paginate {
+    width: 100%; 
+    position: absolute;
+    bottom: 0;
+}
+
+#admin-paginate a {
+    color:rgb(0, 0, 0);
+    text-decoration-line: none;
+    display: block;
+    width: 30px;
+    height: 30px;
+    text-align: center;
+    line-height: 30px;
+    float:left;
+    margin-right: 5px;
+}
+
+#admin-paginate a:hover{
+    color:#fff;
+    background-color: #000;
+    text-decoration-line: none;
+    display: block;
+}
+
+#admin-paginate .current{
+    color:#fff;
+    background-color: #000;
+    text-decoration-line: none;
+    display: block;
 }