From ba50cd0232b902867999f9d1ba1e283f423d6b60 Mon Sep 17 00:00:00 2001 From: "Bradley M. Kuhn" Date: Wed, 3 Dec 2014 12:28:14 -0500 Subject: [PATCH] SVG bullet list of supporters on sponsors page. This CSS, which I discovered from extensive research online, should work to create a bulleted list with the bullets being the heart-shaped Conservancy logo. --- www/conservancy/static/conservancy.css | 25 + .../img/conservancy-supporter-heart.svg | 468 ++++++++++++++++++ www/conservancy/static/sponsors/index.html | 6 +- 3 files changed, 497 insertions(+), 2 deletions(-) create mode 100644 www/conservancy/static/img/conservancy-supporter-heart.svg diff --git a/www/conservancy/static/conservancy.css b/www/conservancy/static/conservancy.css index 67a3f9ba..2c336146 100644 --- a/www/conservancy/static/conservancy.css +++ b/www/conservancy/static/conservancy.css @@ -275,10 +275,35 @@ body.conservancy-supporter #navbar ul li.supporter a background: url(/img/nav-bg-campaign-up.png) bottom repeat-x; } +#supporters ul { + list-style: none; + margin: 0; + padding: 0; +} + +#supporters li:before { + content: ''; + display: inline-block; + height: 2em; + width: 2em; + background-image: url(/img/conservancy-supporter-heart.svg); + background-size: contain; + background-repeat: no-repeat; + padding: 0.25em 1.2em 0.25em 0.25em; + vertical-align: middle; +} + +#supporters li { + padding: 0.5em 2em 1em 2em; + margin-left: .25em; + list-style: none; +} + #sponsor ul { clear: all; margin-bottom: 10px; } + #sponsor li { width: 100%; float: left; diff --git a/www/conservancy/static/img/conservancy-supporter-heart.svg b/www/conservancy/static/img/conservancy-supporter-heart.svg new file mode 100644 index 00000000..7ce984b2 --- /dev/null +++ b/www/conservancy/static/img/conservancy-supporter-heart.svg @@ -0,0 +1,468 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/www/conservancy/static/sponsors/index.html b/www/conservancy/static/sponsors/index.html index 3a6763c0..23c249a4 100644 --- a/www/conservancy/static/sponsors/index.html +++ b/www/conservancy/static/sponsors/index.html @@ -47,9 +47,11 @@ any of its sponsors.

Conservancy Supporters are individuals who give $120 or more annually as part of the Official Conservancy Supporter program. Those who request public acknowledgment are listed here in - alphabetical order:

+ alphabetical order by surname:

-