diff options
| author | Jan-Christoph Borchardt <JanCBorchardt@fsfe.org> | 2011-08-13 07:02:25 +0200 |
|---|---|---|
| committer | Jan-Christoph Borchardt <JanCBorchardt@fsfe.org> | 2011-08-13 07:02:25 +0200 |
| commit | ccf410c7b0f7f70f39c0d842c5a30df2664db0f3 (patch) | |
| tree | 518b52e5ba3d06302d64d4652bfdebad24ffe8b5 | |
| parent | 3b5f16b23cfbdb316dd7e02e0547077135bc95d4 (diff) | |
| download | nextcloud-server-ccf410c7b0f7f70f39c0d842c5a30df2664db0f3.tar.gz nextcloud-server-ccf410c7b0f7f70f39c0d842c5a30df2664db0f3.zip | |
first styling for leftcontent
| -rw-r--r-- | apps/media/templates/music.php | 12 | ||||
| -rw-r--r-- | core/css/styles.css | 2 | ||||
| -rw-r--r-- | core/js/js.js | 2 |
3 files changed, 9 insertions, 7 deletions
diff --git a/apps/media/templates/music.php b/apps/media/templates/music.php index 73a4954c624..d3917ac8137 100644 --- a/apps/media/templates/music.php +++ b/apps/media/templates/music.php @@ -1,11 +1,11 @@ <div id="controls"> <ul class="jp-controls"> - <li><a href="#" class="jp-play"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/play-big'); ?>" /></a></li> - <li><a href="#" class="jp-pause"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/pause-big'); ?>" /></a></li> - <li><a href="#" class="jp-mute"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/sound'); ?>" /></a></li> - <li><a href="#" class="jp-unmute"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/sound-off'); ?>" /></a></li> - <li><a href="#" class="jp-previous"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/play-previous'); ?>" /></a></li> - <li><a href="#" class="jp-next"><img class="svg action" title="" src="<?php echo image_path('core', 'actions/play-next'); ?>" /></a></li> + <li><a href="#" class="jp-play"><img class="svg action" src="<?php echo image_path('core', 'actions/play-big'); ?>" /></a></li> + <li><a href="#" class="jp-pause"><img class="svg action" src="<?php echo image_path('core', 'actions/pause-big'); ?>" /></a></li> + <li><a href="#" class="jp-mute"><img class="svg action" src="<?php echo image_path('core', 'actions/sound'); ?>" /></a></li> + <li><a href="#" class="jp-unmute"><img class="svg action" src="<?php echo image_path('core', 'actions/sound-off'); ?>" /></a></li> + <li><a href="#" class="jp-previous"><img class="svg action" src="<?php echo image_path('core', 'actions/play-previous'); ?>" /></a></li> + <li><a href="#" class="jp-next"><img class="svg action" src="<?php echo image_path('core', 'actions/play-next'); ?>" /></a></li> </ul> <div class="jp-progress"> <div class="jp-seek-bar"> diff --git a/core/css/styles.css b/core/css/styles.css index 6ea08d529d8..1d7ac43eb0b 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -59,6 +59,8 @@ legend { padding:.2em; font-size:1.2em; } #controls { width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:50; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } #content { margin:3.5em 0 0 12.5em; padding-bottom:10em; } #leftcontent { position:absolute; top:6.4em; width:20em; background:#f8f8f8; height:100%; border-right:1px solid #ddd; } +#leftcontent li { padding:.3em .8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms; } +#leftcontent li:hover { background:#eee; } #rightcontent { position:absolute; top:6.4em; left:33em; } /* LOG IN & INSTALLATION ------------------------------------------------------------ */ diff --git a/core/js/js.js b/core/js/js.js index 52cbd2ffc6d..63c88bb4adf 100644 --- a/core/js/js.js +++ b/core/js/js.js @@ -299,7 +299,7 @@ $(document).ready(function(){ } }); - if($('.action').attr('title')!='') $('.action').tipsy({gravity:'s', fade:true, live:true}); + if($('.action').attr('title')) $('.action').tipsy({gravity:'s', fade:true, live:true}); $('.selectedActions a').tipsy({gravity:'n', fade:true, live:true}); $('.selectedActions a.delete').tipsy({gravity: 'ne', fade:true, live:true}); }); |