More CSS and selectors cleanup

resources/css/player.css

@@ -53,26 +53,26 @@ body > div.ui-layout-north > div:last-child > h1 {
 	font-weight: bold;
 }
 
-#daaprProgressTimeRemain,
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > span:first-child,
-#daaprProgressTimeElapsed {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > span:last-child {
 	font-size: 0.7em;
 }
 
-#daaprProgressTimeRemain {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > span:last-child {
 	vertical-align: top;
 	height: 7px;
 	line-height: 7px;
 	padding-right: 5px;
 }
 
-#daaprProgressTimeElapsed {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > span:first-child {
 	vertical-align: top;
 	height: 7px;
 	line-height: 7px;
 	padding-left: 5px;
 }
 
-.daaprProgressWrap {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper {
 	width: auto;
 	text-align: center;
 	margin: 0 auto;
@@ -135,10 +135,12 @@ progress::-webkit-progress-bar-value,
 progress::-webkit-progress-value,
 progress::-moz-progress-bar {
 	-webkit-appearance: progress-bar;
+	-moz-appearance: progress-bar;
+	/*appearance: progress-bar;*/
 	/*background-color: #BFBFBF;*/
 }
 
-progress#daaprPlayerProgress {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > progress {
 	vertical-align: top;
 	/*-moz-border-radius: 7px;
 	-webkit-border-radius: 7px;*/
@@ -150,11 +152,12 @@ progress#daaprPlayerProgress {
 	/*border: 1px solid #393939;*/
 }
 /*
-progress#daaprPlayerProgress, progress#daaprPlayerProgress span {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > progress,
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > progress span {
 	-moz-border-radius: 7px;
 	-webkit-border-radius: 7px;
 }
-progress#daaprPlayerProgress span {
+body > div.ui-layout-north > div:last-child > .playerProgressWrapper > progress span {
 	background: url('../img/progressbar_fg.png') repeat-x;
 	display: block;
 	height: 7px;

resources/templates/player/player-status.html

@@ -1,10 +1,10 @@
 <% if (typeof dmap_itemnname !== "undefined") { %>
 	<div class="daaprPlayerTitleIndicator">{{dmap_itemname}}</div>
 	<div class="daaprPlayerInfoIndicator">{{daap_songartist}}</div>
-	<div class="daaprProgressWrap">
+	<div class="playerProgressWrapper">
-		<span id="daaprProgressTimeElapsed">0:00</span>
+		<span>0:00</span>
-		<progress min="0" max="1" value="0" id="daaprPlayerProgress"></progress>
+		<progress min="0" max="1" value="0"></progress>
-		<span id="daaprProgressTimeRemain">-0:00</span>
+		<span>-0:00</span>
 	</div>
 <% } else { %>
 	<h1>DAAPr<sup>3</sup></h1>