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.
118 lines
1.4 KiB
118 lines
1.4 KiB
:root{
|
|
/*couleur héhé*/
|
|
--lightprima: #DEDEDE;
|
|
--lightsedonca: #B7B7B7;
|
|
--lighttercia: #E6E6E6;
|
|
/*Couleur bases*/
|
|
--colorbase : #e75259;
|
|
--colorcarre : #30C0DE;
|
|
--colorone : #00CBFF;
|
|
--colortwo : #00FF6E;
|
|
--colorthree : #C800FF;
|
|
--colorfour : #E6DA27;
|
|
--colorfive : #2E6DB4;
|
|
--colorsix : #E6792F;
|
|
/*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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|