update footer css
authorrougeronj
Tue, 03 Mar 2015 12:29:40 +0100
changeset 471 66ffe026b144
parent 470 d5b166da842d
child 472 6575b9f53601
update footer css
src/hdalab/static/hdalab/css/footer.css
src/hdalab/templates/base.html
--- a/src/hdalab/static/hdalab/css/footer.css	Mon Mar 02 18:10:47 2015 +0100
+++ b/src/hdalab/static/hdalab/css/footer.css	Tue Mar 03 12:29:40 2015 +0100
@@ -49,28 +49,56 @@
 	text-align: center;
 }
 
+#innerfooter h2 {
+	margin:0;
+	font-size: 1.4em;
+}
+.culture-url > img{
+	margin-top:10px;
+}
+
 #innerfooter .iri-url,
 #innerfooter .culture-url,
-#innerfooter .row
-{
+#innerfooter .row {
 	display: inline-block;
 	vertical-align: middle;
 	width:auto;
-	margin-top:17px;
-	padding-left: 40px;
+	margin-top:8px;
+	padding-left: 30px;
+	padding-right: 30px;
 	border-left:1px solid white;
+	vertical-align: top;
+	height: 130px;
 }
 #innerfooter .iri-url{
-	border:none;
-	padding: 0;
+	border: none;
+    height: auto;
+    margin-right: 20px;
+    margin-top: 30px;
+    padding: 0;
 }
-#innerfooter .culture-url{margin: 17px 40px 0;}
-#innerfooter .row ul {text-align: center;}
+
 #innerfooter .row ul li {
 	float: none;
 	text-align: left;
 }
-
-#innerfooter .row.links {
-	vertical-align: top;
+#innerfooter .row ul li:before {
+	content: "";
+	margin:0;
+}
+#innerfooter > .row > ul {
+	text-transform: uppercase;
+	text-align: center;
+	font-size:9px;
+}
+#innerfooter > .row.links > ul li:last-child {
+	margin-top:10px;
+}
+#innerfooter #menu a {
+    font-size: 1.4em;
+}
+#copyright{
+	float: right;
+	margin: 0 10px 0 0;
+	font-size: 10px;
 }
\ No newline at end of file
--- a/src/hdalab/templates/base.html	Mon Mar 02 18:10:47 2015 +0100
+++ b/src/hdalab/templates/base.html	Tue Mar 03 12:29:40 2015 +0100
@@ -85,7 +85,7 @@
                 <a class = "culture-url" href="http://www.culturecommunication.gouv.fr/">
                     <img src="{% static 'hdalab/img/logo_mcc_blanc.png' %}" alt="">
                 </a>
-                <div class="row links">
+                <div class="row">
                     <ul id="menu">
                         <li><h2><b>{% trans 'Rubriques' %}</b></h2></li>
                         <li><a href="{% url 'facettes' %}">{% trans 'Recherche' %}</a></li>
@@ -103,6 +103,7 @@
                         <li><a href="http://iri.centrepompidou.fr/" target="_blank">iri.centrepompidou.fr</a></li>
                         <li><a href="http://www.histoiredesarts.culture.fr/" target="_blank">histoiredesarts.culture.fr</a></li>
                         <li><a href="https://www.data.gouv.fr/fr/" target="_blank">data.gouv.fr</a></li>
+                        <li><a href="https://fr-fr.facebook.com/pages/Histoire-des-arts-Culturefr/295361194055" target="_blank">Facebook HDA</a></li>
                     </ul>
                 </div>
                 <p id="copyright">© Ministère de la Culture et de la Communication</p>