summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFrédéric Péters <fpeters@entrouvert.com>2016-11-21 14:44:52 (GMT)
committerFrédéric Péters <fpeters@entrouvert.com>2016-11-21 14:46:03 (GMT)
commit545c3af343484f480169123befd861b3ea44be9b (patch)
treecfffd34c639f4e4f3304532f0acf633185cc563c
parent7a52f6d07ebcedbb5b1dd10e03272d293fe116aa (diff)
downloadpublik-website-545c3af343484f480169123befd861b3ea44be9b.zip
publik-website-545c3af343484f480169123befd861b3ea44be9b.tar.gz
publik-website-545c3af343484f480169123befd861b3ea44be9b.tar.bz2
apply dark background to key numbers section
-rw-r--r--static/css/combo-style.css23
-rw-r--r--static/js/combo.public.js2
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,