The player is playing!
This commit is contained in:
@@ -24,6 +24,23 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.now-playing {
|
||||
a {
|
||||
color: #126be8 !important;
|
||||
text-shadow: 0 0 1px rgba(255, 255, 255, .2);
|
||||
}
|
||||
.track-play {
|
||||
display: none;
|
||||
}
|
||||
.track-pause {
|
||||
display: block;
|
||||
|
||||
i {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-round {
|
||||
width: 10px;
|
||||
height: 22px;
|
||||
@@ -34,7 +51,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.track-play {
|
||||
.track-play, .track-pause {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 5px;
|
||||
@@ -43,6 +60,9 @@
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
.track-pause {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Track title
|
||||
.title {
|
||||
@@ -112,7 +132,7 @@
|
||||
}
|
||||
background-color: rgba(200, 200, 200, .3);
|
||||
|
||||
.track-play i {
|
||||
.track-play i, .track-pause i {
|
||||
opacity: 1;
|
||||
}
|
||||
.track-add {
|
||||
|
||||
@@ -6,6 +6,7 @@
|
||||
@import "artist";
|
||||
@import "album-track";
|
||||
@import "player";
|
||||
@import "auth";
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700);
|
||||
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
|
||||
@@ -25,6 +26,10 @@ body {
|
||||
.navbar-inner {
|
||||
background: none;
|
||||
@include background-image(linear-gradient(rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .4) 100%));
|
||||
|
||||
.container {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
a.brand {
|
||||
margin-top: 1px;
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
.navbar .auth {
|
||||
margin: 14px 10px 0 15px;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
.player {
|
||||
width: 558px;
|
||||
width: 518px;
|
||||
|
||||
.controls {
|
||||
float: left;
|
||||
@@ -8,6 +8,10 @@
|
||||
a {
|
||||
margin: 5px 6px 0 -9px;
|
||||
}
|
||||
|
||||
.pause {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.progress-bar {
|
||||
position: relative;
|
||||
@@ -25,6 +29,7 @@
|
||||
|
||||
.bar {
|
||||
position: absolute;
|
||||
width: 0%;
|
||||
height: 26px;
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
@include box-shadow(inset 0 0 2px rgba(255, 255, 255, .2));
|
||||
|
||||
Reference in New Issue
Block a user