123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- * { /* Apparence générale */
- margin: 0;
- padding: 0;
- font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
- color:rgb(99, 45, 23);
- }
- header{ /* Apparence de l'en-tete */
- background-color: white;
- text-align: center;
- padding-top: 5px;
- font-size: 35px;
- font-weight: bold;
- }
-
- section{ /* Alignement du tableau de jeu */
- padding-top: 5%;
- align-items: center;
- }
- .info{ /* Alignement du texte NOT A WORD et fin de jeu */
- text-align: center;
- height: 15px;
- }
- .grille_haut { /* Alignement du tableau de jeu */
- display: flex;
- padding-top: 5%;
- align-items: center;
- justify-content: center;
- flex-direction: column;
-
- }
-
- .grille_haut div { /* Alignement des lignes de 5 cases */
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
- grid-gap: 5px;
- padding-top: 5px;
- }
-
- .grille_haut div div { /* Cases de la grille */
- background-color: rgb(243, 215, 199);
- border-radius: 5px;
- width: 45px;
- height: 45px;
- color:rgb(99, 45, 23);
- font-weight: bold;
- font-size:30px;
- align-items: center;
- display: flex;
- justify-content: center;
- }
-
- footer{ /* Fond et alignement du clavier */
- background-color: rgb(243, 215, 199);
- display: flex;
- flex-wrap: wrap;
- position: absolute;
- width: 100%;
- padding-left: 20px;
- padding-right: 20px;
- bottom: 0;
- left: 0;
- right: 0;
- padding-top: 30px;
- justify-content: space-evenly;
-
- }
- footer div { /* Placement du clavier dans le footer */
- padding-bottom: 5px;
- padding-bottom: 30px;
- }
-
-
- .clavier div { /* Ecart entre lignes du clavier */
- padding-bottom: 5px;
- }
-
- button { /* Apparence touches clavier + Start Over */
- padding-bottom: 5px;
- width: 45px;
- height: 45px;
- background-color:rgb(99, 45, 23);
- border-radius: 5px;
- color : white;
- font-weight: bold;
- font-size:large;
- border:none;
- }
-
- button:hover{ /* Apparence touches clavier quand suvolées + Start Over */
- background-color:rgb(75, 24, 15);
- color : rgb(245, 230, 230);
- }
|