Fix up layout of gametype filters in game_index

[xonotic/xonstat.git] / xonstat / static / css / app.css

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index 3661e75d8db702be2ea23b36e8855aca0fdcce6c..1e5d3cfd2303c185d8ab1e4a764e681806ef423a 100644 (file)
--- a/xonstat/static/css/app.css
+++ b/xonstat/static/css/app.css
@@ -239,6 +239,70 @@ table td {
   float: left;
 }
 
+/* Gametype filters */
+.btn-toolbar .nav > li a {
+    width: 80px;
+} 
+
+.btn.dropdown-toggle, .btn.dropdown-toggle:active {
+    background: none;
+    border: 1px solid transparent;
+    border-radius:4px 4px 4px 4px;
+    line-height:20px;
+    color: #428bca;
+    padding: 10px 0px 10px 0px;
+    font-size: 14px;
+    outline: 0;
+}
+.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus {
+    background-color:#111;
+    color:#2a6496;
+    border-color:#333;
+}
+
+.btn.dropdown-toggle > .caret {
+  height: 21px;
+  border-top-color: #428bca;
+  border-top-width: 8px;
+  border-left-width: 8px;
+  border-right-width: 8px;
+}
+
+.dropdown-menu {
+  width: 100px;
+}
+
+.dropdown-menu.nav-tabs {
+    padding:4px;
+    background-color: #111;
+    border: 1px solid #333;
+    width: 256px; }
+.dropdown-menu.nav-tabs > li > a {
+    width:80px;
+    color:inherit;
+}
+.dropdown-menu.nav-tabs > li > a:hover {
+    color:#222;
+}
+
+/* Player nicknames */
+.player-nick {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Navigation links */
+.pagination > li > a, .pagination > li > span {
+    background-color: #111111;
+    border-color: rgb(49, 49, 49);
+    color: rgb(121, 121, 121);
+}
+.pagination>li>a:hover, .pagination>li>a:focus, .pagination>.active>a, .pagination>.active>span{
+    background-color: rgb(43, 34, 34);
+}
+
+
 /* Desktop-specific stuff */
 @media (min-width: 768px) {
     .navbar-form {