MediaWiki:CustomDatatable.css: Difference between revisions
From The Seven Sages of Rome
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/* Border around the entire table */ | |||
table.dataTable { | |||
border: 2px solid #333; /* Dark border around the table */ | |||
border-collapse: collapse; | |||
} | |||
/* Header cells */ | |||
table.dataTable thead th { | |||
border: 1px solid #333; /* Border around each header cell */ | |||
background-color: #f8f9fa; /* Light background for headers */ | |||
padding: 10px; | |||
} | |||
/* Body cells */ | |||
table.dataTable tbody td { | |||
border: 1px solid #333; /* Border around each cell */ | |||
padding: 8px; | |||
} | |||
/* Optional: add borders to footer cells if you have them */ | |||
table.dataTable tfoot th { | |||
border: 1px solid #333; | |||
background-color: #f8f9fa; | |||
padding: 10px; | |||
} | |||
/* Optional: ensure rows don't collapse */ | |||
table.dataTable tbody tr { | |||
border-bottom: 1px solid #333; | |||
} | |||
/* Add a small border radius and box shadow to the whole table (optional) */ | |||
table.dataTable { | |||
border-radius: 8px; | |||
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); | |||
overflow: hidden; | |||
} |
Revision as of 08:44, 13 March 2025
/* Border around the entire table */
table.dataTable {
border: 2px solid #333; /* Dark border around the table */
border-collapse: collapse;
}
/* Header cells */
table.dataTable thead th {
border: 1px solid #333; /* Border around each header cell */
background-color: #f8f9fa; /* Light background for headers */
padding: 10px;
}
/* Body cells */
table.dataTable tbody td {
border: 1px solid #333; /* Border around each cell */
padding: 8px;
}
/* Optional: add borders to footer cells if you have them */
table.dataTable tfoot th {
border: 1px solid #333;
background-color: #f8f9fa;
padding: 10px;
}
/* Optional: ensure rows don't collapse */
table.dataTable tbody tr {
border-bottom: 1px solid #333;
}
/* Add a small border radius and box shadow to the whole table (optional) */
table.dataTable {
border-radius: 8px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
}