Use the gametype icons in the tabs!

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

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index f43a3fd1c2fc15e6a25c74dbc13f36544b40a2c4..d8720661712eda625af652f54c5a0ec9ca12d4e7 100755 (executable)
--- a/xonstat/static/css/style.css
+++ b/xonstat/static/css/style.css
@@ -106,9 +106,12 @@ textarea {
   vertical-align: top;
 }
 body {
+  background: url('img/web_background_3.jpg') no-repeat center center fixed;
   background-color: #000000;
-  background:#000 url('img/web_background.png') 0 0 no-repeat;
-  background-size: 100%;
+  -webkit-background-size: cover; /*for webKit*/
+  -moz-background-size: cover; /*Mozilla*/
+  -o-background-size: cover; /*opera*/
+  background-size: cover; /*generic*/
   color: #d0d0d0;
   font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 11px;
@@ -2110,7 +2113,7 @@ button.btn.small, input[type="submit"].btn.small {
 }
 .nav > li > a:hover {
   text-decoration: none;
-  background-color: #eeeeee;
+  /*background-color: #eeeeee;*/
 }
 .nav-list {
   padding-left: 14px;
@@ -3356,7 +3359,7 @@ a.thumbnail:hover {
   color: #ffffff;
 }
 .hero-unit {
-  margin-bottom: 30px;
+  margin-top: -15px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -3388,6 +3391,12 @@ a.thumbnail:hover {
 .invisible {
   visibility: hidden;
 }
+
+/* Custom Stuff */
+table {
+  background: rgb(0, 0, 0); /* IE Fallback */
+  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+}
 #statline {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 12px;
@@ -3395,20 +3404,20 @@ a.thumbnail:hover {
   top: -25px;
 }
 #xonborder {
-  //border-width: 56px 56px 56px;
-  -moz-border-image: url(img/web_border.png) 85 85 85 stretch;
-  -webkit-border-image: url(img/web_border.png) 72 85 85 stretch;
-  -o-border-image: url(img/web_border.png) 96 96 96 stretch;
-  border-image: url(img/web_border.png) 96 96 96 stretch;
-  border-width: 40px;
-  left: -40px;
-  position: relative;
+  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;
 }
 #title {
-    font-size: 16px;
+    color: #0088CC;
+    font-size: 30px;
+    margin-bottom: 25px;
     position: relative;
-    top: -35px;
     text-align: center;
+    text-shadow: 2px 2px 3px #333;
 }
 #navsearch {
   float: right;
@@ -3424,6 +3433,17 @@ a.thumbnail:hover {
 #navsearch select {
   width: 80px;
 }
+
+header {
+  height:0;
+}
+header a {
+  display:block;
+  overflow:hidden;
+}
+header h1 { display:none; }
+header h2 { display:none; }
+
 /* Game scoreboard */
 .game {
   background-image: -moz-linear-gradient(center bottom , #062C52, #041B33);
@@ -3454,3 +3474,41 @@ a.thumbnail:hover {
 .game tr:hover {
     background-color: #222;
 }
+
+/* accuracy and weapon graphs */
+.weapon-nav {
+  height: 70px;
+  margin-bottom: 20px;
+}
+.weapon-nav ul {
+  display: block;
+  list-style: none outside none;
+}
+.weapon-nav li {
+  cursor: pointer;
+  float: left;
+  margin-right: 10px;
+}
+.weapon-nav li:hover {
+  border-bottom: 2px solid #001021;
+}
+.weapon-nav .weapon-active {
+  border-bottom: 2px solid #436688;
+}
+.weapon-nav p {
+  text-align: center;
+}
+
+.flot table, .flot td {
+    background-color: black;
+       border: 0;
+}
+/* Player Info Tabs */
+#gbtabcontainer { margin-top: 10px; }
+#gbtab { font-size: 12px; }
+.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; }