479 lines
25 KiB
CSS
479 lines
25 KiB
CSS
#simu-box {
|
|
background-color: #D8D8D8;
|
|
}
|
|
#simu-chocos {
|
|
background-color: #D8D8D8;
|
|
}
|
|
#base-txt { display: none; }
|
|
#base-chocos { display: none; }
|
|
#custom_elmts{ display:none; }
|
|
|
|
|
|
/* Common
|
|
========================================================================== */
|
|
.c-pink{ color:#e2007a; font-size:11px;}
|
|
.c-maroon{ color:#84583D; }
|
|
|
|
.cycle-holder{ position:relative; height:122px;}
|
|
.cycle-holder a{ position:absolute; top:50%; margin-top:-10px; display:block; width:27px; height:27px; line-height:27px; text-align:center; text-decoration:none; color:#2e1e0e; background-position:center; border-radius: 27px;border:1px solid #C7AC9F;background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 -5px;transition : all .2s ease-out; font-size:13px; font-weight:bold; color:#e2007a; color:#000;}
|
|
.cycle-holder a:hover{ background:#e2007a; color:#fff;border: 1px solid #e2007a;}
|
|
.cycle-holder a.next{right:0; }
|
|
.cycle-holder a.prev{left:0; }
|
|
.cycle-holder .cycle{ width:200px; height:120px; text-align:center; margin:auto; border:1px solid #C7AC9F;}
|
|
.cycle-holder .item{width:200px; padding-top:105px; text-align:center; background-repeat:no-repeat; background-position:center top; /*background-color:#EBDCD2;*/ font-weight:bold;}
|
|
|
|
.Aladdin{font-family:"Aladdin", Arial; font-weight:normal;}
|
|
.Annifont{font-family:"Annifont", Arial; font-weight:normal;}
|
|
.Garamond{font-family:"Garamond", Arial; font-weight:normal;}
|
|
.Harrington{font-family:"Harrington", Arial; font-weight:normal;}
|
|
.Kunstler{font-family:"Kunstler", Arial; font-weight:normal;}
|
|
.Liberate{font-family:"Liberate", Arial; font-weight:normal;}
|
|
.Lucy{font-family:"Lucy", Arial; font-weight:normal;}
|
|
.Xpressive{font-family:"Xpressive", Arial; font-weight:normal;}
|
|
.Edwardian{font-family:"Edwardian", Arial; font-weight:normal;}
|
|
.Didot{font-family:"Didot", Arial; font-weight:normal;}
|
|
.Creampuf{font-family:"Creampuf", Arial; font-weight:normal;}
|
|
.Bocklin{font-family:"Bocklin", Arial; font-weight:normal;}
|
|
.ScriptMTBold{font-family:"ScriptMTBold", Arial; font-weight:normal;}
|
|
.Graverplate{font-family:"Graverplate", Arial; font-weight:normal;}
|
|
|
|
.Angelina{font-family:"Angelina", Arial; font-weight:normal;}
|
|
.Filxgirl{font-family:"Filxgirl", Arial; font-weight:normal;}
|
|
.Vivaldi_Regular{font-family:"Vivaldi_Regular", Arial; font-weight:normal;}
|
|
|
|
/* Global
|
|
========================================================================== */
|
|
.tool-part{/*display:none;*/padding-bottom:15px;}
|
|
.tool-holder.locked{opacity:.3;}
|
|
|
|
|
|
#tools-holder-base{ margin-bottom:30px;}
|
|
#tools-holder-base h1,
|
|
#tools-holder-end h1{ margin:0;background:none;line-height:normal;font-size:18px;text-align:left;height:auto;margin-top:0;margin-bottom:10px;color:#2e1e0e;font-size: 22px;
|
|
font-weight: normal;
|
|
color: #e2007a;
|
|
margin-bottom: 5px;}
|
|
#tools-holder-base h2{padding:0;margin:0;background:none;font-family:Arial, Helvetica, sans-serif;line-height:normal;font-size:12px;text-align:left;height:auto;color:#84583D;text-transform:none; padding-top:0px; margin-bottom:5px; }
|
|
#tools-holder-base .tool-holder{height:110px; }
|
|
#tool-contenant{border: 1px solid #C7AC9F; border-top:none; border-bottom:none; margin-right:0px; width:210px; padding:0 20px; padding-right:15px!important; margin-right:20px;}
|
|
#tool-niveau{ width:210px; padding-right:0!important;}
|
|
#tools-holder-base a{ color:#2e1e0e; float:left; background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 0px;border: 1px solid #C7AC9F; padding:10px 0; width:98px; display:block; margin-right:5px; margin-bottom:5px; text-align:center; transition : all .2s ease-out;font-family: 'Existence', Arial, sans-serif; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
|
|
#tools-holder-base a:hover,
|
|
#tools-holder-base a.actif{ background:#e2007a; color:#fff; text-decoration:none;border: 1px solid #e2007a;}
|
|
|
|
#tool-contenant-eve a{ color:#2e1e0e; float:left; background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 0px;border: 1px solid #C7AC9F; padding:10px 0; width:98px; display:block; margin-right:5px; margin-bottom:5px; text-align:center; transition : all .2s ease-out;font-family: 'Existence', Arial, sans-serif; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
|
|
#tool-contenant-eve a:hover,
|
|
#tool-contenant-eve a.actif{ background:#e2007a; color:#fff; text-decoration:none;border: 1px solid #e2007a;}
|
|
|
|
input.simu{ width:120px; margin:0;}
|
|
input.simu,
|
|
textarea.simu{ display:block; background:#FFF;border: 1px solid #C7AC9F; height:25px; line-height:25px; padding:0; padding-left:4px; margin-bottom:5px;}
|
|
textarea.simu{ width:294px; height:70px;}
|
|
|
|
input#email_sauvegarde{ width:160px;}
|
|
|
|
#tools-holder{width:320px;overflow:hidden; margin-left:20px}
|
|
#tools-holder h1{display:none;}
|
|
#tools-holder h2{font-size: 18px;background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 -25px ;font-family:Arial, Helvetica, sans-serif;/*border-radius:0 5px 0 0;*/
|
|
margin: 5px 0; padding-left:10px;padding-top:5px; padding-bottom:8px; color:#2e1e0e;
|
|
clear: both;
|
|
text-transform:inherit;
|
|
font-weight: normal;
|
|
border-top: 1px solid #C7AC9F; }
|
|
#tools-holder h3{ font-size:12px;font-family:Arial, Helvetica, sans-serif; /**/text-transform:none; color:#84583D; margin-top:10px; margin-bottom:3px;}
|
|
|
|
|
|
#custom-freeface{ display:none; padding-bottom:15px;}
|
|
|
|
#errors-holder{ width:560px; margin-top:20px;}
|
|
#errors{ color:red; font-size:11px; line-height:16px; color:#e2007a; padding-right:20px; }
|
|
#simu-box { width: 100%; height: 562px; position:relative; background-color: #fff; }
|
|
#simu-box h2, #simu-chocos h2 { position:absolute; background:#2e1e0e;color:#FFF;padding:5px 10px;margin: 0px 0 0 0px; font-size:18px; }
|
|
|
|
.doublecube-holder{perspective:1000px;position:relative;left:50%;top:50%;width:0;height:0;}
|
|
.chocos-box-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;}
|
|
.sachet-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;}
|
|
.pochette-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;}
|
|
.pochette-holder-eve{width:562px;height:400px;position:absolute;text-align:center;display:none;}
|
|
.box-holder{}
|
|
|
|
#tool-custom .tool-part{ display:none;}
|
|
#tool-finit{ }
|
|
|
|
.animated{transition: transform 1s;}
|
|
|
|
.noms-holder{position:absolute; width:100%; height:100%;}
|
|
.date-holder{position:absolute; width:100%; height:100%;}
|
|
.initiales-holder{position:absolute; width:100%; height:100%;}
|
|
|
|
|
|
|
|
#tooltip {position:absolute; z-index: 100; color:#2E1E0D; background:#2e1e0d ; padding:7px; padding-top:10px; box-shadow: 1px 1px 10px #000; margin-top:10px; margin-left:-100px;
|
|
}
|
|
|
|
#suggestions-holder{ display:none; width:100%; box-sizing:border-box; padding:10px 20px; border-top:1px dotted #C7AC9F;}
|
|
#suggestions .suggestion{ width:33%; float:left; text-align:center;/*color:#84583D;*/ }
|
|
#suggestions .suggestion img{text-align:center; width:170px; display:block; margin:auto;}
|
|
#suggestions .suggestion h3{ font-size:22px; text-transform:inherit; margin-bottom:10px; line-height:18px;font-weight:normal;font-family: 'Existence', Arial, sans-serif;}
|
|
#suggestions .suggestion h3 span{ font-size:14px;}
|
|
#suggestions .suggestion .px{ font-weight:bold;font-size:14px; color:#000; /*font-weight:normal;font-family: 'Existence', Arial, sans-serif;*/}
|
|
#suggestions .suggestion .qte{font-size:22px;}
|
|
|
|
/* Double Cube
|
|
========================================================================== */
|
|
.legende-move {
|
|
bottom:10px;
|
|
left:10px;
|
|
text-align:center;
|
|
width:100%;
|
|
position: absolute;
|
|
}
|
|
.legende2{ position:absolute; top:0; right:0; width:345px; text-align:center; box-sizing:border-box; padding:5px 10px; display:none; font-size:11px; z-index:1000; }
|
|
.legende2 a{ text-transform:uppercase; font-size:10px; font-weight:bold;}
|
|
|
|
.container-db{position:absolute;z-index:1000;left:-240px;top:-100px; transform: rotateX(-26.608695652173914deg) rotateY(-3.9130434782608696deg) scale(0.92);transform-style:preserve-3d;transform-origin:240px 100px 0;
|
|
/*animation-name: spincube; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-duration:5s;*/}
|
|
|
|
.cube{width:200px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:100px 100px 0;/*transition: transform 1s;*/}
|
|
.container-db .db-cube1{left:0;transform:rotateY(-30deg);}
|
|
.container-db .db-cube2{left:280px;transform:rotateY(30deg);}
|
|
#join{width:10px;height:200px;/*background-color:rgba(100,100,100,0.3);*/ background-color: #eaeaea; position:absolute;left:236px;transform-style:preserve-3d;transform:translateZ(-36px);}
|
|
|
|
.cubeface{display:block;position:absolute;width:200px;height:200px;font-weight:700;text-align:center;margin:0; background-repeat:no-repeat; background-position:center; background-size:200px;}
|
|
.cube.panels-backface-invisible .cubeface{backface-visibility:hidden;}
|
|
|
|
.cubeface.front{transform:translateZ(100px);}
|
|
.cubeface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(100px);}
|
|
.cubeface.right{transform:rotateY(90deg) translateZ(100px);}
|
|
.cubeface.left{transform:rotateY(-90deg) translateZ(100px);}
|
|
.cubeface.top{transform:rotateX(90deg) translateZ(100px);}
|
|
.cubeface.bottom{transform:rotateX(-90deg) translateZ(100px);}
|
|
|
|
.show-front{transform:translateZ(-100px);}
|
|
.show-back{transform:translateZ(-100px) rotateX(-180deg);}
|
|
.show-right{transform:translateZ(-100px) rotateY(-90deg);}
|
|
.show-left{transform:translateZ(-100px) rotateY(90deg);}
|
|
.show-top{transform:translateZ(-100px) rotateX(-90deg);}
|
|
.show-bottom{transform:translateZ(-100px) rotateX(90deg);}
|
|
|
|
@keyframes spincube{
|
|
16%{transform:rotateY(-90deg);}
|
|
33%{transform:rotateY(-90deg) rotateZ(90deg);}
|
|
50%{transform:rotateY(-180deg) rotateZ(90deg);}
|
|
66%{transform:rotateY(90deg) rotateX(90deg);}
|
|
83%{transform:rotateX(90deg);}
|
|
}
|
|
|
|
/*noms-holder*/
|
|
|
|
.simu-container .noms-holder{margin-top:35px;box-sizing:border-box; font-size: 30px; }
|
|
.simu-container .noms-holder .nom{text-align:center;width:100%; height:35px; line-height:35px; margin-bottom:10px; overflow:hidden; }
|
|
|
|
/*.simu-container .noms-holder{margin-top:35px;box-sizing:border-box}
|
|
.simu-container .noms-holder .nom{text-align:center; font-size:26px; width:100%; height:35px; line-height:35px; margin-bottom:10px; overflow:hidden; }*/
|
|
|
|
.simu-container .noms-holder .nom_1{}
|
|
.simu-container .noms-holder .nom_2{}
|
|
.simu-container .noms-holder .et{}
|
|
|
|
/*date*/
|
|
.simu-container .date-holder { margin-top:35px; box-sizing:border-box; font-size: 31px; }
|
|
.simu-container .date-holder .date{text-align:center;width:100%;height:35px; line-height:35px; margin-bottom:5px; }
|
|
.simu-container .date-holder .day{}
|
|
.simu-container .date-holder .month{}
|
|
.simu-container .date-holder .year{}
|
|
|
|
.simu-container .date-holder-line{ line-height:200px; position:absolute; text-align:center; width:100%}
|
|
|
|
/*initiales*/
|
|
.simu-container .initiale{position:absolute;font-size:44px;height:30px;line-height:30px; text-transform:uppercase; width:50px; text-align:center;}
|
|
.simu-container .initiale_1{left:20px; top:39px;}
|
|
.simu-container .initiale_2{right:20px; bottom:25px;}
|
|
|
|
.simu-container .freetext-holder {
|
|
right: 0; left: 0; position:absolute; max-height:100%; top:50%; font-size:30px; text-align:center; line-height:26px; word-wrap:break-word; overflow:hidden; }
|
|
|
|
.matface{ position:absolute; width:100%; height:100%; background: rgba(255,255,255,0.1); background:url(/themes/simulation/brillant.png) no-repeat;background-size:cover!important; z-index:1000}
|
|
|
|
/* Pochette 4
|
|
========================================================================== */
|
|
.container-pochette{position:absolute; top:50%; margin-top:-210px; left:50%; margin-left:-210px; z-index:1000;transform-style:preserve-3d;transform-origin:210px 210px 0;}
|
|
|
|
.pochette{width:200px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:100px 100px 0;/*transition: transform 1s;*/}
|
|
.container-pochette .pochette1{left:0;}
|
|
.container-pochette .pochette2{left:220px;}
|
|
.container-pochette .pochette3{top:220px; left:220px;}
|
|
.container-pochette .pochette4{top:220px;}
|
|
|
|
.pochetteface{display:block;position:absolute;width:200px;height:200px; line-height:14px;font-size:28px;text-align:center;margin:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; }
|
|
|
|
.pochetteface .noms-holder{margin-top:35px; }
|
|
|
|
|
|
.pochette.panels-backface-invisible .pochetteface{backface-visibility:hidden;}
|
|
|
|
.pochetteface.front{transform:translateZ(10px);}
|
|
.pochetteface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(10px);}
|
|
.pochetteface.right{transform:rotateY(90deg) translateZ(190px);width:20px;height:200px; }
|
|
.pochetteface.left{transform:rotateY(-90deg) translateZ(10px);width:20px;height:200px;}
|
|
.pochetteface.top{transform:rotateX(90deg) translateZ(10px);width:200px;height:20px;}
|
|
.pochetteface.bottom{transform:rotateX(-90deg) translateZ(190px);width:200px;height:20px;}
|
|
|
|
/*argent*/
|
|
.pochetteface.argent{background:#999;}
|
|
|
|
/*or*/
|
|
.pochetteface.or{background:#FFC211;}
|
|
|
|
/* Pochette 6
|
|
========================================================================== */
|
|
.container-pochette-eve{position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-150px; z-index:1000;transform-style:preserve-3d;transform-origin:150px 100px 0;}
|
|
|
|
.pochette-eve{width:300px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:150px 100px 0;/*transition: transform 1s;*/}
|
|
.container-pochette-eve .pochette-eve{left:0;}
|
|
|
|
.pochette-eve .pochetteface{display:block;position:absolute;width:300px;height:200px; line-height:14px;font-size:28px;text-align:center;margin:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; }
|
|
|
|
.pochette-eve .pochetteface .nom-holder{margin-top:40px; }
|
|
.pochette-eve .pochetteface .event-holder{margin-top:40px; }
|
|
.pochette-eve .pochetteface .date-holder-line{margin-top:40px; line-height:inherit;}
|
|
|
|
|
|
.pochette-eve.panels-backface-invisible .pochetteface{backface-visibility:hidden;}
|
|
|
|
.pochette-eve .pochetteface.front{transform:translateZ(10px);}
|
|
.pochette-eve .pochetteface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(10px);}
|
|
.pochette-eve .pochetteface.right{transform:rotateY(90deg) translateZ(290px);width:20px;height:200px; }
|
|
.pochette-eve .pochetteface.left{transform:rotateY(-90deg) translateZ(10px);width:20px;height:200px;}
|
|
.pochette-eve .pochetteface.top{transform:rotateX(90deg) translateZ(10px);width:300px;height:20px;}
|
|
.pochette-eve .pochetteface.bottom{transform:rotateX(-90deg) translateZ(190px);width:300px;height:20px;}
|
|
|
|
/*argent*/
|
|
.pochette-eve .pochetteface.argent{background:#999;}
|
|
|
|
/*or*/
|
|
.pochette-eve .pochetteface.or{background:#FFC211;}
|
|
|
|
.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, #image-block .form-bicolor { margin-top: 50px; }
|
|
/* Chocos Faces Bottom
|
|
========================================================================== */
|
|
#simu-chocos { position:relative; padding-top: 50px; background-color: #fff; }
|
|
#simu-chocos:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 48px;
|
|
background-color: #fff;
|
|
left: 0; right: -15px;
|
|
}
|
|
.chocos-holder{padding: 10px; padding-right:0; margin-top:45px; }
|
|
.chocos-holder:after { content: ''; display: block; clear: both; }
|
|
|
|
.flip-container { perspective:1000;transform:perspective(1000px);transform-style:preserve-3d;float:left;margin-right:10px;width:100px;height:110px;}
|
|
.flipper { transition:.6s;position:relative;width:100px;height:110px; }
|
|
|
|
.flip-container .front,
|
|
.flip-container .back{border-radius:2px;width:100px;height:100px; background-repeat:no-repeat; background-size:100px 100px;backface-visibility:hidden;transition:.6s;transform-style:preserve-3d;
|
|
position:absolute;top:0;left:0; border:5px solid #000; border-left:none; border-right:none; }
|
|
.flip-container .front{transform:rotateY(0deg);z-index:2;}
|
|
.flip-container .back{transform:rotateY(-180deg);}
|
|
|
|
/*argent*/
|
|
.flip-container.argent .front,
|
|
.flip-container.argent .back{border-color:#999;}
|
|
|
|
/*or*/
|
|
.flip-container.or .front,
|
|
.flip-container.or .back{border-color:#FFC211;}
|
|
|
|
/*hover*/
|
|
.flip-container:hover .back,.flip-container.hover .back{transform:rotateY(0deg);}
|
|
.flip-container:hover .front,.flip-container.hover .front{transform:rotateY(180deg);}
|
|
.exclu .flip-container:hover .front, .exclu .flip-container.hover .front{transform:rotateY(0deg);}
|
|
.exclu .flip-container .back{ display:none;}
|
|
|
|
/*noms*/
|
|
.flip-container .noms-holder{margin-top:20px;}
|
|
.flip-container .noms-holder .nom{text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;}
|
|
.flip-container .nom-holder{margin-top:20px;text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;}
|
|
|
|
.flip-container .event-holder{margin-top:20px;text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;}
|
|
|
|
/*date*/
|
|
.flip-container .date-holder{margin-top:20px;}
|
|
.flip-container .date-holder .date{text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;}
|
|
.flip-container .date-holder-line{ line-height:100px;text-align:center;font-size:12px;position: absolute; width:100%}
|
|
|
|
.flip-container .Annifont .nom-holder{font-size:10px;}
|
|
.flip-container .Annifont .date-holder-line{ font-size:9px;}
|
|
.flip-container .Annifont .event-holder{ font-size:9px;}
|
|
.flip-container .Graverplate .nom-holder{font-size:10px;}
|
|
.flip-container .Graverplate .date-holder-line{ font-size:9px;}
|
|
.flip-container .Graverplate .event-holder{ font-size:9px;}
|
|
|
|
/*initiales*/
|
|
.flip-container .initiale{position:absolute;font-size:22px;height:20px;line-height:20px; text-transform:uppercase; width:25px; text-align:center;}
|
|
.flip-container .initiale_1{left:10px; top:20px;}
|
|
.flip-container .initiale_2{right:10px; bottom:13px;}
|
|
|
|
/*free text*/
|
|
.flip-container .freetext-holder{position:absolute; width:100%; max-height:100%; top:50%; font-size:14px; text-align:center; line-height:16px; word-wrap:break-word; overflow:hidden;}
|
|
|
|
|
|
/* Custom
|
|
========================================================================== */
|
|
.image-holder{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; position:absolute; width:100%; height:100%; background:#FFF;}
|
|
|
|
.ivoire{color:#982920;font-family:"Garamond", Arial; font-weight:normal;}
|
|
.ivoire .db-cube1 .front,
|
|
.ivoire .choco1 .front{ color:#FFF;}
|
|
.ivoire .pochette1 .front{ color:#FFF;}
|
|
|
|
.champetre{color:#000; font-family:"Edwardian", Arial; font-weight:normal; }
|
|
.champetre .db-cube2 .bottom{color:#FFF;}
|
|
|
|
.oriental{color:#fff; font-family:"Aladdin", Arial; font-weight:normal; }
|
|
.oriental .db-cube1 .back{color:#004A99;}
|
|
.oriental .flipper,
|
|
.oriental .pochette{color:#004A99}
|
|
|
|
.cinema{color:#000000; font-family:"Didot", Arial; font-weight:normal; }
|
|
.container.cinema{ font-size:28px;}
|
|
|
|
.uv{color:#fff; font-family:"Lucy", Arial; font-weight:normal; }
|
|
.gourmandise{color:#000000; font-family:"Creampuf", Arial; font-weight:normal; }
|
|
.chocolate{color:#E3B900; font-family:"Liberate", Arial; font-weight:normal; }
|
|
.vintage{color:#000000; font-family:"Bocklin", Arial; font-weight:normal; }
|
|
.voyage{color:#000; font-family:"ScriptMTBold", Arial; font-weight:normal; }
|
|
.fleurs{color:#000000; font-family:"Harrington", Arial; font-weight:normal; }
|
|
.tendance{color:#000000; font-family:"Annifont", Arial; font-weight:normal; }
|
|
|
|
/*bicolore commons*/
|
|
|
|
.c-anis{color:#B5DC10}
|
|
.c-argent{color:#C2C2C2}
|
|
.c-blanc{color:#FFFFFF}
|
|
.c-bleuf{color:#10147E}
|
|
.c-bordeaux{color:#7F0700}
|
|
.c-framboise{color:#C42B68}
|
|
.c-fuschia{color:#F0037F}
|
|
.c-grisf{color:#766546}
|
|
.c-ivoire{color:#FFFAD7}
|
|
.c-marron{color:#3C1503}
|
|
.c-noir{color:#000000}
|
|
.c-or{color:#FFC211}
|
|
.c-orange{color:#E37222}
|
|
.c-parme{color:#D198CA}
|
|
.c-rose{color:#F88CC4}
|
|
.c-rouge{color:#F50003}
|
|
.c-taupe{color:#CCC6AB}
|
|
.c-turquoise{color:#7FCDD0}
|
|
.c-violet{color:#6B1687}
|
|
.c-vert{color:#159033}
|
|
|
|
.b-anis{background-color:#B5DC10}
|
|
.b-argent{background-color:#C2C2C2}
|
|
.b-blanc{background-color:#FFFFFF}
|
|
.b-bleuf{background-color:#10147E}
|
|
.b-bordeaux{background-color:#7F0700}
|
|
.b-framboise{background-color:#C42B68}
|
|
.b-fuschia{background-color:#F0037F}
|
|
.b-grisf{background-color:#766546}
|
|
.b-ivoire{background-color:#FFFAD7}
|
|
.b-marron{background-color:#3C1503}
|
|
.b-noir{background-color:#000000}
|
|
.b-or{background-color:#FFC211}
|
|
.b-orange{background-color:#E37222}
|
|
.b-parme{background-color:#D198CA}
|
|
.b-rose{background-color:#F88CC4}
|
|
.b-rouge{background-color:#F50003}
|
|
.b-taupe{background-color:#CCC6AB}
|
|
.b-turquoise{background-color:#7FCDD0}
|
|
.b-violet{background-color:#6B1687}
|
|
.b-vert{background-color:#159033}
|
|
|
|
/*damier*/
|
|
.damier{ font-family:"Garamond", Arial; font-weight:normal;}
|
|
.damier .colorface{ position:absolute; width:100%; height:100%}
|
|
.damier .color_1{ z-index:1; background-size:cover!important; background-repeat:no-repeat;}
|
|
.damier .color_2{ z-index:2; background-size:cover!important; background-repeat:no-repeat;}
|
|
|
|
.damier .switch .color_1{ z-index:2;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;}
|
|
.damier .switch .color_2{ z-index:1;background-color:transparent;background-position:center!important;background-repeat:no-repeat!important;}
|
|
|
|
.damier .color_1.anis{ background-color:#B5DC10}
|
|
.damier .color_2.anis{ color:#B5DC10; }
|
|
.damier .switch .color_1.anis{ color:#B5DC10;}
|
|
.damier .switch .color_2.anis{ background-color:#B5DC10}
|
|
|
|
.damier .color_1.framboise{ background-color:#C42B68}
|
|
.damier .color_2.framboise{ color:#C42B68; }
|
|
.damier .switch .color_1.framboise{ color:#C42B68; }
|
|
.damier .switch .color_2.framboise{ background-color:#C42B68}
|
|
|
|
/*ruban*/
|
|
.ruban{ font-family:"Graverplate", Arial; font-weight:normal;}
|
|
.container-db.ruban .bande{ height:50px; width:100%; position:absolute;top:50%; margin-top:-25px; box-sizing:border-box;}
|
|
|
|
.simu-container.ruban .txt{font-size:24px; height:50px; line-height:50px;text-align:center; display:inline-block; padding:0 5px;}
|
|
|
|
.simu-container.ruban .db-cube1 .right .bande{ text-align:right; padding-right:20px;}
|
|
.simu-container.ruban .db-cube2 .left .bande{ text-align:left;padding-left:20px;}
|
|
.simu-container.ruban .db-cube1 .back .bande{text-align:left;padding-left:20px; }
|
|
.simu-container.ruban .db-cube2 .back .bande{text-align:right; padding-right:20px;}
|
|
|
|
.chocos-holder.ruban .bande{height:20px; width:100%; position:absolute;top:50%; margin-top:-10px; box-sizing:border-box; text-align:center;}
|
|
.chocos-holder.ruban .txt{ display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:6px;}
|
|
.chocos-holder.ruban .txt2{display:inline-block; padding:0 0px; height:20px; line-height:20px; font-size:6px;}
|
|
|
|
.container-pochette.ruban .bande{height:50px; width:100%; position:absolute;top:50%; margin-top:-25px; box-sizing:border-box; text-align:center;}
|
|
.container-pochette.ruban .txt{ display:inline-block; padding:0 5px; height:25px; line-height:50px; font-size:12px;}
|
|
|
|
/*bayadere*/
|
|
.bayadere{ color:#000;font-family:"Xpressive", Arial; font-weight:normal;}
|
|
.bayaface{ background:#FFF; position:absolute; width:100%; height:100%; z-index:0}
|
|
.colbaya{ height:100%; position:absolute;}
|
|
|
|
|
|
.colbaya.col1{ width:17%; left:0;}
|
|
.colbaya.col2{ width:23%; left:37%; opacity:.5}
|
|
.colbaya.col3{ width:15%; left:60%; opacity:.5}
|
|
.colbaya.col4{ width:20%; right:0;}
|
|
.colbaya.colover{ width:100%; left:0; background-repeat:no-repeat;background-size:cover!important;}
|
|
|
|
.container-db.bayadere .back .bayaface{transform:rotateZ(180deg)}
|
|
.container-db.bayadere .left .bayaface{transform:rotateZ(180deg)}
|
|
.container-db.bayadere .right .bayaface{transform:rotateZ(180deg)}
|
|
|
|
.container-db.bayadere .coeur{ background:url(http://chocolatdemariage.com/img/simulation/bicolore/bayadere/db/face_6.png) no-repeat center; width:100%; height:100%; position:absolute;}
|
|
.container-db.bayadere .oui{ background:url(http://chocolatdemariage.com/img/simulation/bicolore/bayadere/db/face_10.png) no-repeat center; width:100%; height:100%; position:absolute;}
|
|
|
|
/*liseres*/
|
|
.liseres{font-family:"Kunstler", Arial; font-weight:normal;}
|
|
.bkgface,
|
|
.imgface,
|
|
.txtface,
|
|
.numberface{ position:absolute; width:100%; height:100%;}
|
|
.bkgface{ background-size:cover!important; background-repeat:no-repeat;}
|
|
.simplecolorpicker.icon{ border:3px solid #FFF!important;}
|
|
#facecustomform, .facecustomform { margin-top: 20px; }
|
|
/* Exclusif
|
|
========================================================================== */
|
|
.exclu .imgface{background-size:cover;background-repeat:no-repeat;}
|
|
.exclu .numberface{ line-height:200px; font-size:80px; opacity:.1;}
|
|
.exclu .imgface.actif{border:3px solid #e2007a; background-size:cover;background-repeat:no-repeat;}
|
|
.exclu .simu-container .imgface.actif{width:194px; height:194px;}
|
|
.exclu .chocos-holder .imgface.actif{width:94px; height:94px;}
|
|
.exclu .txtface{ color:#000; font-weight:normal;}
|
|
|
|
.imgface{background-size:cover;background-repeat:no-repeat;}
|
|
.numberface{ line-height:200px; font-size:80px; opacity:.1;}
|
|
.imgface.actif{border:3px solid #e2007a; background-size:cover;background-repeat:no-repeat; }
|
|
.simu-container .imgface.actif{width:194px; width:100%; height:194px; height:100%; }
|
|
.chocos-holder .imgface.actif{width:94px; height:94px; min-width: 100%; }
|
|
.txtface{ color:#000; font-weight:normal;}
|
|
|