2015-10-06 11:10:17 -04:00
|
|
|
#music-header
|
|
|
|
|
text-align: center
|
2016-11-28 11:40:08 -05:00
|
|
|
|
2015-10-06 11:10:17 -04: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
|
2015-10-02 01:18:17 -04:00
|
|
|
.music-list
|
2015-10-02 01:25:55 -04:00
|
|
|
position: relative
|
2015-10-02 01:33:10 -04:00
|
|
|
+transition(background, 200ms)
|
2015-10-02 01:18:17 -04:00
|
|
|
|
2015-10-02 01:25:55 -04:00
|
|
|
&:hover
|
|
|
|
|
cursor: pointer
|
2015-10-02 01:30:45 -04:00
|
|
|
background: #f0f0f0
|
2015-10-02 01:28:32 -04:00
|
|
|
|
2015-10-06 11:10:17 -04:00
|
|
|
.music-list-header
|
|
|
|
|
margin: 10px 0
|
|
|
|
|
|
|
|
|
|
.now-playing-list,
|
|
|
|
|
.music-list ol
|
|
|
|
|
margin-left: 15px
|
|
|
|
|
margin-right: 15px
|
|
|
|
|
color: $text-color
|
|
|
|
|
|
|
|
|
|
li
|
|
|
|
|
+transition(background, 200ms)
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
background: #f0f0f0
|
2015-10-02 01:28:32 -04:00
|
|
|
|
2015-10-02 01:29:32 -04:00
|
|
|
a
|
2015-10-06 11:10:17 -04:00
|
|
|
color: $main-color
|
2015-10-02 01:18:17 -04:00
|
|
|
|
2015-10-06 11:10:17 -04:00
|
|
|
&.selected
|
|
|
|
|
background: #e0e0e0
|
2015-10-02 01:29:32 -04:00
|
|
|
|
2015-10-06 11:10:17 -04:00
|
|
|
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-28 11:41:41 -05:00
|
|
|
#music-player-card
|
|
|
|
|
.mejs-container
|
|
|
|
|
width: 100%
|
|
|
|
|
|
|
|
|
|
.mejs-container,
|
|
|
|
|
.mejs-mediaelement,
|
|
|
|
|
.mejs-controls
|
|
|
|
|
background: transparent
|
