diff --git a/data/css/style.css b/data/css/style.css index b4972805..0c335d37 100755 --- a/data/css/style.css +++ b/data/css/style.css @@ -232,16 +232,20 @@ background-image: -ms-linear-gradient(bottom, rgb(97,0,0) 0%, rgb(122,0,0) 100%) a.update-link { - margin: 30px; + border: 1px solid #000; border-radius: 3px; - padding: 10px 5px 10px 5px; - font-size: 22px; - background-image: linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,199,7) 100%); -background-image: -o-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,199,7) 100%); -background-image: -moz-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,199,7) 100%); -background-image: -webkit-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,199,7) 100%); -background-image: -ms-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,199,7) 100%); - } + padding: 5px 10px 5px 10px; + font-size: 16px; + font-weight: bold; + background-image: linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%); + background-image: -o-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%); + background-image: -moz-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%); + background-image: -webkit-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%); + background-image: -ms-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%); + text-shadow: 1px 1px 0px rgb(0,173,7); + color: #000; +} + div#logo { padding-left: 10px; } ul#nav { position: fixed; top: 60px; left: 0px; list-style-type: none; height: 100%; width: 200px; padding: 0; margin: 0; background-color: #343434; border-right: 1px solid #000; padding-top: 30px; z-index: 300;} @@ -524,24 +528,92 @@ text-shadow: 1px 1px 0px rgb(87,160,0); } .table_wrapper { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 100%; background-color: #313131; position: relative; min-height: 50px; clear: both; _height: 302px; zoom: 1; } -/*All inputs in the main content */ -.table_wrapper input[type="text"], -.table_wrapper input[type="password"], -.table_wrapper input[type="select"] -.table_wrapper input[type="radio"] +/*All inputs in the main content + +/*Tooltip*/ +.tooltip +{ + margin-right: 3px; + float: left; + position: relative; + color: #000; + border-radius: 20px; + border: 1px solid #000; + box-shadow: 1px 1px 0px rgb(90,90,90); + width: 20px; + font-weight: bold; + font-size: 12px; + height: 20px; + text-align: center; + line-height: 20px; + cursor: help; + background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + text-shadow: 1px 1px 0px rgb(180,180,180); +} +.tooltip:after { + content: "!"; +} +/*Tooltip info*/ +.tooltip span +{ + display: none; +} +.tooltip:hover span +{ + border: 1px solid #000; + border-radius: 3px; + box-shadow: 0px 0px 3px #000; + color: #000; + display: block; + font-style: italic; + font-weight: normal; + position: absolute; + z-index: 999; + top: 10px; + left: 30px; + text-align: left; + padding: 3px 6px 3px 6px; + width: 15em; + background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); + background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +} + +form input[type="radio"], +form input[type='submit'] +{ + border: 1px solid #000; + border-radius: 3px; + color: #000; + font-weight: bold; + padding: 3px 6px 3px 6px; + background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%); +text-shadow: 1px 1px 0px rgb(180,180,180); +} +input[type="password"], +input[type="text"] { color: rgb(120,120,120); padding: 3px 10px 3px 10px; border-radius: 20px; background-color: rgb(30,30,30); - border:0; + border: 0; border-top: 1px solid rgb(20,20,20); border-left: 1px solid rgb(20,20,20); box-shadow: 1px 1px 1px rgb(70,70,70); } .manage_wrapper { width: 88%; margin: 20px auto 0 auto; padding: 25px; min-height: 150px; clear: both; _height: 302px; zoom: 1; } -.table_wrapper_left { float: left; width: 40%; min-height: 100px; margin-top: 25px; } -.table_wrapper_right{ float: right; width: 40%; min-height: 100px; margin-top: 25px; } +.table_wrapper_half { float: left; width: 50%; min-height: 100px; margin-top: 25px; } .configtable { font-size: 14px; line-height:18px; } .configtable td { width: 350px; padding: 10px; } diff --git a/data/interfaces/default/base.html b/data/interfaces/default/base.html index 0b24313f..a8dfda8f 100755 --- a/data/interfaces/default/base.html +++ b/data/interfaces/default/base.html @@ -59,15 +59,17 @@


- Validate + Update % elif headphones.CURRENT_VERSION != headphones.LATEST_VERSION and headphones.INSTALL_TYPE != 'win':
X
- A newer version is available. You're ${headphones.COMMITS_BEHIND} commits behind. + A newer version is available.
+ You're ${headphones.COMMITS_BEHIND} commits behind.


+ Version Update
% endif diff --git a/data/interfaces/default/config.html b/data/interfaces/default/config.html index 74af1817..8f84b0d2 100644 --- a/data/interfaces/default/config.html +++ b/data/interfaces/default/config.html @@ -20,24 +20,28 @@

HTTP Host:

-
- i.e. localhost or 0.0.0.0 + +
+ + i.e. localhost or 0.0.0.0 + +

HTTP Username:

- +

HTTP Port:

- +

HTTP Password:

- + @@ -58,36 +62,41 @@ -

SABnzbd Host:


- - usually http://localhost:8080 +

SABnzbd Host:

+
+ + Usually http://localhost:8080 + +
-

SABnzbd Username:

+

SABnzbd Username:

-

SABnzbd API:

+

SABnzbd API:

-

SABnzbd Password:

+

SABnzbd Password:

-

SABnzbd Category:

+

SABnzbd Category:

-

Music Download Directory:


- - Full path to the directory where SAB downloads your music
- i.e. /Users/name/Downloads/music
+

Music Download Directory:

+
+ + Full path to the directory where SAB downloads your music | i.e. /Users/name/Downloads/music + +
@@ -97,9 +106,9 @@ -

Black Hole Directory:


+

Black Hole Directory:

- Folder your Download program watches for NZBs +
Folder your Download program watches for NZBs
@@ -113,30 +122,32 @@ -



Torrent:

+



Torrent:

-

Black Hole Directory:


- - Folder your Download program watches for Torrents +

Black Hole Directory:

+
+ Folder your Download program watches for Torrents +
-

Minimum seeders:


+

Minimum seeders:

- Number of minimum seeders a torrent must have to be accepted +
+ Number of minimum seeders a torrent must have to be accepted
-

Music Download Directory:


+

Music Download Directory:

- Full path to the directory where your torrent client downloads your music
- i.e. /Users/name/Downloads/music
+
Full path to the directory where your torrent client downloads your music + i.e. /Users/name/Downloads/music
@@ -174,8 +185,8 @@

Newznab Host:

-
- i.e. http://nzb.su + +
i.e. http://nzb.su
@@ -224,17 +235,17 @@ -

Torrent:


+

Torrent:


-

Isohunt:


+

Isohunt:


-

Mininova:


+

Mininova:


@@ -251,7 +262,7 @@
-

Album Quality:


+

Album Quality:


Highest Quality excluding Lossless

Highest Quality including Lossless

Lossless Only

@@ -273,11 +284,14 @@
-
+
-

Path to Destination folder:

-
- i.e. /Users/name/Music/iTunes or /Volumes/share/music +

Path to Destination folder:

+
+ + i.e. /Users/name/Music/iTunes or /Volumes/share/music + +
@@ -289,21 +303,20 @@

Renaming Options:

-
-

Folder Format:


- Use: artist, album, year, releasetype and first (first letter in artist name)
- E.g.: first/artist/album [year] = G/Girl Talk/All Day [2010]
-

-

File Format:

-
- Use: tracknumber, title, artist, album and year +
+

Folder Format:

+
Use: artist, album, year, releasetype and first (first letter in artist name) + E.g.: first/artist/album [year] = G/Girl Talk/All Day [2010]
+

+

File Format:

+
Use: tracknumber, title, artist, album and year

Miscellaneous:

-
+

Automatically Include Extras When Adding an Artist

- (EPs, Compilations, Live Albums, Remix Albums and Singles) -

+
(EPs, Compilations, Live Albums, Remix Albums and Singles)
+

Interface: -

-

Log Directory:

+

+

Log Directory:

Re-Encoding Options:

- Note: this option requires the lame or ffmpeg encoder -

+
Note: this option requires the lame or ffmpeg encoder
+

Re-encode downloads during postprocessing

-
+

Only re-encode lossless files (.flac)

-
+
<% if config['encoder'] == 'lame': lameselect = 'selected="selected"' @@ -353,10 +366,10 @@ %endfor -
+

Audio Properties:

-
+

VBR/CBR:

-
+

Bitrate:

-
-
+
+

Advanced Encoding Options:

(ignores audio properties)

-
+

Path to Encoder:

-

Prowl Notification:


-

Enable Prowl Notifications


+

Prowl Notification:


+

Enable Prowl Notifications


-

API key:



-

Notify on snatch?


+

API key:



+

Notify on snatch?


Priority (-2,-1,0,1 or 2):

@@ -447,7 +460,7 @@ -


+


(Web Interface changes require a restart to take effect) diff --git a/data/interfaces/default/manage.html b/data/interfaces/default/manage.html index f956fc58..fddd415a 100644 --- a/data/interfaces/default/manage.html +++ b/data/interfaces/default/manage.html @@ -19,17 +19,20 @@

Scan Music Library


Where do you keep your music?

- You can put in any directory, and it will scan for audio files in that folder - (including all subdirectories)
- For example: '/Users/name/Music' +

+ + You can put in any directory, and it will scan for audio files in that folder + (including all subdirectories)
+ For example: '/Users/name/Music' +
+



%if headphones.MUSIC_DIR: %else: - + %endif

@@ -37,10 +40,15 @@

- * This process runs in the background.
+
+ + This process runs in the background. + +
+ -
+

Import Last.FM Artists


Enter the username whose artists you want to import:

@@ -50,25 +58,25 @@ else: lastfmvalue = 'Last.fm Username' %> - -


+
+ +

-
+

Placeholder :-)




- -


+
+ +
\ No newline at end of file diff --git a/data/js/FancyScript.js b/data/js/FancyScript.js index 64cdf9e1..2cb2ffa9 100644 --- a/data/js/FancyScript.js +++ b/data/js/FancyScript.js @@ -31,7 +31,16 @@ $(window).resize(function() { //Update close $(document).ready(function () { + $("#updatebar").hide(); + $("#updatebar").fadeIn("Fast"); + $(".btnClose").click(function() { $("#updatebar").fadeOut("slow"); }); -}); \ No newline at end of file +}); + +//Main fadeIn +$(document).ready(function () { + $("#main").hide(); + $("#main").fadeIn("slow"); +});