CSS fixes: icons and iframes
authorHarvie <tomas@mudrunka.cz>
Sat, 10 Jul 2010 03:47:29 +0000 (05:47 +0200)
committerHarvie <tomas@mudrunka.cz>
Sat, 10 Jul 2010 03:47:29 +0000 (05:47 +0200)
index.php
jbx/themes/default/jukebox.css

index a1c866a5fb8a772de4943198f802a7bd39f636fe..1e7a509fa8c4fa30e04a1a5e3d30cbfb30022774 100755 (executable)
--- a/index.php
+++ b/index.php
@@ -330,9 +330,9 @@ if(isset($_GET['blank'])) {
        </head>
        <body>
 
        </head>
        <body>
 
-<div align="right" style="position: absolute; top: 0; right: 0;">
+<div align="right" style="position: absolute; top: 5px; right: 0px;">
        <a name="up"></a>
        <a name="up"></a>
-       <iframe src="about:blank" name="playframe-hide" width="0" height="0" style="border: none;"></iframe><!-- -----------???--------------- -->
+       <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="?help" class="icon ihelp">ABOUT/HELP</a>
        <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="?help" class="icon ihelp">ABOUT/HELP</a>
@@ -434,9 +434,10 @@ foreach($indexlist as $index) @readfile($dir.$index);
 <?php render_tr_playframe_show(); ?>
 
 <tr class="directory"><td>&gt;</td>
 <?php render_tr_playframe_show(); ?>
 
 <tr class="directory"><td>&gt;</td>
-<td><a href="?download&playlist&dir=<?=str_replace('%2F', '/', rawurlencode($current_dir))?>">P</a>/<a
-href="?download&recursive&playlist&dir=<?=str_replace('%2F', '/', rawurlencode($current_dir))?>">R</a><?php
-if($GLOBALS['useflash']) echo('/<a href="?f&playlist&dir='.str_replace('%2F', '/', rawurlencode($current_dir)).'"  target="'.$GLOBALS['flash_player_frame'].'">F</a>'); ?>
+<td><a href="?download&playlist&dir=<?=str_replace('%2F', '/', rawurlencode($current_dir))?>" class="icon iplay">P</a>/<a
+href="?download&recursive&playlist&dir=<?=str_replace('%2F', '/', rawurlencode($current_dir))?>" class="icon irplay">R</a><?php
+if($GLOBALS['useflash']) echo('/<a href="?f&playlist&dir='.str_replace('%2F', '/', rawurlencode($current_dir)).'"  target="'.$GLOBALS['flash_player_frame'].'" 
+class="icon ifplay">F</a>'); ?>
 </td>
 <td colspan="100%"><?=unxss($dir)?></td></tr>
 <tr><td>^</td><td>&nbsp;</td><td colspan="100%" class="directory"><span class="icon ifolder">[DIR]</span> <a href="?dir=<?=rawurlencode($parent_dir)?>">.. (<?=$parent_dir?>)</a></td></tr>
 </td>
 <td colspan="100%"><?=unxss($dir)?></td></tr>
 <tr><td>^</td><td>&nbsp;</td><td colspan="100%" class="directory"><span class="icon ifolder">[DIR]</span> <a href="?dir=<?=rawurlencode($parent_dir)?>">.. (<?=$parent_dir?>)</a></td></tr>
@@ -461,7 +462,7 @@ for($s=2;$s;$s--) { while(($item = readdir($dd)) != false) {
                        $temp=str_replace('%2F', '/', rawurlencode($current_dir)).rawurlencode($item);
                        echo("<tr class=\"$parclass directory\" bgcolor=\"$parcolor\">".
                        '<td><a href="#up">'.$i.'</a></td><td class="btntd"><a href="?download&playlist&dir='.$temp.'" class="icon iplay">P</a>/'.
                        $temp=str_replace('%2F', '/', rawurlencode($current_dir)).rawurlencode($item);
                        echo("<tr class=\"$parclass directory\" bgcolor=\"$parcolor\">".
                        '<td><a href="#up">'.$i.'</a></td><td class="btntd"><a href="?download&playlist&dir='.$temp.'" class="icon iplay">P</a>/'.
-                       '<a href="?download&recursive&playlist&dir='.$temp.'">R</a>');
+                       '<a href="?download&recursive&playlist&dir='.$temp.'" class="icon irplay">R</a>');
                        if($GLOBALS['useflash']) echo('/<a href="?f&playlist&dir='.$temp.'" target="'.$GLOBALS['flash_player_frame'].'" class="icon ifplay">F</a>');
                        echo('</td><td colspan="100%"><span class="icon ifolder">[DIR]</span> <a href="?dir='.$temp.'">'.unxss(str_replace('_', ' ', $item))."</a></td></tr>\n");
                }
                        if($GLOBALS['useflash']) echo('/<a href="?f&playlist&dir='.$temp.'" target="'.$GLOBALS['flash_player_frame'].'" class="icon ifplay">F</a>');
                        echo('</td><td colspan="100%"><span class="icon ifolder">[DIR]</span> <a href="?dir='.$temp.'">'.unxss(str_replace('_', ' ', $item))."</a></td></tr>\n");
                }
index d764c1c0304bb4b4b00ea78aa5d7452e3cc6a64b..04ad2218c041219b22726dff253cf93ed1958f14 100755 (executable)
@@ -82,6 +82,10 @@ tr:hover * a {
         background-color: pink;
 }
 
         background-color: pink;
 }
 
+.hide {
+       margin:0; padding:0; width:0; height:0; border:none; display:none;
+}
+
 /* Color Classes */
 
 *.red {                color: red; }
 /* Color Classes */
 
 *.red {                color: red; }
@@ -92,10 +96,11 @@ tr:hover * a {
 
 /* Icon Classes */
 
 
 /* Icon Classes */
 
-*.icon { text-decoration: none; width: 16px; height: 16px; display: inline; font-size: 0; padding: 12px 16px 4px 0; margin:0; }
+*.icon { text-decoration: none; width: 16px; height: 16px; display: inline; font-size: 0; padding: 12px 16px 4px 0; margin:0; background-repeat:no-repeat; }
 *.icon, *.icon * a:hover { text-decoration: none; }
 
 *.iplay                { background-image: url(icons/playlist.png); }
 *.icon, *.icon * a:hover { text-decoration: none; }
 
 *.iplay                { background-image: url(icons/playlist.png); }
+*.irplay       { background-image: url(icons/recursive.png); }
 *.ifplay       { background-image: url(icons/play.png); }
 *.ifstop       { background-image: url(icons/stop.png); }
 *.ifolder      { background-image: url(icons/folder.png); }
 *.ifplay       { background-image: url(icons/play.png); }
 *.ifstop       { background-image: url(icons/stop.png); }
 *.ifolder      { background-image: url(icons/folder.png); }
This page took 0.466629 seconds and 4 git commands to generate.