From: Jef van Schendel <jefvanschendel@gmail.com>
Date: Sun, 3 Jul 2011 21:04:09 +0000 (+0200)
Subject: Style navigation buttons
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=8dc4381032ad754397a1ef5415e664fffee40c37;p=mediagoblin.git

Style navigation buttons
---

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 997d25c7..74f283a6 100644
--- a/mediagoblin/static/css/base.css
+++ b/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;
+}
diff --git a/mediagoblin/templates/mediagoblin/utils/prev_next.html b/mediagoblin/templates/mediagoblin/utils/prev_next.html
index e054ed23..8908c298 100644
--- a/mediagoblin/templates/mediagoblin/utils/prev_next.html
+++ b/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>