1
0
Fork 0

Further player selectors cleanup

master
Matthieu Lalonde 12 years ago
parent eda113b6d2
commit 652ed3ebc1

@ -69,7 +69,7 @@ body > div.ui-layout-north {
right: 0;*/ right: 0;*/
} }
form#wrapperSearchWidget { body > .ui-layout-north > form {
display: inline-block; display: inline-block;
float: right; float: right;
clear: right; clear: right;
@ -78,18 +78,18 @@ body > div.ui-layout-north {
z-index: 100; z-index: 100;
} }
form#wrapperSearchWidget button { body > .ui-layout-north > form button {
height: 20px; height: 20px;
width: 25px; width: 25px;
line-height: 0px; line-height: 0px;
padding: 0; padding: 0;
} }
form#wrapperSearchWidget button [class*=" icon-"] { body > .ui-layout-north > form button [class*=" icon-"] {
margin-top: 0; margin-top: 0;
} }
form#wrapperSearchWidget input { body > .ui-layout-north > form input {
height: 18px; height: 18px;
padding: 0; padding: 0;
padding-left: 3px; padding-left: 3px;

@ -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;
} }

@ -1,4 +1,4 @@
<div class="daaprControlsWrap"> <div>
<a id="buttonPrev" class="disabled"></a> <a id="buttonPrev" class="disabled"></a>
<a id="buttonPlay" class="disabled"></a> <a id="buttonPlay" class="disabled"></a>
<a id="buttonNext" class="disabled"></a> <a id="buttonNext" class="disabled"></a>
@ -9,7 +9,7 @@
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<form action="#" class="form-search controls" id="wrapperSearchWidget"> <form action="#" class="form-search controls">
<div class="input-prepend"> <div class="input-prepend">
<button type="submit" tabindex="-1" class="btn"><i class="icon-search"></i></button> <button type="submit" tabindex="-1" class="btn"><i class="icon-search"></i></button>
<input type="text" tabindex="1" class="span3 search-query"> <input type="text" tabindex="1" class="span3 search-query">

Loading…
Cancel
Save