Externalize bookmarklet style

diff --git a/tpl/config.twig b/tpl/config.twig
index 89d5bf8430c802eb80eee2b436f7085738492716..4c9192219af34ee8336688295e3f78071ca1e097 100644 (file)
--- a/tpl/config.twig
+++ b/tpl/config.twig
@@ -17,7 +17,7 @@
                 <li>firefox: <a href="https://bitbucket.org/jogaulupeau/poche/downloads/poche.xpi" title="download the firefox extension">download the extension</a></li>
                 <li>chrome: <a href="https://bitbucket.org/jogaulupeau/poche/downloads/poche.crx" title="download the chrome extension">download the extension</a></li>
                 <li>android: <a href="https://bitbucket.org/jogaulupeau/poche/downloads/Poche.apk" title="download the application">download the application</a></li>
-                <li>bookmarklet: drag & drop this link to your bookmarks bar <a ondragend="this.click();" style="cursor: move; border: 1px dashed grey; background: white; padding: 5px;" title="i am a bookmarklet, use me !" href="javascript:if(top['bookmarklet-url@inthepoche.com']){top['bookmarklet-url@inthepoche.com'];}else{(function(){var%20url%20=%20location.href%20||%20url;window.open('{{ poche_url }}?action=add&url='%20+%20btoa(url),'_self');})();void(0);}">{% trans "poche it!" %}</a></li>
+                <li>bookmarklet: drag & drop this link to your bookmarks bar <a ondragend="this.click();" title="i am a bookmarklet, use me !" href="javascript:if(top['bookmarklet-url@inthepoche.com']){top['bookmarklet-url@inthepoche.com'];}else{(function(){var%20url%20=%20location.href%20||%20url;window.open('{{ poche_url }}?action=add&url='%20+%20btoa(url),'_self');})();void(0);}">{% trans "poche it!" %}</a></li>
             </ul>
 
             <h2>{% trans "Updating poche" %}</h2>

diff --git a/tpl/css/style.css b/tpl/css/style.css
index 1ae3a601f23a6e8a3d0db76961aed2ce647dbf4d..3d3c538572cf4bd616d5535aea72df3d304af3a7 100644 (file)
--- a/tpl/css/style.css
+++ b/tpl/css/style.css
@@ -229,6 +229,13 @@ a, a:hover, a:visited {
     font-weight: bold;
 }
 
+#bookmarklet {
+    padding: 5px;
+    border: 1px dashed #808080;
+    background: #fff;
+    cursor: move;
+}
+
 footer {
     clear: both;
 }