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:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
/* Border around the entire table */
<link rel="stylesheet" href="https://cdn.datatables.net/2.2.2/css/dataTables.bootstrap4.css">
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;
}