Add header image, statline, and border box.

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index 01f3be4df6465a7a4ec77fb56d0c837a046a87e8..eb71103854c186232f5ad8d2bf9f99ba5d6b1d9f 100644 (file)
--- a/xonstat/static/css/app.css
+++ b/xonstat/static/css/app.css
@@ -15,7 +15,23 @@
 body {
     background: url("img/web_background_4.jpg") no-repeat fixed center center / cover  black;
     color: #D0D0D0;
+    font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+#statline {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    position: relative;
+    top: -25px;
+}
+#xonborder {
+    background: rgb(0, 0, 0); /* IE Fallback */
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
+    border-radius: 15px 15px 15px 15px;
+    margin-bottom: 30px;
+    margin-left: 0px;
+    padding: 20px;
+}
+
 
 /* Navigation bar */
 .navbar-brand {

diff --git a/xonstat/templates/main_index.mako b/xonstat/templates/main_index.mako
index 91640ecaa23bd0fae9cc1adbcdfe48a0d064d034..e310f8c3bd3a88d6f83a027c68c3a405a8725fe9 100644 (file)
--- a/xonstat/templates/main_index.mako
+++ b/xonstat/templates/main_index.mako
@@ -10,14 +10,14 @@ Leaderboard
 </%block>
 
 <%block name="hero_unit">
-      <div class="hero-unit">
+    <div class="text-center">
         <img src="/static/css/img/web_background_l2.png" />
         % if summary_stats is None:
         <p id="statline">Tracking Xonotic statistics since October 2011.</p>
         % else:
         <p id="statline">Tracking <a href="${request.route_url('player_index')}">${summary_stats.total_players}</a> players, <a href="${request.route_url('game_index')}">${summary_stats.total_games}</a> games (${summary_stats.duel_games} duel, ${summary_stats.ctf_games} ctf, ${summary_stats.dm_games} dm), and <a href="${request.route_url('server_index')}">${summary_stats.total_servers}</a> servers since October 2011.</p>
         % endif
-      </div>
+    </div>
 </%block>
 
 % if len(ranks) < 3: