Header style change
authorJef van Schendel <mail@jefvanschendel.nl>
Sun, 25 Mar 2012 19:33:52 +0000 (21:33 +0200)
committerJef van Schendel <mail@jefvanschendel.nl>
Sun, 25 Mar 2012 19:33:52 +0000 (21:33 +0200)
mediagoblin/static/css/base.css
mediagoblin/templates/mediagoblin/base.html

index 909c979046e1fbef6c58572b8c4905817009e5ff..34be4f1691358c0407a11dbac9155f1e299c6960 100644 (file)
@@ -113,10 +113,10 @@ input, textarea {
 }
 
 header {
-  width: 100%;
-  padding-top: 14px;
+  width: 98%;
+  padding: 6px 1% 0;
   margin-bottom: 20px;
-  border-bottom: 1px solid #333;
+  background-color: #222;
 }
 
 .header_right {
@@ -144,7 +144,7 @@ footer {
   height: 30px;
   border-top: 1px solid #333;
   bottom: 0px;
-  padding-top: 8px;
+  padding: 8px 0;
   text-align: center;
   font-size: 0.875em;
   clear: both;
@@ -560,11 +560,6 @@ table.media_panel th {
     padding: 9px 14px;
   }
   
-  .header_right {
-    float: none;
-    display: inline-block;
-  }
-  
   header {
     text-align: center;
   }
index be81c27b6a20c53725343cea90e40252d446c958..c2d5457de638b92d4f05e09f3901e78dd7bbb20b 100644 (file)
   </head>
   <body>
     {% block mediagoblin_body %}
-    <div class="container">
       {% block mediagoblin_header %}
-          <header>
-            {% block mediagoblin_logo %}
-              <a class="logo"
-                 href="{{ request.urlgen('index') }}"
-                 ><img src="{{ request.staticdirect('/images/logo.png') }}"
-                     alt="{% trans %}MediaGoblin logo{% endtrans %}" /></a>
-            {% endblock mediagoblin_logo %}
-            {% if request.user and request.user.status == 'active' %}
-              <a class="button_action"
-                 href="{{ request.urlgen('mediagoblin.submit.start') }}">
-                {% trans %}Add media{% endtrans %}
-              </a>
-            {% endif %}
-            {% block mediagoblin_header_title %}{% endblock %}
-            <div class="header_right">
-              {% if request.user %}
-                {# the following link should only appear when verification is needed #}
-                {% if request.user.status == "needs_email_verification" %}
-                  <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
-                                              user=request.user.username) }}"
-                     class="button_action_highlight">
-                    {% trans %}Verify your email!{% endtrans %}</a>
-                {% endif %}
-
+        <header>
+          {% block mediagoblin_logo %}
+            <a class="logo"
+               href="{{ request.urlgen('index') }}"
+               ><img src="{{ request.staticdirect('/images/logo.png') }}"
+                   alt="{% trans %}MediaGoblin logo{% endtrans %}" /></a>
+          {% endblock mediagoblin_logo %}
+          {% if request.user and request.user.status == 'active' %}
+            <a class="button_action"
+               href="{{ request.urlgen('mediagoblin.submit.start') }}">
+              {% trans %}Add media{% endtrans %}
+            </a>
+          {% endif %}
+          {% block mediagoblin_header_title %}{% endblock %}
+          <div class="header_right">
+            {% if request.user %}
+              {# the following link should only appear when verification is needed #}
+              {% if request.user.status == "needs_email_verification" %}
                 <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
-                                            user= request.user.username) }}">
-                  {{ request.user.username }}</a>
-
-                (<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">{% trans %}log out{% endtrans %}</a>)
-              {% else %}
-                <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
-                  {% trans %}Log in{% endtrans %}</a>
+                                            user=request.user.username) }}"
+                   class="button_action_highlight">
+                  {% trans %}Verify your email!{% endtrans %}</a>
               {% endif %}
-            </div>
-          </header>
+             <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
+                                          user= request.user.username) }}">
+                {{ request.user.username }}</a>
+              (<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">{% trans %}log out{% endtrans %}</a>)
+            {% else %}
+              <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
+                {% trans %}Log in{% endtrans %}</a>
+            {% endif %}
+          </div>
+        </header>
       {% endblock %}
+    <div class="container">
       <div class="mediagoblin_content">
           {% include "mediagoblin/utils/messages.html" %}
           {% block mediagoblin_content %}