|
|
@ -79,14 +79,14 @@ body > div.ui-layout-north > div:last-child > h1 {
|
|
|
|
height: 9px;
|
|
|
|
height: 9px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap {
|
|
|
|
body > .ui-layout-north > div:first-child {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
clear: left;
|
|
|
|
clear: left;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-left: 25px;
|
|
|
|
margin-left: 25px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonPlay {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPlay {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
clear: none;
|
|
|
|
clear: none;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
@ -96,17 +96,17 @@ body > div.ui-layout-north > div:last-child > h1 {
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-right: 4px;
|
|
|
|
background: transparent url('../img/button_play.png') no-repeat left top;
|
|
|
|
background: transparent url('../img/button_play.png') no-repeat left top;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.daaprControlsWrap #buttonPlay.playing {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPlay.playing {
|
|
|
|
background-image: url('../img/button_pause.png');
|
|
|
|
background-image: url('../img/button_pause.png');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonPlay.stopped {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPlay.stopped {
|
|
|
|
background-image: url('../img/button_stop.png');
|
|
|
|
background-image: url('../img/button_stop.png');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonVolume,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonVolume,
|
|
|
|
.daaprControlsWrap #buttonPrev,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPrev,
|
|
|
|
.daaprControlsWrap #buttonNext {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonNext {
|
|
|
|
float: left;
|
|
|
|
float: left;
|
|
|
|
clear: none;
|
|
|
|
clear: none;
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
@ -115,20 +115,20 @@ body > div.ui-layout-north > div:last-child > h1 {
|
|
|
|
margin-top: 3px;
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonPrev {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPrev {
|
|
|
|
background: url('../img/button_prev.png') no-repeat left top;
|
|
|
|
background: url('../img/button_prev.png') no-repeat left top;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonNext {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonNext {
|
|
|
|
background: url('../img/button_next.png') no-repeat left top;
|
|
|
|
background: url('../img/button_next.png') no-repeat left top;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.daaprControlsWrap #buttonNext:active,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonNext:active,
|
|
|
|
.daaprControlsWrap #buttonPrev:active,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPrev:active,
|
|
|
|
.daaprControlsWrap #buttonPlay:active,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPlay:active,
|
|
|
|
.daaprControlsWrap #buttonNext.disabled:active,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonNext.disabled:active,
|
|
|
|
.daaprControlsWrap #buttonPrev.disabled:active,
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPrev.disabled:active,
|
|
|
|
.daaprControlsWrap #buttonPlay.disabled:active {
|
|
|
|
body > .ui-layout-north > div:first-child #buttonPlay.disabled:active {
|
|
|
|
background-position: left bottom;
|
|
|
|
background-position: left bottom;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|