From 06a5f21eb14d43ff7c9e54727f53c2b78455a6f5 Mon Sep 17 00:00:00 2001
From: Jef van Schendel <jefvanschendel@gmail.com>
Date: Mon, 25 Jul 2011 21:26:58 +0200
Subject: [PATCH] Ok, so here are the actual changes. Woops!

---
 mediagoblin/static/css/base.css             | 34 ++++++++++------
 mediagoblin/templates/mediagoblin/base.html | 44 ++++++++++-----------
 2 files changed, 41 insertions(+), 37 deletions(-)

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 31b8ebc2..2d099526 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -1,10 +1,12 @@
 body {
-  background-color: #1F1F1F;
-  color: #aaa;
+  background-color: #111;
+  background-image:url("../images/background.png");
+  color: #999;
   font-family: sans-serif;
   padding:none;
   margin:0px;
   height:100%;
+  font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
 }
 
 form {
@@ -18,23 +20,31 @@ form {
   font-family: 'Carter One';
   font-style: normal;
   font-weight: normal;
-  src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=FWNn6ITYqL6or7ZTmBxRhq3fkYX5z1QtDUdIWoaaD_k') format('woff');
+  src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff');
 }
 
 /* text styles */
 
 h1{
-  font-family: 'Carter One', arial, serif;
+  font-family:'Carter One',arial,serif;
   margin-bottom: 15px;
   margin-top:15px;
+  color:#fff;
+  font-size: 30px;
 }
 
 h2{
   margin-top:20px;
+  color:#fff;
+}
+
+h3{
+  border-bottom:1px solid #222;
+  font-size:18px;
 }
 
 a {
-  color: #fff;
+  color: #999;
 }
 
 label {
@@ -49,11 +59,10 @@ label {
 }
 
 .mediagoblin_header {
-  width:100%;
   height:36px;
-  background-color:#2F2F2F;
   padding-top:14px;
-  margin-bottom:40px;
+  margin-bottom:20px;
+  border-bottom:1px solid #222222;
 }
 
 .header_submit{
@@ -75,12 +84,10 @@ label {
 }
 
 .mediagoblin_footer {
-  width:100%;
   height:30px;
-  background-color:#2F2F2F;
+  border-top:1px solid #222222;
   bottom:0px;
   padding-top:8px;
-  position:absolute;
   text-align:center;
   font-size:14px;
   color:#999;
@@ -129,7 +136,7 @@ text-align:center;
 /* forms */
 
 .form_box {
-  background-color:#393939;
+  background-color:#222;
   background-image:url("../images/background_lines.png");
   background-repeat:repeat-x;
   font-size:18px;
@@ -181,6 +188,7 @@ text-align:center;
 .comment_author {
   margin-bottom:40px;
   padding-top:4px;
+  font-size:14px;
 }
 
 .comment_content p {
@@ -213,7 +221,7 @@ img.media_icon{
   display:block;
   float:left;
   text-align:center;
-  background-color:#393939;
+  background-color:#222;
   text-decoration:none;
   padding:12px 0pt;
   font-family:'Carter One', arial, serif;
diff --git a/mediagoblin/templates/mediagoblin/base.html b/mediagoblin/templates/mediagoblin/base.html
index 12f188de..b38ad674 100644
--- a/mediagoblin/templates/mediagoblin/base.html
+++ b/mediagoblin/templates/mediagoblin/base.html
@@ -36,27 +36,25 @@
     {% block mediagoblin_body %}
     <div class="mediagoblin_body">
       {% block mediagoblin_header %}
-        <div class="mediagoblin_header">
-          <div class="container_16">
-            <div class="grid_16">
-              {% block mediagoblin_logo %}
-                <a class="mediagoblin_logo" href="{{ request.urlgen('index') }}"><img src="{{ request.staticdirect('/images/logo.png') }}" alt="Mediagoblin logo" /></a>
-              {% endblock %}
+        <div class="container_16">
+          <div class="grid_16 mediagoblin_header">
+            {% block mediagoblin_logo %}
+              <a class="mediagoblin_logo" href="{{ request.urlgen('index') }}"><img src="{{ request.staticdirect('/images/logo.png') }}" alt="Mediagoblin logo" /></a>
+            {% endblock %}
+            {% if request.user %}
+            <a class="header_submit" href="{{ request.urlgen('mediagoblin.submit.start') }}">Submit media</a>
+            {% endif %}
+            {% block mediagoblin_header_title %}{% endblock %}
+            <div class="mediagoblin_header_right">
               {% if request.user %}
-              <a class="header_submit" href="{{ request.urlgen('mediagoblin.submit.start') }}">Submit media</a>
+                <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
+                                            user= request.user['username']) }}">
+                  {{ request.user['username'] }}</a>'s account 
+                (<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">logout</a>)
+              {% else %}
+                 <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
+                   Login</a>
               {% endif %}
-              {% block mediagoblin_header_title %}{% endblock %}
-              <div class="mediagoblin_header_right">
-                {% if request.user %}
-                  <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
-                                              user= request.user['username']) }}">
-                    {{ request.user['username'] }}</a>'s account 
-                  (<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">logout</a>)
-                {% else %}
-                   <a href="{{ request.urlgen('mediagoblin.auth.login') }}">
-                     Login</a>
-                {% endif %}
-              </div>
             </div>
           </div>
         </div>
@@ -69,11 +67,9 @@
         </div>
       </div>
       {% block mediagoblin_footer %}
-        <div class="mediagoblin_footer">
-          <div class="container_16">
-            <div class="grid_16">
-              Powered by <a href="http://mediagoblin.org">MediaGoblin</a>, a <a href="http://gnu.org/">GNU project</a>
-            </div>
+        <div class="container_16">
+          <div class="grid_16 mediagoblin_footer">
+            Powered by <a href="http://mediagoblin.org">MediaGoblin</a>, a <a href="http://gnu.org/">GNU project</a>
           </div>
         </div>
       {% endblock %}
-- 
2.25.1