diff --git a/src/styles/components/_audiolevel.scss b/src/styles/components/_audiolevel.scss index c30cee9f..fc0558ae 100644 --- a/src/styles/components/_audiolevel.scss +++ b/src/styles/components/_audiolevel.scss @@ -18,37 +18,30 @@ * along with this program. If not, see . * */ + #audiolevel { - position:fixed; - top: 38px; - left: 0px; - right: 0px; - width:400px; - margin:0 auto; - z-index:6; + left: 0; + margin: 0 auto; + position: fixed; + right: 0; + top: 38px; + width: 400px; + z-index: 6; + .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+ */ + background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */ + 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 */ + height: 4px; + position: absolute; + margin: 0 auto; + left: 0; + right: 0; + width: 0; + @include border-radius(0 0 2px 2px); + @include transition(width 0.05s ease-in-out); + } } -#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; - 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+ */ - background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */ - 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%; - 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; -} \ No newline at end of file