apply dark background to key numbers section
This commit is contained in:
parent
7a52f6d07e
commit
545c3af343
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue