mirror of
https://github.com/rembo10/headphones.git
synced 2026-05-10 05:39:35 +01:00
!Added Screenshots to README.md
Edited the progress bars to align text center. Edited Searchfield style.
This commit is contained in:
Brinken
22
README.md
22
README.md
@@ -1,14 +1,24 @@
|
||||
###About
|
||||
I created this, in order to completely redeign the user-interface of the current Headphones by rembo10.
|
||||
##Latest
|
||||
* Added new screenshots
|
||||
* Added universal custom scrollbar - DONE
|
||||
* Added edited progress bars, and title - DONE
|
||||
|
||||
###Screenshots
|
||||
Since i edit the style and images alot to optimize it's code, these screen will be edited again once i feel satisfied.
|
||||
##Album Page
|
||||
|
||||
##Artist Page
|
||||
|
||||
##Settings Page
|
||||
|
||||
##Home
|
||||
|
||||
##Artist
|
||||
|
||||
##Album
|
||||
|
||||
|
||||
##Manage
|
||||
|
||||
##Settings
|
||||
|
||||
##History
|
||||
|
||||
##Upcomming
|
||||
|
||||
|
||||
@@ -358,30 +358,31 @@ border-radius: 20px 0px 0px 20px;
|
||||
color: #fff;
|
||||
padding: 2px 10px 2px 10px;
|
||||
border: 0;
|
||||
border-right: 1px solid rgb(45,0,10);
|
||||
box-shadow: none;
|
||||
}
|
||||
div#searchbar select
|
||||
{
|
||||
color: #fff;
|
||||
background-color: rgb(80,0,10);
|
||||
border: 0px;
|
||||
border-right: 1px solid rgb(15,0,10);
|
||||
border-right: 1px solid rgb(45,0,10);
|
||||
border: 0;
|
||||
}
|
||||
div#searchbar input[type=submit]
|
||||
{
|
||||
background-color: rgb(70,0,10);
|
||||
border-radius: 0px 20px 20px 0px;
|
||||
padding: 2px 10px 2px 10px;
|
||||
border: 0;
|
||||
border-top: 1px solid #000;
|
||||
border-left: 1px solid rgb(45,0,10);
|
||||
color: #fff;
|
||||
height: 22px;
|
||||
width: 40px;
|
||||
line-height: 13px;
|
||||
margin-top: -1px;
|
||||
margin-right: -15px;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#searchbar input[type=submit]:hover {
|
||||
background-color: #ac0000;
|
||||
text-shadow: 1px 1px 3px #000; }
|
||||
color: rgb(170,0,10); }
|
||||
|
||||
|
||||
|
||||
@@ -782,17 +783,22 @@ div.progress-container
|
||||
/*Progress bar*/
|
||||
div.progress-container div
|
||||
{
|
||||
height: 100%;
|
||||
background-image: url(../images/progress.png);
|
||||
height: 100%;
|
||||
background-image: url(../images/progress.png);
|
||||
}
|
||||
/*text format for match/procent*/
|
||||
.searchscrore,
|
||||
.havetracks { font-size: 12px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 3px #000; }
|
||||
.searchmatch,
|
||||
.havetracks
|
||||
{
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: rgb(0,0,0);
|
||||
text-shadow: 1px 1px 0px rgb(50,50,50);
|
||||
}
|
||||
|
||||
|
||||
footer { margin: 20px auto 20px auto; }
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 77 KiB |
@@ -53,9 +53,9 @@
|
||||
<td id="status">${artist['Status']}</td>
|
||||
<td id="album"><span title="${releasedate}"></span><a href="albumPage?AlbumID=${artist['AlbumID']}">${albumdisplay}</a></td>
|
||||
<td id="have"><span title="${percent}"></span>
|
||||
<div class="progress-container" title="You have: ${havetracks}/${totaltracks}">
|
||||
<div style="width:${percent}%">
|
||||
</div>
|
||||
<div class="progress-container" title="You have ${havetracks} of ${totaltracks} total.">
|
||||
<span class="havetracks">${havetracks}/${totaltracks}</span>
|
||||
<div style="width:${percent}%"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -51,14 +51,16 @@
|
||||
<div class="table_wrapper_half">
|
||||
<h1>Import Last.FM Artists</h1><br />
|
||||
Enter the username whose artists you want to import:<br /><br />
|
||||
<form action="importLastFM" method="GET" align="center">
|
||||
<form action="importLastFM" method="GET" align="left">
|
||||
<%
|
||||
if headphones.LASTFM_USERNAME:
|
||||
lastfmvalue = headphones.LASTFM_USERNAME
|
||||
else:
|
||||
lastfmvalue = 'Last.fm Username'
|
||||
%>
|
||||
<input type="text" value="${lastfmvalue}" onfocus="if (this.value==this.defaultValue) this.value='';" name="username" size="18" /><br />
|
||||
<input type="text" value="${lastfmvalue}" onfocus="if (this.value==this.defaultValue) this.value='';" name="username" size="18" />
|
||||
<br />
|
||||
<br />
|
||||
<input type="submit" />
|
||||
</form><br /><br />
|
||||
</div>
|
||||
@@ -66,8 +68,10 @@
|
||||
<div class="table_wrapper_half">
|
||||
<h1>Placeholder :-)</h1><br />
|
||||
<br /><br />
|
||||
<form action="" method="GET" align="center">
|
||||
<input type="text" onfocus="if (this.value==this.defaultValue) this.value='';" name="" size="18" /><br />
|
||||
<form action="" method="GET" align="left">
|
||||
<input type="text" onfocus="if (this.value==this.defaultValue) this.value='';" name="" size="18" />
|
||||
<br />
|
||||
<br />
|
||||
<input type="submit" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -34,9 +34,9 @@
|
||||
<div class="searchscore" title="The match result is: ${result['score']}%">
|
||||
|
||||
|
||||
<div class="progress-container">
|
||||
<div style="width: ${result['score']}%">
|
||||
</div>
|
||||
<div class="progress-container" title="Match result is ${result['score']}%">
|
||||
<span class="searchmatch">${result['score']}%</span>
|
||||
<div style="width: ${result['score']}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user