Style navigation buttons

mediagoblin/static/css/base.css

@@ -237,3 +237,26 @@ img.media_icon{
   margin:0 4px;
   vertical-align:sub;
 }
+
+/* navigation */
+
+.navigation_button{
+  width: 139px;
+  display:block;
+  float:left;
+  text-align: center;
+  background-color: #393939;
+  text-decoration: none;
+  padding: 6px 0pt;
+  font-family: 'Carter One', arial, serif;
+  font-size:2em;
+  margin:0;
+}
+
+p.navigation_button{
+  color:#272727;
+}
+
+.navigation_left{
+  margin-right:2px;
+}

mediagoblin/templates/mediagoblin/utils/prev_next.html

@@ -23,23 +23,21 @@
 <div>
   {# There are no previous entries for the very first media entry #}
   {% if prev_entry_url %}
-    <a href="{{ prev_entry_url }}">
-      {# TODO - insert 'Previous' and 'X' image sources #}
-      Previous 
+    <a class="navigation_button navigation_left" href="{{ prev_entry_url }}">
+      &lt;
     </a>
   {% else %}
     {# This is the first entry. display greyed-out 'previous' image #}
-    X 
+    <p class="navigation_button">X</p>
   {% endif %}
 
   {# Likewise, this could be the very last media entry #}
   {% if next_entry_url %}
-    <a href="{{ next_entry_url }}">
-      {# TODO - insert 'Next' and 'X' image sources #}
-       Next
+    <a class="navigation_button" href="{{ next_entry_url }}">
+       &gt;
     </a>
   {% else %}
     {# This is the last entry. display greyed-out 'next' image #}
-     X
+    <p class="navigation_button">X</p>
   {% endif %}
 </div>