}
.nav > li > a:hover {
text-decoration: none;
- background-color: #eeeeee;
+ /*background-color: #eeeeee;*/
}
.nav-list {
padding-left: 14px;
/* Player Info Tabs */
#gbtabcontainer { margin-top: 10px; }
#gbtab { font-size: 12px; }
-.tabs-right .nav-tabs { border: none; }
-.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #111; color: #aaa;}
-.tabs-right .nav-tabs > li > a { border-radius: 4px 4px 4px 4px; }
-.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { border-color: #222222 #222222 #222222 #222222; }
-.tabs-right .nav-tabs > li > a:hover { border-color: #222222 #222222 #222222 #222222; }
-.nav > li > a:hover { background-color: #333; color: #aaa; }
.tabbable p { font-size: 14px; }
+.tabs-below .nav-tabs > li > a { border-radius: 4px 4px 4px 4px; }
+.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #111; color: #aaa; border-color: #222; }
+.nav-tabs > li > a { border-radius: 4px 4px 4px 4px; text-align: center; }
+.nav-tabs > li > a:hover { background-color: #111; border-color: #333; }
+.nav-tabs { border-bottom: 0px solid #000; }
<script src="/static/js/bootstrap-tab.js"></script>
<script type="text/javascript">
$(function () {
- $('#gbtab').click(function(e) {
+ $('#gbtab li').click(function(e) {
e.preventDefault();
$(this).tab('show');
})
- $('#gbtab a:first').tab('show');
+ $('#gbtab a:first').tab('show');
})
</script>
</div>
<div class="row">
- <div id="gbtabcontainer" class="tabbable tabs-right">
- <ul id="gbtab" class="nav nav-tabs">
- % for g in games_played:
- <li><a href="#tab-${g.game_type_cd}" data-toggle="tab">${g.game_type_cd} (${g.games})</a></li>
- % endfor
- </ul>
-
+ <div id="gbtabcontainer" class="tabbable tabs-below">
<div class="tab-content">
% for g in games_played:
<div class="tab-pane fade in
</div>
</div>
</div>
+<div class="row">
+ <div class="span12">
+ <ul id="gbtab" class="nav nav-tabs">
+ % for g in games_played:
+ <li>
+ <a href="#tab-${g.game_type_cd}" data-toggle="tab">
+ <img src="/static/images/icons/24x24/${g.game_type_cd}.png"> <br />
+ ${g.game_type_cd} <br />
+ <small>(${g.games})</small>
+ </a>
+ </li>
+ % endfor
+ </ul>
+ </div>
+</div>
% if 'nex' in recent_weapons or 'rifle' in recent_weapons or 'minstanex' in recent_weapons or 'uzi' in recent_weapons or 'shotgun' in recent_weapons: