|
|
|
@ -18,23 +18,16 @@
@@ -18,23 +18,16 @@
|
|
|
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
|
|
|
* |
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
#audiolevel { |
|
|
|
|
left: 0; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
position: fixed; |
|
|
|
|
right: 0; |
|
|
|
|
top: 38px; |
|
|
|
|
left: 0px; |
|
|
|
|
right: 0px; |
|
|
|
|
width: 400px; |
|
|
|
|
margin:0 auto; |
|
|
|
|
z-index: 6; |
|
|
|
|
} |
|
|
|
|
#audiolevel .audio-level { |
|
|
|
|
height: 4px; |
|
|
|
|
-webkit-border-bottom-right-radius: 2px; |
|
|
|
|
-webkit-border-bottom-left-radius: 2px; |
|
|
|
|
-moz-border-radius-bottomright: 2px; |
|
|
|
|
-moz-border-radius-bottomleft: 2px; |
|
|
|
|
border-bottom-right-radius: 2px; |
|
|
|
|
border-bottom-left-radius: 2px; |
|
|
|
|
.audio-level { |
|
|
|
|
background: #9dd53a; /* Old browsers */ |
|
|
|
|
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */ |
|
|
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */ |
|
|
|
@ -42,13 +35,13 @@
@@ -42,13 +35,13 @@
|
|
|
|
|
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */ |
|
|
|
|
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */ |
|
|
|
|
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */ |
|
|
|
|
width:0%; |
|
|
|
|
height: 4px; |
|
|
|
|
position: absolute; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
left:0px; |
|
|
|
|
right:0px; |
|
|
|
|
-webkit-transition: width 0.05s ease-in-out; |
|
|
|
|
-moz-transition: width 0.05s ease-in-out; |
|
|
|
|
-o-transition: width 0.05s ease-in-out; |
|
|
|
|
transition: width 0.05s ease-in-out; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
width: 0; |
|
|
|
|
@include border-radius(0 0 2px 2px); |
|
|
|
|
@include transition(width 0.05s ease-in-out); |
|
|
|
|
} |
|
|
|
|
} |