mirror of
https://github.com/antos-rde/antosdk-apps.git
synced 2024-07-05 23:59:47 +02:00
109 lines
3.3 KiB
CSS
109 lines
3.3 KiB
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;}
|
|
}
|