Merge branch 'master' into gh-pages

wavded · Nov 29, 2011 · d5f2b71 · d5f2b71
2 parents bc9eefb + 5a46b98
commit d5f2b71
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 73 deletions.
diff --git a/index.html b/index.html
@@ -48,7 +48,7 @@
          }
       </style>
       <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-      <link id='theme' rel='stylesheet' href='themes/bigbox.css'/>
+      <link id='theme' rel='stylesheet' href='themes/libnotify.css'/>
       <script src='humane.js'></script>
    </head>
    <body>
@@ -61,8 +61,8 @@ <h1>Humane JS</h1>
       </p>
       <h3>Select A Theme: 
          <select onchange='document.getElementById("theme").href = "themes/" + this.options[this.selectedIndex].value + ".css"'>
-            <option selected>bigbox</option>
-            <option>libnotify</option>
+            <option selected>libnotify</option>
+            <option>bigbox</option>
             <option>boldlight</option>
             <option>jackedup</option>
          </select>

diff --git a/theme-src/bigbox.styl b/theme-src/bigbox.styl
@@ -21,8 +21,8 @@ html, body { height: 100% }
   padding           : 30px
   text-align        : center
   background-image  : linear-gradient-image(200px, rgba(0,0,0,1), rgba(100,100,100,0.8))
-  background        : linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.8)) no-repeat
-  background-color  : #000
+  background        : linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0.9)) no-repeat
+  *background-color : #000
   color             : #fff
   border-radius     : 15px
   text-shadow       : 0 -1px 1px #ddd
@@ -35,16 +35,16 @@ html, body { height: 100% }
     list-style: none
   &.humane-info
     background-image  : linear-gradient-image(200px, rgba(0,0,100,1), rgba(0,0,100,0.8))
-    background        : linear-gradient(top, rgba(0,0,100,1), rgba(0,0,100,0.8)) no-repeat
-    background-color  : #030
+    background        : linear-gradient(top, rgba(0,0,100,1), rgba(0,0,100,0.9)) no-repeat
+    *background-color : #030
   &.humane-success
     background-image  : linear-gradient-image(200px, rgba(0,100,0,1), rgba(0,100,0,0.8))
-    background        : linear-gradient(top, rgba(0,100,0,1), rgba(0,100,0,0.8)) no-repeat
-    background-color  : #030
+    background        : linear-gradient(top, rgba(0,100,0,1), rgba(0,100,0,0.9)) no-repeat
+    *background-color : #030
   &.humane-error
     background-image  : linear-gradient-image(200px, rgba(100,0,0,1), rgba(100,0,0,0.8))
-    background        : linear-gradient(top, rgba(100,0,0,1), rgba(100,0,0,0.8)) no-repeat
-    background-color  : #300
+    background        : linear-gradient(top, rgba(100,0,0,1), rgba(100,0,0,0.9)) no-repeat
+    *background-color : #300
 
 .humane.humane-animate
   opacity: 1

diff --git a/theme-src/boldlight.styl b/theme-src/boldlight.styl
@@ -22,10 +22,10 @@ html, body { height: 100% }
   text-align       : center
   background-image : linear-gradient-image(150px, rgba(255,255,255,0.8), rgba(150,150,150,0.8))
   background       : linear-gradient(top, rgba(255,255,255,0.8), rgba(150,150,150,0.8)) no-repeat
-  background-color : #fff
+  *background-color: #fff
   border-radius    : 15px
   text-shadow      : 0 -1px 1px rgba(#ddd,0.4)
-  box-shadow       : 0 4px 4px -4px #000
+  box-shadow       : 0 4px 4px -4px #eee
   transform        : scale(1.1)
   p, ul
     margin: 0
@@ -35,25 +35,25 @@ html, body { height: 100% }
   &.humane-info
     background-image  : linear-gradient-image(200px, rgba(100,100,255,1), rgba(100,100,255,0.8))
     background        : linear-gradient(top, rgba(100,100,255,1), rgba(100,100,255,0.8)) no-repeat
-    background-color  : rgb(100,100,255)
+    *background-color  : rgb(100,100,255)
   &.humane-success
-    background-image  : linear-gradient-image(200px, rgba(100,255,100,1), rgba(100,255,100,0.8))
+    background-image  : linear-gradient-image(200px, rgba(100,255,100,0.8), rgba(100,255,100,0.8))
     background        : linear-gradient(top, rgba(100,255,100,1), rgba(100,255,100,0.8)) no-repeat
-    background-color  : rgb(100,255,100)
+    *background-color  : rgb(100,255,100)
   &.humane-error
-    background-image  : linear-gradient-image(200px, rgba(255,100,100,1), rgba(255,100,100,0.8))
+    background-image  : linear-gradient-image(200px, rgba(255,100,100,0.8), rgba(255,100,100,0.8))
     background        : linear-gradient(top, rgba(255,100,100,1), rgba(255,100,100,0.8)) no-repeat
-    background-color  : rgb(255,100,100)
+    *background-color  : rgb(255,100,100)
 
 .humane.humane-animate
   opacity   : 1
   transform : scale(1)
   &:hover
-    opacity   : 0.2
+    opacity   : 0.4
     transform : scale(1.8)
 
 .humane.humane-js-animate
   opacity   : 1
   transform : scale(1)
   &:hover
-    opacity   : 0.2
+    opacity   : 0.4
diff --git a/theme-src/libnotify.styl b/theme-src/libnotify.styl
@@ -19,9 +19,9 @@ html, body { height: 100% }
   width             : 150px
   color             : #fff
   padding           : 10px
-  background-color  : rgb(0,0,0)
-  background        : linear-gradient-image(80px, rgba(0,0,0,0.9), rgba(50,50,50,0.9))
+  background-image  : linear-gradient-image(80px, rgba(0,0,0,0.9), rgba(50,50,50,0.9))
   background        : linear-gradient(top, rgba(0,0,0,0.9), rgba(50,50,50,0.9)) no-repeat
+  *background-color : #000
   border-radius     : 5px
   box-shadow        : 0 4px 4px -4px #000
   transform         : translateY(-40px)
@@ -33,15 +33,15 @@ html, body { height: 100% }
   &.humane-info
     background-image  : linear-gradient-image(80px, rgba(0,0,50,0.9), rgba(0,0,100,0.9))
     background        : linear-gradient(top, rgba(0,0,50,0.9), rgba(0,0,100,0.9)) no-repeat
-    background-color  : #030
+    *background-color : #030
   &.humane-success
     background-image  : linear-gradient-image(80px, rgba(0,50,0,0.9), rgba(0,100,0,0.9))
     background        : linear-gradient(top, rgba(0,50,0,0.9), rgba(0,100,0,0.9)) no-repeat
-    background-color  : #030
+    *background-color  : #030
   &.humane-error
     background-image  : linear-gradient-image(200px, rgba(50,0,0,0.9), rgba(100,0,0,0.9))
     background        : linear-gradient(top, rgba(50,0,0,0.9), rgba(100,0,0,0.9)) no-repeat
-    background-color  : #300
+    *background-color  : #300
 
 .humane.humane-animate
   opacity           : 1

diff --git a/themes/bigbox.css b/themes/bigbox.css
@@ -28,13 +28,13 @@ body {
   padding: 30px;
   text-align: center;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQokb2RQQ6EMAwDx/7/n80BtIEC3RYhLlXrVLGTAYiBWBIGtkPSP01SfreTVoV5re9Rcee1scwDk9NurbR62sZJcpzy9O+2X5KsXabyPaQFYNuvkqkRviDTp9Vs8opC0TpkHvJtVjeReW/5kEyX1gKeLEKE9peeWAAAAABJRU5ErkJggg==');
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, rgba(0,0,0,0.80))) no-repeat;
-  background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.80) 100%) no-repeat;
-  background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.80) 100%) no-repeat;
-  background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.80) 100%) no-repeat;
-  background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.80) 100%) no-repeat;
-  background: linear-gradient(top, #000 0%, rgba(0,0,0,0.80) 100%) no-repeat;
-  background-color: #000;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, rgba(0,0,0,0.90))) no-repeat;
+  background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
+  background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
+  background: linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
+  *background-color: #000;
   color: #fff;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
@@ -63,33 +63,33 @@ body {
 }
 .humane.humane-info {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAQElEQVQokWNgYEj5z8TAwPCfiYGBgQGVIEKMTG2DTYwRVez/IHIaNcUGyBnYgpORel6gpvFEJhBqpxIaG8/AAADsKDq/HhYQ2AAAAABJRU5ErkJggg==');
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000064), color-stop(1, rgba(0,0,100,0.80))) no-repeat;
-  background: -moz-linear-gradient(top, #000064 0%, rgba(0,0,100,0.80) 100%) no-repeat;
-  background: -webkit-linear-gradient(top, #000064 0%, rgba(0,0,100,0.80) 100%) no-repeat;
-  background: -ms-linear-gradient(top, #000064 0%, rgba(0,0,100,0.80) 100%) no-repeat;
-  background: -o-linear-gradient(top, #000064 0%, rgba(0,0,100,0.80) 100%) no-repeat;
-  background: linear-gradient(top, #000064 0%, rgba(0,0,100,0.80) 100%) no-repeat;
-  background-color: #030;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000064), color-stop(1, rgba(0,0,100,0.90))) no-repeat;
+  background: -moz-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
+  background: -o-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
+  background: linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
+  *background-color: #030;
 }
 .humane.humane-success {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNgSGH4z8TAACEYUAkixMjUNsjEGFHF/g8ip1FVbGCcgS04GannBaoaT1wCwWkvmXbQ2HgGBgYA8Yw6v+m4Kh8AAAAASUVORK5CYII=');
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006400), color-stop(1, rgba(0,100,0,0.80))) no-repeat;
-  background: -moz-linear-gradient(top, #006400 0%, rgba(0,100,0,0.80) 100%) no-repeat;
-  background: -webkit-linear-gradient(top, #006400 0%, rgba(0,100,0,0.80) 100%) no-repeat;
-  background: -ms-linear-gradient(top, #006400 0%, rgba(0,100,0,0.80) 100%) no-repeat;
-  background: -o-linear-gradient(top, #006400 0%, rgba(0,100,0,0.80) 100%) no-repeat;
-  background: linear-gradient(top, #006400 0%, rgba(0,100,0,0.80) 100%) no-repeat;
-  background-color: #030;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006400), color-stop(1, rgba(0,100,0,0.90))) no-repeat;
+  background: -moz-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
+  background: -o-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
+  background: linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
+  *background-color: #030;
 }
 .humane.humane-error {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNIYWD4z8QAJRhQCSLEyNQ2uMQYUcX+DyKnUVdsQJyBLTgZqecF6hpPVALBaS+ZdtDYeAYGBgYA9vA6v4OR3MkAAAAASUVORK5CYII=');
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #640000), color-stop(1, rgba(100,0,0,0.80))) no-repeat;
-  background: -moz-linear-gradient(top, #640000 0%, rgba(100,0,0,0.80) 100%) no-repeat;
-  background: -webkit-linear-gradient(top, #640000 0%, rgba(100,0,0,0.80) 100%) no-repeat;
-  background: -ms-linear-gradient(top, #640000 0%, rgba(100,0,0,0.80) 100%) no-repeat;
-  background: -o-linear-gradient(top, #640000 0%, rgba(100,0,0,0.80) 100%) no-repeat;
-  background: linear-gradient(top, #640000 0%, rgba(100,0,0,0.80) 100%) no-repeat;
-  background-color: #300;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #640000), color-stop(1, rgba(100,0,0,0.90))) no-repeat;
+  background: -moz-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
+  background: -o-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
+  background: linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
+  *background-color: #300;
 }
 .humane.humane-animate {
   opacity: 1;

diff --git a/themes/boldlight.css b/themes/boldlight.css
@@ -34,18 +34,18 @@ body {
   background: -ms-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
   background: linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
-  background-color: #fff;
+  *background-color: #fff;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   border-radius: 15px;
   text-shadow: 0 -1px 1px rgba(221,221,221,0.40);
-  -moz-box-shadow: 0 4px 4px -4px #000;
-  -webkit-box-shadow: 0 4px 4px -4px #000;
-  -ms-box-shadow: 0 4px 4px -4px #000;
-  -o-box-shadow: 0 4px 4px -4px #000;
-  box-shadow: 0 4px 4px -4px #000;
+  -moz-box-shadow: 0 4px 4px -4px #eee;
+  -webkit-box-shadow: 0 4px 4px -4px #eee;
+  -ms-box-shadow: 0 4px 4px -4px #eee;
+  -o-box-shadow: 0 4px 4px -4px #eee;
+  box-shadow: 0 4px 4px -4px #eee;
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
@@ -68,27 +68,27 @@ body {
   background: -ms-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
   background: -o-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
   background: linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
-  background-color: #6464ff;
+  *background-color: #6464ff;
 }
 .humane.humane-success {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAASElEQVQokc2SMQ4AIAgDD9/K/79QVzWaENTownAJbWnA5SqACkA/Aiy59hczrGVC30Q7y57EmNU5NL5zwln50IMsfZMel+UBKtFBQSLWM9wLAAAAAElFTkSuQmCC');
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWNI+Z9yhomBgYFhlBglRonhSgAAFX0EItSd0k8AAAAASUVORK5CYII=');
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64ff64), color-stop(1, rgba(100,255,100,0.80))) no-repeat;
   background: -moz-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
   background: -webkit-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
   background: -ms-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
   background: -o-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
   background: linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
-  background-color: #64ff64;
+  *background-color: #64ff64;
 }
 .humane.humane-error {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAARklEQVQokWP4n5Lyn4mBgeE/EwMDAwMqQYQYmdoGmRgjI4rY//+Dx2lUFRsYZ2ALTrQQp8QLVDWeuASC014y7aCx8QwMDADM3EEi0TnkZAAAAABJRU5ErkJggg==');
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWP4n5JyhomBgYFhlBglRonhSgAAFhgEIhjGqQkAAAAASUVORK5CYII=');
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6464), color-stop(1, rgba(255,100,100,0.80))) no-repeat;
   background: -moz-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
   background: -webkit-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
   background: -ms-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
   background: -o-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
   background: linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
-  background-color: #ff6464;
+  *background-color: #ff6464;
 }
 .humane.humane-animate {
   opacity: 1;
@@ -100,8 +100,8 @@ body {
   transform: scale(1);
 }
 .humane.humane-animate:hover {
-  opacity: 0.2;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+  opacity: 0.4;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
   -moz-transform: scale(1.8);
   -webkit-transform: scale(1.8);
   -ms-transform: scale(1.8);
@@ -118,6 +118,6 @@ body {
   transform: scale(1);
 }
 .humane.humane-js-animate:hover {
-  opacity: 0.2;
-  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
+  opacity: 0.4;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 }
diff --git a/themes/libnotify.css b/themes/libnotify.css
@@ -26,14 +26,14 @@ body {
   width: 150px;
   color: #fff;
   padding: 10px;
-  background-color: #000;
-  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.90)), color-stop(1, rgba(50,50,50,0.90))) no-repeat;
   background: -moz-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
   background: -ms-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
   background: linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
+  *background-color: #000;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
@@ -66,7 +66,7 @@ body {
   background: -ms-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
   background: linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
-  background-color: #030;
+  *background-color: #030;
 }
 .humane.humane-success {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
@@ -76,7 +76,7 @@ body {
   background: -ms-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
   background: linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
-  background-color: #030;
+  *background-color: #030;
 }
 .humane.humane-error {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
@@ -86,7 +86,7 @@ body {
   background: -ms-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
   background: -o-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
   background: linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
-  background-color: #300;
+  *background-color: #300;
 }
 .humane.humane-animate {
   opacity: 1;