69 lines
1.2 KiB
CSS
69 lines
1.2 KiB
CSS
#league-table-and-information-container {
|
|
width: 60%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
transition: transform 0.3s ease; /* Add smooth transition effect */
|
|
}
|
|
|
|
#standings-table {
|
|
width: 100%;
|
|
padding: 15px;
|
|
}
|
|
|
|
#table-stats-container {
|
|
width: 100%;
|
|
}
|
|
|
|
#table-stats-container th {
|
|
border-bottom: 3px solid red; /* Add red bottom border */
|
|
}
|
|
|
|
#club-logo-row {
|
|
width: 25px;
|
|
}
|
|
|
|
#table-club-logo {
|
|
width: 25px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
#club-name {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#standings-table td {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Define styles for odd and even rows */
|
|
#standings-table tbody tr:nth-child(odd) {
|
|
background-color: #f7c4c475; /* Light gray for odd rows */
|
|
}
|
|
|
|
#standings-table tbody tr:nth-child(even) {
|
|
background-color: #ffffff; /* White for even rows */
|
|
}
|
|
|
|
#points-column {
|
|
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/* Add hover effect to table rows */
|
|
#standings-table tbody tr:hover {
|
|
border: 1px solid lightgray;
|
|
border-radius: 10px;
|
|
|
|
#club-name {
|
|
text-decoration: underline; /* Add underline effect */
|
|
}
|
|
}
|
|
|
|
@media (max-width: 950px) {
|
|
#league-table-and-information-container {
|
|
width: 100%; /* Set the width to 60% when window width is less than 1161px */
|
|
}
|
|
} |