diff options
| -rw-r--r-- | mediagoblin/static/css/base.css | 23 | ||||
| -rw-r--r-- | mediagoblin/templates/mediagoblin/utils/prev_next.html | 14 |
2 files changed, 29 insertions, 8 deletions
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 }}"> + < </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 }}"> + > </a> {% else %} {# This is the last entry. display greyed-out 'next' image #} - X + <p class="navigation_button">X</p> {% endif %} </div> |