From: opi <opi@no-log.org>
Date: Mon, 15 Jun 2015 18:16:33 +0000 (+0200)
Subject: Style des boutons de dons en Bitcoin.
X-Git-Url: https://nos-oignons.net/gitweb/website.git/commitdiff_plain/d6b6eacfa0254becd04b4351250185d8daf7c37f

Style des boutons de dons en Bitcoin.
---

diff --git a/Donnez.html b/Donnez.html
index 1e1c78b..8f321fa 100644
--- a/Donnez.html
+++ b/Donnez.html
@@ -61,7 +61,7 @@ Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous
   Faire un don en bitcoins équivalent<sup><a href="#fn-last-update">1</a></sup> à :
 </p>
 
-<ul>
+<ul class="paymium-btns">
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/b07d603b-d0d2-4c81-8494-ff9309a230a8?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/5-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/6023f54a-b558-4b19-a8af-ed7edecce905?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/10-eur-and-btc" raw="yes"]]</a></li>
   <li><a class="paymium-btn" href="https://www.paymium.com/invoice/aab1fbee-deee-4cb3-b91f-fadec707e4f6?type=payment_button&amp;requires_customer_email=false&amp;requires_delivery_address=false">[[!inline pagenames="data/25-eur-and-btc" raw="yes"]]</a></li>
diff --git a/assets/paymium_btc.png b/assets/paymium_btc.png
new file mode 100644
index 0000000..83a83bc
Binary files /dev/null and b/assets/paymium_btc.png differ
diff --git a/local.css b/local.css
index bf876b1..6bb92b3 100644
--- a/local.css
+++ b/local.css
@@ -467,6 +467,34 @@ thead td {
   }
 
 
+/* Paymium Bitcoin */
+.paymium-btns {padding-left: 0;}
+.paymium-btns li {
+  list-style: none;
+  display: inline-block;
+  margin: 0 0.5em 0.5em 0;
+}
+
+.paymium-btn {
+  display: inline-block;
+  /*min-width: 140px;*/
+  padding: 4px 44px 4px 10px;
+  padding-right: 44px;
+  background: #4d7b99 url(assets/paymium_btc.png) right center no-repeat;
+  border-radius: 4px;
+  text-align: center;
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+}
+.paymium-btn:hover{
+  background-color:#5081a0;
+  text-decoration: none;
+}
+/* override over weighted selector*/
+#content .paymium-btn {color: #fff;text-decoration: none;}
+#content .paymium-btn:hover {color: #fff;text-decoration: none;}
+
 
 /* {{{ .inlinepage */