SAE_2.02/CodeIgniter-3.1.13/assets/css/dashboard.css
2024-05-26 15:58:11 +02:00

156 lines
3.0 KiB
CSS

body {
margin: 0;
font-family: Arial, sans-serif;
}
.container {
margin: 50px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
color: #333;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 8px;
font-weight: bold;
}
#email,
#nom,
#prenom,
#password,
#confirm_password {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.password-wrapper {
position: relative;
display: flex;
align-items: center;
}
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
flex: 1;
padding-right: 80px;
}
.password-wrapper button {
position: absolute;
right: 10px;
padding: 5px 10px;
background-color: #634caf;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
margin-bottom: 10px;
}
.password-wrapper button:hover {
background-color: rgb(54, 16, 119);
}
.btn-submit {
width: 100%;
padding: 10px;
background-color: #634caf;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
.btn-submit:hover {
background-color: rgb(54, 16, 119);
}
.error {
color: red;
margin-top: 5px;
font-size: 14px;
}
.success {
color: green;
margin-top: 5px;
font-size: 15px;
}
.user-info {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.user-info th, .user-info td {
padding: 10px;
border: 1px solid #ccc;
}
/* Ajout de styles pour le tableau */
.user-info {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
border: 1px solid #ccc; /* Ajout d'une bordure autour du tableau */
}
.user-info th, .user-info td {
padding: 10px;
border: 1px solid #ccc;
text-align: left; /* Alignement du texte à gauche dans les cellules */
}
/* Ajout de styles pour les boutons */
.btn-submit {
width: 100%;
padding: 10px;
background-color: #634caf;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
margin-top: 10px; /* Ajout de marge en haut des boutons */
}
.btn-submit:hover {
background-color: rgb(54, 16, 119);
}
/* Ajout de styles pour les messages d'erreur et de succès */
.error, .success {
margin-top: 10px; /* Ajout de marge en haut des messages */
padding: 10px; /* Ajout de rembourrage aux messages */
border-radius: 4px;
}
.error {
color: red;
background-color: #ffd6d6; /* Fond rouge pour les messages d'erreur */
}
.success {
color: green;
background-color: #d6ffd6; /* Fond vert pour les messages de succès */
}