Browse Source

Update audiolevel to scss.

pull/29/head^2
Evan Theurer 11 years ago
parent
commit
04d34e235c
  1. 31
      src/styles/components/_audiolevel.scss

31
src/styles/components/_audiolevel.scss

@ -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);
}
}
Loading…
Cancel
Save