2015-10-06 11:10:17 -04:00
|
|
|
#music-header
|
2016-11-28 16:51:29 -05:00
|
|
|
text-align: center
|
2016-11-28 11:40:08 -05:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
h1
|
|
|
|
color: white
|
|
|
|
font:
|
|
|
|
size: 34px
|
|
|
|
weight: bold
|
2015-10-02 01:28:32 -04:00
|
|
|
|
2015-10-02 10:28:28 -04:00
|
|
|
#music-list-section
|
2016-11-28 16:51:29 -05:00
|
|
|
.music-list
|
|
|
|
position: relative
|
|
|
|
+transition(background, 200ms)
|
2015-10-02 01:18:17 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
&:hover
|
|
|
|
cursor: pointer
|
|
|
|
background: #f0f0f0
|
2015-10-02 01:28:32 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
.music-list-header
|
|
|
|
margin: 10px 0
|
2015-10-06 11:10:17 -04:00
|
|
|
|
|
|
|
.now-playing-list,
|
|
|
|
.music-list ol
|
2016-11-28 16:51:29 -05:00
|
|
|
margin-left: 15px
|
|
|
|
margin-right: 15px
|
|
|
|
color: $text-color
|
2015-10-06 11:10:17 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
li
|
|
|
|
+transition(background, 200ms)
|
2015-10-06 11:10:17 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
&:hover
|
|
|
|
background: #f0f0f0
|
|
|
|
cursor: pointer
|
2015-10-02 01:28:32 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
a
|
|
|
|
color: $main-color
|
2015-10-02 01:18:17 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
&.selected
|
|
|
|
background: #e0e0e0
|
2015-10-02 01:29:32 -04:00
|
|
|
|
2016-11-28 16:51:29 -05:00
|
|
|
a
|
|
|
|
color: $main-color
|
|
|
|
|
|
|
|
li,
|
|
|
|
a
|
|
|
|
display: block
|
|
|
|
+size(100% 100%)
|
|
|
|
padding: 8px 5px
|
|
|
|
color: $text-color
|
|
|
|
text-decoration: none
|
|
|
|
+transition(color, 200ms)
|
2016-11-28 11:40:08 -05:00
|
|
|
|
2016-11-29 00:04:40 -05:00
|
|
|
#music-player
|
|
|
|
width: 100%
|
2016-11-28 15:47:01 -05:00
|
|
|
|
|
|
|
.album-art
|
2016-11-28 16:51:29 -05:00
|
|
|
width: 100%
|
2016-11-28 20:09:37 -05:00
|
|
|
|
2016-11-28 20:16:54 -05:00
|
|
|
.music-album
|
|
|
|
&.selected
|
|
|
|
.thumbnail
|
|
|
|
background: #e0e0e0
|
2016-11-28 20:09:37 -05:00
|
|
|
|
2016-11-28 20:16:54 -05:00
|
|
|
a
|
|
|
|
color: $main-color
|
2016-11-28 20:09:37 -05:00
|
|
|
|
2016-11-28 20:16:54 -05:00
|
|
|
.thumbnail
|
|
|
|
+transition(background, 200ms)
|
2016-11-28 20:09:37 -05:00
|
|
|
|
2016-11-28 20:16:54 -05:00
|
|
|
&:hover
|
|
|
|
background: #f0f0f0
|
|
|
|
cursor: pointer
|
2016-11-28 20:09:37 -05:00
|
|
|
|
2016-11-28 20:16:54 -05:00
|
|
|
a
|
|
|
|
color: $main-color
|