/* Primary elements */
body {
background: url("img/web_background_4.jpg") no-repeat fixed center center / cover black;
+ background-color: black;
color: #D0D0D0;
font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Game scoreboard */
.game {
float: left;
- margin-bottom: 30px;
min-width: 700px;
padding: 10px 7px;
}
.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 > .active > a, .nav-tabs > .active > a:focus { 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; }
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 */
+.nostretch {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.player-nick {
+ width: 25%;
+}
+
+/* elo colors */
+.eloup { color: green; }
+.elodown { color: rgb(190,0,0); }
+.eloneutral { color: gray; }
+
+/* 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 {