1
0
cms11/resources/css/tables.css

28 lines
1.1 KiB
CSS

table {
width: var(--design-width); /* Utilise toute la largeur disponible */
border-collapse: collapse; /* Les bordures des cellules sont fusionnées */
margin: 1em auto; /* Espacement autour du tableau */
background-color: #282c34; /* Fond sombre pour les tableaux */
color: #e4f1fe; /* Texte en couleur claire pour un bon contraste */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Ombre subtile pour un effet de profondeur */
font-size: 1rem;
line-height: 125%;
}
th,
td {
border: 1px solid #3a3f4b; /* Bordures des cellules en gris sombre */
padding: 8px 12px; /* Padding pour rendre le texte plus lisible */
text-align: left; /* Alignement du texte à gauche */
vertical-align: middle; /* Alignement vertical au milieu */
}
th {
background-color: #1c2028; /* Fond des entêtes un peu plus distinct */
font-weight: bold; /* Texte en gras pour les entêtes */
}
tbody tr:nth-child(odd) {
background-color: #32363f; /* Alternance de couleurs pour les lignes */
}