From f09c05a0c604e99045ddaf6a58bbcd61718f3a47 Mon Sep 17 00:00:00 2001
From: Damyan Ivanov <dmn@debian.org>
Date: Sat, 5 Feb 2011 20:19:07 +0200
Subject: [PATCH] redesign of language selector (take 1)

---
 static/Pics/gradient-flipped.png | Bin 0 -> 226 bytes
 static/debian.css                |  30 ++++++++++++++++++++++++++++++
 templates/html/foot.tmpl         |   8 ++++++--
 3 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 static/Pics/gradient-flipped.png

diff --git a/static/Pics/gradient-flipped.png b/static/Pics/gradient-flipped.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4c10b2a0200696adeb20576d91ba7c86f3ad55d
GIT binary patch
literal 226
zcmeAS@N?(olHy`uVBq!ia0vp^j6m$n!2~2PJ^!&2Bv2gW?!>U}oXkrghqJ&VvKXlN
zKL|5^>Dtr@6l5>)^mS#w&BP+AWV$Lj@i9<Hti&~<#5q4VH#M(>!8<W0CsiRhKP9y&
zH!+WS(Z4L9iXcxH#}J9jxqSzD4;XM9IrG-u_#JcWvY>bkwM~w_LMBN|n2wnpcw>;&
z@_;{C=Jg?m+WSWTcB|eNXxA@(Ubg<+@8=esGUs=0TwH3HELipH&b?=hZ<6!G|0bN^
Q0h-R>>FVdQ&MBb@04Z@$u>b%7

literal 0
HcmV?d00001

diff --git a/static/debian.css b/static/debian.css
index fcef8be..f623354 100644
--- a/static/debian.css
+++ b/static/debian.css
@@ -830,3 +830,33 @@ div.tabular table > td:fist-child, table.tabular  > td:fist-child, table.vendors
 	float: left;
 	margin-right: 1em;
 }
+
+#langSelector {
+        color: #0035c7;
+        text-decoration: underline;
+}
+#langSelector:hover {
+        cursor: pointer;
+        text-decoration: none;
+}
+#langContainer {
+        #background-color: #f5f6f7;
+        background-color: white;
+        background-image:url('Pics/gradient-flipped.png');
+        background-position: bottom;
+        background-repeat: repeat-x;
+        display: none;
+        position: absolute;
+        left: -1em;
+        border-bottom: 1px solid #dfdfe0;
+        margin-right: -1em;
+        min-width: 100%;        /* make it reach the right edge if only a few
+                                   languages are available */
+        padding: 0.5em 1em 1em 1em;
+}
+#langContainer a {
+        margin-right: 1em;
+}
+#pageLang:hover #langContainer {
+    display: block;
+}
diff --git a/templates/html/foot.tmpl b/templates/html/foot.tmpl
index 5bae698..c333989 100644
--- a/templates/html/foot.tmpl
+++ b/templates/html/foot.tmpl
@@ -8,8 +8,10 @@ Total page evaluation took [% benchmark %]<br>
 [% IF langs && langs.size > 0 %]
 <hr class="hidecss">
 <!--UdmComment-->
+<div id="pageLang">
+<div id="langSelector">
 <p>[% g('This page is also available in the following languages (How to set <a href="%s">the default document language</a>):', cn_help_url) %]</p>
-<p class="navpara">
+<div id="langContainer">
 [% FOREACH l IN langs %]
 <a href="[% IF keyword_esc;
 		make_search_url('',"keywords=$keyword_esc",'lang',l.lang);
@@ -18,7 +20,9 @@ Total page evaluation took [% benchmark %]<br>
 	    END %]" title="[% l.tooltip %]" hreflang="[% l.lang %]" lang="[% l.lang %]" rel="alternate">[% l.selfname %]
 [%- IF l.transliteration %] ([% l.transliteration %])[% END %]</a>
 [% END %]
-</p>
+</div>
+</div>
+</div>
 <!--/UdmComment-->
 [% END %]
 
-- 
2.39.2