Skip to content
Snippets Groups Projects
Commit 3a2f47f6 authored by LANTZ Nathan's avatar LANTZ Nathan
Browse files

inscription.css remit correctement après de gros problème d'affichage

parent 74031108
No related branches found
No related tags found
No related merge requests found
/* Style général */
.SInscrire {
width: 1264px;
height: 489px;
......@@ -33,26 +32,54 @@
word-wrap: break-word;
}
/* Boutons de choix */
.Rectangle5,
.Rectangle5 {
width: 721px;
height: 52.70px;
left: 264px;
top: 183.67px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
transition: .4s ease;
}
.AvecTonAdresseEMail {
width: 368px;
height: 14.72px;
left: 180px;
top: 10px;
position: absolute;
color: black;
font-size: 30px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
}
.Rectangle6 {
width: 721px;
height: 52.70px;
left: 257px;
top: 344.08px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
transition: .4s ease;
}
.Rectangle5:hover,
.Rectangle6:hover {
height: 60px;
}
.AvecTonAdresseEMail,
.Rectangle5:hover {
height: 60px;
}
.AvecTonNumRoDeTLPhone {
width: 462px;
height: 29.45px;
left: 180px;
top: 10px;
position: absolute;
color: black;
font-size: 30px;
......@@ -61,19 +88,9 @@
word-wrap: break-word;
}
.Rectangle5 {
left: 264px;
top: 183.67px;
}
.Rectangle6 {
left: 257px;
top: 344.08px;
}
/* Style du choix par email */
.EMail,
.TEL {
.EMail {
width: 1264px;
height: 1121px;
margin-top: -90px;
......@@ -94,14 +111,11 @@
border: 1px black solid;
}
/* Styles spécifiques (email) */
.EMail #Rectangle14,
.EMail #Rectangle15,
.EMail #Rectangle16,
.EMail #Rectangle17,
.EMail #Rectangle18,
.EMail #Rectangle19,
.SInscrirebtn1 {
#Rectangle14 {
width: 721px;
height: 62px;
left: 257px;
top: 66px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
......@@ -121,11 +135,22 @@
word-wrap: break-word;
}
.ConfirmeTonMotDePasse,
.ChoisirUnMotDePasse,
.PrNom,
.Nom,
.Age {
#Rectangle15 {
width: 721px;
height: 62px;
left: 257px;
top: 857px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
.ConfirmeTonMotDePasse {
width: 393px;
height: 36px;
left: 263px;
top: 821px;
position: absolute;
color: black;
font-size: 30px;
......@@ -134,44 +159,68 @@
word-wrap: break-word;
}
.SInscrirebtn1 {
width: 299px;
height: 79px;
left: 457px;
top: 942px;
text-align: center;
font-size: 45px;
#Rectangle16 {
width: 721px;
height: 62px;
left: 257px;
top: 699px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
.ChoisirUnMotDePasse {
width: 349px;
height: 36px;
left: 263px;
top: 663px;
position: absolute;
color: black;
font-size: 30px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
background: #FB7373;
border-radius: 15px;
transition: .4s ease;
}
.SInscrirebtn1:hover {
height: 99px;
#Rectangle17 {
width: 721px;
height: 63px;
left: 257px;
top: 382px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
/* Styles spécifiques (téléphone) */
.TEL #Rectangle144,
.TEL #Rectangle155,
.TEL #Rectangle166,
.TEL #Rectangle177,
.TEL #Rectangle188,
.TEL #Rectangle199,
.SInscrirebtn2 {
#Rectangle18 {
width: 721px;
height: 62px;
left: 257px;
top: 224px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
.EntreTonNumeroDeTelephone {
width: 468px;
.PrNom {
width: 114px;
height: 36px;
left: 263px;
top: 30px;
top: 188px;
position: absolute;
color: black;
font-size: 30px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
}
.Nom {
left: 263px;
top: 346px;
position: absolute;
color: black;
font-size: 30px;
......@@ -180,11 +229,50 @@
word-wrap: break-word;
}
.Age {
left: 263px;
top: 505px;
position: absolute;
color: black;
font-size: 30px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
}
#Rectangle19 {
width: 721px;
height: 63px;
left: 257px;
top: 541px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
.SInscrirebtn1 {
width: 299px;
height: 79px;
left: 457px;
top: 942px;
position: absolute;
text-align: center;
font-size: 45px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
background: #FB7373;
border-radius: 15px;
transition: .4s ease;
}
.SInscrirebtn2 {
width: 299px;
height: 79px;
left: 457px;
top: 942px;
position: absolute;
text-align: center;
font-size: 45px;
font-family: Kufam;
......@@ -195,6 +283,101 @@
transition: .4s ease;
}
.SInscrirebtn1:hover {
height: 99px;
}
.SInscrirebtn2:hover {
height: 99px;
}
/* STYLE POUR TELEPHONE */
.TEL {
width: 1264px;
height: 1121px;
margin-top: -90px;
margin-left: 300px;
margin-bottom: 300px;
z-index: 3;
position: relative;
}
.EntreTonNumeroDeTelephone {
width: 468px;
height: 36px;
left: 263px;
top: 30px;
position: absolute;
color: black;
font-size: 30px;
font-family: Kufam;
font-weight: 400;
word-wrap: break-word;
}
#Rectangle144 {
width: 721px;
height: 62px;
left: 257px;
top: 66px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
#Rectangle155 {
width: 721px;
height: 62px;
left: 257px;
top: 857px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
#Rectangle166 {
width: 721px;
height: 62px;
left: 257px;
top: 699px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
#Rectangle177 {
width: 721px;
height: 63px;
left: 257px;
top: 382px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
#Rectangle188 {
width: 721px;
height: 62px;
left: 257px;
top: 224px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
#Rectangle199 {
width: 721px;
height: 63px;
left: 257px;
top: 541px;
position: absolute;
background: #D9D9D9;
border-radius: 15px;
font-size: 20px;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment