Subject Categories
.subject-table-container {
font-family: Arial, sans-serif;
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.subject-header {
background-color: #333333;
color: white;
padding: 10px 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
}
.subject-table {
width: 100%;
border-collapse: collapse;
}
.subject-table th {
background-color: #f8b133;
color: black;
padding: 8px 15px;
text-align: left;
font-weight: bold;
border: 1px solid #ddd;
height: 40px;
}
.subject-table td {
padding: 12px 15px;
border: 1px solid #ddd;
background-color: white;
height: 50px;
}
.subject-table tr:hover td {
background-color: #f5f5f5;
}
.subject-link {
color: #cc0000;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
.subject-link:hover {
text-decoration: underline;
}
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.subject-link').forEach(link => {
link.addEventListener('click', function (e) {
e.preventDefault();
window.open(this.href, '_blank');
});
});
});
