diff --git a/SwichGIT/src/css/PartieGame.css b/SwichGIT/src/css/PartieGame.css index 903f589..3e65597 100644 --- a/SwichGIT/src/css/PartieGame.css +++ b/SwichGIT/src/css/PartieGame.css @@ -15,7 +15,7 @@ #Redistribution{ position:relative; - top:-60%; + top:-3vw; } #affPoints { @@ -34,19 +34,17 @@ font-family: Montserrat, impact, Arial Black; font-size: 2.5vw; margin-top: 40vw; - margin-left: 25vw; + margin-left: 14vw; color: var(--lightsedonca); } #textjouer2 { position: absolute; text-align: center; - font-family: Montserrat, impact, Arial Black; - font-size: 2.5vw; - margin-top: 0.2vw; - margin-left: 0.6vw; + margin-top: 0.6vw; color: var(--lightsedonca); + width: inherit; } @@ -72,23 +70,20 @@ #Redistribution2 { position: relative; - top: -60%; + top:-3vw; left:68%; } #Redistribution3 { position: relative; - top: -60%; + top:-3vw; left: 50%; } .bouttonvalider2:hover { - box-shadow: 0 0 0 9px var(--lightsedonca); - font-size: 120%; + box-shadow: 0 0 0 8px var(--lightsedonca); + font-size: 100%; position: relative; - top: 2%; - height: 82%; - width: 96%; transition: box-shadow 0.2s ease; } diff --git a/SwichGIT/src/css/desktops.css b/SwichGIT/src/css/desktops.css index e49dab1..a747917 100644 --- a/SwichGIT/src/css/desktops.css +++ b/SwichGIT/src/css/desktops.css @@ -107,17 +107,13 @@ top: 0.3vw; left: 0.3vw; border-radius: 30px; - background-color: #B130DE; } + .violet{ + background-color: #B130DE; + } - .bouttonvalider2 { - position: absolute; - height: 3.4vw; - width: 11.4vw; - top: 0.3vw; - left: 0.3vw; - border-radius: 30px; + .vert { background-color: #00CC66; } diff --git a/SwichGIT/src/css/formes.css b/SwichGIT/src/css/formes.css index 2b2ad2e..18f112d 100644 --- a/SwichGIT/src/css/formes.css +++ b/SwichGIT/src/css/formes.css @@ -1,11 +1,20 @@ .containform { position: relative; - /*height: var(--x); - width: var(--x);*/ - display: table-cell; - vertical-align: middle; + +} + +.ajustementPetiteForme{ + margin-top: 25%; } +.ajustementGrandeForme{ + margin-top: 0.2vw; + margin-left: 0.2vw; +} + + + + .containform3 { position: relative; height: var(--x); diff --git a/SwichGIT/src/index.html b/SwichGIT/src/index.html index 8bfa2b3..ac74c71 100644 --- a/SwichGIT/src/index.html +++ b/SwichGIT/src/index.html @@ -561,7 +561,7 @@
-
+

JOUER

@@ -615,7 +615,7 @@
-
+

RELANCER

@@ -625,13 +625,13 @@

-

PTN : 0

+

Score : 0

-
-

VALIDER

+
+

VALIDER

@@ -639,8 +639,8 @@
-
-

CHERCHER

+
+

CHERCHER

diff --git a/SwichGIT/src/js/main.js b/SwichGIT/src/js/main.js index ebe14dc..06b3e30 100644 --- a/SwichGIT/src/js/main.js +++ b/SwichGIT/src/js/main.js @@ -173,7 +173,8 @@ class Figure { var divContainForm = document.createElement('div'); divContainForm.className = "containform"; - + divContainForm.classList.add("ajustementGrandeForme"); + var unCercle = document.createElement('div'); unCercle.className = "anneau"; unCercle.style.backgroundColor = "var(--colorbase)"; @@ -200,6 +201,7 @@ class Figure { var divContainForm = document.createElement('div'); divContainForm.className = "containform"; + divContainForm.classList.add("ajustementPetiteForme"); var unRond = document.createElement('div'); unRond.className = "rond"; @@ -834,7 +836,7 @@ function testPourJeuClassique() { if (tab[i].code == carteselect.length) { solution = false; lesPoints += carteselect.length; - document.getElementById("affPoints").textContent = 'PTN : ' + lesPoints; + document.getElementById("affPoints").textContent = 'Score : ' + lesPoints; changerlesCartesDeTasDeJeu(); } }