Nudge play-pause and working sprites to the perfect place

This commit is contained in:
Jordan Eldredge 2014-11-16 21:09:24 -08:00
parent 300fdb0e87
commit 905005d0e5
3 changed files with 8 additions and 9 deletions

View file

@ -23,9 +23,8 @@
</div>
<div class='status'>
<div id='clutter-bar'></div>
<div id='play-pause'>
<div id='work-indicator'></div>
</div>
<div id='play-pause'></div>
<div id='work-indicator'></div>
<div id='time'>
<div id='minus-sign'></div>
<div id='minute-first-digit'></div>

View file

@ -11,7 +11,7 @@ SkinManager = {
"#title-bar #close": "TITLEBAR.BMP",
".status #clutter-bar": "TITLEBAR.BMP",
".status #play-pause": "PLAYPAUS.BMP",
".play .status #play-pause #work-indicator": "PLAYPAUS.BMP",
".play .status #work-indicator": "PLAYPAUS.BMP",
".status #time #minus-sign": "NUMBERS.BMP",
".media-info .mono-stereo div": "MONOSTER.BMP",
"#volume": "VOLUME.BMP",

View file

@ -121,23 +121,23 @@ a:focus { outline: none; }
.status #play-pause {
position: absolute;
top: 28px;
left: 24px;
left: 26px;
height: 9px;
width: 9px;
/* background-image: PLAYPAUS.BMP via Javascript */
background-repeat: no-repeat;
}
.play .status #play-pause #work-indicator {
.play .status #work-indicator {
position: absolute;
top: 0px;
left: 0px;
top: 28px;
left: 24px;
height: 9px;
width: 3px;
/* background-image: PLAYPAUS.BMP via Javascript */
background-position: -36px 0;
}
.play .status #play-pause #work-indicator.selected {
.play .status #work-indicator.selected {
background-position: -39px 0;
}