Clean up the rest of the main index style issues.

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

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index eb71103854c186232f5ad8d2bf9f99ba5d6b1d9f..c0f438d6bc317f1313e868fd5656f5a2624bf97c 100644 (file)
--- a/xonstat/static/css/app.css
+++ b/xonstat/static/css/app.css
@@ -17,6 +17,74 @@ body {
     color: #D0D0D0;
     font-family: "XoloniumNormal", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  font-weight: normal;
+  color: #999999;
+}
+h1 {
+  font-size: 30px;
+  line-height: 36px;
+}
+h1 small {
+  font-size: 18px;
+}
+h2 {
+  font-size: 24px;
+  line-height: 36px;
+}
+h2 small {
+  font-size: 18px;
+}
+h3 {
+  line-height: 27px;
+  font-size: 18px;
+}
+h3 small {
+  font-size: 14px;
+}
+h4, h5, h6 {
+  line-height: 18px;
+}
+h4 {
+  font-size: 14px;
+}
+h4 small {
+  font-size: 12px;
+}
+h5 {
+  font-size: 12px;
+}
+h6 {
+  font-size: 11px;
+  color: #999999;
+  text-transform: uppercase;
+}
+table {
+    background: rgb(0, 0, 0); /* IE Fallback */
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
+    border: 1px solid #436688;
+}
+table th { border: 1px solid #436688; background-color: #001021; }
+table td {
+    border: 1px solid #436688;
+    font-size: 10px;
+}
+.table-hover > tbody > tr:hover > td,
+.table-hover > tbody > tr:hover > th {
+    background-color: #222;
+}
+.table td {
+    vertical-align: middle;
+}
+.table .tdcenter { text-align: center; }
+
+
+/* One-off elements */
 #statline {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
@@ -31,6 +99,14 @@ body {
     margin-left: 0px;
     padding: 20px;
 }
+#title {
+    color: #0088CC;
+    font-size: 30px;
+    margin-bottom: 15px;
+    position: relative;
+    text-align: center;
+    text-shadow: 2px 2px 3px #333;
+}
 
 
 /* Navigation bar */
@@ -56,6 +132,7 @@ body {
     width: 100px;
 }
 
+
 /* Desktop-specific stuff */
 @media (min-width: 768px) {
     .navbar-form {