Make footer smaller
authorJuliette Belin <juliette.belin@logilab.fr>
Wed, 01 Mar 2017 16:54:59 +0100
changeset 194 dede3f8e62ab
parent 193 f2ba8fa63a9b
child 195 420ca1f16a4c
Make footer smaller
cubicweb_sherpa/data/cubes.sherpa.css
cubicweb_sherpa/views/templates/maintemplate.jinja2.html
--- a/cubicweb_sherpa/data/cubes.sherpa.css	Wed Mar 01 15:59:56 2017 +0100
+++ b/cubicweb_sherpa/data/cubes.sherpa.css	Wed Mar 01 16:54:59 2017 +0100
@@ -515,10 +515,9 @@
 
 #pagefooter {
   background-color: #0d4e96;
-  font-size: 1.25em;
+  font-size: 1.2em;
   color: #fff;
   overflow: hidden;
-  padding: 2em;
 }
 
 #pagefooter a{
@@ -528,6 +527,8 @@
 #pagefooter h3 {
   text-align: left;
   font-family: 'lovelo';
+  display: inline-block;
+  padding-right: 2em;
 }
 #pagefooter .links {
   overflow: hidden;
@@ -539,13 +540,15 @@
 }
 
 #pagefooter .links a {
-  display: block;
   text-align: left;
   line-height: 2em;
+  padding: 0 1em 0 1em;
+  border-right: 1px solid white;
 }
 
 #pagefooter a:hover {
-  text-decoration: underline;
+  text-decoration: underline;;
+  cursor: pointer;
 }
 
 #pagefooter #sherpa-resources {
@@ -555,14 +558,20 @@
   border-right: 1px solid transparent;
 }
 
-#pagefooter  #footer-links{
-  margin-top: 3em;
-  padding: 1.5em 0 1.5em 0;
+#pagefooter  #footer-links {
+  margin-top: 1em;
+  padding: 1em 0 1em 0;
   border-top: 1px solid white;
-  border-bottom: 1px solid white;
-  clear: both;
 }
 
+#pagefooter  #footer-links span {
+  padding: 0 1em 0 1em;
+}
+
+
+footer {
+  padding-bottom: 2em;
+}
 /*media queries */
 
 .page-content {
@@ -580,11 +589,6 @@
     float: left;
     margin-top: auto;
   }
-
-  #pagefooter #sherpa-resources {
-    border-right: 1px solid white;
-    border-left: 1px solid white;
-  }
 }
 
 /* XXX remove me once seda > 0.6.1 is released */
--- a/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Wed Mar 01 15:59:56 2017 +0100
+++ b/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Wed Mar 01 16:54:59 2017 +0100
@@ -64,8 +64,8 @@
         </div>
       </section>
       <div id="footer-links">
-        <span><a href="{{ base_url }}/apropos">à propos</a></span> |
-        <span><a href="{{ base_url }}/contact">contact</a></span> |
+        <span><a href="{{ base_url }}/apropos">À propos</a></span>
+        <span><a href="{{ base_url }}/contact">Contact</a></span>
         <span>© Service Interministériel des Archives de France</span>
       </div>
     </footer>