98 lines
No EOL
2.3 KiB
CSS
98 lines
No EOL
2.3 KiB
CSS
/* FORUMULAIRES */
|
|
|
|
form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 50%;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
/* Styles pour la section du formulaire */
|
|
.form-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 20px;
|
|
background-color: rgba(0, 0, 0, 0.4); /* Fond blanc pour plus de clarté */
|
|
border: 1px solid #dddddd; /* Bordure légère */
|
|
border-radius: 10px; /* Bordure arrondie */
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère */
|
|
margin: 20px auto;
|
|
width: 50%;
|
|
}
|
|
|
|
.login-form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.form-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.form-group label {
|
|
margin-bottom: 5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.login-form input[type="text"],
|
|
.login-form input[type="email"],
|
|
.login-form input[type="password"],
|
|
.login-form textarea {
|
|
padding: 10px;
|
|
border: 1px solid #cccccc; /* Gris clair */
|
|
border-radius: 5px; /* Bordure légèrement arrondie */
|
|
background-color: rgba(0, 0, 0, 0.7); /* Fond gris très clair */
|
|
color: #a8a8a8;
|
|
margin-bottom: 10px;
|
|
font-size: 1rem; /* Taille de police harmonisée */
|
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Ombre intérieure subtile */
|
|
}
|
|
|
|
.login-form .btn-submit {
|
|
padding: 10px;
|
|
border: 1px solid #007bff;
|
|
border-radius: 5px; /* Bordure légèrement arrondie */
|
|
background-color: #007bff;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
font-size: 1rem; /* Taille de police harmonisée */
|
|
}
|
|
|
|
.login-form .btn-submit:hover {
|
|
background-color: #0056b3;
|
|
}
|
|
|
|
input[type="text"], input[type="email"], input[type="password"], textarea {
|
|
padding: 10px;
|
|
border: 1px solid #888888; /* Gris foncé */
|
|
border-radius: 2px;
|
|
background-color: #e0e0e0; /* Gris clair harmonisé */
|
|
color: #333333;
|
|
}
|
|
|
|
input[type="submit"], button {
|
|
padding: 10px;
|
|
border: 1px solid #007bff;
|
|
border-radius: 2px;
|
|
background-color: #007bff;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
input[type="submit"]:hover, button:hover {
|
|
background-color: #0056b3;
|
|
}
|
|
|
|
button {
|
|
padding: 10px;
|
|
border: 1px solid;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
} |