From 24de212b982df6b789cd8b812b9814163db70c2a Mon Sep 17 00:00:00 2001 From: Josh Wright Date: Tue, 20 Feb 2024 01:35:24 -0500 Subject: [PATCH] remove unnecessary comments --- app/static/styles.css | 144 ++++++++++++++++++++---------------------- 1 file changed, 70 insertions(+), 74 deletions(-) diff --git a/app/static/styles.css b/app/static/styles.css index 2adf490..3e58f6e 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -1,7 +1,7 @@ body { - background-color: #121212; /* Dark background color */ - font-family: Arial, sans-serif; /* Use a common sans-serif font */ - color: #fff; /* White text color */ + background-color: #121212; + font-family: Arial, sans-serif; + color: #fff; margin: 0; width: 100vw; height: 100vh; @@ -11,7 +11,7 @@ h1 { text-align: center; margin-top: 15px; margin-bottom: 25px; - color: #f2f2f2; /* Lighten the text color */ + color: #f2f2f2; } .scoreboard { @@ -22,13 +22,13 @@ h1 { } .game-box { - background-color: #333; /* Dark background color for game boxes */ - border-radius: 12px; /* Rounded corners */ - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */ + background-color: #333; + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 1%; width: 16%; max-width: 300px; - position: relative; /* Position relative for absolute positioning */ + position: relative; margin-left: 1%; margin-right: 1%; margin-bottom: 1.15%; @@ -38,7 +38,7 @@ h1 { display: flex; align-items: center; margin-bottom: 2%; - margin-top: 9%; /* Added margin-top */ + margin-top: 9%; } .team-info-column { @@ -77,19 +77,19 @@ h1 { } .team-sog { - font-size: 65%; /* Adjust font size as needed */ - color: #ddd; /* Lighter text color */ + font-size: 65%; + color: #ddd; } .team-power-play { - font-size: 12px; /* Adjust font size as needed */ - color: red; /* Set color to red */ - margin-left: 10px; /* Add some margin for spacing */ + font-size: 12px; + color: red; + margin-left: 10px; } .game-info { margin-top: 12px; - color: #aaa; /* Lighten the text color */ + color: #aaa; text-align: center; font-size: 80%; } @@ -111,31 +111,31 @@ h1 { .pre-state { position: absolute; top: 5%; - left: 3%; /* Adjusted left position */ - background-color: #444; /* Darker background color for pre state */ + left: 3%; + background-color: #444; padding: 1.5%; border-radius: 5px; font-size: 65%; - color: #fff; /* White text color for live state */ - font-weight: bolder; /* Bold text for live state */ - z-index: 1; /* Ensure the live state box is above other content */ + color: #fff; + font-weight: bolder; + z-index: 1; width: auto; height: 10%; - display: flex; /* Use flexbox */ - justify-content: space-evenly; /* Center content horizontally */ - align-items: center; /* Center content vertically */ + display: flex; + justify-content: space-evenly; + align-items: center; } .final-state { position: absolute; top: 5%; - left: 3%; /* Adjusted left position */ - background-color: #444; /* Darker background color for final state */ + left: 3%; + background-color: #444; padding: 1.5%; border-radius: 5px; font-size: 65%; - color: #ddd; /* Lighter text color for final state */ - z-index: 1; /* Ensure the final state box is above other content */ + color: #ddd; + z-index: 1; font-weight: bold; width: auto; height: 7.5%; @@ -144,32 +144,31 @@ h1 { .live-state { position: absolute; top: 4%; - left: 4%; /* Adjusted left position */ - background-color: #0b6e31; /* Darker green background color for live state */ + left: 4%; + background-color: #0b6e31; padding: 1.5%; border-radius: 5px; font-size: 80%; - color: #fff; /* White text color for live state */ - font-weight: bolder; /* Bold text for live state */ - z-index: 1; /* Ensure the live state box is above other content */ + color: #fff; + font-weight: bolder; + z-index: 1; width: 7.2%; height: 7.5%; } - .live-time { position: absolute; top: 4%; - left: 16%; /* Adjusted left position */ - background-color: #444; /* Darker background color for time box */ + left: 16%; + background-color: #444; padding: 1.5%; border-radius: 5px; font-size: 80%; - color: #ddd; /* Lighter text color for time box */ - z-index: 1; /* Ensure the time box is above other content */ - display: flex; /* Use flexbox */ - justify-content: space-evenly; /* Center content horizontally */ - align-items: center; /* Center content vertically */ + color: #ddd; + z-index: 1; + display: flex; + justify-content: space-evenly; + align-items: center; width: 12.5%; height: 7.5%; } @@ -177,14 +176,14 @@ h1 { .live-state-intermission { position: absolute; top: 5%; - left: 4%; /* Adjusted left position */ - background-color: #444; /* Darker green background color for live state */ + left: 4%; + background-color: #444; padding: 1.5%; border-radius: 5px; font-size: 80%; - color: #fff; /* White text color for live state */ - font-weight: bolder; /* Bold text for live state */ - z-index: 1; /* Ensure the live state box is above other content */ + color: #fff; + font-weight: bolder; + z-index: 1; width: 15.5%; height: 7.5%; display: flex; @@ -192,22 +191,21 @@ h1 { align-items: center; } - .live-time-intermission { position: absolute; top: 5%; - left: 24%; /* Adjusted left position */ - background-color: #444; /* Darker background color for time box */ + left: 24%; + background-color: #444; padding: 1.5%; border-radius: 5px; font-size: 80%; - color: #ddd; /* Lighter text color for time box */ - z-index: 1; /* Ensure the time box is above other content */ + color: #ddd; + z-index: 1; width: 12.5%; height: 7.5%; - display: flex; /* Use flexbox */ - justify-content: space-evenly; /* Center content horizontally */ - align-items: center; /* Center content vertically */ + display: flex; + justify-content: space-evenly; + align-items: center; } #live-games-section { @@ -231,8 +229,6 @@ h1 { justify-content: flex-start; } -/* Existing CSS styles */ - /* Add media query for smaller screens */ @media only screen and (max-width: 768px) { .scoreboard { @@ -250,23 +246,23 @@ h1 { } .team-info { - align-items: center; /* Center align items */ - margin-top: 10%; /* Adjust top margin */ - margin-bottom: 2%; /* Adjust bottom margin */ + align-items: center; + margin-top: 10%; + margin-bottom: 2%; } .team-logo { - width: 12%; /* Adjust logo size */ + width: 12%; height: auto; } .team-name { - font-size: 100%; /* Decrease font size for better readability */ + font-size: 100%; font-weight: bold; } .team-score { - font-size: 140%; /* Decrease font size for better readability */ + font-size: 140%; font-weight: bold; } @@ -275,12 +271,12 @@ h1 { } .game-info { - font-size: 90%; /* Decrease font size for better readability */ + font-size: 90%; } .live-state { top: 4%; - left: 3%; /* Adjusted left position */ + left: 3%; padding: 1.5%; border-radius: 5px; font-size: 80%; @@ -290,20 +286,20 @@ h1 { .live-time { top: 4%; - left: 13%; /* Adjusted left position */ + left: 13%; padding: 1.5%; border-radius: 5px; font-size: 80%; - display: flex; /* Use flexbox */ - justify-content: space-evenly; /* Center content horizontally */ - align-items: center; /* Center content vertically */ + display: flex; + justify-content: space-evenly; + align-items: center; width: 7%; height: 7.2%; } .live-state-intermission { top: 5%; - left: 4%; /* Adjusted left position */ + left: 4%; padding: 1.5%; border-radius: 5px; font-size: 80%; @@ -316,20 +312,20 @@ h1 { .live-time-intermission { top: 5%; - left: 24%; /* Adjusted left position */ + left: 24%; padding: 1.5%; border-radius: 5px; font-size: 80%; width: 12.5%; height: 7.5%; - display: flex; /* Use flexbox */ - justify-content: space-evenly; /* Center content horizontally */ - align-items: center; /* Center content vertically */ + display: flex; + justify-content: space-evenly; + align-items: center; } .final-state { top: 5%; - left: 4%; /* Adjusted left position */ + left: 4%; padding: 1.5%; border-radius: 5px; font-size: 72%; @@ -339,7 +335,7 @@ h1 { .pre-state { top: 4%; - left: 4%; /* Adjusted left position */ + left: 4%; padding: 1.5%; border-radius: 5px; font-size: 80%;