Fix compatibility

-Don't use background size; make separately-sized images

-Have fallback flat color for layered and gradient backgrounds

ui/stylesheets/cloudstack.scss

@@ -36,13 +36,13 @@ body {
 
         .total {
             padding: 5px 10px;
-            @include linear-gradient(lightgray, lighten(black, 15%));
+            @include linear-gradient(#a4a4a4, lighten(#272727, 15%));
             border-radius: 1px;
             margin-top: -5px;
             margin-right: 20px;
             float: left;
             border-radius: 8px;
-            text-shadow: 0px 1px 1px black;
+            text-shadow: 0px 2px 2px black;
         }
     }
 

ui/stylesheets/csui/_button.scss

@@ -20,6 +20,7 @@
   @include csui-button;
   @include linear-gradient(darkgray, lighten(black, 15%));
 
+  background-color: #2e2e2e;
   color: white;
   font-weight: bold;
   text-shadow: 0px 1px 1px black;

ui/stylesheets/csui/_form.scss

@@ -20,6 +20,9 @@
 
 @mixin csui-dropdown-dark {
   @include csui-dropdown;
+
+  background-color: #333333;
+
   @include background(
       url(csui/img/form/dropdown-arrow-white.png) no-repeat right 8px center,
       linear-gradient(#4e4e4e, #242424)

ui/stylesheets/csui/_header.scss

@@ -1,4 +1,6 @@
 @mixin csui-header {
+  background-color: #0a5f91;
+
   @include background(
     url(csui/img/overlay-pattern.png) repeat,
     url(csui/img/header/gradient.png) no-repeat
@@ -7,7 +9,7 @@
   background-size: auto, cover;
 
   .logo {
-    background: url(csui/img/logo-main.png) no-repeat left;
+    background: url(csui/img/header/logo.png) no-repeat left;
     width: 1280px;
     height: 80px;
     margin: auto;

ui/stylesheets/csui/_login.scss

@@ -2,6 +2,8 @@
   height: 100%;
   min-height: 630px;
 
+  background-color: #385770;
+
   @include background(
     url(csui/img/login/brand-logo.png),
     url(csui/img/login/bottom-bar.png),
@@ -16,6 +18,7 @@
   form {
     @include row;
 
+    background-color: #000812;
     background: rgba(#000812, 0.8);
     padding-top: 60px;
     padding-bottom: 60px;
@@ -24,17 +27,15 @@
 
     .logo {
       @include shift(2);
-      @include span-columns(3);
+      @include span-columns(4);
 
-      background: url(csui/img/logo-main.png) no-repeat top center;
-      background-size: contain;
+      background: url(csui/img/login/logo.png) no-repeat top center;
       float: left;
       height: 300px;
     }
 
     .fields {
       @include span-columns(3);
-      @include shift(1);
 
       color: white;