apply dark background to key numbers section

This commit is contained in:
Frédéric Péters 2016-11-21 15:44:52 +01:00
parent 7a52f6d07e
commit 545c3af343
2 changed files with 22 additions and 3 deletions

View File

@ -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;
}

View File

@ -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,