Added some styles to clean up volume slider
This commit is contained in:
committed by
Prem Sichanugrist
parent
98ed738490
commit
b97f82df8f
@@ -299,14 +299,12 @@ section.course-content {
|
||||
|
||||
&.muted {
|
||||
&>a {
|
||||
// TODO: Replace this with muted speaker icon
|
||||
background: url('../images/closed-arrow.png') 10px center no-repeat;
|
||||
background: url('../images/mute.png') 10px center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
&>a {
|
||||
// TODO: Replace this with speaker icon
|
||||
background: url('../images/open-arrow.png') 10px center no-repeat;
|
||||
> a {
|
||||
background: url('../images/volume.png') 10px center no-repeat;
|
||||
border-right: 1px solid #000;
|
||||
@include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
|
||||
@include clearfix();
|
||||
@@ -335,9 +333,9 @@ section.course-content {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
width: 45px;
|
||||
height: 125px;
|
||||
margin-left: 5px;
|
||||
margin-left: -1px;
|
||||
z-index: 10;
|
||||
|
||||
.volume-slider {
|
||||
@@ -345,6 +343,9 @@ section.course-content {
|
||||
border: 0;
|
||||
width: 5px;
|
||||
margin: 14px auto;
|
||||
background: #666;
|
||||
border: 1px solid #000;
|
||||
@include box-shadow(0 1px 0 #333);
|
||||
|
||||
a.ui-slider-handle {
|
||||
background: $mit-red url(../images/slider-handle.png) center center no-repeat;
|
||||
@@ -360,7 +361,7 @@ section.course-content {
|
||||
}
|
||||
|
||||
.ui-slider-range {
|
||||
background: #666;
|
||||
background: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user