2021-08-06 12:39:59 +02:00
|
|
|
body{
|
|
|
|
margin: 5em;
|
2021-08-13 17:53:07 +02:00
|
|
|
background: #ccc;
|
2021-08-13 16:48:38 +02:00
|
|
|
}
|
|
|
|
.clickable{
|
|
|
|
cursor:pointer;
|
2021-08-13 18:14:31 +02:00
|
|
|
color: white;
|
2021-08-13 16:48:38 +02:00
|
|
|
}
|
|
|
|
.clickable:hover{
|
2021-08-13 17:53:07 +02:00
|
|
|
background: #222
|
2021-08-13 16:48:38 +02:00
|
|
|
}
|
|
|
|
li.clickable{
|
|
|
|
padding: 1em;
|
|
|
|
}
|
|
|
|
button{
|
2021-08-13 17:54:19 +02:00
|
|
|
padding: 1em;
|
2021-08-13 16:48:38 +02:00
|
|
|
border-radius: 10em;
|
|
|
|
min-width: 2em;
|
|
|
|
min-height: 2em;
|
2021-08-13 17:54:19 +02:00
|
|
|
background: #222;
|
2021-08-13 18:14:31 +02:00
|
|
|
border-width: 0;
|
2021-08-13 16:48:38 +02:00
|
|
|
}
|
|
|
|
#media_player{
|
|
|
|
margin: 2em auto;
|
|
|
|
border: solid 1px grey;
|
|
|
|
padding: 2em;
|
|
|
|
}
|
|
|
|
meter{
|
|
|
|
background: black;
|
2021-08-13 17:53:07 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
audio{
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
#wave_box{
|
|
|
|
border-radius: 0.25em;
|
|
|
|
background: #222;
|
|
|
|
padding: 1em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
2021-08-13 18:14:31 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
marker span{
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul{
|
|
|
|
background: #111;
|
2021-08-06 12:39:59 +02:00
|
|
|
}
|