You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
1.5 KiB
124 lines
1.5 KiB
:root{
|
|
/*couleur héhé*/
|
|
--lightprima: #DEDEDE;
|
|
--lightsedonca: #B7B7B7;
|
|
--lighttercia: #E6E6E6;
|
|
/*Couleur bases*/
|
|
|
|
--colorbase : #e9546f;/*ROND*/
|
|
--colorcarre : #c97fb3;/*CARRE*/
|
|
--colorone : #00a088;/*TRIANGLE*/
|
|
--colortwo : #5880c1;/*CROIX*/
|
|
--colorthree : #C800FF;/*LOSANGE*/
|
|
--colorfour : #E6DA27;/*PENTA*/
|
|
--colorfive : #2E6DB4;/*HEXA*/
|
|
--colorsix : #E6792F;/*HOCTO*/
|
|
|
|
/*Tailles cartes*/
|
|
--tailleTablette : 12vw;
|
|
--taille: 10vw;
|
|
/*Les formes*/
|
|
--u: calc(var(--x) / 2.75);
|
|
--v: calc(var(--y) / 2.75);
|
|
--w: calc(var(--z) / 2.75);
|
|
/*Les formes settings*/
|
|
--x : 10vw;
|
|
--y : 7vw;
|
|
--z : 3.75vw;
|
|
/*Formes ete*/
|
|
--l: 3vw;
|
|
--m: 2.5vw;
|
|
--n: 1.5vw;
|
|
}
|
|
|
|
.test{
|
|
color: black;
|
|
}
|
|
|
|
a {
|
|
cursor: pointer;
|
|
z-index: 60;
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
background-color: var(--lightprima);
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
/*Desactiver la selection*/
|
|
-webkit-user-select: none; /* Chrome / Safari */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* IE 10+ */
|
|
user-select: none;
|
|
}
|
|
|
|
|
|
#ContainBottom {
|
|
position: absolute;
|
|
margin-left: 25vw;
|
|
height: 12vw;
|
|
width: auto;
|
|
bottom: 0;
|
|
z-index: 20;
|
|
}
|
|
|
|
#clic{
|
|
position: absolute;
|
|
left: 55vw;
|
|
top : 7vw;
|
|
height: auto;
|
|
width: 15vw;
|
|
}
|
|
|
|
#card-conteneur{
|
|
z-index: 20;
|
|
position: absolute;
|
|
left: 0vw;
|
|
}
|
|
|
|
.flex-container {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
|
|
-webkit-flex-flow: row wrap;
|
|
justify-content: space-around;
|
|
margin-top: -7vw;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|