commit f17d74e7
Make the default layout look slightly more modern
Changed files
| M | static_content/css/oastat.css before |
| M | templates/index.tpl before |
diff --git a/static_content/css/oastat.css b/static_content/css/oastat.css
index d2d6aa4..9669e37 100644
--- a/static_content/css/oastat.css
+++ b/static_content/css/oastat.css
@@ -25,44 +25,85 @@
*/
body {
- background: #36413e;
- font-family: 'Verdana', sans-serif;
+ background: #f5f5f5;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+ line-height: 1.6;
+ color: #333;
+ margin: 0;
+ padding: 20px;
}
.main-section {
- max-width: 1400;
- background: #beb2c8;
- border-radius: 5px;
- padding: 5px;
+ max-width: 1400px;
+ background: #ffffff;
+ border-radius: 8px;
+ padding: 30px;
+ margin: 0 auto;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Table section start */
table {
border-collapse: collapse;
- margin-bottom: 10px;
- margin-left:auto;
- margin-right:auto;
+ margin: 20px auto;
+ width: 100%;
+ max-width: 100%;
+ background: #ffffff;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ overflow: hidden;
}
table, th, td {
- border: 0px;
text-align: center;
}
+th, td {
+ padding: 12px 15px;
+ border-bottom: 1px solid #e0e0e0;
+}
+
th {
- padding-left: 10px;
- padding-right: 10px;
+ background: #2c3e50;
+ color: #ffffff;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-size: 0.85em;
+ letter-spacing: 0.5px;
+}
+
+tr:nth-child(odd) {
+ background: #f9f9f9;
+}
+
+tr:nth-child(even) {
+ background: #ffffff;
}
-tr:nth-child(odd) {background: #8d8d92}
-tr:nth-child(even) {background: #edebd7}
+tr:hover {
+ background: #f0f7ff;
+ transition: background-color 0.2s ease;
+}
+
+td {
+ color: #555;
+}
/*table section end*/
.update {
- font-size: 80%;
+ font-size: 0.85em;
+ color: #666;
+ font-style: italic;
}
.levelshot {
- padding: 10px;
+ padding: 20px;
text-align: center;
-}
\ No newline at end of file
+}
+
+.levelshot img {
+ max-width: 100%;
+ height: auto;
+ border-radius: 4px;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
diff --git a/templates/index.tpl b/templates/index.tpl
index 255342b..8724ced 100644
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -37,6 +37,7 @@
<div class="main-section">
<h1>OpenArena Stats</h1>
+ <h2>Most active players</h2>
<table>
<tr>
<th>Name</th>
@@ -67,7 +68,7 @@
</tr>
{{/PLAYER_LIST}}
</table>
-
+ <h2>Weapon kills</h2>
<table>
<tr>
<th>Name</th>
@@ -104,7 +105,7 @@
</tr>
{{/PLAYER_WEAPON_LIST}}
</table>
-
+ <h2>Most played maps</h2>
<table>
<tr>
<th>Map</th>
@@ -119,7 +120,7 @@
</tr>
{{/MAP_LIST}}
</table>
-
+ <h2>Most recent matches</h2>
<table>
<tr>
<th>Game</th>