[damned-lies] Update footer to match the gnome.org design
- From: Claude Paroz <claudep src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [damned-lies] Update footer to match the gnome.org design
- Date: Sat, 18 Feb 2017 10:28:11 +0000 (UTC)
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>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]