diff options
| author | Aurélien Bompard <aurelien@bompard.org> | 2013-02-05 14:25:01 +0100 |
|---|---|---|
| committer | Aurélien Bompard <aurelien@bompard.org> | 2013-02-05 14:25:01 +0100 |
| commit | 082145bbc2e1205deb22e4539f9bb447b586a3d1 (patch) | |
| tree | d60ebe00d6ab39fbcdd7ad9876d1f0f0c54c35d5 | |
| parent | a42e44aafb9302c5ee3be588aa2c98078dd8e82a (diff) | |
| download | hyperkitty-082145bbc2e1205deb22e4539f9bb447b586a3d1.tar.gz hyperkitty-082145bbc2e1205deb22e4539f9bb447b586a3d1.tar.xz hyperkitty-082145bbc2e1205deb22e4539f9bb447b586a3d1.zip | |
Improve the front page's appearance
| -rw-r--r-- | hyperkitty/static/css/hyperkitty.css | 16 | ||||
| -rw-r--r-- | hyperkitty/templates/index.html | 46 |
2 files changed, 38 insertions, 24 deletions
diff --git a/hyperkitty/static/css/hyperkitty.css b/hyperkitty/static/css/hyperkitty.css index c6aefa1..0cadda5 100644 --- a/hyperkitty/static/css/hyperkitty.css +++ b/hyperkitty/static/css/hyperkitty.css @@ -6,7 +6,7 @@ body { #logo { display: block; - margin: 80px auto; + margin: 120px auto; clear: both; } @@ -22,23 +22,27 @@ h1.lists { margin-bottom: 0.5em; } -ul.lists .list-name { +.all-lists .list-name { font-size: 120%; color: black; font-weight: bold; } -ul.lists li a { +.all-lists .list-address { + font-size: 90%; + font-style: italic; +} +.all-lists a { display: block; - float: left; padding: 2em; - margin: 0 3em 3em 0; + margin: 1em auto; + overflow: hidden; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: black; } -ul.lists li a:hover { +.all-lists a:hover { text-decoration: none; background-color: #eee; color: black; diff --git a/hyperkitty/templates/index.html b/hyperkitty/templates/index.html index dee58a5..409e4f1 100644 --- a/hyperkitty/templates/index.html +++ b/hyperkitty/templates/index.html @@ -8,27 +8,37 @@ {% block content %} +<div class="all-lists"> + <h1 class="lists">{% trans 'Available lists' %}</h1> -{% if lists %} -<ul class="lists unstyled"> - {% for mlist in lists %} - <li> - <a href="{% url list_overview mlist_fqdn=mlist.name %}"> - <p class="list-name">{{ mlist.name }}</p> - {% if mlist.display_name %} - <p>{{ mlist.display_name }}</p> - {% endif %} - {% if mlist.description %} - <p>{{ mlist.description }}</p> - {% endif %} - </a> - </li> - {% endfor %} -</ul> -{% else %} -<p>No archived list yet.</p> +<div class="row-fluid"> +{% for mlist in lists %} +<div class="span3"> + <a href="{% url list_overview mlist_fqdn=mlist.name %}"> + <p class="list-name"> + {% if mlist.display_name %} + {{ mlist.display_name }} + {% else %} + {{ mlist.name }} + </p> + {% endif %} + <p class="list-address">{{ mlist.name }}</p> + {% if mlist.description %} + <p>{{ mlist.description }}</p> + {% endif %} + </a> +</div> +{% if forloop.counter|divisibleby:"4" %} +</div> +<div class="row-fluid"> {% endif %} +{% empty %} +<p>No archived list yet.</p> +{% endfor %} +</div> + +</div> <img id="logo" alt="HyperKitty" src="{{STATIC_URL}}img/logo.png" /> |