Browse Source

Shows tag list in horizontal order with count in superscript

Talha Mansoor 11 years ago
parent
commit
c4acf2afd4
2 changed files with 26 additions and 1 deletions
  1. 25 0
      static/css/style.css
  2. 1 1
      templates/tags.html

+ 25 - 0
static/css/style.css

@@ -0,0 +1,25 @@
+#list-of-tags {
+    list-style:none;
+    margin:0;
+    padding:5px 0 ;
+    overflow:hidden;
+}
+
+#list-of-tags li {
+    line-height:28px;
+    float:left;
+}
+
+#list-of-tags a {
+    padding: 3px 6px;
+    margin: 2px;
+    color: #222;
+    background:#EEE;
+    border-radius: 3px;
+    text-decoration:none;
+}
+
+#list-of-tags a span {
+    vertical-align: super;
+    font-size: 0.8em;
+}

+ 1 - 1
templates/tags.html

@@ -63,7 +63,7 @@ All Tags - {{ super() }}
             {% for tag, articles in tags %}
             <li>
             {% set num = articles|count %}
-            <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }} {{ num }}</a>
+            <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}<span>{{ num }}</span></a>
             </li>
             {% endfor %}
         </ul>