blavigna/projet_prog_web
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

clavier decore

Browse source
This commit is contained in:
Brunetto Marie 2022-11-30 11:36:29 +01:00
parent a49e0a71fb
commit c0680200c9
2 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -16,8 +16,8 @@
<div class="grille_haut"> <!-- Grille de mots --> <div class="grille_haut"> <!-- Grille de mots -->
<div id="ligne1"> <div id="ligne1">
<div id="case11"></div> <div id="case11">A</div>
<div id="case12"></div> <div id="case12">A</div>
<div id="case13"></div> <div id="case13"></div>
<div id="case14"></div> <div id="case14"></div>
<div id="case15"></div> <div id="case15"></div>

31
styles.css
View file

@ -1,12 +1,13 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
} }
header{ header{
background-color: white; background-color: white;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 5px;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 35px; font-size: 35px;
color:rgb(99, 45, 23); color:rgb(99, 45, 23);
font-weight: bold; font-weight: bold;
@ -37,19 +38,45 @@ section{
border-radius: 5px; border-radius: 5px;
width: 45px; width: 45px;
height: 45px; height: 45px;
color:rgb(99, 45, 23);
font-weight: bold;
font-size:30px;
align-items: center;
} }
footer{ footer{
background-color: rgb(243, 215, 199);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding-top: 30px;
justify-content: space-evenly; justify-content: space-evenly;
padding-bottom: 30px;
} }
footer div {
.clavier div {
padding-bottom: 5px; padding-bottom: 5px;
} }
.clavier div button {
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;
}
.clavier div button:hover{
background-color:rgb(75, 24, 15);
color : rgb(245, 230, 230);
}