From d6ae709c14a628edb2c493654f0c02146503b7d8 Mon Sep 17 00:00:00 2001
From: Jef van Schendel <jefvanschendel@gmail.com>
Date: Thu, 7 Jul 2011 17:54:33 +0200
Subject: [PATCH] Additional style changes to navigation; add three navigation
 images

---
 mediagoblin/static/css/base.css                   |  12 ++++++------
 mediagoblin/static/images/navigation_end.png      | Bin 0 -> 718 bytes
 mediagoblin/static/images/navigation_left.png     | Bin 0 -> 406 bytes
 mediagoblin/static/images/navigation_right.png    | Bin 0 -> 383 bytes
 .../templates/mediagoblin/utils/prev_next.html    |  13 ++++++++-----
 5 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 mediagoblin/static/images/navigation_end.png
 create mode 100644 mediagoblin/static/images/navigation_left.png
 create mode 100644 mediagoblin/static/images/navigation_right.png

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 0fc33ed7..09f08445 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -205,14 +205,14 @@ img.media_icon{
 /* navigation */
 
 .navigation_button{
-  width: 139px;
+  width:139px;
   display:block;
   float:left;
-  text-align: center;
-  background-color: #393939;
-  text-decoration: none;
-  padding: 6px 0pt;
-  font-family: 'Carter One', arial, serif;
+  text-align:center;
+  background-color:#393939;
+  text-decoration:none;
+  padding:12px 0pt;
+  font-family:'Carter One', arial, serif;
   font-size:2em;
   margin:0 0 20px
 }
diff --git a/mediagoblin/static/images/navigation_end.png b/mediagoblin/static/images/navigation_end.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2f2729698bf8443ce687ab4a6a872726735cc19
GIT binary patch
literal 718
zcmV;<0x|uGP)<h;3K|Lk000e1NJLTq000&M000{Z1^@s6cq)J800004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10!v9mK~zYImDW#)Rb?2*@z1@Z4sHxVH_hTcl@v(g!WN>FN`H1O
zGH5A6C_;f`MhjtFI9koZg(x`MCTgMJLI_*A5QG#Xgo(6`(Ss6#CE~PdF<uw<TsfZ3
zId|rP1MhjB-}~kFo^zh}J)M5PuN)EaBHqCcT*=JujfjX?f!DFAxYl-hz1~W^UBKSO
z`qG>}wr1w_3aE>Z@J4ZMz>1RO?6Ly*LxY(PX0WZ2--9y^bLKJC#gCY4Tqkcv#Cs*T
zt8uJFe>5{6bTjh_4zvhiCL+d)@if*n=>EV7=nP+8L|nxCE%3eg88<Q3p!py(FIK_p
zaLe;Ap&WnVPfRw{uVm(1!<+7KkePRIvc>U43v>aWmJ{8IU>bk7z?)(=Gk<LaXXaxZ
zULy1#OjVOr$M6k)TLSot%zQKwoS6&wY?09G__nT4=U8T5#-$O^C-@{Y`*p=ya1o!6
z0N*$GJZqy3ym1700{feao$9s;5iyS6@zMzRJYLSsht)!p<Nb?(!YUl9EBw!KM6AIb
zys!u`{D)UF^KLm==Xh!fP#DLNYVtY95%G$_vt7OfFoRETV`e^Utg7R$TA&9F+P5yc
z__~}ZZ<|~2Q^Uk-20Pn6oNjTxJu|OX9UpHHFW}>%!_I0y#%6|tZsGPrY;F*r%FH<^
zj<Lq3z~+e93EhZThA$h0_f)pgVyPEe;D?5ecVk_p_yDt*%*^?k$p;O(t{RW=9dvrV
z-fg^wUvSyrci={`?8b<QT?J$TS8)#KGxJ|~3Nbvo5S*&{n*aa+07*qoM6N<$f)!m!
A#Q*>R

literal 0
HcmV?d00001

diff --git a/mediagoblin/static/images/navigation_left.png b/mediagoblin/static/images/navigation_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1645120322caaa60c8173e8c7dbcc7fc2575397
GIT binary patch
literal 406
zcmeAS@N?(olHy`uVBq!ia0vp^YCtT_!3HD+ZvMRsq*#ibJVQ8upoSx*1IXtr@Q5r1
zs=p4xj7}P}D}aKMC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)l3VXUZ
zhD5Z!y|z2+Pyj>wM}N(rBRlyYYIRKCDPAHzUGLVy{0A!**S0+~<yy-BAh~2!^XAD)
zf2>s$4VM_Y`&$HkIw&br^mF2APpwHij;&h9SRZ=GM>}y@EZ1sAXXyzk=IQUQvn)GM
zyrCw&T{x8~n?d;j>x*O8*01eq`g9=bfVRQ0<Epo#MOjl1-Z~&7F~`D9Rz7bv^MlYJ
zJI}ccUs67%sJ(5t{X_Ki!)CcV6@A=^#tAQlCh5#Mey_pq!_x~zAvI00jQu}?4=$JX
z3%PYze%kl7cNn<4moYz3e0e3qvugU5(5m~EeTg<cW_cd7Jfc(+>|GCR%1aGvt=B%^
x+IqF2`oUp7^;ba=iGOd)A3dZ6bhz#t@wbP>H(mHWF9R5c44$rjF6*2UngBDsrLq73

literal 0
HcmV?d00001

diff --git a/mediagoblin/static/images/navigation_right.png b/mediagoblin/static/images/navigation_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..d4caa7b8ba1fa404cefa63a7d216f346a64960f5
GIT binary patch
literal 383
zcmeAS@N?(olHy`uVBq!ia0vp^YCtT_!3HD+ZvMRsq*#ibJVQ8upoSx*1IXtr@Q5r1
zs=p4xj7}P}D}aKMC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NC6f7@pN$v
ziD-R$Wv|x}2a&di>fIZf%x-a23troHuYK);>kIcLJm<f0qr-f`-0g}xxTCU?7cV-l
z6dC*H{ISHKC#{W&>T~v-c~ax*lA*l!4%7XMomZC%ulDBJ$kgpSdx_BQgN9+t|GG`o
zI6luH_-(tzifb>{^9FU^O@4QHv-q4u{^edj<BzgM{Bz%^eCB_^{zGDXAAdZR7F1Na
zro?}^Bci{f?&-&EMaPda?A~#NE$w*gouuSx8=ARwF34@n&Pie|-_u{B=XT?motzr?
z+PSB$J&Rbi`i=ja<zD|pl5A}ryHr{|KXrMPYu9R>Da!S?S9mU}Ut^eia-)AqQt8Vh
auRd|D{C?4*OEDZ2ybPYMelF{r5}E+h>7<MR

literal 0
HcmV?d00001

diff --git a/mediagoblin/templates/mediagoblin/utils/prev_next.html b/mediagoblin/templates/mediagoblin/utils/prev_next.html
index 8908c298..7cf8d2a4 100644
--- a/mediagoblin/templates/mediagoblin/utils/prev_next.html
+++ b/mediagoblin/templates/mediagoblin/utils/prev_next.html
@@ -24,20 +24,23 @@
   {# There are no previous entries for the very first media entry #}
   {% if prev_entry_url %}
     <a class="navigation_button navigation_left" href="{{ prev_entry_url }}">
-      &lt;
+      <img src="/mgoblin_static/images/navigation_left.png" alt="Previous image" />
     </a>
   {% else %}
     {# This is the first entry. display greyed-out 'previous' image #}
-    <p class="navigation_button">X</p>
+    <p class="navigation_button navigation_left">
+      <img src="/mgoblin_static/images/navigation_end.png" alt="No previous images" />
+    </p>
   {% endif %}
-
   {# Likewise, this could be the very last media entry #}
   {% if next_entry_url %}
     <a class="navigation_button" href="{{ next_entry_url }}">
-       &gt;
+      <img src="/mgoblin_static/images/navigation_right.png" alt="Next image" />
     </a>
   {% else %}
     {# This is the last entry. display greyed-out 'next' image #}
-    <p class="navigation_button">X</p>
+    <p class="navigation_button">
+      <img src="/mgoblin_static/images/navigation_end.png" alt="No following images" />
+    </p>
   {% endif %}
 </div>
-- 
2.25.1