font-family: "Open Sans", sans-serif;
font-size: 17px;
color: #fff;
- background-color: #93c23a;
+ background-color: #164943;
}
a {
color: #fff;
text-decoration: none;
display: block;
- background-color: #93c23a;
+ background-color: #164943;
padding: 5px 25px;
position: relative;
}
a:hover {
- background-color: #66a11a;
+ background-color: #cec37c;
transition: background-color 200ms;
}
}
.multi-select-button.active {
- background-color: #66a11a;
+ background-color: #cec37c;
color: #fff;
}
position: absolute;
top: 5px;
right: 5px;
- background-color: #66a11a;
+ background-color: #cec37c;
color: #fff;
text-transform: uppercase;
border: 0;
}
</style>
+ <script src="jquery.multi-select.js"></script>
</head>
<body>
<main>
</div>
<nav>
- <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="1T,2T" data-profondeur="z54"
- data-poignees="yes" data-page="4">Loft<span>4</span></a>
- <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="2T" data-profondeur="z54"
- data-poignees="no" data-page="10">Allure<span>10</span></a>
- <a href="#" data-largeur="70,140" data-vasque="VS,VD,VP" data-meuble="2T" data-profondeur="z54"
- data-poignees="yes" data-page="16">Cozy<span>16</span></a>
- <a href="#" data-largeur="70,90,105,140" data-vasque="VS,VD,VG,VP" data-meuble="2T,P" data-profondeur="z54"
- data-poignees="yes" data-page="22">Intégrale<span>22</span></a>
- <a href="#" data-largeur="105" data-vasque="VG,VP" data-meuble="2T" data-profondeur="z54" data-poignees="yes"
- data-page="28">Mythic<span>28</span></a>
- <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="3T" data-profondeur="z54"
- data-poignees="yes" data-page="32">Trendy<span>32</span></a>
- <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
- data-poignees="no" data-page="38">Rivage<span>38</span></a>
+ <a href="#" data-largeur="60,70,80,90,120,140" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
+ data-poignees="no" data-page="9">Rivage<span>9</span></a>
<a href="#" data-largeur="90,120" data-vasque="VS,VD,VG" data-meuble="2T" data-profondeur="z46"
- data-poignees="no" data-page="46">Harmonie<span>46</span></a>
- <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
- data-poignees="yes" data-page="52">Swing<span>52</span></a>
- <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
- data-poignees="yes" data-page="60">Millésime<span>60</span></a>
- <a href="#" data-largeur="90,120" data-vasque="VG,VP" data-meuble="2T" data-profondeur="z46"
- data-poignees="yes" data-page="68">Jazz<span>68</span></a>
+ data-poignees="no" data-page="25">Esquisse<span>25</span></a>
+ <a href="#" data-largeur="60,70,80,90,120,140" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T,P" data-profondeur="z46"
+ data-poignees="yes" data-page="35">Swing<span>35</span></a>
+ <a href="#" data-largeur="60,70,80,90,120,140" data-vasque="VP" data-meuble="1T,2T,P" data-profondeur="z46"
+ data-poignees="yes" data-page="51">Osmose<span>51</span></a>
<a href="#" data-largeur="90,120" data-vasque="VS,VD,VP" data-meuble="1T,2T" data-profondeur="z46"
- data-poignees="yes" data-page="74">Fabrik<span>74</span></a>
- <a href="#" data-largeur="60,70,90,120" data-vasque="VS,VD" data-meuble="2T,P" data-profondeur="z46"
- data-poignees="yes" data-page="80">Chango<span>80</span></a>
- <a href="#" data-largeur="w124" data-vasque="VG" data-meuble="P" data-profondeur="z65" data-poignees="yes"
- data-page="86">Lave-linge<span>86</span></a>
- <a href="#" data-largeur="w40" data-vasque="VS" data-meuble="P" data-profondeur="z22" data-poignees="yes"
- data-page="90">Lave-mains<span>90</span></a>
+ data-poignees="yes" data-page="59">Équilibre<span>59</span></a>
+ <a href="#" data-largeur="60,70,80,90,120" data-vasque="VS,VD" data-meuble="2T,P" data-profondeur="z46"
+ data-poignees="yes" data-page="67">Chango<span>67</span></a>
+ <a href="#" data-largeur="70,90,105,140" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T,P" data-profondeur="z54"
+ data-poignees="yes" data-page="77">Loft<span>77</span></a>
+ <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="2T" data-profondeur="z54"
+ data-poignees="no" data-page="87">Allure<span>87</span></a>
+ <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="3T" data-profondeur="z54"
+ data-poignees="yes" data-page="95">Trendy<span>95</span></a>
+ <a href="#" data-largeur="60,80" data-vasque="VS" data-meuble="P" data-profondeur="z36"
+ data-poignees="yes" data-page="103">Lindy<span>103</span></a>
+ <a href="#" data-largeur="40" data-vasque="VS" data-meuble="P" data-profondeur="z22" data-poignees="yes"
+ data-page="107">Lave-mains<span>107</span></a>
+ <a href="#" data-largeur="80" data-vasque="VS" data-meuble="P" data-profondeur="z54" data-poignees="yes"
+ data-page="109">Estia<span>109</span></a>
+ <a href="#" data-largeur="124" data-vasque="VG" data-meuble="2T,P" data-profondeur="z65" data-poignees="yes"
+ data-page="111">Lave-linge<span>111</span></a>
</nav>
<div id="emptyres">Aucun produit ne correspond aux filtres sélectionnés</div>
</main>
profondeur: {
label: 'Profondeurs',
data: {
- 'z54': '54 cm',
- 'z46': '46 cm',
'z22': '22 cm',
- 'z65': '65 cm'
+ 'z36': '36 cm',
+ 'z46': '46 cm',
+ 'z54': '54 cm',
+ 'z65': '65 cm',
}
},
largeur: {
label: 'Largeurs',
data: {
-// '40': '40 cm',
+ '40': '40 cm',
'60': '60 cm',
'70': '70 cm',
+ '80': '80 cm',
'90': '90 cm',
'105': '105 cm',
'120': '120 cm',
- // '124': '124 cm',
+ '124': '124 cm',
'140': '140 cm'
}
},
meuble: {
// Simple vasque,Double vasque,Vasque à gauche,Vasque à poser
- label: 'Sous-vasques',
+ label: 'Meubles',
data: {
'1T': '1 tiroir',
'2T': '2 tiroirs',
projects / Animations.git / commitdiff