Playlist. close #27

2011-04-11 08:16:00 +04:00
parent 242c170a41
commit ffea37188c
6 changed files with 94 additions and 12 deletions
@@ -17,7 +17,7 @@ body {
 	margin: 2em;
 }

-.artist {
+h1.artist {
 	display: block;
 	width: 100%;
 	text-align: center;
@@ -99,4 +99,47 @@
 			border: #FFF 3px solid;
 			border-radius: 6px;
 			cursor: pointer;
-		}
+		}
+#playlist {
+	position: fixed;
+	top: 50px;
+	left: 50%;
+	width: 1000px;
+	margin-left: -500px;
+	background-color: #000;
+	opacity: 60;
+	-moz-opacity: 60;
+	-khtml-opacity: 60;
+	-webkit-opacity: 60;
+}
+	#playlist .show-button {
+		width: 100%;
+		height: 10px;
+		background-color: #222;
+		cursor: pointer;
+	}
+	#playlist ul {
+		margin: 0.2em 0.3em;
+		padding: 0;
+		max-height: 10em;
+		overflow-y: scroll;
+	}
+		#playlist ul li {
+			margin: 0;
+			padding: 0.2em 0;
+			display: block;
+			width: 100%;
+			font-size: 0.8em;
+			color: #FFF;
+		}
+			#playlist ul li:hover {
+				background-color: #222;
+				cursor: pointer;
+			}
+			#playlist ul li.now-playing {
+				background-color: #013;
+			}
+			#playlist ul li .length {
+				margin: 0 0.5em;
+				color: #AAA;
+			}