antosdk-apps/MediaPlayer/build/debug/main.css

afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-button button{
    border: 0;
    font-size: 25px;
    padding-top:9px;
    background-color: transparent;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"]{
    padding-top:5px;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"] span::before{
    content: "\f144";
    font-size: 40px;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"] .swon::before{
    content: "\f28b";
}
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="play-time"] {
    text-align: left;
}
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="total-time"] {
    text-align: right;
}
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="song-name"] {
    text-align: center;
    display: inline;
    overflow: hidden;
}
afx-app-window[data-id="MediaPlayer"] afx-slider .dragpoint {
    width:12px;
    height: 12px;
}
afx-app-window[data-id="MediaPlayer"] afx-slider[data-id="vol-control"] .progress {
    background-color: #a6a6a6;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] {
    margin-top:10px;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] span::before{
    content: "\f026";
    font-size: 19px;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] .swon::before{
    content: "\f028";
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] span::before{
    content: "\f074";
    font-size: 16px;
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] .swon::before{
    content: "\f074";
}
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] {
    margin-top:10px;
}
afx-app-window[data-id="MediaPlayer"] afx-list-view[data-id="playlist"] {
    border:1px solid #a6a6a6;
}
afx-app-window[data-id="MediaPlayer"] afx-button.ctlbtn button:active{
    background-color: transparent;
    color:#2786F3;
}
afx-app-window[data-id="MediaPlayer"] .animation {
    position: relative;
}

afx-app-window[data-id="MediaPlayer"] .animation span{  
  width:5px;  
  height: 5px;  
  bottom:18px;
  position:absolute;  
  -webkit-animation: bodong 0.5s infinite  ease;  
}  

afx-app-window[data-id="MediaPlayer"] .animation span:first-child{  
  left:10px;  
  -webkit-animation-delay:.3s;
  background-color: red;
}  

afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(2){  
  left:17px;  
  -webkit-animation-delay:.4s;  
    background-color:orange ;
}  
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(3){  
  left:24px;  
  -webkit-animation-delay:.6s;  
  background-color: #2786F3;
}  
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(4){  
  left:31px;  
  -webkit-animation-delay:.8s;
  background-color: chocolate;
}  
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(5){  
  left:38px;  
  -webkit-animation-delay:1s;
  background-color: blue;
}  

@-webkit-keyframes bodong{  
  0%{height:5px; background:bule;}  
  30%{height:15px; background:bule;}  
  60%{height:20px; background:bule;}  
  80%{height:15px; background:bule;}  
  100%{height:5px; background:bule;}  
}