[damned-lies] Update footer to match the gnome.org design

[Claude Paroz <claudep src gnome org>]

commit 5a5378872391065a0f3fb8e882af5286c88a944e
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Tue Feb 14 14:37:12 2017 +0200

    Update footer to match the gnome.org design

 common/static/css/template.css         |   65 +++++++++++--------------------
 common/static/img/footer_arts/l10n.png |  Bin 6668 -> 0 bytes
 common/static/img/grass.png            |  Bin 10178 -> 0 bytes
 templates/base.html                    |    4 --
 4 files changed, 23 insertions(+), 46 deletions(-)
---
diff --git a/common/static/css/template.css b/common/static/css/template.css
index afdfc6f..976fc34 100644
--- a/common/static/css/template.css
+++ b/common/static/css/template.css
@@ -766,38 +766,13 @@ ul.foot li {
 /* Footer */
 /* ========================================================================== */
 
-
-/* Footer Artwork */
-
-#footer_art {
-    background: transparent no-repeat bottom center;
-    height: 180px;
-    margin-top: 0;
-    clear: left;
-}
-#footer_art.none {
-    height: 30px;
-    margin-top: 0;
-}
-#footer_art {
-    background-image: url(../img/footer_arts/l10n.png);
-}
-
-/* Footer Grass */
-
-#footer_grass {
-    background: url(../img/grass.png) top center repeat-x;
-    height: 39px;
-    margin-top: -33px;
-}
-
-/* Footer */
-
 #footer {
     clear: left;
-    background: #d3d7cf;
-    color: #555753;
-    padding: 20px 0;
+    background: #000;
+    color: #919191;
+    padding: 20px 20px;
+    padding-top: 40px;
+    margin-top: 80px;
 }
 #footer div.links > div > ul > li {
     float: left;
@@ -805,6 +780,7 @@ ul.foot li {
 }
 #footer .links {
     overflow: hidden;
+    font-size: 14px;
 }
 #footer .links a,
 #footer .links strong {
@@ -833,21 +809,26 @@ ul.foot li {
 }
 #footer .links a {
     color: inherit;
-    -webkit-transition: background-color 100ms ease-in;
-    -moz-transition: background-color 100ms ease-in;
-    transition: background-color 100ms ease-in;
+    outline: 0;
+    -webkit-transition: all .35s;
+    -moz-transition: all .35s;
+    transition: all .35s;
+    margin: 6px 0;
+}
+#footer .links a:hover {
+    color: #c4c4c4;
 }
+#footer .links a:active,
 #footer .links a:focus {
-   background: #ececec;
-   padding: 1px 3px;
-   margin: -1px -3px;
-   text-decoration: none !important;
-   outline: 0;
-   -moz-border-radius: 5px;
-   -webkit-border-radius: 5px;
-   border-radius: 5px;
+    color: #fff;
+}
+#footer div.links div a, #footer div.links div strong {
+    display: block;
+    text-decoration: none;
+}
+#footer div.links div a:hover, #footer div.links div a:focus {
+    text-decoration: underline;
 }
-
 #footer #footnotes {
     margin-top: 20px;
 }
diff --git a/templates/base.html b/templates/base.html
index bba4e6f..fd28e5e 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -93,10 +93,6 @@
     </div>
 </div>
 
-<div id="footer_art"></div>
-
-<div id="footer_grass"></div>
-
 <div id="footer">
     <div class="links container">
         <div>