diff options
| author | Peter Lejeck <peter.lejeck@gmail.com> | 2013-12-14 08:24:44 +0100 |
|---|---|---|
| committer | Peter Lejeck <peter.lejeck@gmail.com> | 2013-12-14 08:25:39 +0100 |
| commit | 5108172f1515de9affb7ceb218e197735893c7f2 (patch) | |
| tree | 69c513dadd05dcf354a7be8f22f53adc3010b346 /css/pomf.css | |
| parent | 141bdb70e16e0c17c0a213e8b28a7468aa9dc109 (diff) | |
Clean up donate banner
* Rephrased donation plea
* Added Flattr
* Moved donate buttons into a single row
* Change donate buttons to a unified system
* Get rid of paypal's shitty encrypted <form>, replace with link
* Add a label and message to the bitcoin URL
Diffstat (limited to 'css/pomf.css')
| -rw-r--r-- | css/pomf.css | 46 |
1 files changed, 41 insertions, 5 deletions
diff --git a/css/pomf.css b/css/pomf.css index a6da8f0..ad85f19 100644 --- a/css/pomf.css +++ b/css/pomf.css @@ -129,12 +129,48 @@ a:focus { border-color: #BCE8F1; color: #3A87AD; } -a.btc { - font-weight: bold; - color: #B94A48; + +/** + * DONATION BUTTONS + */ +span.donate-btns { + display: block; + text-align: center; + margin: 11px 0 3px; } -a.btc:hover { - color: #891A18; +a.donate-btn { + height: 26px; + display: inline-block; + margin: 2px 5px; + background: hsl(0, 0%, 95%); + line-height: 16px; + padding: 3px 8px 3px 24px; + border-radius: 3px; + color: hsl(0, 0%, 25%); + border: 1px solid hsl(0, 0%, 85%); + transition: all .2s; +} +a.donate-btn:hover { + color: #000; + border: 1px solid hsl(0, 0%, 70%); + background-color: hsl(0, 0%, 80%); +} +.icon { + display: block; + height: 16px; + width: 16px; + float: left; + margin-left: -20px; + margin-top: 1px; +} +.icon-paypal { + background-image: url('img/paypal.png'); +} +.icon-bitcoin { + background-image: url('img/bitcoin.png'); +} +.icon-flattr { + background-image: url('img/flattr.png'); } /** |