localhots/oldhaven
1
0
Fork 0
Code Releases Activity

Bringing on

Browse Source
This commit is contained in:
magnolia-fan
2011-06-14 20:05:12 +04:00
parent c4165a928c
commit 2c52349576
46 changed files with 1070 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/stylesheets/albums.css
+81
View File
@@ -0,0 +1,81 @@
/* Main blocks*/
.artist-info {
width: 100%;
float: left;
margin: 25px 0;
}
.albums {
width: 100%;
float: left;
}
/* Artist info block */
.artist-info .pic {
float: left;
width: 250px;
margin: 25px 0;
}
.artist-info .pic img {
margin-left: 25px;
}
.artist-info .name {
margin: 25px 0 0 300px;
}
.artist-info .info {
margin: 0 25px 25px 300px;
}
/* Albums block */
.album {
clear: both;
}
.album .pic {
float: left;
width: 250px;
}
.album .pic > * {
margin-left: 25px;
}
.album .pic .add-album {
margin-top: 15px;
width: auto;
color: #04D;
cursor: pointer;
}
.album .name {
display: block;
margin: 0 0 10px 300px;
}
.album .tracklist {
margin: 0 25px 30px 300px;
}
.album .tracklist ul {
}
.album .tracklist ul li {
display: block;
height: 20px;
padding: 5px 0 0 0;
border-top: #EEE 1px solid;
}
.album .tracklist ul li:hover {
background-color: #FAFAFA;
}
.album .tracklist ul li:first-child {
border-top: none;
}
.album .tracklist ul li .trackname {
float: left;
}
.album .tracklist ul li .index {
display: block;
float: left;
width: 15px;
text-align: right;
margin: 3px 5px 0 0;
font-size: 10px;
color: #555;
}
.album .tracklist ul li .length {
float: right;
}
public/stylesheets/layout.css
+32
View File
@@ -0,0 +1,32 @@
* {
margin: 0;
padding: 0;
border: none;
}
body {
overflow: hidden;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}
#header-container {
margin-right: 350px;
}
#player-container {
width: 350px;
height: 600px;
float: right;
}
#data-container {
width: auto;
margin-right: 350px;
}
#player {
width: 100%;
height: 200px;
}
#playlist {
width: 100%;
}
public/stylesheets/misc.css
+38
View File
@@ -0,0 +1,38 @@
.fullscreen {
width: 100%;
height: 100%;
text-align: center;
}
#navigation {
background-color: #333;
height: 30px;
}
#navigation li {
display: block;
float: left;
width: auto;
height: 30px;
margin-left: 10px;
color: #FFF;
line-height: 30px;
text-shadow: #CCC 0px 0px 0.5px;
}
#navigation li:hover {
cursor: pointer;
text-shadow: #CCC 0px 0px 2px;
}
#navigation li.logo {
font-size: 20px;
line-height: 32px;
font-weight: bold;
margin-right: 12px;
}
/* Colorizing *
#player-container { background-color: #CFC; }
#data-container { background-color: #CCF; }
#player { background-color: #AAC; }
#playlist { background-color: #ACC; }
.artist-info { background-color: #8EA; }
.albums { background-color: #A8E; }
public/stylesheets/player.css
+68
View File
@@ -0,0 +1,68 @@
#player {
background-color: #222;
}
#player .now-playing {
height: 30px;
color: #FFF;
text-align: center;
line-height: 30px;
}
#player .progress {
width: 290px;
height: 10px;
background-color: #333;
margin: 20px 30px;
}
#player .progress .loaded {
width: 0;
height: 10px;
background-color: #405050;
}
#player .progress .played {
width: 0;
height: 10px;
background-color: #09A;
}
#player .controls {
width: 290px;
margin: 40px 95px;
}
#player .controls > div {
width: 40px;
height: 40px;
float: left;
margin-right: 20px;
cursor: pointer;
}
#player .controls .prev {
background-image: url('../icns/prev.png');
}
#player .controls .play {
background-image: url('../icns/play.png');
}
#player .controls .next {
background-image: url('../icns/next.png');
}
.playlist-tracks li {
display: block;
}
.playlist-tracks li .item {
padding: 5px 6px;
}
.playlist-tracks li .item:hover {
background-color: #D0E0F0;
cursor: default;
}
.playlist-tracks li:nth-child(even) {
background-color: #F0F0F0;
cursor: default;
}
.playlist-tracks li.now .item {
background-color: #E0EAF0;
cursor: default;
}
.playlist-tracks li .item .duration {
display: block;
float: right;
}