1 {% load i18n %}

     2 <script type="text/javascript" src="{{ MEDIA_URL }}js/lib/fg-menu/fg.menu.js"></script>

     3 <link type="text/css" href="{{ MEDIA_URL }}js/lib/fg-menu/fg.menu.css" media="screen" rel="stylesheet" />

     4         

     5         <style type="text/css">

     6                 .fg-menu-action .fg-menu li { width: 95%; }

     7                 .fg-menu a {border:1px solid #FFF;}

     8                 .fg-menu-container {border: 1px solid #AAAAAA;}

     9         </style>

    10 <div class="text-buttons">

    11 

    12 <a id="share" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat"><span class="ui-icon ui-icon-triangle-1-s"></span>{% blocktrans %}Share{% endblocktrans %}&nbsp;<img class="align-mid" src="{{ MEDIA_URL }}img/social/facebook.gif" /><img class="align-mid" src="{{ MEDIA_URL }}img/social/digg.gif" /></a>

    13 <div id="share-options" class="hidden">

    14 <ul>

    15         <li><a href="http://www.facebook.com/sharer.php?u={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/facebook.gif" /> Facebook</a></li>

    16         <li><a href="http://digg.com/remote-submit/?phase=2&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/digg.gif" /> Digg</a></li>

    17         <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/linkedin.gif" /> Linkedin</a></li>

    18 </ul>

    19 </div>

    20 

    21 <script type="text/javascript">    

    22     $(function(){

    23 

    24         $('.fg-button').hover(

    25                 function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },

    26                 function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }

    27         );

    28         

    29         $('#share').menu({ 

    30             content: $('#share').next().html(),

    31             showSpeed: 200 

    32         });

    33         $('#export').menu({ 

    34             content: $('#export').next().html(),

    35             showSpeed: 200 

    36         });

    37 

    38         

    39     });

    40     </script>

    41 

    42 </div>

    43