1 files changed, 66 insertions, 0 deletions
diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css
index f65e984c..c9e7592c 100644
--- a/themes/classic/templates/default.css
+++ b/themes/classic/templates/default.css
@@ -696,6 +696,71 @@ td.lp_current a {
 } 
 
 /************************************************/
+/*             HTML5 Player                     */
+/************************************************/
+#html5_player #albumart img
+{
+  width: 200px;
+  float: left;
+  margin: 5px;
+}
+#html5_player #title
+{
+  padding-top: 5px;
+}
+#html5_player #artist, #html5_player #album
+{
+  display: inline;
+}
+#html5_player #artist:before
+{
+  content: ' by ';
+}
+#html5_player #progress_text
+{
+  margin: 10px 0px 10px 0px;
+}
+#html5_player #stop, #html5_player #play,#html5_player #pause,#html5_player #next,#html5_player #previous,#html5_player #clear_search
+{
+  display: inline;
+  border: thin solid black;
+  cursor: pointer;
+  padding: 2px;
+  margin-right: 5px;
+}
+#html5_player #playlist
+{
+  overflow-x: hidden;
+  overflow-y: scroll;
+  position: absolute;
+  top: 105px;
+  left: 210px;
+  right: 5px;
+  bottom: 5px;
+}
+#html5_player #playlist li
+{
+  cursor: pointer;
+}
+#html5_player #playlist li.playing
+{
+  font-weight: bold;
+}
+#html5_player #stop.inactive, #html5_player #pause.inactive, #html5_player #play.inactive
+{
+  display: none;
+}
+#html5_player #search
+{
+  top: 54px;
+  right: 5px;
+  position: absolute;
+}
+#html5_player #search input
+{
+  background: transparent;
+}
+/************************************************/
 /*         Styles for Login template            */
 /************************************************/
 #loginPage #maincontainer{
@@ -863,3 +928,4 @@ textarea:focus{
 	color: #c0c0c0; 
 } 
 
+