Reformat second menu bar to make it look slightly nicer.

diff --git a/media/style/main.css b/media/style/main.css
index e00704bda538d39927b19f9d16b25abd15e232d4..14aa3ed0619cb14849b3e9fbd013f91aca0b7100 100644 (file)
--- a/media/style/main.css
+++ b/media/style/main.css
@@ -41,8 +41,6 @@ body #page #headerbar #menu {
     margin-right: 0;
     text-align: right;
     width: 100%;
     margin-right: 0;
     text-align: right;
     width: 100%;

-    border-top: thin solid #bababa;
-    border-bottom: thin solid #bababa;

     background: url(../img/menu-back.png);
     padding-top: 0.3em;
     padding-bottom: 0.3em;
     background: url(../img/menu-back.png);
     padding-top: 0.3em;
     padding-bottom: 0.3em;


@@ -65,6 +63,34 @@ body #page #headerbar #menu ul li a:visited {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

+body #page #content #submenu {
+    font-size: 100%;
+    margin-right: -0.8em;
+    margin-left: -0.8em;
+    text-align: left;
+    background: black;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
+    top: 0;
+    left: 0;
+    position: relative;
+}
+
+body #page #content #submenu ul {
+    display: inline;
+    font-size: 90%;
+}
+
+body #page #content #submenu ul li,
+body #page #content #submenu ul li a,
+body #page #content #submenu ul li a:visited {
+    display: inline;
+    margin: 0;
+    color: #9a9a9a;
+    font-weight: bold;
+    text-decoration: none;
+}
+

 body #page #headerbar #menu ul li {
     padding-left: 1em;
     padding-right: 1em;
 body #page #headerbar #menu ul li {
     padding-left: 1em;
     padding-right: 1em;

diff --git a/templates/base.html b/templates/base.html
index 06cc632f01d257ad54a047be52c48c752e1d7a50..f76b66af50f824d8e45e7ea37980b49cd3a8671f 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -26,15 +26,15 @@
             </div>
             <div id="content">
                 {% block submenu %}
             </div>
             <div id="content">
                 {% block submenu %}

-                <div id="submenu">

                     {% if content_submenu %}
                     {% if content_submenu %}

-                    <ul>
-                        {% for item in content_submenu %}
-                        <li><a href="{{ item.url }}">{{ item.title }}</a></li>
-                        {% endfor %}
-                    </ul>
+                    <div id="submenu">
+                        <ul>
+                            {% for item in content_submenu %}
+                            <li><a href="{{ item.url }}">{{ item.title }}</a></li>
+                            {% endfor %}
+                        </ul>
+                    </div>

                     {% endif %}
                     {% endif %}

-                </div>

                 {% endblock %}
                 {% block content %}
                 {{ content }}
                 {% endblock %}
                 {% block content %}
                 {{ content }}