From b540360e3fbb0047ec6d23819331567f1f7e4f14 Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Mon, 15 Apr 2024 19:52:47 -0600 Subject: [PATCH] Reformatting of club-page CSS --- .../resources/css/club-pages/club-page.css | 47 ++++--------------- 1 file changed, 10 insertions(+), 37 deletions(-) diff --git a/ProjectSourceCode/src/resources/css/club-pages/club-page.css b/ProjectSourceCode/src/resources/css/club-pages/club-page.css index 2debd9d..825e56d 100644 --- a/ProjectSourceCode/src/resources/css/club-pages/club-page.css +++ b/ProjectSourceCode/src/resources/css/club-pages/club-page.css @@ -19,6 +19,16 @@ /* Add any other styling you need for the club information container */ } +#club-information-container::after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 8px; /* Width of the red strip */ + background-color: red; /* Red color */ + } + #club-page-contents-container { display: flex; flex-direction: row; @@ -32,48 +42,11 @@ width: 80%; } -#club-information-container::after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 8px; /* Width of the red strip */ - background-color: red; /* Red color */ - } -#club-logo { - margin: 0px 20px; - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - height: 80px; -} -#club-title { - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - margin-right: 20px; -} -#club-flag { - transform: skewX(20deg); /* Skew the banner to create a triangular side */ - height: 20px; - margin-right: 200px; -} -#club-stats-container { - width: 100%; - display: flex; - flex: 1; -} -#club-stats-container .container { - margin: 0 10px; - background-color: #eaeaea; /* Example background color */ - 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 club table container */ -}