border:1px solid #436688;
font-size:10px;
padding:4px;
+ vertical-align: middle;
}
blockquote {
font-size:14px;
}
/* drop-down navigation */
-.nav, .nav ul {
+.nav, .nav ul {
list-style: none;
margin: 0;
padding: 0;
}
-
+
.nav {
z-index: 100;
position: relative;
padding: 0;
text-decoration:none;
}
-
+
.nav li a:hover {
background-color:#111 !important;
color:#fff !important;
text-shadow:1px 1px 3px #5A8BBC !important;
}
-
+
.nav ul {
border-bottom: 1px solid #000;
list-style: none;
padding-left: 40px;
padding-top: 3px;
margin: 5px;
- height: 32px;
+ height: 32px;
display: inline-block;
cursor:pointer;
}
padding-left: 60px;
padding-top: 3px;
margin: 5px;
- height: 64px;
+ height: 64px;
width: 64px;
- display: block;
+ display: block;
float: left;
cursor:pointer;
}
box-shadow: 0 0 3px 1px;
min-width:700px;
}
+
+.game img {
+ float: left;
+}
.game h3 {
color:#93B1CF;
text-shadow:1px 1px 2px #000;
padding:4px 4px 8px;
- margin:0;
+ margin: 20px 0 0 0;
}
.game h3 a {
color:#C5DCF3;
<h2>Recent Games</h2>\r
% for (game, server, map) in games:\r
<div class="game">\r
- <h3><a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a>)</span></h3>\r
+ <img src="/static/images/icons/48x48/${game.game_type_cd}.png"/><h3><a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a>)</span></h3>\r
## show scoreboard using a def from another file\r
${scoreboard(game.game_type_cd, pgstats[game.game_id])}\r
</div>\r
% if game != '-':\r
<tr>\r
<td><a href="${request.route_url('game_info', id=game.game_id)}" title="View detailed information about this game">${game.game_id}</a></td>\r
- <td>${game.game_type_cd}</td>\r
+ <td><img title="${game.game_type_cd}" src="/static/images/icons/24x24/${game.game_type_cd}.png" alt="${game.game_type_cd}" /></td>\r
<td><a href="${request.route_url('server_info', id=server.server_id)}" title="Go to the detail page for this server">${server.name}</a></td>\r
<td><a href="${request.route_url('map_info', id=map.map_id)}" title="Go to the map detail page for this map">${map.name}</a></td>\r
<td>${game.start_dt.strftime('%m/%d/%Y %H:%M')}</td>\r
<%block name="title">
% if player:
-Player Information for ${player.nick_strip_colors()} -
+Player Information for ${player.nick_strip_colors()} -
% endif
${parent.title()}
<tbody>
% for (gamestat, game, server, map) in recent_games:
<tr>
- <td>${game.game_type_cd}</td>
+ <td><img title="${game.game_type_cd}" src="/static/images/icons/24x24/${game.game_type_cd}.png" alt="${game.game_type_cd}" /></td>
<td>${map.name}</td>
<td>
% if gamestat.team != None and gamestat.team == game.winner: