Pony.fm/public/styles/player.less
nelsonlaquet 18e41d2af4 Logout
Volume Slider
Track Uploader
Fav list
A bunch of other things
And stuff.
2013-08-30 20:46:35 -05:00

152 lines
No EOL
1.9 KiB
Text

@import-once 'variables';
@import-once 'mixins';
.track-player {
margin-right: 75px;
padding: 10px;
.image {
float: left;
width: 43px;
height: 43px;
img {
.img-polaroid();
display: block;
width: 100%;
padding: 1px;
}
}
.inner {
margin-left: 55px;
}
.song, .artist {
.ellipsis();
line-height: normal;
display: block;
a {
color: #555;
&:hover {
text-decoration: none;
color: #111;
}
}
}
.song {
font-weight: bold;
}
.volume-slider {
display: none;
}
.transport {
background: @pfm-light-grey;
height: 8px;
position: relative;
cursor: pointer;
margin-top: 4px;
.bar {
z-index: 500;
background: @pfm-purple;
}
.loader-bar {
z-index: 200;
background: #ddd;
}
.bar, .loader-bar {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
}
}
.buttons {
list-style: none;
margin: 0px;
padding: 0px;
float: right;
li.status {
font-size: 10pt;
margin-top: 12px;
margin-right: 5px;
strong {
font-weight: normal;
}
}
li {
line-height: normal;
float: left;
margin: 0px;
padding: 0px;
font-size: 15pt;
> a {
display: block;
padding: 5px 0px;
width: 40px;
text-align: center;
color: #5A5A5A;
&:hover {
text-decoration: none;
background: darken(#eee, 10%);
color: #000;
}
}
&.volume {
position: relative;
.volume-slider {
display: none;
z-index: 1000;
position: absolute;
left: 0px;
top: 33px;
width: 100%;
height: 150px;
background: #ddd;
.bar {
background: @pfm-purple;
width: 10px;
margin: auto;
height: 100%;
position: relative;
}
.knob {
position: absolute;
top: 0px;
left: -3px;
background: darken(@pfm-purple, 20%);
width: 16px;
height: 16px;
}
}
&:hover, &.keep-open {
.volume-slider {
display: block;
}
background: #ddd;
}
}
}
}
}