dany/antosdk-apps
1
0
Fork 0
mirror of https://github.com/antos-rde/antosdk-apps.git synced 2025-07-25 02:09:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

add packages

Browse Source
This commit is contained in:
Xuan Sang LE
2018-04-14 15:52:19 +00:00
parent 1d4957b4c5
commit 2d7acf3f35
21 changed files with 1222 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
MediaPlayer/css/main.css Normal file
View File

@ -0,0 +1,107 @@
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;}
}