Reglo for category

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index 5b6c5658ef9bccd9bf5f10319bf181cc168b8755..914a70aa738903ec76f86b2e469361a63454bfe5 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -120,7 +120,7 @@ nav.menu li{
        margin-right:2em;
 }
 
-button.tag, a.tag {
+button.tag, a.tag{
        font-size:0.9em;
        background:white;
        font-family: "RegloBold";
@@ -141,6 +141,10 @@ button.check, a.check {
        margin: 0.2em;
        padding: 0.3em;
 }
+.category{
+       font-family: "RegloBold";
+       text-transform: uppercase;
+}
 #Nav .icon-check{background:#222;}
 button.check:before, a.check:before {
        display:inline-block;

diff --git a/panikweb_templates/templates/emissions/nav.html b/panikweb_templates/templates/emissions/nav.html
index fc10afffbb367a728d8554723e07c789a4473712..abcabbc1938f0878714742c7b87c064cbe3d5705 100644 (file)
--- a/panikweb_templates/templates/emissions/nav.html
+++ b/panikweb_templates/templates/emissions/nav.html
@@ -26,13 +26,13 @@
                <nav id="gridNav" class="checkable">
                        <ul class="by{{ categories.count }}">
                        {% if  class = "emissions" or class = "archives" %}
-                               <li><button class="check icon-check-empty"  data-about="#Main" data-toggle=".nocat">?</button></li>
+                               <li><button class="check icon-check-empty"  data-about="#Main" data-toggle=".nocat"><span class="category">?</span></button></li>
                        {% endif %}
                        {% for category in categories %}
                                {% if class = "grid" %}
-                                       <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}">{{ category }}<!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
+                                       <li><button class="check icon-check-empty" data-about="#Main" data-highlight=".{{ category|slugify }}"><span class="category">{{ category }}</span><!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
                                {% else %}
-                                       <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}">{{ category }}<!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
+                                       <li><button class="check icon-check-empty" data-about="#Main" data-toggle=".{{ category|slugify }}"><span class="category">{{ category }}</span><!--&nbsp;<span class="icon-{{category|slugify}}"></span>--></button></li>
                                {% endif %}
                        {% endfor %}
                        </ul>
@@ -48,7 +48,7 @@
                {% if emission.categories %}
                        <div class="categories">
                        {% for category in emission.categories.all %}
-                               <a href="{% url 'emissions' %}?q={{category.slug}}"><!--<span class="icon-{{category|slugify}}"></span>&nbsp;--><span>{{category}}</span></a>
+                               <a href="{% url 'emissions' %}?q={{category.slug}}"><!--<span class="icon-{{category|slugify}}"></span>&nbsp;--><span class="category">{{category}}</span></a>
                        {% endfor%}
                        </div>
                {% endif %}