New background image. Thanks, NASA!

Add a new background image (#3) from NASA's Hubble telescope. It
was a little bright for #xonborder, so the alpha % on that was
increased.

diff --git a/xonstat/static/css/img/web_background_3.jpg b/xonstat/static/css/img/web_background_3.jpg
new file mode 100644 (file)
index 0000000..a73edb0
Binary files /dev/null and b/xonstat/static/css/img/web_background_3.jpg differ

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 4d52feb225700d0985ef86927ec61027e53934de..e2125511611e58f14884e3574065a1d605ccd3a8 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_2.jpg') 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;
@@ -3396,7 +3399,7 @@ a.thumbnail:hover {
 }
 #xonborder {
   background: rgb(0, 0, 0); /* IE Fallback */
-  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
+  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
   border-radius: 6px 6px 6px 6px;
   margin-bottom: 30px;
   padding: 20px;