Program

body {
font-family: ‘Roboto’, sans-serif;
background-color: #f4f6f8;
color: #333;
padding: 20px;
}
h2 {
color: #0d47a1;
margin-bottom: 20px;
}
.tab-buttons {
margin-bottom: 15px;
}
.tab-buttons button {
background-color: #1976d2;
color: white;
border: none;
padding: 10px 20px;
margin-right: 5px;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.tab-buttons button:hover {
background-color: #2196f3;
}
.tab { display: none; }
.tab.active { display: block; }

/* Colori distintivi saturi */
.welcome { background-color: #a3d5ff; font-weight: bold; }
.paper { background-color: #fff176; }
.oral { background-color: #f06292; }
.coffee { background-color: #81c784; font-weight: bold; }
.keynote { background-color: #ef5350; font-weight: bold; color: white; }
.dltmeeting { background-color: #b0bec5; font-style: italic; }
.closing { background-color: #4fc3f7; font-weight: bold; }
.session { background-color: #bcaaa4; font-weight: bold; text-transform: uppercase; }
.other { background-color: #ffffff; }

table.display {
width: 100%;
font-size: 14px;
border-collapse: collapse;
}
th {
background-color: #0d47a1;
color: white;
text-align: center;
padding: 10px;
}
td {
vertical-align: top;
padding: 6px;
}
td:nth-child(1) { width: 60px; text-align: center; } /* ID */
td:nth-child(2) { width: 140px; text-align: center; } /* TIPO */
td:nth-child(3) { width: auto; } /* DESCRIZIONE */
tr:hover {
background-color: #f0f0f0;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length {
display: none !important;
}

? Programma Interventi – Ottimizzato per Colori e Larghezza

function openTab(tabId) {
document.querySelectorAll(‘.tab’).forEach(tab => tab.classList.remove(‘active’));
document.getElementById(tabId).classList.add(‘active’);
}
$(document).ready(function() {
$(‘table.display’).each(function() {
const table = $(this);
const rowCount = table.find(‘tbody tr’).length;
table.DataTable({
“pageLength”: rowCount,
“lengthChange”: false,
“info”: false,
“ordering”: false,
“paging”: false,
“language”: {
“paginate”: {
“previous”: “”,
“next”: “”
}
},
“rowCallback”: function(row, data, index) {
if (data[1].startsWith(“Session”)) {
$(row).addClass(‘session’);
}
}
});
});
openTab(‘June12’);
});