Add a new summary statistics byline below the main logo.

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

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 0d8bcb3767091747d23f81a7159108bbeb382733..a270f6488f71169e4d94413563bf3a8555e1114f 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;
@@ -1144,7 +1147,7 @@ table .span12 {
   width: 14px;
   height: 14px;
   vertical-align: text-top;
-  background-image: url(../img/glyphicons-halflings.png);
+  background-image: url('img/glyphicons-halflings.png');
   background-position: 14px 14px;
   background-repeat: no-repeat;
   *margin-right: .3em;
@@ -1153,7 +1156,7 @@ table .span12 {
   *margin-left: 0;
 }
 .icon-white {
-  background-image: url(../img/glyphicons-halflings-white.png);
+  background-image: url('img/glyphicons-halflings-white.png');
 }
 .icon-glass {
   background-position: 0      0;
@@ -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,28 +3391,33 @@ 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;
+  font-size: 13px;
   position: relative;
   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;
-  background-color: #000000;
-  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;
@@ -3492,6 +3500,17 @@ header h2 { display:none; }
 }
 
 .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; }
 
+.table .tdcenter { text-align: center; }