Mercurial > ff-herdict-preso
changeset 14:26e0ce205a8f
Show more information if the CC license image is hovered-over.
| author | Atul Varma <varmaa@toolness.com> |
|---|---|
| date | Wed, 10 Feb 2010 14:51:07 -0800 |
| parents | c1a987fe8044 |
| children | 2535e5f5b368 |
| files | css/ff-herdict-preso.css ff-herdict-preso.html js/ff-herdict-preso.js |
| diffstat | 3 files changed, 12 insertions(+), 2 deletions(-) [+] |
line wrap: on
line diff
--- a/css/ff-herdict-preso.css Wed Feb 10 13:58:22 2010 -0800 +++ b/css/ff-herdict-preso.css Wed Feb 10 14:51:07 2010 -0800 @@ -61,6 +61,11 @@ display: none; } +#more-info { + font-size: 8pt; + display: none; +} + .button { color: gray; font-size: 9pt;
--- a/ff-herdict-preso.html Wed Feb 10 13:58:22 2010 -0800 +++ b/ff-herdict-preso.html Wed Feb 10 14:51:07 2010 -0800 @@ -140,7 +140,8 @@ </audio> <p class="button" id="show-subtitles">Click to show subtitles.</p> <p class="button" id="hide-subtitles">Click to hide subtitles.</p> - <p id="license"><a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/us/80x15.png" /></a></p> + <div><a id="license" rel="license" href="http://creativecommons.org/licenses/by/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/us/80x15.png" /></a> + <div id="more-info"><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/MovingImage" property="dc:title" rel="dc:type">Firefox-Herdict Integration Pitch</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://toolness.com/" property="cc:attributionName" rel="cc:attributionURL">Atul Varma</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">Creative Commons Attribution 3.0 United States License</a>.</div></div> </div> </body> <script src="js/jquery.js"></script>
--- a/js/ff-herdict-preso.js Wed Feb 10 13:58:22 2010 -0800 +++ b/js/ff-herdict-preso.js Wed Feb 10 14:51:07 2010 -0800 @@ -132,5 +132,9 @@ $("#subtitles").slideUp(); $(this).hide(); $("#show-subtitles").show(); - }); + }); + + // Display more license and author info when the license icon is + // moused-over. + $("#license").mouseenter(function() { $("#more-info").fadeIn(); }); });