You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
705 B
CSS
51 lines
705 B
CSS
body {
|
|
background:#222;
|
|
color:#ccc;
|
|
}
|
|
|
|
canvas {
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.container{
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
-webkit-transform: translate(-50%,-50%);
|
|
transform: translate(-50%,-50%);
|
|
/* border: 2px solid white; */
|
|
}
|
|
|
|
audio {
|
|
width: 572px;
|
|
}
|
|
|
|
.m3u-player--left, .m3u-player--right {
|
|
appearance: none;
|
|
cursor: pointer;
|
|
/* filter: invert(1); */
|
|
}
|
|
|
|
.m3u-player--title {
|
|
margin: auto;
|
|
appearance: none;
|
|
text-align: center;
|
|
}
|
|
|
|
::-webkit-media-controls-enclosure {
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
@keyframes animate {
|
|
0% {
|
|
filter: hue-rotate(0deg);}
|
|
100% {
|
|
filter: hue-rotate(360deg);}
|
|
}
|
|
|
|
canvas {
|
|
animation: animate linear 30s infinite ;
|
|
}
|