* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font-family: sans-serif;
height: 100%;
}
main {
height: 100%;
display: flex;
flex-direction: column;
}
aside {
padding: .5em;
float: right;
max-width: 120px;
max-height: 120px;
position: absolute;
right: 0;
top: 0;
}
img.audioCoverArt{
height: 60px;
width: 60px;
}
article{
background-color: #1b1c1d;
color: white;
position: relative;
display: block;
padding: 1.25em;
}
.queue-wrapper {
flex: 1;
padding: .5em;
background-color: #2f3030;
height: 100%;
overflow-y: auto;
}
table {
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
td {
padding: .5em;
font-size: 90%;
border: 0px;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.current-song * {
background-color: white;
color: black;
}
tr:hover {
background-color: #1b1c1d;
color: white;
}
tr {
cursor: pointer;
color: white;
}
audio {
width: 100%;
vertical-align: bottom;
background-color: #1b1c1d;
}
audio::-webkit-media-controls-enclosure{
border-radius: 0px;
max-height: 40px;
}
audio::-webkit-media-controls-play-button {
background-color: lightblue;
}