119 lines
2.1 KiB
CSS
119 lines
2.1 KiB
CSS
/* Styles personnalisés pour Mail Notifier */
|
|
|
|
/* Styles globaux */
|
|
body {
|
|
background-color: #f8f9fc;
|
|
font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
|
|
/* Sidebar */
|
|
.sidebar {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* Styles pour les cartes */
|
|
.card {
|
|
margin-bottom: 24px;
|
|
border: none;
|
|
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
|
|
}
|
|
|
|
.card .card-header {
|
|
background-color: #f8f9fc;
|
|
border-bottom: 1px solid #e3e6f0;
|
|
}
|
|
|
|
.card-body {
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
/* Styles pour les bordures colorées */
|
|
.border-left-primary {
|
|
border-left: 0.25rem solid #4e73df !important;
|
|
}
|
|
|
|
.border-left-success {
|
|
border-left: 0.25rem solid #1cc88a !important;
|
|
}
|
|
|
|
.border-left-warning {
|
|
border-left: 0.25rem solid #f6c23e !important;
|
|
}
|
|
|
|
.border-left-danger {
|
|
border-left: 0.25rem solid #e74a3b !important;
|
|
}
|
|
|
|
/* Styles pour le tableau de bord */
|
|
.dashboard-card {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
word-wrap: break-word;
|
|
background-color: #fff;
|
|
background-clip: border-box;
|
|
border: 1px solid #e3e6f0;
|
|
border-radius: 0.35rem;
|
|
}
|
|
|
|
/* Styles pour la page de connexion */
|
|
.login-page {
|
|
background-color: #4e73df;
|
|
background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
|
|
background-size: cover;
|
|
}
|
|
|
|
/* Styles pour les tableaux */
|
|
.table-responsive {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.table-hover tbody tr:hover {
|
|
background-color: rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
/* Styles pour les boutons d'action */
|
|
.btn-group .btn {
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
.btn-group form {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Styles pour le contenu des emails */
|
|
.email-content-html {
|
|
border: 1px solid #e3e6f0;
|
|
border-radius: 0.35rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.text-content {
|
|
font-family: monospace;
|
|
white-space: pre-wrap;
|
|
background-color: #f8f9fc;
|
|
border-radius: 0.35rem;
|
|
padding: 1rem;
|
|
}
|
|
|
|
/* Styles pour les formulaires */
|
|
.form-text {
|
|
color: #858796;
|
|
}
|
|
|
|
/* Styles responsive */
|
|
@media (max-width: 768px) {
|
|
.ms-auto {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.col-lg-2 {
|
|
display: none;
|
|
}
|
|
|
|
.col-lg-10 {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
} |