experimental newbie mode - text is shown on icon hover

diff --git a/index.php b/index.php
index 6c13be1c91d36d293f791851959de114437f2c1e..710c1801d082c631e7bd8dd7ff5690382b1be7f4 100755 (executable)
--- a/index.php
+++ b/index.php
@@ -347,7 +347,7 @@ if(isset($_GET['blank'])) {
        <a name="up"></a>
        <iframe src="about:blank" name="playframe-hide" width="0" height="0" style="border: none;" class="hide"></iframe><!-- -----------???--------------- -->
        <span class="icon">&lt;</span> <a href="javascript: history.go(-1)" class="icon iback">BACK</a>
-       | <a href="?"><span class="icon ihome">HOME</span> (<?=$music_dir?>)</a>
+       | <a href="?" class="icon ihome">HOME&nbsp;(<?=$music_dir?>)</a>
        | <a href="?help" class="icon ihelp">ABOUT/HELP</a>
        | <a href="?logout" class="icon ilogout">LOGOUT</a>
 </div>

diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css
index ee04dd6e304a923e5e4e1e07751661ff1a9d3305..d867ce79a169d703c9146576818481ec0a3d24f4 100755 (executable)
--- a/jbx/themes/default/jukebox.css
+++ b/jbx/themes/default/jukebox.css
@@ -99,7 +99,9 @@ tr:hover * a {        text-decoration: underline;}
        background-repeat:no-repeat; 
 }
 
-.btntd { min-width:100px; }
+a.icon:hover { text-indent:18px; background-color:#000022; width:auto; }
+
+.btntd { min-width:120px; }
 
 *.iplay                { background-image: url(icons/playlist.png); }
 *.irplay       { background-image: url(icons/recursive.png); }