algolfier
4 years ago
parent
6e8bc7e2e2
commit
036a74cf60
Binary file not shown.
@ -1,20 +0,0 @@
|
|||||||
<?php
|
|
||||||
/*function XSTR_LOG($chaine)
|
|
||||||
{
|
|
||||||
$fp = fopen("vraipagelogggggg.log", "a+");
|
|
||||||
fwrite($fp, $chaine . "\n");
|
|
||||||
fclose($fp);
|
|
||||||
}*/
|
|
||||||
|
|
||||||
|
|
||||||
session_start();
|
|
||||||
require_once("ConnexionBD.php");
|
|
||||||
$db = new MyDB();
|
|
||||||
|
|
||||||
$score = $_POST['score'];
|
|
||||||
$nom = $_POST['nom'];
|
|
||||||
$modeJeu = $_POST['modeJeu'];
|
|
||||||
|
|
||||||
$requete = "INSERT INTO HIGHSCORE (nomjoueur, score, modeJeu) VALUES ('$nom','$score','$modeJeu')";
|
|
||||||
$resultat = $db->query($requete);
|
|
||||||
if (isset($resultat)) echo "1\n";
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
<?php
|
|
||||||
class MyDB extends SQLite3
|
|
||||||
{
|
|
||||||
function __construct()
|
|
||||||
{
|
|
||||||
$this->open('HighscoreBD');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
|
|
||||||
#pageGame {
|
|
||||||
visibility: hidden;
|
|
||||||
top: -10vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuhaut {
|
|
||||||
height: 10vh;
|
|
||||||
width: inherit;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Partie Menu du haut*/
|
|
||||||
.menu{
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.retourstp {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution{
|
|
||||||
position:relative;
|
|
||||||
top:-3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#affSolution {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouer2 {
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
margin-top: 0.6vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
width: inherit;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#btnvalider2 {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#btnvalider3 {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution2 {
|
|
||||||
position: relative;
|
|
||||||
top:-3vw;
|
|
||||||
left:68%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution3 {
|
|
||||||
position: relative;
|
|
||||||
top:-3vw;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.bouttonvalider2:hover {
|
|
||||||
box-shadow: 0 0 0 8px var(--lightsedonca);
|
|
||||||
font-size: 100%;
|
|
||||||
position: relative;
|
|
||||||
transition: box-shadow 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#progressbar
|
|
||||||
{
|
|
||||||
position : relative;
|
|
||||||
width: 1100px;
|
|
||||||
padding:1px;
|
|
||||||
background-color:white;
|
|
||||||
border:1px solid black;
|
|
||||||
height:10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-top: 40px;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#indicateur
|
|
||||||
{
|
|
||||||
width: 800px;
|
|
||||||
background-color : green;
|
|
||||||
height:10px;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,84 +0,0 @@
|
|||||||
/*Ecran*/
|
|
||||||
@media screen and (min-width: 960px) {
|
|
||||||
/*ROND*/
|
|
||||||
.anneau {
|
|
||||||
position: relative;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.anneau2 {
|
|
||||||
position: relative;
|
|
||||||
background-color: white;
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
left : calc((var(--u) - var(--v))/2);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.anneau3 {
|
|
||||||
position: relative;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.rondinterieur {
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rondcache {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: black;
|
|
||||||
border-radius: var(--y);
|
|
||||||
}
|
|
||||||
.rond2 {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: white;
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond3 {
|
|
||||||
position: relative;
|
|
||||||
top : calc((var(--v) - var(--w))/ 2);
|
|
||||||
left : calc((var(--v) - var(--w))/2);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: white;
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond4 {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,123 +0,0 @@
|
|||||||
: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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,470 +0,0 @@
|
|||||||
/*Ecran*/
|
|
||||||
@media screen and (min-width: 992px) {
|
|
||||||
|
|
||||||
/*PARTIE FORMES*/
|
|
||||||
.containform3 {
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
/*vertical-align: middle;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.containform3carte {
|
|
||||||
position: relative;
|
|
||||||
height: var(--l);
|
|
||||||
width: var(--l);
|
|
||||||
display: table-cell;
|
|
||||||
/*vertical-align: middle;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinte {
|
|
||||||
/*PROBLEME SIZE*/
|
|
||||||
top: calc((var(--y) - var(--z)) / 2);
|
|
||||||
left: calc((var(--y) - var(--z)) / 2);
|
|
||||||
height: var(--z);
|
|
||||||
width: var(--z);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cache {
|
|
||||||
top: calc((var(--x) - var(--y)) / 2.8);
|
|
||||||
left: calc((var(--x) - var(--y)) / 2.2);
|
|
||||||
height: calc(var(--y)*1.05);
|
|
||||||
width: calc(var(--y)*1.05);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosemode {
|
|
||||||
height: 4vw;
|
|
||||||
width: 16vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 42vw;
|
|
||||||
top: 50vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosedimension {
|
|
||||||
height: 4vw;
|
|
||||||
width: 16vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 42vw;
|
|
||||||
top: 55vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurmode {
|
|
||||||
width: 80%;
|
|
||||||
height: 2vw;
|
|
||||||
left: 10%;
|
|
||||||
top: 25%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#triangleprec {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 0.75vw solid transparent;
|
|
||||||
border-right: 1.25vw solid grey;
|
|
||||||
border-bottom: 0.75vw solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trianglesuiv {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 0.75vw solid transparent;
|
|
||||||
border-left: 1.25vw solid grey;
|
|
||||||
border-bottom: 0.75vw solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmode {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textdimension {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#formSize {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 100%;
|
|
||||||
height: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar .fill {
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #6200ee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
outline: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider.container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: #c6aee7;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
/*Moz*/
|
|
||||||
.slider-container .slider::-moz-range-thumb {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 1vw;
|
|
||||||
height: 1vw;
|
|
||||||
background-color: #6200ee;
|
|
||||||
border-radius: 1vw;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: 0 0 0 0 rgba(98, 0,238, .1);
|
|
||||||
transition: .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider::-moz-range-thumb:hover {
|
|
||||||
box-shadow: 0 0 0 10px rgba(98,0,238,.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider:active::-moz-range-thumb {
|
|
||||||
box-shadow: 0 0 0 20px rgba(98,0,238,.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*===========================================*/
|
|
||||||
|
|
||||||
.logoboutton {
|
|
||||||
font-size: 2vw;
|
|
||||||
color: var(--lightprima);
|
|
||||||
margin: 0.25vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Externe*/
|
|
||||||
.bouttonMenuHaut {
|
|
||||||
height: 4vw;
|
|
||||||
width: 4vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 0.45vw;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#affPoints {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2vw;
|
|
||||||
margin-top: 1.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
.divmenu {
|
|
||||||
width: 10vw;
|
|
||||||
height: inherit;
|
|
||||||
margin-right: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containButtonForm {
|
|
||||||
height: 2.5vw;
|
|
||||||
width: 2.5vw;
|
|
||||||
margin: 0.75vw;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttonretour {
|
|
||||||
position: relative;
|
|
||||||
height: 4vh;
|
|
||||||
width: 4vh;
|
|
||||||
border-radius: 55vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 5;
|
|
||||||
margin-left: 2vw;
|
|
||||||
top: 1.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-item {
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: var(--taille);
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-form {
|
|
||||||
width: 3vw;
|
|
||||||
padding-left: 0.1vw;
|
|
||||||
margin-top: 0.25vw;
|
|
||||||
height: 3vw;
|
|
||||||
border-radius: 10px;
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
}
|
|
||||||
|
|
||||||
.containcards {
|
|
||||||
overflow-x: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(8,auto);
|
|
||||||
grid-template-rows: repeat(2,auto);
|
|
||||||
padding-top: 1vw;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logop2 img {
|
|
||||||
width: 12vw;
|
|
||||||
padding-top: 1vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.txt {
|
|
||||||
position: absolute;
|
|
||||||
font-family: Arial Black;
|
|
||||||
color: var(--lightprima);
|
|
||||||
font-size: 1.5vw;
|
|
||||||
left: 0.4vw;
|
|
||||||
top: -1.6vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
position: absolute;
|
|
||||||
width: 12vw;
|
|
||||||
left: 44vw;
|
|
||||||
top: 13%;
|
|
||||||
z-index: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mounts img {
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
pointer-events: none;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contourbuttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 45px;
|
|
||||||
left: 9.2vw;
|
|
||||||
top: 3.5vw;
|
|
||||||
height: 4vw;
|
|
||||||
width: 12vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
height: 3.4vw;
|
|
||||||
width: 11.4vw;
|
|
||||||
top: 0.3vw;
|
|
||||||
left: 0.3vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.violet {
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vert {
|
|
||||||
background-color: #00CC66;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouerr {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
text-align: center;
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containBottom{
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3vh;
|
|
||||||
width: auto;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 20;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containScore {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.titreScore{
|
|
||||||
font: 700 5vh "Poppins", sans-serif;
|
|
||||||
color: #2B2D2F;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score{
|
|
||||||
padding: 4px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
width: 6vw;
|
|
||||||
height: 6vw;
|
|
||||||
margin: 1vw;
|
|
||||||
cursor: default;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-description {
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
padding: 10px 15px;
|
|
||||||
width: calc(100% - 30px);
|
|
||||||
height: calc(100% - 20px);
|
|
||||||
transition: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-position {
|
|
||||||
font: 700 2vw/1.3 "Poppins", sans-serif;
|
|
||||||
margin: 0 0 0;
|
|
||||||
transition: 0.2s ease 150ms;
|
|
||||||
font-size: 2vw;
|
|
||||||
font-family:"Poppins", sans-serif;
|
|
||||||
}
|
|
||||||
.case-score .score-pseudo, .score-points {
|
|
||||||
font: 500 12px "Poppins", sans-serif;
|
|
||||||
margin-top: -0.2em;
|
|
||||||
font-size: 0.8vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:after {
|
|
||||||
z-index: 10;
|
|
||||||
background: #f9f8f7;
|
|
||||||
color: #333;
|
|
||||||
width: 180px;
|
|
||||||
position: absolute;
|
|
||||||
top: 80%;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
|
|
||||||
height: auto;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0 0 0 -50px;
|
|
||||||
border-radius: 6px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.case-score:hover {
|
|
||||||
transform: scale(1.12);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:hover .score-description {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.case-score:hover .score-position,
|
|
||||||
.case-score:hover .score-pseudo,
|
|
||||||
.case-score:hover .score-points {
|
|
||||||
-webkit-text-fill-color: #222;
|
|
||||||
}
|
|
||||||
.case-score:hover:after {
|
|
||||||
top: 105%;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
|
|
||||||
}
|
|
||||||
.first .score-position,
|
|
||||||
.first .score-pseudo,
|
|
||||||
.first .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.second {
|
|
||||||
background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.second .score-position,
|
|
||||||
.second .score-pseudo,
|
|
||||||
.second .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.third {
|
|
||||||
background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.third .score-position,
|
|
||||||
.third .score-pseudo,
|
|
||||||
.third .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium {
|
|
||||||
background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium .score-position,
|
|
||||||
.nopodium .score-pseudo,
|
|
||||||
.nopodium .score-points {
|
|
||||||
background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#infosec2{
|
|
||||||
z-index:15;
|
|
||||||
width: 2vw;
|
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,156 +0,0 @@
|
|||||||
.containform {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.ajustementPetiteForme{
|
|
||||||
margin-top: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ajustementGrandeForme{
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containform2{
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*ROND*/
|
|
||||||
.containexte{
|
|
||||||
height: var(--y);
|
|
||||||
width: var(--y);
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
top: calc(var(--x)/8);
|
|
||||||
}
|
|
||||||
|
|
||||||
#cacherond{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.round{
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cb{
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cn{
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* UTILISATION FORMES CARTES*/
|
|
||||||
.containformCarte{
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carre{
|
|
||||||
-webkit-clip-path: inset(0 0 0 0);
|
|
||||||
clip-path: inset(0 0 0 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.triangle{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
||||||
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.castriangle{
|
|
||||||
margin-top: calc( (var(--y) - var(--z)) / 5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.caspenta{
|
|
||||||
margin-top: calc( (var(--y) - var(--z)) / 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.castrianglec{
|
|
||||||
margin-top: calc( (var(--m) - var(--n)) / 5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.caspentac{
|
|
||||||
margin-top: calc( (var(--m) - var(--n)) / 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.losange{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.croix{
|
|
||||||
-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
|
|
||||||
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.croixinte{
|
|
||||||
-webkit-clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%);
|
|
||||||
clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.penta{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hexa{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hocto{
|
|
||||||
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
|
|
||||||
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rondv2{
|
|
||||||
-webkit-clip-path: circle(50% at 50% 50%);
|
|
||||||
clip-path: circle(50% at 50% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rond{
|
|
||||||
-webkit-clip-path: circle(50% at 50% 50%);
|
|
||||||
clip-path: circle(50% at 50% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.formeinte{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.formeexte{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinteCarte{
|
|
||||||
top:calc((var(--l) - var(--n)) / 2);
|
|
||||||
left:calc((var(--l) - var(--n)) / 2);
|
|
||||||
height: var(--n);
|
|
||||||
width: var(--n);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containexteCarte{
|
|
||||||
top:calc((var(--l) - var(--m)) / 2);
|
|
||||||
left:calc((var(--l) - var(--m)) / 2);
|
|
||||||
height: var(--m);
|
|
||||||
width: var(--m);
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
/*Demi Ecran*/
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
body{
|
|
||||||
background-color: green;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,470 +0,0 @@
|
|||||||
/*DemTéléphone 1i Ecran*/
|
|
||||||
@media screen and (min-width: 0px) and (max-width: 992px) {
|
|
||||||
|
|
||||||
.containform3 {
|
|
||||||
position: relative;
|
|
||||||
height: calc(1.25*var(--x));
|
|
||||||
width: calc(2*var(--x));
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
left: -2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinte{
|
|
||||||
/*PROBLEME SIZE*/
|
|
||||||
top: calc(1.5*((var(--y) - var(--z)) / 2));
|
|
||||||
left: calc(1.5*((var(--y) - var(--z)) / 2));
|
|
||||||
height: calc(1.5*var(--z));
|
|
||||||
width: calc(1.5*var(--z));
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cache{
|
|
||||||
top: calc(0.91*((var(--x) - var(--y)) / 2.8));
|
|
||||||
left: calc(4.55*((var(--x) - var(--y)) / 2.2));
|
|
||||||
height: calc(1.5*var(--y)*1.05);
|
|
||||||
width: calc(1.5*var(--y)*1.05);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#formSize{
|
|
||||||
margin : 0 auto;
|
|
||||||
width: 100%;
|
|
||||||
height: 3vw;
|
|
||||||
position: relative;
|
|
||||||
top: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar .fill {
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #6200ee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
outline: none;
|
|
||||||
top: -0.25vw;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.slider.container{
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.slider-container .bar {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: #c6aee7;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
/*Moz*/
|
|
||||||
.slider-container .slider::-moz-range-thumb {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 2vw;
|
|
||||||
height: 2vw;
|
|
||||||
background-color: #6200ee;
|
|
||||||
border-radius: 1vw;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
|
|
||||||
transition: .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider::-moz-range-thumb:hover {
|
|
||||||
box-shadow: 0 0 0 10px rgba(98,0,238,.1);
|
|
||||||
}
|
|
||||||
.slider-container .slider:active::-moz-range-thumb {
|
|
||||||
box-shadow: 0 0 0 20px rgba(98,0,238,.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.logop2 img {
|
|
||||||
width: 20vh;
|
|
||||||
padding-top: 1vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.txt {
|
|
||||||
position: absolute;
|
|
||||||
font-family: Arial Black;
|
|
||||||
color: var(--lightprima);
|
|
||||||
font-size: 5.5vw;
|
|
||||||
left: 2.25vw;
|
|
||||||
top: -1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
position: absolute;
|
|
||||||
width: 30vw;
|
|
||||||
left: 35vw;
|
|
||||||
top: 2%;
|
|
||||||
z-index: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mounts img {
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
pointer-events: none;
|
|
||||||
margin-left: -1vw;
|
|
||||||
margin-top: -1vw;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contourbuttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 45px;
|
|
||||||
left: -10vw;
|
|
||||||
top: -5vw;
|
|
||||||
height: 15vw;
|
|
||||||
width: 50vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
height: 13vw;
|
|
||||||
width: 47vw;
|
|
||||||
top: 1.1vw;
|
|
||||||
left: 1.5vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider2 {
|
|
||||||
position: absolute;
|
|
||||||
height: 6.8vw;
|
|
||||||
width: 22.8vw;
|
|
||||||
top: 1.1vw;
|
|
||||||
left: 1.1vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
background-color: #00CC66;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouer {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
width: inherit;
|
|
||||||
text-align: center;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouerr {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
width: inherit;
|
|
||||||
text-align: center;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosemode {
|
|
||||||
height: 7vw;
|
|
||||||
width: 50vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 25vw;
|
|
||||||
top: 40vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosedimension {
|
|
||||||
height: 7vw;
|
|
||||||
width: 50vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 25vw;
|
|
||||||
top: 50vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurmode{
|
|
||||||
width: 80%;
|
|
||||||
height: 80%;
|
|
||||||
left : 10%;
|
|
||||||
top : 45%;
|
|
||||||
position: absolute;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#triangleprec{
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 2vw solid transparent;
|
|
||||||
border-right: 4vw solid grey;
|
|
||||||
border-bottom: 2vw solid transparent;
|
|
||||||
margin-top: 0.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trianglesuiv{
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 2vw solid transparent;
|
|
||||||
border-left: 4vw solid grey;
|
|
||||||
border-bottom: 2vw solid transparent;
|
|
||||||
margin-top: 0.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmode {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 3vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align:center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textdimension {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 3vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align:center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logoboutton{
|
|
||||||
font-size: 2vw;
|
|
||||||
color: var(--lightprima);
|
|
||||||
margin: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Externe*/
|
|
||||||
.bouttonMenuHaut{
|
|
||||||
height: 4vw;
|
|
||||||
width: 4vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 2.5vw;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.divmenu {
|
|
||||||
width: 25vw;
|
|
||||||
height: inherit;
|
|
||||||
margin-right: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#affPoints {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2vw;
|
|
||||||
margin-top: 3.5vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
.containcards {
|
|
||||||
overflow-x: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(4,auto);
|
|
||||||
grid-template-rows: repeat(4,auto);
|
|
||||||
padding-top: 1vw;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: var(--tailleTablette);
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-form {
|
|
||||||
width: 4vh;
|
|
||||||
height: 4vh;
|
|
||||||
padding-left: 0.1vw;
|
|
||||||
margin-top: 0.25vw;
|
|
||||||
border-radius: 10px;
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
}
|
|
||||||
|
|
||||||
#containBottom{
|
|
||||||
position: absolute;
|
|
||||||
bottom: -15%;
|
|
||||||
width: auto;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 20;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containScore {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(5, 100px);
|
|
||||||
grid-template-rows: repeat(2, 100px);
|
|
||||||
grid-column-gap: 1vw;
|
|
||||||
justify-content: center;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.titreScore{
|
|
||||||
font: 700 5vh "Poppins", sans-serif;
|
|
||||||
color: #2B2D2F;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score{
|
|
||||||
padding: 4px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
width: 12vh;
|
|
||||||
height: 12vh;
|
|
||||||
cursor: default;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-description {
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
padding: 10px 15px;
|
|
||||||
width: calc(100% - 30px);
|
|
||||||
height: calc(100% - 20px);
|
|
||||||
transition: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-position {
|
|
||||||
font: 700 3vw "Poppins", sans-serif;
|
|
||||||
margin-left: -1vw;
|
|
||||||
transition: 0.2s ease 150ms;
|
|
||||||
}
|
|
||||||
.case-score .score-pseudo, .score-points {
|
|
||||||
font: 500 12px "Poppins", sans-serif;
|
|
||||||
margin-top: -0.2em;
|
|
||||||
margin-left: -1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:after {
|
|
||||||
z-index: 10;
|
|
||||||
background: #f9f8f7;
|
|
||||||
color: #333;
|
|
||||||
width: 180px;
|
|
||||||
position: absolute;
|
|
||||||
top: 80%;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
|
|
||||||
height: auto;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0 0 0 -50px;
|
|
||||||
border-radius: 6px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.case-score:hover {
|
|
||||||
transform: scale(1.12);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:hover .score-description {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.case-score:hover .score-position,
|
|
||||||
.case-score:hover .score-pseudo,
|
|
||||||
.case-score:hover .score-points {
|
|
||||||
-webkit-text-fill-color: #222;
|
|
||||||
}
|
|
||||||
.case-score:hover:after {
|
|
||||||
top: 105%;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
|
|
||||||
}
|
|
||||||
.first .score-position,
|
|
||||||
.first .score-pseudo,
|
|
||||||
.first .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.second {
|
|
||||||
background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.second .score-position,
|
|
||||||
.second .score-pseudo,
|
|
||||||
.second .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.third {
|
|
||||||
background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.third .score-position,
|
|
||||||
.third .score-pseudo,
|
|
||||||
.third .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium {
|
|
||||||
background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium .score-position,
|
|
||||||
.nopodium .score-pseudo,
|
|
||||||
.nopodium .score-points {
|
|
||||||
background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content{
|
|
||||||
margin-top: -5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#infosec2{
|
|
||||||
position: relative;
|
|
||||||
z-index:15;
|
|
||||||
width: 2vw;
|
|
||||||
left: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.last{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cf2 {
|
|
||||||
position:relative;
|
|
||||||
margin-left: 14vh;
|
|
||||||
top: 2.5vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,55 +0,0 @@
|
|||||||
var FormeSelect = ["rond"];
|
|
||||||
var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo","colorthree"]
|
|
||||||
var ListeClassForme = ["rond","carre","triangle","croix","losange","penta","hexa","hocto"]
|
|
||||||
|
|
||||||
//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes
|
|
||||||
var mode = 0;
|
|
||||||
var valRange;
|
|
||||||
|
|
||||||
function settingOpen(){
|
|
||||||
var elements = document.getElementsByClassName("pcr-button");
|
|
||||||
for (var i = 0; i < elements.length; i++) {
|
|
||||||
elements[i].classList.add(ListeClassForme[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function ableCache(formName){
|
|
||||||
cacheName = "cache"+formName;
|
|
||||||
const pos = FormeSelect.indexOf(formName);
|
|
||||||
if (pos > -1) {
|
|
||||||
FormeSelect.splice(pos, 1);
|
|
||||||
}
|
|
||||||
document.getElementById(cacheName).style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
function disableCache(formName){
|
|
||||||
if (FormeSelect.length < 4)
|
|
||||||
{
|
|
||||||
cacheName = "cache"+formName;
|
|
||||||
document.getElementById(cacheName).style.display = "none";
|
|
||||||
FormeSelect.push(formName);
|
|
||||||
console.log(FormeSelect.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function changeContour(value){
|
|
||||||
var newvalue = value * 0.055 + 1;
|
|
||||||
document.documentElement.style.setProperty('--z', newvalue+'vw');
|
|
||||||
var valcard = value * 0.013 + 1;
|
|
||||||
document.documentElement.style.setProperty('--n', valcard+'vw');
|
|
||||||
//document.documentElement.style.setProperty('--n', newvalue+'vw');
|
|
||||||
//document.getElementById("SettingName").innerHTML = newvalue;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getVarColor(color){
|
|
||||||
var getvar = color;
|
|
||||||
getvar = getvar.substring(6,getvar.length-1);
|
|
||||||
|
|
||||||
return getvar;
|
|
||||||
}
|
|
||||||
|
|
||||||
function varColorToHex(color){
|
|
||||||
hex = getComputedStyle(document.documentElement).getPropertyValue(color);
|
|
||||||
hex = hex.substring(1,hex.length);
|
|
||||||
return hex;
|
|
||||||
}
|
|
||||||
Binary file not shown.
@ -1,27 +0,0 @@
|
|||||||
<?php
|
|
||||||
session_start();
|
|
||||||
require_once "ConnexionBDD.php";
|
|
||||||
//Actualisation de l'IDpartie
|
|
||||||
$idparte = $_SESSION['idpartie'];
|
|
||||||
echo "<div id='iddelapartie' <h2 id='ids'>Identifiant partie : </h2>";
|
|
||||||
echo "<input type='text' value='$idparte' id='Monidpartie'>";
|
|
||||||
echo "<button onclick='MaFonction()'>Copier identifiant</button> </div>";
|
|
||||||
|
|
||||||
|
|
||||||
$db=new MyDB();
|
|
||||||
$afficher = $db->query('SELECT * FROM partieCartes where IdPartie="'.$idparte.'" ');
|
|
||||||
$tableau =[];
|
|
||||||
while ($row = $afficher->fetchArray()) {
|
|
||||||
$un=$row['colUn'];
|
|
||||||
$deux=$row['colDeux'];
|
|
||||||
$trois=$row['colTrois'];
|
|
||||||
$tout=$un.','.$deux.','.$trois;
|
|
||||||
// $entier=$entier+1;
|
|
||||||
array_push($tableau,$tout);
|
|
||||||
}
|
|
||||||
|
|
||||||
foreach ($tableau as $val) {
|
|
||||||
//echo "<h2 class='contientphp'> $val d</h2>";
|
|
||||||
}
|
|
||||||
$comma_separated = implode(",", $tableau);
|
|
||||||
$_SESSION['listecartebdd']=$comma_separated;
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
<?php
|
|
||||||
class MyDB extends SQLite3
|
|
||||||
{
|
|
||||||
function __construct()
|
|
||||||
{
|
|
||||||
$this->open('mysqlitedb.db');
|
|
||||||
//$this->exec('CREATE TABLE partieScore(IdPartie STRING PRIMARY KEY,scorePremierJ STRING,scoreDeuxiemeJ STRING, pseudoPremierJ STRING,pseudoDeuxiemeJ STRING)');
|
|
||||||
//$this->exec('CREATE TABLE partieCartes(IdPartie STRING ,IdCarte STRING,colUn STRING, colDeux STRING, colTrois STRING)');
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function genererChaineAleatoire($longueur = 10)
|
|
||||||
{
|
|
||||||
$caracteres = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
|
|
||||||
$longueurMax = strlen($caracteres);
|
|
||||||
$chaineAleatoire = '';
|
|
||||||
for ($i = 0; $i < $longueur; $i++)
|
|
||||||
{
|
|
||||||
$chaineAleatoire .= $caracteres[rand(0, $longueurMax - 1)];
|
|
||||||
}
|
|
||||||
return $chaineAleatoire;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
<?php
|
|
||||||
session_start();
|
|
||||||
require_once("ConnexionBDD.php");
|
|
||||||
$db = new MyDB();
|
|
||||||
|
|
||||||
$id=$_SESSION['idpartie'];
|
|
||||||
$requete ="DELETE FROM partieScore where IdPartie='".$id."'";
|
|
||||||
$suppression = $db->query($requete);
|
|
||||||
|
|
||||||
$newid=genererChaineAleatoire(10);
|
|
||||||
$_SESSION['idpartie']=$newid;
|
|
||||||
$db->query('INSERT INTO partieScore(IdPartie) VALUES("'.$newid.'")');
|
|
||||||
|
|
||||||
$requete2 ="DELETE FROM partieCartes where IdPartie='".$id."'";
|
|
||||||
$suppression2 = $db->query($requete2);
|
|
||||||
|
|
||||||
for ($i = 1; $i <= 16; $i++) {
|
|
||||||
$db->query('INSERT INTO partieCartes(IdPartie,IdCarte) VALUES("'.$newid.'","'.$i.'")');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
<?php
|
|
||||||
require "ConnexionBDD.php";
|
|
||||||
$db=new MyDB();
|
|
||||||
$update = $db->query('DELETE FROM partieCartes');
|
|
||||||
$update = $db->query('DELETE FROM partieScore');
|
|
||||||
@ -1,490 +0,0 @@
|
|||||||
#pageAccueil {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cloud {
|
|
||||||
z-index: 10
|
|
||||||
}
|
|
||||||
|
|
||||||
#mount1 {
|
|
||||||
z-index: 11;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#mount2 {
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containerparam{
|
|
||||||
position: absolute;
|
|
||||||
display: flex;
|
|
||||||
margin-left: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containerparam > div {
|
|
||||||
margin-right: 4vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*SETTINGS*/
|
|
||||||
#forme{
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#couleurs{
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pannel{
|
|
||||||
height: 100px;
|
|
||||||
width: 100px;
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pickrcontner{
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Mode_Setting{
|
|
||||||
height: 20vw;
|
|
||||||
position: relative;
|
|
||||||
margin : 0 auto;
|
|
||||||
}
|
|
||||||
#BottomSetings{
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 5vw;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 0 0 0.3vw 0.3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#SettingBefore{
|
|
||||||
height: 5vw;
|
|
||||||
width: 5vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
color: black;
|
|
||||||
font-size: 3vw;
|
|
||||||
visibility: collapse;
|
|
||||||
}
|
|
||||||
#SettingAfter{
|
|
||||||
bottom: 5vw;
|
|
||||||
position: relative;
|
|
||||||
height: 5vw;
|
|
||||||
width: 5vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#testSettings{
|
|
||||||
position: absolute;
|
|
||||||
color: black;
|
|
||||||
bottom: 0;
|
|
||||||
left: 18vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#ShapeSettings{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
margin: auto 2vw;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.ShapeContener{
|
|
||||||
height: 9vw;
|
|
||||||
width: 9vw;
|
|
||||||
margin-left: 1vw;
|
|
||||||
position: relative;
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.settingShape{
|
|
||||||
background-color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Colorone{background-color: var(--colorbase);}
|
|
||||||
.Colortwo{background-color: var(--colorcarre);}
|
|
||||||
.Colorthree{background-color: var(--colorone);}
|
|
||||||
.Colorfour{background-color: var(--colortwo);}
|
|
||||||
.Colorfive{background-color: var(--colorthree);}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*Bouton info*/
|
|
||||||
#infosec{
|
|
||||||
z-index:15;
|
|
||||||
width: 2vw;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#info {
|
|
||||||
color: var(--lightprima);
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#info:hover {
|
|
||||||
color: var(--lightprima);
|
|
||||||
}
|
|
||||||
|
|
||||||
.activity {
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
-webkit-transition: box-shadow 0.2s ease;
|
|
||||||
-moz-transition: box-shadow 0.2s ease;
|
|
||||||
transition: box-shadow 0.2s ease;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: #B7B7B7;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 0.889em;
|
|
||||||
height: 3em;
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
text-transform: lowercase;
|
|
||||||
width: 3em;
|
|
||||||
line-height: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
li a {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
li:hover {
|
|
||||||
box-shadow: 0 0 0 7px var(--lightsedonca);
|
|
||||||
font-size:99%;
|
|
||||||
position:relative;
|
|
||||||
right:5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
li:before {
|
|
||||||
border-radius: 50%;
|
|
||||||
bottom: 0;
|
|
||||||
box-shadow: 0 0 0 4px var(--lightsedonca);
|
|
||||||
content: '';
|
|
||||||
left: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Les règles popups*/
|
|
||||||
.overlay {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background: rgba(0, 0, 0, 0.7);
|
|
||||||
transition: opacity 500ms;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
z-index: 210;
|
|
||||||
}
|
|
||||||
|
|
||||||
.overlay:target {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup {
|
|
||||||
margin: 70px auto;
|
|
||||||
padding: 20px;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 5px;
|
|
||||||
width: 30%;
|
|
||||||
position: relative;
|
|
||||||
top:25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup h2 {
|
|
||||||
margin-top: 0;
|
|
||||||
color: #333;
|
|
||||||
font-family: Tahoma, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup .close {
|
|
||||||
position: absolute;
|
|
||||||
top: 20px;
|
|
||||||
right: 30px;
|
|
||||||
transition: all 200ms;
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup .close:hover {
|
|
||||||
color: #06D85F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup .content {
|
|
||||||
max-height: 30%;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Parametres*/
|
|
||||||
|
|
||||||
.popup2 {
|
|
||||||
margin: 70px auto;
|
|
||||||
padding: 20px;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 5px;
|
|
||||||
width: 45%;
|
|
||||||
height: 65%;
|
|
||||||
position: relative;
|
|
||||||
top:10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup2 h2 {
|
|
||||||
margin-top: 0;
|
|
||||||
color: #333;
|
|
||||||
font-family: Tahoma, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
margin: 0;
|
|
||||||
color: #333;
|
|
||||||
font-family: Tahoma, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
.popup2 .close {
|
|
||||||
position: absolute;
|
|
||||||
top: 20px;
|
|
||||||
right: 30px;
|
|
||||||
transition: all 200ms;
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.popup2 .close:hover {
|
|
||||||
color: #06D85F;
|
|
||||||
}
|
|
||||||
.popup2 .content {
|
|
||||||
max-height: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.titre{
|
|
||||||
display: ruby-base;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
cursor: pointer;
|
|
||||||
text-indent: -9999px;
|
|
||||||
width: 2vw;
|
|
||||||
height: 1vw;
|
|
||||||
background: grey;
|
|
||||||
display: block;
|
|
||||||
border-radius: 100px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
label:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
top: 0.1vw;
|
|
||||||
left: 0.1vw;
|
|
||||||
width: 0.8vw;
|
|
||||||
height: 0.8vw;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 90px;
|
|
||||||
transition: 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:checked + label {
|
|
||||||
background: #bada55;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:checked + label:after {
|
|
||||||
left: calc(100% - 0.1vw);
|
|
||||||
transform: translateX(-100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
label:active:after {
|
|
||||||
width: 1.4vw;
|
|
||||||
}
|
|
||||||
/* J'ai trop avancé, mode multi*/
|
|
||||||
|
|
||||||
|
|
||||||
#containpseudo {
|
|
||||||
position: absolute;
|
|
||||||
height: 15%;
|
|
||||||
width: 30%;
|
|
||||||
z-index: 12;
|
|
||||||
left: 35%;
|
|
||||||
top: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider:hover {
|
|
||||||
box-shadow: 0 0 0 8px var(--lightsedonca);
|
|
||||||
font-size: 100%;
|
|
||||||
position: relative;
|
|
||||||
transition: box-shadow 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#bouttonvalider:hover {
|
|
||||||
box-shadow: 0 0 0 5px var(--lightsedonca);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pseudoenter {
|
|
||||||
background-color: red;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 45px;
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
#inputpseudo {
|
|
||||||
position: absolute;
|
|
||||||
width: 99%;
|
|
||||||
height: 65%;
|
|
||||||
border-radius: 30px;
|
|
||||||
font-size: 3vw;
|
|
||||||
background-color: transparent;
|
|
||||||
-moz-appearance: none;
|
|
||||||
text-align: center;
|
|
||||||
color: #707070;
|
|
||||||
border-color: transparent;
|
|
||||||
font-family: impact, Arial Black;
|
|
||||||
z-index: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fondinput {
|
|
||||||
background-color: red;
|
|
||||||
position: absolute;
|
|
||||||
width: 97%;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
height: 90%;
|
|
||||||
border-radius: 40px;
|
|
||||||
left: 1.5%;
|
|
||||||
top: 5%;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#modeprec{
|
|
||||||
height: 100%;
|
|
||||||
width: 15%;
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#modesuiv{
|
|
||||||
height: 100%;
|
|
||||||
width: 15%;
|
|
||||||
float: right;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textdumode{
|
|
||||||
height: 100%;
|
|
||||||
width: 70%;
|
|
||||||
position: absolute;
|
|
||||||
left: 15%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#buttonadd {
|
|
||||||
position: absolute;
|
|
||||||
top: 30%;
|
|
||||||
right: -12%;
|
|
||||||
height: 3vw;
|
|
||||||
width: 3vw;
|
|
||||||
border-radius: 2vw;
|
|
||||||
background-color: #B130DE;
|
|
||||||
z-index: 18;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textplus {
|
|
||||||
font-size: 3vw;
|
|
||||||
font-family: arial, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
margin-top: -0.15vw;
|
|
||||||
margin-left: 0.65vw;
|
|
||||||
color: var(--lightprima);
|
|
||||||
}
|
|
||||||
|
|
||||||
#containplayers {
|
|
||||||
position: absolute;
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
width: 15vw;
|
|
||||||
height: 20vw;
|
|
||||||
z-index: 17;
|
|
||||||
right: 0%;
|
|
||||||
top: 8vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pseudojoueur {
|
|
||||||
float: right;
|
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 3%;
|
|
||||||
margin-right: 10%;
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pseudolist {
|
|
||||||
width: 100%;
|
|
||||||
height: 1.7vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === FORMES === */
|
|
||||||
|
|
||||||
.contentButton{
|
|
||||||
height: 3vw;
|
|
||||||
width: 15%;
|
|
||||||
margin : 0 auto;
|
|
||||||
position: relative;
|
|
||||||
bottom: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttonvalidersettings{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
border-style: none;
|
|
||||||
background-color: red;
|
|
||||||
color: white;
|
|
||||||
font-family: arial;
|
|
||||||
font-size: 2vw;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttonvalidersettings:active{
|
|
||||||
background-color: blue;
|
|
||||||
}
|
|
||||||
/* LANGUES */
|
|
||||||
|
|
||||||
|
|
||||||
#cf2 img {
|
|
||||||
position:absolute;
|
|
||||||
left:0;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-transition: opacity 0.2s ease-in-out;
|
|
||||||
-moz-transition: opacity 0.2s ease-in-out;
|
|
||||||
-o-transition: opacity 0.2s ease-in-out;
|
|
||||||
transition: opacity 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cf2 img.transparent {
|
|
||||||
opacity:0;
|
|
||||||
}
|
|
||||||
#cf_onclick {
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
|
|
||||||
#pageGame {
|
|
||||||
visibility: hidden;
|
|
||||||
top: -10vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuhaut {
|
|
||||||
height: 10vh;
|
|
||||||
width: inherit;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Partie Menu du haut*/
|
|
||||||
.menu{
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.retourstp {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution{
|
|
||||||
position:relative;
|
|
||||||
top:-3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#affSolution {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouer2 {
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
margin-top: 0.6vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
width: inherit;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#btnvalider2 {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#btnvalider3 {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution2 {
|
|
||||||
position: relative;
|
|
||||||
top:-3vw;
|
|
||||||
left:68%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Redistribution3 {
|
|
||||||
position: relative;
|
|
||||||
top:-3vw;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.bouttonvalider2:hover {
|
|
||||||
box-shadow: 0 0 0 8px var(--lightsedonca);
|
|
||||||
font-size: 100%;
|
|
||||||
position: relative;
|
|
||||||
transition: box-shadow 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
#progressbar
|
|
||||||
{
|
|
||||||
position : relative;
|
|
||||||
width: 1100px;
|
|
||||||
padding:1px;
|
|
||||||
background-color:white;
|
|
||||||
border:1px solid black;
|
|
||||||
height:10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-top: 40px;
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#indicateur
|
|
||||||
{
|
|
||||||
width: 800px;
|
|
||||||
background-color : green;
|
|
||||||
height:10px;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,84 +0,0 @@
|
|||||||
/*Ecran*/
|
|
||||||
@media screen and (min-width: 960px) {
|
|
||||||
/*ROND*/
|
|
||||||
.anneau {
|
|
||||||
position: relative;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.anneau2 {
|
|
||||||
position: relative;
|
|
||||||
background-color: white;
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
left : calc((var(--u) - var(--v))/2);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.anneau3 {
|
|
||||||
position: relative;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
border-radius: var(--v);
|
|
||||||
height: var(--v);
|
|
||||||
width: var(--v);
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.rondinterieur {
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rondcache {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: black;
|
|
||||||
border-radius: var(--y);
|
|
||||||
}
|
|
||||||
.rond2 {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: white;
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond3 {
|
|
||||||
position: relative;
|
|
||||||
top : calc((var(--v) - var(--w))/ 2);
|
|
||||||
left : calc((var(--v) - var(--w))/2);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: white;
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
.rond4 {
|
|
||||||
display: table;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--colorbase);
|
|
||||||
height: var(--w);
|
|
||||||
width: var(--w);
|
|
||||||
border-radius: var(--w);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,128 +0,0 @@
|
|||||||
:root{
|
|
||||||
/*couleur héhé*/
|
|
||||||
--lightprima: #DEDEDE;
|
|
||||||
--lightsedonca: #B7B7B7;
|
|
||||||
--lighttercia: #E6E6E6;
|
|
||||||
/*Couleur bases*/
|
|
||||||
|
|
||||||
--colorbase : #e9546f;/*ROND*/
|
|
||||||
--colorcarre : #c97fb3;/*CARRE*/
|
|
||||||
--colorone : #00a088;/*TRIANGLE*/
|
|
||||||
--colortwo : #5880c1;/*CROIX*/
|
|
||||||
|
|
||||||
--colorseven : #e9546f;/*ROND*/
|
|
||||||
--coloreight : #c97fb3;/*CARRE*/
|
|
||||||
--colornine : #00a088;/*TRIANGLE*/
|
|
||||||
--colorten : #5880c1;/*CROIX*/
|
|
||||||
--colorthree : #E6792F;/*LOSANGE*/
|
|
||||||
--colorfour : #E6DA27;/*PENTA*/
|
|
||||||
--colorfive : #2E6DB4;/*HEXA*/
|
|
||||||
--colorsix : #E6792F;/*HOCTO*/
|
|
||||||
|
|
||||||
/*Tailles cartes*/
|
|
||||||
--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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,619 +0,0 @@
|
|||||||
/*Ecran*/
|
|
||||||
@media screen and (min-width: 992px) {
|
|
||||||
|
|
||||||
/*PARTIE FORMES*/
|
|
||||||
.containform3 {
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
/*vertical-align: middle;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinteCarte{
|
|
||||||
top:calc((var(--l) - var(--n)) / 2);
|
|
||||||
left:calc((var(--l) - var(--n)) / 2);
|
|
||||||
height: var(--n);
|
|
||||||
width: var(--n);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containexteCarte{
|
|
||||||
top:calc((var(--l) - var(--m)) / 2);
|
|
||||||
left:calc((var(--l) - var(--m)) / 2);
|
|
||||||
height: var(--m);
|
|
||||||
width: var(--m);
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containform3carte {
|
|
||||||
position: relative;
|
|
||||||
height: var(--l);
|
|
||||||
width: var(--l);
|
|
||||||
display: table-cell;
|
|
||||||
/*vertical-align: middle;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinte {
|
|
||||||
/*PROBLEME SIZE*/
|
|
||||||
top: calc((var(--y) - var(--z)) / 2);
|
|
||||||
left: calc((var(--y) - var(--z)) / 2);
|
|
||||||
height: var(--z);
|
|
||||||
width: var(--z);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cache {
|
|
||||||
top: calc((var(--x) - var(--y)) / 2.8);
|
|
||||||
left: calc((var(--x) - var(--y)) / 2.2);
|
|
||||||
height: calc(var(--y)*1.05);
|
|
||||||
width: calc(var(--y)*1.05);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosemode {
|
|
||||||
height: 4vw;
|
|
||||||
width: 16vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 42vw;
|
|
||||||
top: 44vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosedimension {
|
|
||||||
height: 4vw;
|
|
||||||
width: 16vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 42vw;
|
|
||||||
top: 50vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurmode {
|
|
||||||
width: 80%;
|
|
||||||
height: 2vw;
|
|
||||||
left: 10%;
|
|
||||||
top: 25%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#triangleprec {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 0.75vw solid transparent;
|
|
||||||
border-right: 1.25vw solid grey;
|
|
||||||
border-bottom: 0.75vw solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trianglesuiv {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 0.75vw solid transparent;
|
|
||||||
border-left: 1.25vw solid grey;
|
|
||||||
border-bottom: 0.75vw solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmode {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textdimension {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align: center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#formSize {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 100%;
|
|
||||||
height: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar .fill {
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #6200ee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
outline: none;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider.container {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: #c6aee7;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
/*Moz*/
|
|
||||||
.slider-container .slider::-moz-range-thumb {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 1vw;
|
|
||||||
height: 1vw;
|
|
||||||
background-color: #6200ee;
|
|
||||||
border-radius: 1vw;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: 0 0 0 0 rgba(98, 0,238, .1);
|
|
||||||
transition: .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider::-moz-range-thumb:hover {
|
|
||||||
box-shadow: 0 0 0 10px rgba(98,0,238,.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider:active::-moz-range-thumb {
|
|
||||||
box-shadow: 0 0 0 20px rgba(98,0,238,.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*===========================================*/
|
|
||||||
|
|
||||||
.logoboutton {
|
|
||||||
font-size: 2vw;
|
|
||||||
color: var(--lightprima);
|
|
||||||
margin: 0.25vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Externe*/
|
|
||||||
.bouttonMenuHaut {
|
|
||||||
height: 4vw;
|
|
||||||
width: 4vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 0.45vw;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#affPoints {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2vw;
|
|
||||||
margin-top: 1.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
.divmenu {
|
|
||||||
width: 10vw;
|
|
||||||
height: inherit;
|
|
||||||
margin-right: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containButtonForm {
|
|
||||||
height: 2.5vw;
|
|
||||||
width: 2.5vw;
|
|
||||||
margin: 0.75vw;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttonretour {
|
|
||||||
position: relative;
|
|
||||||
height: 4vh;
|
|
||||||
width: 4vh;
|
|
||||||
border-radius: 55vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 5;
|
|
||||||
margin-left: 2vw;
|
|
||||||
top: 1.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-item {
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: var(--taille);
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-form {
|
|
||||||
width: 3vw;
|
|
||||||
padding-left: 0.1vw;
|
|
||||||
margin-top: 0.25vw;
|
|
||||||
height: 3vw;
|
|
||||||
border-radius: 10px;
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
}
|
|
||||||
|
|
||||||
.containcards {
|
|
||||||
overflow-x: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(8,auto);
|
|
||||||
grid-template-rows: repeat(2,auto);
|
|
||||||
padding-top: 1vw;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logop2 img {
|
|
||||||
width: 12vw;
|
|
||||||
padding-top: 1vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.txt {
|
|
||||||
position: absolute;
|
|
||||||
font-family: Arial Black;
|
|
||||||
color: var(--lightprima);
|
|
||||||
font-size: 1.5vw;
|
|
||||||
left: 0.4vw;
|
|
||||||
top: -1.6vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
position: absolute;
|
|
||||||
width: 12vw;
|
|
||||||
left: 44vw;
|
|
||||||
top: 13%;
|
|
||||||
z-index: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mounts img {
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
pointer-events: none;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contourbuttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 45px;
|
|
||||||
left: 9.2vw;
|
|
||||||
height: 4vw;
|
|
||||||
width: 12vw;
|
|
||||||
top: 1vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
height: 3.4vw;
|
|
||||||
width: 11.4vw;
|
|
||||||
top: 0.3vw;
|
|
||||||
left: 0.3vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.violet {
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vert {
|
|
||||||
background-color: #00CC66;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouerr {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
text-align: center;
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containBottom{
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3vh;
|
|
||||||
width: auto;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 20;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containScore {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.titreScore{
|
|
||||||
font: 700 5vh "Poppins", sans-serif;
|
|
||||||
color: #2B2D2F;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score{
|
|
||||||
padding: 4px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
width: 6vw;
|
|
||||||
height: 6vw;
|
|
||||||
margin: 1vw;
|
|
||||||
cursor: default;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-description {
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
padding: 10px 15px;
|
|
||||||
width: calc(100% - 30px);
|
|
||||||
height: calc(100% - 20px);
|
|
||||||
transition: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-position {
|
|
||||||
font: 700 2vw/1.3 "Poppins", sans-serif;
|
|
||||||
margin: 0 0 0;
|
|
||||||
transition: 0.2s ease 150ms;
|
|
||||||
font-size: 2vw;
|
|
||||||
font-family:"Poppins", sans-serif;
|
|
||||||
}
|
|
||||||
.case-score .score-pseudo, .score-points {
|
|
||||||
font: 500 12px "Poppins", sans-serif;
|
|
||||||
margin-top: -0.2em;
|
|
||||||
font-size: 0.8vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:after {
|
|
||||||
z-index: 10;
|
|
||||||
background: #f9f8f7;
|
|
||||||
color: #333;
|
|
||||||
width: 180px;
|
|
||||||
position: absolute;
|
|
||||||
top: 80%;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
|
|
||||||
height: auto;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0 0 0 -50px;
|
|
||||||
border-radius: 6px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.case-score:hover {
|
|
||||||
transform: scale(1.12);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:hover .score-description {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.case-score:hover .score-position,
|
|
||||||
.case-score:hover .score-pseudo,
|
|
||||||
.case-score:hover .score-points {
|
|
||||||
-webkit-text-fill-color: #222;
|
|
||||||
}
|
|
||||||
.case-score:hover:after {
|
|
||||||
top: 105%;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
|
|
||||||
}
|
|
||||||
.first .score-position,
|
|
||||||
.first .score-pseudo,
|
|
||||||
.first .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.second {
|
|
||||||
background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.second .score-position,
|
|
||||||
.second .score-pseudo,
|
|
||||||
.second .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.third {
|
|
||||||
background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.third .score-position,
|
|
||||||
.third .score-pseudo,
|
|
||||||
.third .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium {
|
|
||||||
background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium .score-position,
|
|
||||||
.nopodium .score-pseudo,
|
|
||||||
.nopodium .score-points {
|
|
||||||
background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#infosec2{
|
|
||||||
z-index:15;
|
|
||||||
width: 2vw;
|
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#multiParams{
|
|
||||||
height: 5vw;
|
|
||||||
width: 25vw;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
top: 58vh;
|
|
||||||
left: 38.5%;
|
|
||||||
z-index: 15;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#buttonMulti {
|
|
||||||
border-radius: 45px;
|
|
||||||
height: 2.5vw;
|
|
||||||
width: 10.4vw;
|
|
||||||
top: 1vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#buttonMulti2 {
|
|
||||||
border-radius: 45px;
|
|
||||||
height: 2.5vw;
|
|
||||||
width: 10.4vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
margin-top: 1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider2 {
|
|
||||||
position: relative;
|
|
||||||
height: 2vw;
|
|
||||||
width: 10vw;
|
|
||||||
top: 0.25vw;
|
|
||||||
left: 0.2vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmulticreer {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 1.5vw;
|
|
||||||
margin-top: 0.1vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
text-align: center;
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
#textmultirejoindre {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 1.5vw;
|
|
||||||
margin-top: 0.1vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
text-align: center;
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurCreate{
|
|
||||||
width: 40%;
|
|
||||||
height: 2.2vw;
|
|
||||||
left: 50%;
|
|
||||||
top: 3%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#conteneurJoin{
|
|
||||||
width: 40%;
|
|
||||||
height: 2.2vw;
|
|
||||||
left: 50%;
|
|
||||||
top: 65%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__field {
|
|
||||||
font-family: inherit;
|
|
||||||
width: 70%;
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 2px solid #9b9b9b;
|
|
||||||
outline: 0;
|
|
||||||
font-size: 1vw;
|
|
||||||
color: black;
|
|
||||||
padding: 0.8vh 0;
|
|
||||||
background: transparent;
|
|
||||||
transition: border-color 0.2s;
|
|
||||||
margin-left: 1.5vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.form__field::placeholder {
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
.form__field:placeholder-shown ~ .form__label {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
cursor: text;
|
|
||||||
top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__label {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
display: block;
|
|
||||||
transition: 0.2s;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__field:focus {
|
|
||||||
padding-bottom: 6px;
|
|
||||||
font-weight: 700;
|
|
||||||
border-width: 3px;
|
|
||||||
border-image: linear-gradient(to right, #11998e, #38ef7d);
|
|
||||||
border-image-slice: 1;
|
|
||||||
}
|
|
||||||
.form__field:focus ~ .form__label {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
display: block;
|
|
||||||
transition: 0.2s;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: #11998e;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,138 +0,0 @@
|
|||||||
.containform {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.ajustementPetiteForme{
|
|
||||||
margin-top: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ajustementGrandeForme{
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
margin-left: 0.2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containform2{
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*ROND*/
|
|
||||||
.containexte{
|
|
||||||
height: var(--y);
|
|
||||||
width: var(--y);
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
top: calc(var(--x)/8);
|
|
||||||
}
|
|
||||||
|
|
||||||
#cacherond{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.round{
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cb{
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cn{
|
|
||||||
background-color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* UTILISATION FORMES CARTES*/
|
|
||||||
.containformCarte{
|
|
||||||
position: relative;
|
|
||||||
height: var(--x);
|
|
||||||
width: var(--x);
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
|
|
||||||
.carre{
|
|
||||||
-webkit-clip-path: inset(0 0 0 0);
|
|
||||||
clip-path: inset(0 0 0 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.triangle{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
||||||
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.castriangle{
|
|
||||||
margin-top: calc( (var(--y) - var(--z)) / 5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.caspenta{
|
|
||||||
margin-top: calc( (var(--y) - var(--z)) / 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.castrianglec{
|
|
||||||
margin-top: calc( (var(--m) - var(--n)) / 5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.caspentac{
|
|
||||||
margin-top: calc( (var(--m) - var(--n)) / 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
.losange{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.croix{
|
|
||||||
-webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
|
|
||||||
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.croixinte{
|
|
||||||
-webkit-clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%);
|
|
||||||
clip-path: polygon(26% 23%, 22% 27%, 45% 50%, 22% 74%, 27% 78%, 50% 55%, 74% 78%, 78% 73%, 55% 50%, 78% 27%, 73% 23%, 50% 46%);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.penta{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hexa{
|
|
||||||
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
||||||
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hocto{
|
|
||||||
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
|
|
||||||
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rondv2{
|
|
||||||
-webkit-clip-path: circle(50% at 50% 50%);
|
|
||||||
clip-path: circle(50% at 50% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.rond{
|
|
||||||
-webkit-clip-path: circle(50% at 50% 50%);
|
|
||||||
clip-path: circle(50% at 50% 50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.formeinte{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.formeexte{
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
@media screen and (max-width: 990px){
|
|
||||||
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: 14vw;
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 880px) {
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: 14vw;
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 720px) {
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: 17vw;
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 590px) {
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: 20vw;
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 510px) {
|
|
||||||
body{
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: 17vw;
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-form {
|
|
||||||
width: 3vh;
|
|
||||||
padding-left: 0.1vw;
|
|
||||||
margin-top: 0.25vw;
|
|
||||||
height: 3vh;
|
|
||||||
border-radius: 10px;
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,622 +0,0 @@
|
|||||||
/*DemTéléphone 1i Ecran*/
|
|
||||||
@media screen and (min-width: 0px) and (max-width: 992px) {
|
|
||||||
|
|
||||||
.containform3 {
|
|
||||||
position: relative;
|
|
||||||
height: calc(1.25*var(--x));
|
|
||||||
width: calc(2*var(--x));
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
left: -2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containform3carte {
|
|
||||||
position: relative;
|
|
||||||
height: var(--l);
|
|
||||||
width: var(--l);
|
|
||||||
display: table-cell;
|
|
||||||
/*vertical-align: middle;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinte{
|
|
||||||
/*PROBLEME SIZE*/
|
|
||||||
top: calc(1.5*((var(--y) - var(--z)) / 2));
|
|
||||||
left: calc(1.5*((var(--y) - var(--z)) / 2));
|
|
||||||
height: calc(1.5*var(--z));
|
|
||||||
width: calc(1.5*var(--z));
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containinteCarte{
|
|
||||||
top:calc((var(--l) - var(--n)) / 1.3);
|
|
||||||
left:calc((var(--l) - var(--n)) / 1.2);
|
|
||||||
height: var(--n);
|
|
||||||
width: var(--n);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.containexteCarte{
|
|
||||||
top:calc((var(--l) - var(--m)) / 0.8);
|
|
||||||
left:calc((var(--l) - var(--m)) / 0.7);
|
|
||||||
height: var(--m);
|
|
||||||
width: var(--m);
|
|
||||||
z-index: 1;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cache{
|
|
||||||
top: calc(0.91*((var(--x) - var(--y)) / 2.8));
|
|
||||||
left: calc(4.55*((var(--x) - var(--y)) / 2.2));
|
|
||||||
height: calc(1.5*var(--y)*1.05);
|
|
||||||
width: calc(1.5*var(--y)*1.05);
|
|
||||||
z-index: 2;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#formSize{
|
|
||||||
margin : 0 auto;
|
|
||||||
width: 100%;
|
|
||||||
height: 3vw;
|
|
||||||
position: relative;
|
|
||||||
top: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .bar .fill {
|
|
||||||
display: block;
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #6200ee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
outline: none;
|
|
||||||
top: -0.25vw;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.slider.container{
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.slider-container .bar {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background-color: #c6aee7;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
/*Moz*/
|
|
||||||
.slider-container .slider::-moz-range-thumb {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 2vw;
|
|
||||||
height: 2vw;
|
|
||||||
background-color: #6200ee;
|
|
||||||
border-radius: 1vw;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
box-shadow: 0 0 0 0 rgba(98, 0 ,238, .1);
|
|
||||||
transition: .3s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.slider-container .slider::-moz-range-thumb:hover {
|
|
||||||
box-shadow: 0 0 0 10px rgba(98,0,238,.1);
|
|
||||||
}
|
|
||||||
.slider-container .slider:active::-moz-range-thumb {
|
|
||||||
box-shadow: 0 0 0 20px rgba(98,0,238,.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.logop2 img {
|
|
||||||
width: 20vh;
|
|
||||||
padding-top: 1vh;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.txt {
|
|
||||||
position: absolute;
|
|
||||||
font-family: Arial Black;
|
|
||||||
color: var(--lightprima);
|
|
||||||
font-size: 5.5vw;
|
|
||||||
left: 2.25vw;
|
|
||||||
top: -1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo img {
|
|
||||||
position: absolute;
|
|
||||||
width: 30vw;
|
|
||||||
left: 35vw;
|
|
||||||
top: 2%;
|
|
||||||
z-index: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mounts img {
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
pointer-events: none;
|
|
||||||
margin-left: -1vw;
|
|
||||||
margin-top: -1vw;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contourbuttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 45px;
|
|
||||||
left: -10vw;
|
|
||||||
top: -10vh;
|
|
||||||
height: 15vw;
|
|
||||||
width: 50vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider {
|
|
||||||
position: absolute;
|
|
||||||
height: 13vw;
|
|
||||||
width: 47vw;
|
|
||||||
top: 1.1vw;
|
|
||||||
left: 1.5vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider2 {
|
|
||||||
position: absolute;
|
|
||||||
height: 6.8vw;
|
|
||||||
width: 22.8vw;
|
|
||||||
top: 1.1vw;
|
|
||||||
left: 1.1vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
background-color: #00CC66;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouer {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
width: inherit;
|
|
||||||
text-align: center;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#textjouerr {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
position: absolute;
|
|
||||||
font-size: 10vw;
|
|
||||||
margin-top: 0.2vw;
|
|
||||||
width: inherit;
|
|
||||||
text-align: center;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosemode {
|
|
||||||
height: 7vw;
|
|
||||||
width: 50vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 25vw;
|
|
||||||
top: 40vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#choosedimension {
|
|
||||||
height: 7vw;
|
|
||||||
width: 50vw;
|
|
||||||
position: absolute;
|
|
||||||
left: 25vw;
|
|
||||||
top: 50vh;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurmode{
|
|
||||||
width: 80%;
|
|
||||||
height: 80%;
|
|
||||||
left : 10%;
|
|
||||||
position: absolute;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#triangleprec{
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 2vw solid transparent;
|
|
||||||
border-right: 4vw solid grey;
|
|
||||||
border-bottom: 2vw solid transparent;
|
|
||||||
margin-top: 0.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trianglesuiv{
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin: 0.25vw auto 0 auto;
|
|
||||||
border-top: 2vw solid transparent;
|
|
||||||
border-left: 4vw solid grey;
|
|
||||||
border-bottom: 2vw solid transparent;
|
|
||||||
margin-top: 0.75vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmode {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 3vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align:center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textdimension {
|
|
||||||
font-family: Lucida Console, Arial Black, Arial;
|
|
||||||
font-size: 3vw;
|
|
||||||
color: #707070;
|
|
||||||
text-align:center;
|
|
||||||
margin: 5% auto 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logoboutton{
|
|
||||||
font-size: 2vw;
|
|
||||||
color: var(--lightprima);
|
|
||||||
margin: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Externe*/
|
|
||||||
.bouttonMenuHaut{
|
|
||||||
height: 4vw;
|
|
||||||
width: 4vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 2.5vw;
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.divmenu {
|
|
||||||
width: 25vw;
|
|
||||||
height: inherit;
|
|
||||||
margin-right: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#affPoints {
|
|
||||||
text-align: center;
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 2vw;
|
|
||||||
margin-top: 3.5vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
}
|
|
||||||
|
|
||||||
.containcards {
|
|
||||||
overflow-x: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(4,auto);
|
|
||||||
grid-template-rows: repeat(4,auto);
|
|
||||||
padding-top: 1vw;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-item {
|
|
||||||
flex-grow: 1;
|
|
||||||
background: var(--lightsedonca);
|
|
||||||
width: var(--tailleTablette);
|
|
||||||
border-radius: 0.75vw;
|
|
||||||
padding-right: 0.15vw;
|
|
||||||
padding-left: 0.15vw;
|
|
||||||
padding-bottom: 0.25vw;
|
|
||||||
list-style: none;
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.4vw;
|
|
||||||
margin-left: 0.4vw;
|
|
||||||
margin-bottom: 1vw;
|
|
||||||
-webkit-flex-flow: row wrap;
|
|
||||||
justify-content: space-around;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-form {
|
|
||||||
width: 4vh;
|
|
||||||
padding-left: 0.1vw;
|
|
||||||
margin-top: 0.25vw;
|
|
||||||
height: 4vh;
|
|
||||||
border-radius: 10px;
|
|
||||||
display: table-cell;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: var(--lighttercia);
|
|
||||||
}
|
|
||||||
|
|
||||||
#containBottom{
|
|
||||||
position: absolute;
|
|
||||||
bottom: -0%;
|
|
||||||
width: auto;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 20;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#containScore {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
width: 80vw;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.titreScore{
|
|
||||||
font: 700 5vh "Poppins", sans-serif;
|
|
||||||
color: #2B2D2F;
|
|
||||||
position: relative;
|
|
||||||
left: -50%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score{
|
|
||||||
padding: 4px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
width: 12vw;
|
|
||||||
height: 12vw;
|
|
||||||
margin: 1vw;
|
|
||||||
cursor: default;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-description {
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
padding: 10px 15px;
|
|
||||||
width: calc(100% - 30px);
|
|
||||||
height: calc(100% - 20px);
|
|
||||||
transition: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score .score-position {
|
|
||||||
font: 700 3vw "Poppins", sans-serif;
|
|
||||||
margin-left: -1vw;
|
|
||||||
transition: 0.2s ease 150ms;
|
|
||||||
}
|
|
||||||
.case-score .score-pseudo, .score-points {
|
|
||||||
font: 500 12px "Poppins", sans-serif;
|
|
||||||
margin-top: -0.2em;
|
|
||||||
margin-left: -1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:after {
|
|
||||||
z-index: 10;
|
|
||||||
background: #f9f8f7;
|
|
||||||
color: #333;
|
|
||||||
width: 180px;
|
|
||||||
position: absolute;
|
|
||||||
top: 80%;
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.3s ease 0.3s, top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
|
|
||||||
height: auto;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.4;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0 0 0 -50px;
|
|
||||||
border-radius: 6px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.case-score:hover {
|
|
||||||
transform: scale(1.12);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.case-score:hover .score-description {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
.case-score:hover .score-position,
|
|
||||||
.case-score:hover .score-pseudo,
|
|
||||||
.case-score:hover .score-points {
|
|
||||||
-webkit-text-fill-color: #222;
|
|
||||||
}
|
|
||||||
.case-score:hover:after {
|
|
||||||
top: 105%;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
background: linear-gradient(to bottom right, #f3f9a6 0%, #cbc634 100%);
|
|
||||||
}
|
|
||||||
.first .score-position,
|
|
||||||
.first .score-pseudo,
|
|
||||||
.first .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.second {
|
|
||||||
background: linear-gradient(to bottom right, #37cfdc 0%, #5a88e5 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.second .score-position,
|
|
||||||
.second .score-pseudo,
|
|
||||||
.second .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.third {
|
|
||||||
background: linear-gradient(to bottom right, #ff616d 0%, #ffc171 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.third .score-position,
|
|
||||||
.third .score-pseudo,
|
|
||||||
.third .score-points {
|
|
||||||
background: -webkit-linear-gradient(#2B2D2F, #2B2D2F);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium {
|
|
||||||
background: linear-gradient(to bottom right, #2c3e50 0%, #B7B7B7 90%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nopodium .score-position,
|
|
||||||
.nopodium .score-pseudo,
|
|
||||||
.nopodium .score-points {
|
|
||||||
background: -webkit-linear-gradient(#3A3B3C, #3A3B3C );
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content{
|
|
||||||
margin-top: -5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#infosec2{
|
|
||||||
position: relative;
|
|
||||||
z-index:15;
|
|
||||||
width: 2vw;
|
|
||||||
left: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cf2 {
|
|
||||||
position:relative;
|
|
||||||
margin-left: 14vh;
|
|
||||||
top: 2.5vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.last{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#multiParams{
|
|
||||||
height: 15vw;
|
|
||||||
width: 55vw;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
top: 58vh;
|
|
||||||
left: 25%;
|
|
||||||
z-index: 15;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
#buttonMulti {
|
|
||||||
border-radius: 45px;
|
|
||||||
height: 5.5vw;
|
|
||||||
width: 22.4vw;
|
|
||||||
top: 1vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
|
|
||||||
#buttonMulti2 {
|
|
||||||
border-radius: 45px;
|
|
||||||
height: 5.5vw;
|
|
||||||
width: 22.4vw;
|
|
||||||
top: 1vw;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
z-index: 15;
|
|
||||||
margin-top: 1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bouttonvalider2 {
|
|
||||||
position: relative;
|
|
||||||
height: 4.5vw;
|
|
||||||
width: 20vw;
|
|
||||||
top: 0.5vw;
|
|
||||||
left: 1.3vw;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#textmulti {
|
|
||||||
font-family: Montserrat, impact, Arial Black;
|
|
||||||
font-size: 3vw;
|
|
||||||
margin-top: 0.3vw;
|
|
||||||
color: var(--lightsedonca);
|
|
||||||
text-align: center;
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
#conteneurCreate{
|
|
||||||
width: 40%;
|
|
||||||
height: 5.2vw;
|
|
||||||
left: 50%;
|
|
||||||
top: 3%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#conteneurJoin{
|
|
||||||
width: 40%;
|
|
||||||
height: 5.2vw;
|
|
||||||
left: 50%;
|
|
||||||
top: 45%;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0 auto;
|
|
||||||
background-color: var(--lightsedonca);
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__field {
|
|
||||||
font-family: inherit;
|
|
||||||
width: 70%;
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 2px solid #9b9b9b;
|
|
||||||
outline: 0;
|
|
||||||
font-size: 2.5vw;
|
|
||||||
color: black;
|
|
||||||
padding: 0.8vh 0;
|
|
||||||
background: transparent;
|
|
||||||
transition: border-color 0.2s;
|
|
||||||
margin-left: 3.5vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.form__field::placeholder {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.form__field:placeholder-shown ~ .form__label {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
cursor: text;
|
|
||||||
top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__label {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
display: block;
|
|
||||||
transition: 0.2s;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__field:focus {
|
|
||||||
padding-bottom: 6px;
|
|
||||||
font-weight: 700;
|
|
||||||
border-width: 3px;
|
|
||||||
border-image: linear-gradient(to right, #11998e, #38ef7d);
|
|
||||||
border-image-slice: 1;
|
|
||||||
}
|
|
||||||
.form__field:focus ~ .form__label {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
display: block;
|
|
||||||
transition: 0.2s;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: #11998e;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.violet {
|
|
||||||
background-color: #B130DE;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<?php
|
|
||||||
session_start();
|
|
||||||
$pseudo = $_POST['pseudo'];
|
|
||||||
$_SESSION['pseudo'] = $pseudo;
|
|
||||||
$idpartie = $_SESSION['idpartie'];
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
<?php
|
|
||||||
$pseudo = $_POST['pts'];
|
|
||||||
$_SESSION['pts'] = $pseudo;
|
|
||||||
$idpartie = $_SESSION['idpartie'];
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
<?php
|
|
||||||
require "ConnexionBDD.php";
|
|
||||||
session_start();
|
|
||||||
$db=new MyDB();
|
|
||||||
|
|
||||||
$cartes=$_POST['cartestables'];
|
|
||||||
$_SESSION['cartestables']=$cartes;
|
|
||||||
$idpartie = $_SESSION['idpartie'];
|
|
||||||
|
|
||||||
$tableau = $cartes;
|
|
||||||
for ($i = 0; $i <= 15; $i++) {
|
|
||||||
$valcol1= substr($tableau[$i],-25,7);
|
|
||||||
$valcol2= substr($tableau[$i],-14,7);
|
|
||||||
$valcol3= substr($tableau[$i],-7);
|
|
||||||
|
|
||||||
$update = $db->query('UPDATE partieCartes SET "colUn" = "'.$valcol1.'","colDeux"="'.$valcol2.'","colTrois"="'.$valcol3.'" where IdPartie="'.$idpartie.'" AND IdCarte="'.($i+1).'" ');
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
<?php
|
|
||||||
session_start();
|
|
||||||
$idpartie = $_POST['idpartie'];
|
|
||||||
$_SESSION['idpartie'] = $idpartie;
|
|
||||||
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,114 +0,0 @@
|
|||||||
var FormeSelect = ["rond"];
|
|
||||||
var ListeCouleur = ["colorbase","colorcarre","colorone","colortwo"];
|
|
||||||
var ListeCouleurModif = ["colorseven","coloreight","colornine","colorten","colorthree","colorfour","colorfive","colorsix"];
|
|
||||||
var ListeClassForme = ["rond","carre","triangle","croix","losange","penta","hexa","hocto"];
|
|
||||||
|
|
||||||
//3 modes : 0 = couleurs // 1 = formes // 2 = personnaliser les cartes
|
|
||||||
var mode = 0;
|
|
||||||
var valRange;
|
|
||||||
|
|
||||||
function ableCache(formName){
|
|
||||||
cacheName = "cache"+formName;
|
|
||||||
const pos = FormeSelect.indexOf(formName);
|
|
||||||
if (pos > -1) {
|
|
||||||
FormeSelect.splice(pos, 1);
|
|
||||||
}
|
|
||||||
document.getElementById(cacheName).style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
function disableCache(formName){
|
|
||||||
if (FormeSelect.length < 4)
|
|
||||||
{
|
|
||||||
cacheName = "cache"+formName;
|
|
||||||
document.getElementById(cacheName).style.display = "none";
|
|
||||||
FormeSelect.push(formName);
|
|
||||||
for(const form in ListeClassForme){
|
|
||||||
//si la couleur est dans la liste selectionnée
|
|
||||||
if(formName == ListeClassForme[form]){
|
|
||||||
//recuperer la position de la couleur dans laquel on va le mettre
|
|
||||||
var positionColor = FormeSelect.length - 1;
|
|
||||||
var recupCouleur = getComputedStyle(document.body).getPropertyValue('--'+ListeCouleurModif[form]);
|
|
||||||
var dansQuelCouleur = '--'+ListeCouleur[positionColor];
|
|
||||||
|
|
||||||
document.documentElement.style.setProperty(dansQuelCouleur, recupCouleur);
|
|
||||||
|
|
||||||
console.log("Couleur "+ recupCouleur +" mettre dans : " + dansQuelCouleur);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function changeContour(value){
|
|
||||||
var newvalue = value * 0.055 + 1;
|
|
||||||
document.documentElement.style.setProperty('--z', newvalue+'vw');
|
|
||||||
var valcard = value * 0.013 + 1;
|
|
||||||
document.documentElement.style.setProperty('--n', valcard+'vw');
|
|
||||||
//document.documentElement.style.setProperty('--n', newvalue+'vw');
|
|
||||||
//document.getElementById("SettingName").innerHTML = newvalue;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getVarColor(color){
|
|
||||||
var getvar = color;
|
|
||||||
getvar = getvar.substring(6,getvar.length-1);
|
|
||||||
|
|
||||||
return getvar;
|
|
||||||
}
|
|
||||||
|
|
||||||
function varColorToHex(color){
|
|
||||||
hex = getComputedStyle(document.documentElement).getPropertyValue(color);
|
|
||||||
hex = hex.substring(1,hex.length);
|
|
||||||
return hex;
|
|
||||||
}
|
|
||||||
|
|
||||||
function settingOpen(){
|
|
||||||
//document.getElementById("iddelapartie").style.visibility = "hidden";
|
|
||||||
var elements = document.getElementsByClassName("pcr-button");
|
|
||||||
for (var i = 0; i < elements.length; i++) {
|
|
||||||
elements[i].classList.add(ListeClassForme[i]);
|
|
||||||
}
|
|
||||||
recupCookies();
|
|
||||||
}
|
|
||||||
|
|
||||||
function SettingClose(){
|
|
||||||
//save cookies
|
|
||||||
document.cookie = "forme1="+FormeSelect[1]+";secure";
|
|
||||||
document.cookie = "forme2="+FormeSelect[2]+";secure";
|
|
||||||
document.cookie = "forme3="+FormeSelect[3]+";secure";
|
|
||||||
|
|
||||||
afficherCartes(deckPartie);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function recupCookies(){
|
|
||||||
var theCookies = document.cookie.split(';');
|
|
||||||
theCookies[0] = ' '+theCookies[0];
|
|
||||||
var FormeCookie = [];
|
|
||||||
|
|
||||||
for(var i = 1; i <= theCookies.length; i++){
|
|
||||||
var aString = theCookies[i-1].substring(8);
|
|
||||||
if(aString != "undefined"){
|
|
||||||
FormeCookie.push(aString);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
for(const form in FormeCookie)
|
|
||||||
{
|
|
||||||
if(FormeSelect.indexOf(FormeCookie[form]) < 0){
|
|
||||||
disableCache(FormeCookie[form]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(FormeCookie);
|
|
||||||
console.log("Formes select : "+FormeSelect);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function affichageParamMulti(num){
|
|
||||||
//si 1 affichage, si 0 on cachell
|
|
||||||
if(num == 1){
|
|
||||||
document.getElementById("multiParams").style.display = "block";
|
|
||||||
} else {
|
|
||||||
document.getElementById("multiParams").style.display = "none";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Binary file not shown.
@ -1,4 +0,0 @@
|
|||||||
<?php
|
|
||||||
session_start();
|
|
||||||
$var = $_SESSION['listecartebdd'];
|
|
||||||
echo $var;
|
|
||||||
Loading…
Reference in new issue