diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/dashboard.css b/S2/DevWeb/Projet/src/main/webapp/static/css/dashboard.css deleted file mode 100644 index 232ae92..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/dashboard.css +++ /dev/null @@ -1,27 +0,0 @@ -html, body { - width: 100%; - height: 100%; -} - -#main { - display: flex; - flex-direction: column; - align-items: center; -} - -#Title { - text-align: center; - justify-self: center; - font-size: xxx-large; -} - -.main-button { - display: flex; - flex-direction: column; - width: 180px; -} - -input { - font-size: x-large; - margin: 10px 0; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/index.css b/S2/DevWeb/Projet/src/main/webapp/static/css/index.css deleted file mode 100644 index 149fe3d..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/index.css +++ /dev/null @@ -1,56 +0,0 @@ -html{ - height: 100%; -} - -.content { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 30px; - padding: 10% -} - -h1 { - width: 656px; - height: 122px; - color: #FFF; - - font-family: Poppins; - font-size: 48px; - font-style: normal; - font-weight: 900; - line-height: 63px; /* 131.25% */ - letter-spacing: 0.48px; -} - -p { - width: 389px; - - color: #FFF; - - /* Text/Medium */ - font-family: Inter; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 24px; /* 150% */ -} - -.buttons { - display: flex; - align-items: flex-start; - gap: 30px; -} - -a.button{ - display: flex; - padding: var(--sizes-button-input-nav-larger-padding-v) var(--sizes-button-input-nav-larger-padding-h); - justify-content: center; - align-items: center; - gap: var(--sizes-button-input-nav-larger-gap); - border-radius: var(--Button-Border-radius); - border: 1px solid var(--Button-Light-Default-Border); - background: var(--Button-Light-Default-Background); - color: #FFF; - text-decoration: none; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/login.css b/S2/DevWeb/Projet/src/main/webapp/static/css/login.css deleted file mode 100644 index 13036b9..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/login.css +++ /dev/null @@ -1,70 +0,0 @@ -:root { - --spacing-615-rem-24-px: 12px; -} -main { - width: 100%; - height: 100%; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -} - -/*Common */ - -hr { - width: 100%; -} - -.border-left { - border-left: ridge; - padding-left: 6%; -} - -/*Section titre*/ -#title { - width:60%; - text-align: center; - font-size: xxx-large; -} - -/*Section login / register*/ -#form { - display: flex; - flex-direction: row; - height: 100%; -} - -h1 { - - font-family: Poppins; - font-size: 48px; - font-style: normal; - font-weight: 900; - line-height: 63px; /* 131.25% */ - letter-spacing: 0.48px; -} - -#login-form, #register-form { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: var(--spacing-615-rem-24-px); -} - -label { - font-family: Inter; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 24px; /* 150% */ -} - -input { - width: 100%; -} - -a { - color: #ffffff; - font-weight: bold; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/main-menu.css b/S2/DevWeb/Projet/src/main/webapp/static/css/main-menu.css deleted file mode 100644 index bad10c0..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/main-menu.css +++ /dev/null @@ -1,41 +0,0 @@ -#main { - width: 100%; - display: inline-flex; - height: 392px; - flex-direction: column; - justify-content: space-between; - align-items: center; - flex-shrink: 0; -} - -#title { - color: #FFF; - text-align: center; - font-family: Poppins; - font-size: 80px; - font-style: normal; - font-weight: 900; - line-height: 63px; /* 78.75% */ - letter-spacing: 0.8px; -} - -.main-button { - display: flex; - flex-direction: column; - align-items: center; - gap: 30px; -} - -button { - display: flex; - padding: var(--sizes-button-input-nav-larger-padding-v) var(--sizes-button-input-nav-larger-padding-h); - justify-content: center; - align-items: center; - gap: var(--sizes-button-input-nav-larger-gap); - border-radius: var(--Button-Border-radius); - border: 1px solid var(--Button-Light-Default-Border); - background: var(--Button-Light-Default-Background); - color: #FFF; - text-decoration: none; - height: fit-content; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/modal.css b/S2/DevWeb/Projet/src/main/webapp/static/css/modal.css deleted file mode 100644 index 1571ce5..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/modal.css +++ /dev/null @@ -1,73 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600'); - -.modal-toggle { - cursor: pointer; -} - -.modal-wrapper { - position: fixed; - top: 100px; - right: 90px; - bottom: 146px; - left: 90px; - background: rgba(255, 255, 255, 0.31); - border-radius: 16px; - box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); - backdrop-filter: blur(12.2px); - -webkit-backdrop-filter: blur(12.2px); - border: 1px solid rgba(255, 255, 255, 0.63); - display: none; - -webkit-transition: opacity 0.2s ease-in; - -moz-transition: opacity 0.2s ease-in; - transition: opacity 0.2s ease-in; - pointer-events: auto; -} - -.modal-wrapper > div { - width: 95%; - height: 95%; - position: relative; - - - margin: 50px 15px; - - vertical-align: middle; - padding: 20px; - border-radius: 6px; -} - -.modal-content { - display: flex; - flex-direction: row; - gap : 20px; - border: 1px solid rgba(0, 0, 0, 0.83); -} - -#settings { - border-right: 1px solid rgba(0, 0, 0, 0.83); -} - -form { - display: flex; - flex-direction: column; - gap: 10px; - -} - - -.close { - background: var(--Button-Light-Default-Background); - color: #FFFFFF; - line-height: 30px; - position: absolute; - right: 20px; - text-align: center; - top: -10px; - width: 30px; - text-decoration: none; - font-weight: bold; - -webkit-border-radius: 33px; - -moz-border-radius: 33px; - border-radius: 33px; - font-size: xx-large; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/navbar.css b/S2/DevWeb/Projet/src/main/webapp/static/css/navbar.css deleted file mode 100644 index 25c4ae9..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/navbar.css +++ /dev/null @@ -1,20 +0,0 @@ -nav { - display: flex; - flex-direction: row; - justify-content: space-between; - padding: 10px; -} -.nav-content { - display: flex; - flex-direction: row; - gap: 40px; - align-items: center; -} - -p.user { - padding:10px; -} - -a { - align-self: center; -} diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/new-game.css b/S2/DevWeb/Projet/src/main/webapp/static/css/new-game.css deleted file mode 100644 index f846817..0000000 --- a/S2/DevWeb/Projet/src/main/webapp/static/css/new-game.css +++ /dev/null @@ -1,62 +0,0 @@ -.difficulty-radio { - margin: 0 0 1.5rem; - box-sizing: border-box; - font-size: 0; - display: flex; - flex-flow: row nowrap; - justify-content: flex-start; - align-items: stretch; -} -.difficulty-radio input { - width: 0; - height: 0; - position: absolute; - left: -9999px; -} -.difficulty-radio input + label { - margin: 0; - padding: 0.75rem 2rem; - box-sizing: border-box; - position: relative; - display: inline-block; - background-color: var(--Button-Light-Default-Background); - font-size: 1rem; - line-height: 140%; - font-weight: 600; - text-align: center; - box-shadow: 0 0 0 rgba(255, 255, 255, 0); - transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out; - /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */ - /*flex: 0 0 50%; - display: flex; - justify-content: center; - align-items: center; - */ - /* ----- */ -} -.difficulty-radio input + label:first-of-type { - border-radius: 6px 0 0 6px; - border-right: none; -} -.difficulty-radio input + label:last-of-type { - border-radius: 0 6px 6px 0; - border-left: none; -} - -.difficulty-radio input:checked + label { - background-color: #4b9dea; - color: #fff; - box-shadow: 0 0 10px rgba(102, 179, 251, .5); - border-color: #4b9dea; - z-index: 1; -} - -@media (max-width: 800px) { - .difficulty-radio input + label { - padding: 0.75rem 0.25rem; - flex: 0 0 50%; - display: flex; - justify-content: center; - align-items: center; - } -}