The player is playing!

This commit is contained in:
Gregory Eremin
2012-09-02 02:03:19 +04:00
parent 43422624f1
commit 9f770892f8
29 changed files with 422 additions and 57 deletions
+22 -2
View File
@@ -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;
+3
View File
@@ -0,0 +1,3 @@
.navbar .auth {
margin: 14px 10px 0 15px;
}
+6 -1
View File
@@ -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));