form simulator bicolor
This commit is contained in:
Preprod mutu
parent
b6a84e1190
commit
4017e74863
@ -251,7 +251,7 @@ border-top: 1px solid #C7AC9F; }
|
||||
|
||||
.pochette-eve .image-holder{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; position:absolute; width:300px; height:200px; background:#FFF;}
|
||||
.pochette-eve .face-custom-img{ z-index:2; position:absolute;background-size:cover!important;background-position:center!important;}
|
||||
#image-block .customform { margin-top: 50px; }
|
||||
#image-block .customform, #image-block .form-bicolor { margin-top: 50px; }
|
||||
/* Chocos Faces Bottom
|
||||
========================================================================== */
|
||||
#simu-chocos { position:relative; padding-top: 50px; background-color: #eaeaea;}
|
||||
@ -454,7 +454,7 @@ position:absolute;top:0;left:0; border:5px solid #000; border-left:none; border-
|
||||
.numberface{ position:absolute; width:100%; height:100%;}
|
||||
.bkgface{ background-size:cover!important; background-repeat:no-repeat;}
|
||||
.simplecolorpicker.icon{ border:3px solid #FFF!important;}
|
||||
#facecustomform { margin-top: 20px; }
|
||||
#facecustomform, .facecustomform { margin-top: 20px; }
|
||||
/* Exclusif
|
||||
========================================================================== */
|
||||
.exclu .imgface{background-size:cover;background-repeat:no-repeat;}
|
||||
|
||||
@ -245,9 +245,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form>
|
||||
<form class="form-bicolor">
|
||||
<h2>{l s='Choix des 2 couleurs' mod='antadissimulator'}</h2>
|
||||
<div class="pdin-lr-10">
|
||||
<div class="pdin-lr-10 form-group">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 1 :' mod='antadissimulator'} </span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
|
||||
@ -204,12 +204,12 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/><br/><br/><br/><br/><br/><br/><br/>
|
||||
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>Simulation contenant</h2>
|
||||
<div class="legende-move c-maroon font11">Faites tourner l’objet avec votre souris</div>
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\'objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<!--DOUBLECUBE-->
|
||||
<div class="box-holder doublecube-holder">
|
||||
<div class="simu-container container-pochette">
|
||||
@ -219,75 +219,75 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>Simulation chocolats</h2>
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<div class="chocos-holder">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<form>
|
||||
<form class="form-bicolor">
|
||||
<div class="form-group">
|
||||
<h2>Choix des 2 couleurs</h2>
|
||||
<h2>{l s='Choix des 2 couleurs' mod='antadissimulator'}</h2>
|
||||
<div class="pdin-lr-10 clearfix">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 1 : </span>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 1 :' mod='antadissimulator'}</span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color1text">Bleu foncé</span>
|
||||
<span class="color1text">{l s='Bleu foncé' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 2 : </span>
|
||||
<select name="colorpicker" id="colorpicker2" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color2text">Blanc</span>
|
||||
<span class="color2text">{l s='Blanc' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -15,8 +15,8 @@
|
||||
<div id="simus-holder" class="clearfix">
|
||||
<div class="left">
|
||||
<div id="simu-box">
|
||||
<h2>Simulation pochette</h2>
|
||||
<div class="legende-move c-maroon font11">Faites tourner l’objet avec votre souris</div>
|
||||
<h2>{l s='Simulation pochette' mod='antadissimulator'}</h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l’objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<div class="box-holder pochette-holder-eve">
|
||||
<div class="simu-container container-pochette-eve">
|
||||
<!--pochettes-->
|
||||
@ -34,7 +34,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>Simulation chocolats</h2>
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<div class="chocos-holder">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container argent" ontouchstart="this.classList.toggle('hover');">
|
||||
@ -56,67 +56,67 @@
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2>Choix des 2 couleurs</h2>
|
||||
<h2>{l s='Choix des 2 couleurs' mod='antadissimulator'}</h2>
|
||||
<div class="pdin-lr-10">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 1 : </span>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 1 :' mod='antadissimulator'} </span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color1text">Bleu foncé</span>
|
||||
<span class="color1text">{l s='Bleu foncé' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 2 : </span>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 2 :'} </span>
|
||||
<select name="colorpicker" id="colorpicker2" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color2text">Blanc</span>
|
||||
<span class="color2text">{l s='Blanc' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -137,72 +137,72 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>Simulation chocolats</h2>
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<div class="chocos-holder"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2>Choix des 2 couleurs</h2>
|
||||
<h2>{l s='Choix des 2 couleurs' mod='antadissimulator'}</h2>
|
||||
<div class="pdin-lr-10">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 1 :</span>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 1 :' mod='antadissimulator'}</span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color1text">Bleu foncé</span>
|
||||
<span class="color1text">{l s='Bleu foncé' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 2 :</span>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 2 :'}</span>
|
||||
<select name="colorpicker" id="colorpicker2" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color2text">Blanc</span>
|
||||
<span class="color2text">{l s='Blanc' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -133,76 +133,76 @@
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<br/><br/><br/><br/><br/><br/><br/>
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>Simulation chocolats</h2>
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<div class="chocos-holder"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2>Choix des 2 couleurs</h2>
|
||||
<div class="pdin-lr-10">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 1 :</span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color1text">Bleu foncé</span>
|
||||
<form class="form-bicolor">
|
||||
<h2>{l s='Choix des 2 couleurs' mod='antadissimulator'}</h2>
|
||||
<div class="pdin-lr-10">
|
||||
<div class="mgin-b-5">
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 1 :' mod='antadissimulator'}</span>
|
||||
<select name="colorpicker" id="colorpicker1" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color1text">{l s='Bleu foncé' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="c-maroon" style="padding-right:8px">{l s='Couleur 2 :'}</span>
|
||||
<select name="colorpicker" id="colorpicker2" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">{l s='Anis' mod='antadissimulator'}</option>
|
||||
<option value="#F0037F" data-id="fuschia">{l s='Fuchsia' mod='antadissimulator'}</option>
|
||||
<option value="#FFC211" data-id="or">{l s='Or/Jaune' mod='antadissimulator'}</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">{l s='Turquoise' mod='antadissimulator'}</option>
|
||||
<option value="#766546" data-id="grisf">{l s='Gris foncé' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#159033" data-id="vert">{l s='Vert' mod='antadissimulator'}</option>
|
||||
<option value="#6B1687" data-id="violet">{l s='Violet' mod='antadissimulator'}</option>
|
||||
<option value="#E37222" data-id="orange">{l s='Orange' mod='antadissimulator'}</option>
|
||||
<option value="#10147E" data-id="bleuf">{l s='Bleu foncé' mod='antadissimulator'}</option>
|
||||
<option value="#7F0700" data-id="bordeaux">{l s='Bordeaux' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">{l s='Rose' mod='antadissimulator'}</option>
|
||||
<option value="#D198CA" data-id="parme">{l s='Parme' mod='antadissimulator'}</option>
|
||||
<option value="#F50003" data-id="rouge">{l s='Rouge' mod='antadissimulator'}</option>
|
||||
<option value="#C42B68" data-id="framboise">{l s='Framboise' mod='antadissimulator'}</option>
|
||||
<option value="#3C1503" data-id="marron">{l s='Marron' mod='antadissimulator'}</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">{l s='Blanc' mod='antadissimulator'}</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">{l s='Ivoire' mod='antadissimulator'}</option>
|
||||
<option value="#CCC6AB" data-id="taupe">{l s='Taupe' mod='antadissimulator'}</option>
|
||||
<option value="#C2C2C2" data-id="argent">{l s='Argent/Gris clair' mod='antadissimulator'}</option>
|
||||
<option value="#000000" data-id="noir">{l s='Noir' mod='antadissimulator'}</option>
|
||||
</select>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color2text">{l s='Blanc' mod='antadissimulator'}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="c-maroon" style="padding-right:8px">Couleur 2 :</span>
|
||||
<select name="colorpicker" id="colorpicker2" style="display: none;">
|
||||
<option value="#B5DC10" data-id="anis">Anis</option>
|
||||
<option value="#F0037F" data-id="fuschia">Fuchsia</option>
|
||||
<option value="#FFC211" data-id="or">Or/Jaune</option>
|
||||
<option value="#7FCDD0" data-id="turquoise">Turquoise</option>
|
||||
<option value="#766546" data-id="grisf">Gris foncé</option>
|
||||
|
||||
<option value="#159033" data-id="vert">Vert</option>
|
||||
<option value="#6B1687" data-id="violet">Violet</option>
|
||||
<option value="#E37222" data-id="orange">Orange</option>
|
||||
<option value="#10147E" data-id="bleuf">Bleu foncé</option>
|
||||
<option value="#7F0700" data-id="bordeaux">Bordeaux</option>
|
||||
|
||||
<option value="#F88CC4" data-id="rose">Rose</option>
|
||||
<option value="#D198CA" data-id="parme">Parme</option>
|
||||
<option value="#F50003" data-id="rouge">Rouge</option>
|
||||
<option value="#C42B68" data-id="framboise">Framboise</option>
|
||||
<option value="#3C1503" data-id="marron">Marron</option>
|
||||
|
||||
<option value="#FFFFFF" data-id="blanc">Blanc</option>
|
||||
<option value="#FFFAD7" data-id="ivoire">Ivoire</option>
|
||||
<option value="#CCC6AB" data-id="taupe">Taupe</option>
|
||||
<option value="#C2C2C2" data-id="argent">Argent/Gris clair</option>
|
||||
<option value="#000000" data-id="noir">Noir</option>
|
||||
</select>
|
||||
<span style="font-size:18px; padding-right:8px;">￬</span>
|
||||
<span class="color2text">Blanc</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -7250,7 +7250,8 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
}
|
||||
|
||||
#main-info .custom-file > input {
|
||||
z-index: 1;
|
||||
right: 0;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#thumbs_list_frame {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user