Merge of zykure's player_info JSON object plus a few bugfixes.

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

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 26f6fc48ae3ce5b7b315456669d4b87ab379172d..a24f6a004c2475fe661a6306886a15a4617fd5c7 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;
@@ -656,9 +659,9 @@ input, textarea {
 }
 input:focus, textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 125, 125, 0.6);
   outline: 0;
   outline: thin dotted \9;
   /* IE6-8 */
@@ -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,18 +3404,102 @@ 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;
+  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;
+  margin-bottom: 0px;
+  padding-top: 6px;
+}
+#navsearch input, #navsearch select{
+  background-color: #606060;
+  border: 1px solid #202020;
+  color: #AAA;
+  margin-bottom: 0px;
+}
+#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);
+  border: 1px solid #A4B7CA;
+  border-radius: 7px 7px 7px 7px;
+  box-shadow: 0 0 3px 1px;
+  float: left;
+  margin-bottom: 30px;
+  min-width: 700px;
+  padding: 10px 7px;
+}
+.game a {
+    color: #CCC;
+}
+.game a:hover {
+    color: #d95f00;
+    text-decoration: none;
+}
+.game tr {
+    background-color: #000;
 }
+.game tr.red {
+  background-color: #571612;
+}
+.game tr.blue {
+  background-color: #000F4C;
+}
+.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;
+}
+