University Categories
.university-table-container {
font-family: Arial, sans-serif;
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.university-header {
background-color: #333333;
color: white;
padding: 10px 15px;
text-align: left;
font-size: 18px;
font-weight: bold;
}
.university-table {
width: 100%;
border-collapse: collapse;
}
.university-table th {
background-color: #f8b133;
color: black;
padding: 8px 15px;
text-align: left;
font-weight: bold;
border: 1px solid #ddd;
vertical-align: middle;
height: 40px;
}
.university-table td {
padding: 12px 15px;
border: 1px solid #ddd;
background-color: white;
vertical-align: middle; /* Vertical centering */
height: 50px; /* Fixed height for cells */
}
.university-table tr:hover td {
background-color: #f5f5f5;
}
.university-link {
color: #cc0000;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
.university-link:hover {
text-decoration: underline;
}
.download-arrow {
color: #cc0000;
text-decoration: none;
}
// JavaScript for handling clicks
document.addEventListener('DOMContentLoaded', function() {
const links = document.querySelectorAll('.university-link');
links.forEach(link => {
link.addEventListener('click', function(e) {
// Remove this event.preventDefault() when you add the actual URLs
e.preventDefault();
// Get the URL from the href attribute
const url = this.getAttribute('href');
// When you add the actual URLs, this will redirect to that URL
if (url && url !== "REPLACE_WITH_LINK_1" &&
url !== "REPLACE_WITH_LINK_2" &&
url !== "REPLACE_WITH_LINK_3" &&
url !== "REPLACE_WITH_LINK_4" &&
url !== "REPLACE_WITH_LINK_5") {
window.location.href = url;
} else {
console.log("URL not yet specified");
}
});
});
});
