[extensions-web/wip/tomtryf/redesign: 3/18] Update footer style
- From: Tom Tryfonidis <tomtryf src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [extensions-web/wip/tomtryf/redesign: 3/18] Update footer style
- Date: Thu, 23 Feb 2017 19:17:59 +0000 (UTC)
commit 152f416d8f5e67d80e9af48d359822a30d7917db
Author: Tom Tryfonidis <tomtryf gnome org>
Date: Fri Feb 17 16:27:09 2017 +0200
Update footer style
sweettooth/static/css/style.css | 96 +++++++++++++---------------------
sweettooth/static/css/sweettooth.css | 10 ----
sweettooth/static/css/text.css | 13 -----
sweettooth/templates/base.html | 57 ++++++--------------
4 files changed, 53 insertions(+), 123 deletions(-)
---
diff --git a/sweettooth/static/css/style.css b/sweettooth/static/css/style.css
index 56b99fb..780f95d 100644
--- a/sweettooth/static/css/style.css
+++ b/sweettooth/static/css/style.css
@@ -557,69 +557,37 @@ dl.icon_list dt img {
}
-/* Footer Artwork */
-/* ========================================================================== */
-
-
-
-#footer_art {
- background: transparent no-repeat;
- height: 180px;
- margin-top: 0;
- clear: left;
-}
-#footer_art.none {
- height: 30px;
- margin-top: 0;
-}
-
-
-/* Footer Grass */
-/* ========================================================================== */
-
-#footer_grass {
- background: url(../images/grass.png) top center repeat-x;
- height: 39px;
- margin-top: -33px;
-}
-
-
/* Footer */
/* ========================================================================== */
-
-
#footer {
+ font-size: 12px;
+ line-height: 1.4em;
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;
- margin: 0 40px 10px 0;
+ margin: 0 40px 10px 5px;
}
-#footer div.links div a, #footer div.links div strong {
+#footer .links {
+ overflow: hidden;
+ font-size: 14px;
+}
+#footer .links a,
+#footer .links strong {
display: block;
text-decoration: none;
}
-#footer div.links div a:hover, #footer div.links div a:focus {
+#footer .links a:hover,
+#footer .links a:focus {
text-decoration: underline;
}
-#footer div.icons {
- float: right;
-}
-#footer div.icons a {
- display: table-cell;
- vertical-align: middle;
- text-align: center;
- width: 220px;
- height: 110px;
- outline: none;
- text-decoration: none;
-}
-
#footer ul {
margin: 0;
padding: 0;
@@ -632,21 +600,30 @@ dl.icon_list dt img {
#footer ul.menu > li > a {
font-weight: bold;
}
+#footer .links > ul > li > a {
+ font-weight: bold;
+}
#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;
@@ -658,7 +635,6 @@ dl.icon_list dt img {
color: inherit;
}
-
/* Separators */
/* ========================================================================== */
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 76afc21..13df6ab 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -10,16 +10,6 @@ span.action_button {
font-weight: bold;
}
-/* Footer Artwork */
-/* ========================================================================== */
-
-
-
-#footer_art.applications {
- background-image: url(../images/footer_arts/applications.png);
-}
-
-
/* Unreviewed Extension Counter */
/* ==================================================================== */
diff --git a/sweettooth/static/css/text.css b/sweettooth/static/css/text.css
index 2380b5d..c2f9857 100644
--- a/sweettooth/static/css/text.css
+++ b/sweettooth/static/css/text.css
@@ -90,16 +90,3 @@ a {
font-size: 16pt;
line-height: 130%;
}
-
-.footnotes {
- font-size: 11px;
- color: #888a85;
-}
-.footnotes a {
- color: #888a85;
-}
-
-#footer {
- font-size: 12px;
- line-height: 1.4em;
-}
diff --git a/sweettooth/templates/base.html b/sweettooth/templates/base.html
index b6939b6..0cab727 100644
--- a/sweettooth/templates/base.html
+++ b/sweettooth/templates/base.html
@@ -116,56 +116,33 @@
{% block body %}
{% endblock %}
</div>
-
- <!-- footer artwork -->
- <div id="footer_art" class="grid_12 applications">
-
- </div>
</div>
</div>
<div class="clearfix"></div>
- <!-- footer grass -->
- <div id="footer_grass">
-
- </div>
-
<div id="footer">
- <div class="container_12">
- <div class="links grid_9">
- {% include "footer_links.html" %}
- </div>
-
- <div class="icons grid_3">
- <div class="social_network_icons">
- <a href="//identi.ca/gnome">
- <img
src="https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/identica.png";
- alt=" ">
- </a>
- <a href="//twitter.com/gnome">
- <img
src="https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/twitter.png";
- alt=" ">
- </a>
- <a href="//www.facebook.com/GNOMEDesktop">
- <img
src="https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/facebook.png";
- alt=" ">
- </a>
- <a href="//plus.google.com/108054458791366257368/posts">
- <img
src="https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/gplus.png";
- alt="GNOME on Google+" rel="publisher">
- </a>
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="links col-xs-12 col-sm-9">
+ {% include "footer_links.html" %}
+ </div>
+ </div>
</div>
- </div>
-
+ </div>
<!-- footnotes -->
- <div id="footnotes" class="grid_9">
- Copyright © 2005‒{% now "Y" %} <strong class="gnome_logo">The GNOME Project</strong><br>
- <small>Free to share and remix: <a href="http://creativecommons.org/licenses/by/3.0/";>Creative
Commons CC-BY</a>. Optimised for standards. Hosted by <a href="https://www.redhat.com/";>Red Hat</a>. Powered
by <a href="//www.djangoproject.com">Django</a> and <a
href="//git.gnome.org/browse/extensions-web">SweetTooth</a></small>
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-12">
+ <div id="footnotes" class="col-sm-9">
+ Copyright © 2005‒{% now "Y" %} <strong class="gnome_logo">The GNOME
Project</strong><br>
+ <small>Free to share and remix: <a
href="http://creativecommons.org/licenses/by/3.0/";>Creative Commons CC-BY</a>. Optimised for standards.
Hosted by <a href="https://www.redhat.com/";>Red Hat</a>. Powered by <a
href="//www.djangoproject.com">Django</a> and <a
href="//git.gnome.org/browse/extensions-web">SweetTooth</a></small>
+ </div>
+ </div>
+ </div>
</div>
-
<div class="clear"></div>
- </div>
</div>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
</body>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
![https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/identica.png"](https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/identica.png"){kind=link}
![https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/twitter.png"](https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/twitter.png"){kind=link}
![https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/facebook.png"](https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/facebook.png"){kind=link}
![https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/gplus.png"](https://www.gnome.org/wp-content/themes/gnome-grass/images/social_networks/gplus.png"){kind=link}