Skip to content

Commit

Permalink
Update some icons and background colors; take out some extra unneeded…
Browse files Browse the repository at this point in the history 
… elements
  • Loading branch information
@mnutt
mnutt committed Aug 20, 2009
1 parent 6561743 commit e4c0ef8
Show file tree
Hide file tree
Showing 10 changed files with 45 additions and 53 deletions.
8 changes: 4 additions & 4 deletions app/views/cloud/index.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,16 +64,16 @@
</div>
</div>
<div id="sidebar">
<div id="create-playlists">
<a href="{{login_url}}" id="add-playlist">Playlist</a>
<a href="{{login_url}}" class="smart-playlist" id="add-smart-playlist">Smart Playlist</a>
</div>
<h3>Playlists</h3>
<ul id="playlists">
</ul>
<h3>Plugins</h3>
<ul id="plugins">
</ul>
<div id="create-playlists">
<a href="{{login_url}}" id="add-playlist">Playlist</a>
<a href="{{login_url}}" class="smart-playlist" id="add-smart-playlist">Smart Playlist</a>
</div>
<div id="artwork">
<img src="http://a1.soundcloud.com/avatars/0001/1308/i039964_big.jpg" />
</div>
Expand Down
4 changes: 0 additions & 4 deletions app/views/layouts/cloud.html.erb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,6 @@
<body class="logged-in" unselectable="on">
<div id="flash"><div></div></div>
<div id="header">
<div id="login">
<a href="" id="about">About</a> |
<a href="{{login_url}}">Limewire?</a>
</div>
<img src="/images/cloud/logo.png" id="logo" />
<input name="q" maxlength="50" accesskey="f" id="q" type="search" value="Search Artists &amp; Tracks" />
</div>
Expand Down
Binary file modified public/images/cloud/icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/images/cloud/icons.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/images/cloud/logo-mini.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/cloud/playlist_bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/cloud/smart_playlist_bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/images/cloud/stripes.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified public/images/cloud/throbber.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
86 changes: 41 additions & 45 deletions public/stylesheets/cloud/player.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ img {

#main-container {
position: absolute;
top: 33px;
top: 32px;
bottom: 50px;
right: 0;
left: 220px;
Expand Down Expand Up @@ -132,7 +132,7 @@ img {
right: 0;
overflow-y: scroll;
overflow-x: visible;
background: url(../../images/cloud/stripes.png) top left;
background: #000 url(../../images/cloud/stripes.png) top left;
}

tbody > div {
Expand All @@ -153,9 +153,7 @@ tbody > div > div > marquee, tbody > div > div > div {

table.list-header {
width: 100%;
background-color: white;
background-image: url(../../images/cloud/fade-22px.png);
-webkit-background-size: 100% 100%;
background-color: #9e9e9e;
}

table.list-header th {
Expand All @@ -182,7 +180,7 @@ table {
font-size: 11px;
padding-right: 16px;
height: 15px;
color: #555;
color: #222;
}


Expand All @@ -192,7 +190,7 @@ table {
width: 120px;
padding-left: 5px;
margin: 0;
border-right: 1px solid #aaa;
border-right: 1px solid #888;
overflow: hidden;
}

Expand Down Expand Up @@ -236,15 +234,17 @@ table {
}

table tbody tr:nth-child(odd) {
background-color: rgb(240,240,255);
background-color: #282828;
color: #EEE;
}

/* table tbody tr:nth-child(odd):hover {
background: rgba(255,255,150,0.2);
}
*/
table tbody tr:nth-child(even) {
background-color: rgb(255,255,255);
background-color: #222;
color: #EEE;
}

table tbody tr.private {
Expand All @@ -264,11 +264,11 @@ table {
}

table tbody tr.selected {
background-color: #91D02D;
background-color: #8edd8d;
}

table tbody tr.selected td, table tbody tr.selected td a {
color: white;
color: black;
}

/* table tbody tr:nth-child(even):hover {
Expand Down Expand Up @@ -521,12 +521,12 @@ table {

#sidebar {
position: absolute;
border-right: 1px solid #aaa;
border-right: 1px solid #555;
width: 219px;
left: 0;
top: 33px;
top: 32px;
bottom: 50px;
background-color: #F0F9E1;
background-color: #222;
background-position: 0 100%;
background-repeat: repeat-x;
-webkit-background-size: 100% 100%;
Expand All @@ -535,10 +535,11 @@ table {
}

#sidebar h3 {
clear: both;
font-size: 1em;
margin: 2px;
text-transform: uppercase;
color: #444;
color: #CCC;
}

#playlists, #plugins {
Expand Down Expand Up @@ -608,14 +609,13 @@ table {

#playlists li.active, #plugins li.active {
font-weight: bold;
background-color: #91D02D;
background-image: url(../../images/cloud/playlist-fade.png);
background-color: #8edd8d;
background-repeat: repeat-x;
-webkit-background-size: 100% 100%;
}

#playlists li.active a, #plugins li.active a, #playlists li.active em, #plugins li.active em {
color: white;
color: black;
}

#playlists li:hover, #plugins li:hover {
Expand All @@ -625,7 +625,7 @@ table {
#playlists li a, #plugins li a {
display: block;
padding: 5px;
color: #333;
color: #EEE;
text-decoration: none;
height: 15px;
position: relative;
Expand All @@ -634,11 +634,11 @@ table {
#playlists li a.delete, #plugins li a.delete {
position: absolute;
right: 5px;
top: 7px;
width: 11px;
height: 11px;
top: 5px;
width: 16px;
height: 16px;
background-image: url(../../images/cloud/icons.png);
background-position: -289px -6px;
background-position: -289px -4px;
padding: 0;
display: none;
}
Expand Down Expand Up @@ -713,11 +713,11 @@ table {

#player-display img.logo {
width: 50px;
height: 22px;
height: 23px;
position: absolute;
left: 50%;
margin-left: -25px;
top: 8px;
top: 7px;
}

#progress {
Expand Down Expand Up @@ -852,34 +852,30 @@ table {
}

#create-playlists {
position : absolute;
bottom: 5px;
left: 5px;
right: 0px;
height: 24px;
padding-top: 2px;
overflow: hidden;
background-color: #9E9E9E;
margin:0;
clear: both;
height: 17px;
margin-right: -1px;
margin-bottom: 3px;
border-right: 1px solid #888;
}

#add-playlist, #add-smart-playlist {
display : block;
float: left;
height: 19px;
background-image: url(../../images/cloud/icons.png);
margin: 1px 2px 1px 2px;
padding: 3px 0 0 25px;
height: 17px;
width: 79px;
margin: 0 0 0 5px;
padding: 0;
text-indent: -10000px;
font-size: 11px;
color: #555;
outline: 0;
}

#add-playlist {
width: 50px;
background-position: -395px -68px;
}

#add-playlist.click {
background-position: -395px -95px;
width: 51px;
background: #9e9e9e url(../../images/cloud/playlist_bg.png) top left no-repeat;
}

#add-playlist:hover, #add-smart-playlist:hover {
Expand All @@ -888,7 +884,7 @@ table {

#add-smart-playlist {
width: 79px;
background-position: -272px -68px;
background: #9e9e9e url(../../images/cloud/smart_playlist_bg.png) top left no-repeat;
}

#add-smart-playlist.click {
Expand Down Expand Up @@ -918,7 +914,7 @@ table {
left: 0;
right: 0;
height: 32px;
border-bottom: 1px solid #aaa;
border: 0;
background: #888 url(../../images/cloud/fade-bottom.png) repeat-x 0 0;
-webkit-background-size: 100% 100%;
padding: 0em 0em 0 0em;
Expand Down

0 comments on commit e4c0ef8

Please sign in to comment.