Fixes to file structure
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
=============================================
|
||||
CARDS IN PAGE BODY
|
||||
=============================================
|
||||
*/
|
||||
|
||||
#table-and-top-scorers-containers
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
/*
|
||||
==============================================================
|
||||
DYNAMIC PAGE WIDTH STYLES
|
||||
==============================================================
|
||||
*/
|
||||
|
||||
/* Width of Screen is Less Than 950px */
|
||||
@media (max-width: 1230px)
|
||||
{
|
||||
#table-and-top-scorers-containers {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
/*
|
||||
=================================
|
||||
LEAGUE TABLE CONTAINER
|
||||
=================================
|
||||
*/
|
||||
|
||||
/* Container for table and header */
|
||||
#league-table-container
|
||||
{
|
||||
width: 60%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
============================================
|
||||
LEAGUE TABLE COLUMNS STYLE
|
||||
============================================
|
||||
*/
|
||||
|
||||
/* Club Logo Column in Table Style */
|
||||
#league-table-club-logo-column {
|
||||
width: 25px;
|
||||
|
||||
/* Club Logo Style */
|
||||
#league-table-club-logo
|
||||
{
|
||||
width: 25px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Club Name Column in Table Style */
|
||||
#league-table-club-name-column
|
||||
{
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Points Column in Table Style */
|
||||
#league-table-points-column
|
||||
{
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/*
|
||||
==============================================================
|
||||
DYNAMIC PAGE WIDTH STYLES
|
||||
==============================================================
|
||||
*/
|
||||
|
||||
/* Stlye for Screens Smaller than 1230px */
|
||||
@media (max-width: 1230px)
|
||||
{
|
||||
#league-table-container
|
||||
{
|
||||
align-items: center;
|
||||
width: 75%;
|
||||
min-width: 580px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
=================================
|
||||
TABLE AND HEADER CONTAINER
|
||||
=================================
|
||||
*/
|
||||
|
||||
#league-top-scorers-container
|
||||
{
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
/*
|
||||
===========================
|
||||
TABLE COLUMNS STYLE
|
||||
===========================
|
||||
*/
|
||||
|
||||
#league-top-scorers-goals-column
|
||||
{
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
#league-top-scorers-logo
|
||||
{
|
||||
width: 25px;
|
||||
margin: 0 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#league-top-scorers-player-name-column
|
||||
{
|
||||
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
#league-top-scorers-club-name-column
|
||||
{
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/*
|
||||
==============================================================
|
||||
HOVER STYLES
|
||||
==============================================================
|
||||
*/
|
||||
|
||||
#league-top-scorers-stats-container tbody tr:hover
|
||||
{
|
||||
|
||||
border: 1px solid lightgray;
|
||||
|
||||
#league-top-scorers-logo {
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
#league-top-scorers-club-name-column {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
==============================================================
|
||||
DYNAMIC PAGE WIDTH STYLES
|
||||
==============================================================
|
||||
*/
|
||||
|
||||
@media (max-width: 1230px) {
|
||||
#league-top-scorers-logo {
|
||||
align-items: center;
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user