League page stylesheets added to head

This commit is contained in:
Lucas Patenaude
2024-04-13 18:26:14 -06:00
parent 0af5ee83a6
commit 8746bf6e20
4 changed files with 42 additions and 43 deletions

View File

@@ -45,46 +45,3 @@
display: flex; display: flex;
flex: 1; flex: 1;
} }
#league-table-container {
flex: 1;
background-color: #eaeaea; /* Example background color */
margin: 10px;
border: 1px solid gray;
border-radius: 8px;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
/* Add any other styling you need for the league table container */
}
#standings-table {
width: 100%;
padding: 5px;
}
#table-logo {
width: 20px;
margin-right: 5px;
}
#standings-table td {
padding: 5px;
}
/* Define styles for odd and even rows */
#standings-table tbody tr:nth-child(odd) {
background-color: #f2f2f2; /* Light gray for odd rows */
}
#standings-table tbody tr:nth-child(even) {
background-color: #ffffff; /* White for even rows */
}
#top-scorers-container {
flex: 1;
background-color: #dcdcdc; /* Example background color */
/* Add any other styling you need for the top scorers container */
}

View File

@@ -0,0 +1,35 @@
#league-table-container {
flex: 1;
background-color: #eaeaea; /* Example background color */
margin: 10px;
border: 1px solid gray;
border-radius: 8px;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
/* Add any other styling you need for the league table container */
}
#standings-table {
width: 100%;
padding: 5px;
}
#table-logo {
width: 20px;
margin-right: 5px;
}
#standings-table td {
padding: 5px;
}
/* Define styles for odd and even rows */
#standings-table tbody tr:nth-child(odd) {
background-color: #f2f2f2; /* Light gray for odd rows */
}
#standings-table tbody tr:nth-child(even) {
background-color: #ffffff; /* White for even rows */
}

View File

@@ -0,0 +1,5 @@
#top-scorers-container {
flex: 1;
background-color: #dcdcdc; /* Example background color */
/* Add any other styling you need for the top scorers container */
}

View File

@@ -23,6 +23,8 @@
<!-- League Page Stylesheets --> <!-- League Page Stylesheets -->
<link rel="stylesheet" type="text/css" href="/css/league-page/league-page.css"> <link rel="stylesheet" type="text/css" href="/css/league-page/league-page.css">
<link rel="stylesheet" type="text/css" href="/css/league-page/league-table.css">
<link rel="stylesheet" type="text/css" href="/css/league-page/top-scorers.css">
<title>Group 6 Final Project</title> <title>Group 6 Final Project</title>