cyp/app/app.css

43 lines
670 B
CSS
Raw Normal View History

2019-03-20 05:56:39 +08:00
body {
margin: 0;
display: flex;
flex-direction: column;
height: 100vh;
}
2019-03-21 17:32:58 +08:00
main {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
nav ul {
2019-03-20 05:56:39 +08:00
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
}
2019-03-21 17:32:58 +08:00
nav ul li {
2019-03-20 05:56:39 +08:00
text-align: center;
flex-grow: 1;
line-height: 40px;
}
2019-03-21 17:32:58 +08:00
nav ul li:hover {
2019-03-20 05:56:39 +08:00
background-color: red;
}
2019-03-22 22:35:04 +08:00
nav ul li.active {
background-color: green;
}
2019-03-21 17:32:58 +08:00
#player:not([data-state=play]) .pause {
display: none;
}
#player[data-state=play] .play {
display: none;
2019-03-20 05:56:39 +08:00
}
2019-03-22 22:35:04 +08:00
#player:not([data-flags~=random]) .random,
#player:not([data-flags~=repeat]) .repeat {
2019-03-21 17:32:58 +08:00
opacity: 0.5;
2019-03-20 05:56:39 +08:00
}
2019-03-22 22:35:04 +08:00
#queue .current {
font-weight: bold;
}