Restructure tag lists to pass validation.
author |
Steve Losh <steve@stevelosh.com> |
date |
Sun, 24 Jan 2010 09:53:23 -0500 |
parents |
336b9c458690
|
children |
896c2c5088b7
|
branches/tags |
(none) |
files |
layout/skeleton/_listing.html media/css/base.css |
Changes
--- a/layout/skeleton/_listing.html Sun Jan 24 09:37:56 2010 -0500
+++ b/layout/skeleton/_listing.html Sun Jan 24 09:53:23 2010 -0500
@@ -4,10 +4,10 @@
{% block after_header %}
{% if page.node.categories %}
- <ul id="section-tags">
+ <div id="section-tags">
<div class="section-tags-col">
{% for category in page.node.categories.keys %}
- <li><a href="{{ page.url }}{{ category }}">{{ category }}</a></li>
+ <p><a href="{{ page.url }}{{ category }}">{{ category }}</a></p>
{% if forloop.counter|divisibleby:2 %}
{% if not forloop.last %}
</div><div class="section-tags-col">
@@ -15,7 +15,7 @@
{% endif %}
{% endfor %}
</div>
- </ul>
+ </div>
{% endif %}
{% endblock %}
--- a/media/css/base.css Sun Jan 24 09:37:56 2010 -0500
+++ b/media/css/base.css Sun Jan 24 09:53:23 2010 -0500
@@ -286,25 +286,24 @@
}
/* Tag styles. */
-ul#section-tags {
- list-style: none;
+div#section-tags {
margin: 0 0 0 0.4em;
display: inline-block;
font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
}
-ul#section-tags li {
+div#section-tags p {
font-size: 1.1em;
line-height: 1.05em;
margin: 0;
}
-ul#section-tags li a {
+div#section-tags p a {
color: #666;
}
-ul#section-tags li a:hover {
+div#section-tags p a:hover {
color: #e50053;
text-decoration: none;
}
-ul#section-tags div.section-tags-col {
+div#section-tags div.section-tags-col {
display: inline-block;
margin-right: 1em;
}
\ No newline at end of file