Style navigation buttons
This commit is contained in:
parent
e854a1285c
commit
8dc4381032
@ -237,3 +237,26 @@ img.media_icon{
|
|||||||
margin:0 4px;
|
margin:0 4px;
|
||||||
vertical-align:sub;
|
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;
|
||||||
|
}
|
||||||
|
@ -23,23 +23,21 @@
|
|||||||
<div>
|
<div>
|
||||||
{# There are no previous entries for the very first media entry #}
|
{# There are no previous entries for the very first media entry #}
|
||||||
{% if prev_entry_url %}
|
{% if prev_entry_url %}
|
||||||
<a href="{{ prev_entry_url }}">
|
<a class="navigation_button navigation_left" href="{{ prev_entry_url }}">
|
||||||
{# TODO - insert 'Previous' and 'X' image sources #}
|
<
|
||||||
Previous
|
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
{# This is the first entry. display greyed-out 'previous' image #}
|
{# This is the first entry. display greyed-out 'previous' image #}
|
||||||
X
|
<p class="navigation_button">X</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{# Likewise, this could be the very last media entry #}
|
{# Likewise, this could be the very last media entry #}
|
||||||
{% if next_entry_url %}
|
{% if next_entry_url %}
|
||||||
<a href="{{ next_entry_url }}">
|
<a class="navigation_button" href="{{ next_entry_url }}">
|
||||||
{# TODO - insert 'Next' and 'X' image sources #}
|
>
|
||||||
Next
|
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
{# This is the last entry. display greyed-out 'next' image #}
|
{# This is the last entry. display greyed-out 'next' image #}
|
||||||
X
|
<p class="navigation_button">X</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user