diff options
| author | Jef van Schendel <jefvanschendel@gmail.com> | 2011-07-03 23:04:09 +0200 |
|---|---|---|
| committer | Jef van Schendel <jefvanschendel@gmail.com> | 2011-07-03 23:04:09 +0200 |
| commit | 8dc4381032ad754397a1ef5415e664fffee40c37 (patch) | |
| tree | 7ca9b983555571b8b52d04061f1859d48eefad95 /mediagoblin | |
| parent | e854a1285c7a522398dea3c1a99dbb25afca7e56 (diff) | |
| download | mediagoblin-8dc4381032ad754397a1ef5415e664fffee40c37.tar.lz mediagoblin-8dc4381032ad754397a1ef5415e664fffee40c37.tar.xz mediagoblin-8dc4381032ad754397a1ef5415e664fffee40c37.zip | |
Style navigation buttons
Diffstat (limited to 'mediagoblin')
| -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> |