cyp/app/app.css
Ondrej Zara 28b8d4ad84 player
2019-03-21 10:32:58 +01:00

36 lines
555 B
CSS

body {
margin: 0;
display: flex;
flex-direction: column;
height: 100vh;
}
main {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
}
nav ul li {
text-align: center;
flex-grow: 1;
line-height: 40px;
}
nav ul li:hover {
background-color: red;
}
#player:not([data-state=play]) .pause {
display: none;
}
#player[data-state=play] .play {
display: none;
}
#player:not(.random) .random,
#player:not(.repeat) .repeat {
opacity: 0.5;
}