From 545c3af343484f480169123befd861b3ea44be9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Mon, 21 Nov 2016 15:44:52 +0100
Subject: [PATCH] apply dark background to key numbers section

---
 static/css/combo-style.css | 23 +++++++++++++++++++++--
 static/js/combo.public.js  |  2 +-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/static/css/combo-style.css b/static/css/combo-style.css
index 94ab84d..38805a5 100644
--- a/static/css/combo-style.css
+++ b/static/css/combo-style.css
@@ -242,9 +242,11 @@ div.textcell h2 {
 	color: #333;
 	font-weight: normal;
 	font-family: Abeezee;
+	text-align: left;
 }
 
 div.se-voir h2, div.se-parler h2,
+div.textcell.chiffres-cles h1, div.textcell.chiffres-cles h2,
 div.textcell.prix-vincennes h1, div.textcell.prix-vincennes h2,
 div.textcell.prix-montpellier h1, div.textcell.prix-montpellier h2,
 div.textcell.guichet-unique h1, div.textcell.guichet-unique h2,
@@ -275,7 +277,7 @@ div.textcell.libre a {
 	border-bottom-color: #fff;
 }
 
-
+div.textcell.chiffres-cles,
 div.textcell.tablette,
 div.textcell.prix-montpellier,
 div.textcell.prix-vincennes,
@@ -296,6 +298,7 @@ div.textcell.libre {
 	font-size: 110%;
 }
 
+div.textcell.chiffres-cles > div,
 div.textcell.prix-montpellier > div,
 div.textcell.prix-vincennes > div,
 div.textcell.guichet-unique > div,
@@ -307,13 +310,17 @@ div.textcell.compte-citoyen > div,
 div.textcell.mobilite > div,
 div.textcell.opendata > div,
 div.textcell.libre > div {
-	background: url(../img/libre.png) no-repeat top right;
+	background: no-repeat top right;
 	width: calc(90% - 240px);
 	padding-right: 240px;
 	max-width: calc(1070px - 240px);
 	margin: 0 auto;
 }
 
+div.textcell.libre > div {
+	background: url(../img/libre.png) no-repeat top right;
+}
+
 div.textcell.opendata > div {
 	background-image: url(../img/data.png);
 }
@@ -764,6 +771,7 @@ div.textcell.transition {
 }
 
 @media(max-width: 500px) {
+	div.textcell.chiffres-cles > div,
 	div.textcell.bi > div,
 	div.textcell.webservices > div,
 	div.textcell.annonces > div,
@@ -847,6 +855,14 @@ div.textcell.transition {
 	}
 }
 
+div.chiffres-cles > div {
+  position: relative;
+}
+
+div.chiffres-cles > div span#counter {
+  color: #eee;
+}
+
 span#counter {
   position: absolute;
   bottom: 1em;
@@ -860,6 +876,9 @@ span#counter {
 }
 
 @media(max-width: 900px) {
+  div.textcell.chiffres-cles > div {
+	padding-right: 0;
+  }
   span#counter {
     display: none;
   }
diff --git a/static/js/combo.public.js b/static/js/combo.public.js
index 8adcd86..bf2fa0c 100644
--- a/static/js/combo.public.js
+++ b/static/js/combo.public.js
@@ -20,7 +20,7 @@ $(function() {
     var $chiffres_section = $('div[id|=chiffres]');
     $chiffres_section.css('position', 'relative');
     var total = $chiffres_section.attr('id').split('-')[1];
-    var $counter = $('<span id="counter"></span>').appendTo($chiffres_section);
+    var $counter = $('<span id="counter"></span>').appendTo($chiffres_section.find('> div'));
     var options = {
       useEasing : true,
       useGrouping : true,