RubyGems - kea-rails - Versions diffs - 1.0.1 → 1.0.2 - Mend

kea-rails 1.0.1 → 1.0.2

Files changed (122) hide show

data/vendor/assets/components/humane-js/readme.md ADDED Viewed

@@ -0,0 +1,85 @@
+# humane.js
+This project was heavily inspired by [humanmsg](http://code.google.com/p/humanmsg/) project for jQuery.  I really
+liked the project but I wanted to remove the jQuery dependency, add support for CSS transitions, and have more
+control over the timing.
+## About
+humane.js tries to be as unobtrusive as possible to the user experience while providing helpful information that is
+clear and grabs the users attention.  It is framework independent.  Customizable.
+## Setup
+Setup is simple:
+  - Download tar/zip
+  - Select a [theme](https://github.com/wavded/humane-js/wiki/Themes) from `themes` dir.
+  - Include the theme CSS in your page
+  - Include `humane.min.js` in your page
+## Demo/Usage
+You can see a [demo and usage here](http://wavded.github.com/humane-js/)
+## Custom Themes
+Got a neat theme/animation, love to see it.  View `theme-src/bigbox.styl` for an template to get started (uses [Stylus](http://learnboost.github.com/stylus/) w/ Nib and Canvas).
+To get setup with Stylus use [npm](http://npmjs.org):
+```sh
+npm install --development
+```
+With Stylus installed you can watch for changes and compile into CSS by running:
+```sh
+npm run watch
+```
+## Desktop and Mobile Browser Support
+humane.js has been tested for the following browsers.
+  - Internet Explorer 7+
+  - Firefox 3+
+  - Chrome 9+
+  - Safari 3+
+  - Opera 10+
+  - iOS 4+
+  - Android 2+
+## AMD and Node.js Support
+humane.js works for AMD systems like [require.js](http://requirejs.org/) and within Node.js CommonJS module system like [browserify](https://github.com/substack/node-browserify).
+## Contributers
+Many thanks to the JS/Browser wizards that helped make this better, community rocks!
+- @bga_ (Alexander)
+- @joseanpg (Jose)
+- @OiNutter (Will McKenzie)
+- @ianmassey (Ian Massey)
+## License
+(The MIT License)
+Copyright (c) 2014 Marc Harter &lt;wavded@gmail.com&gt;
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/vendor/assets/components/humane-js/test/issue23.html ADDED Viewed

@@ -0,0 +1,11 @@
+<link href='../themes/bigbox.css' rel='stylesheet'>
+<script src='../humane.js'></script>
+<body onload="humaneShow();">
+   <p>Automatically Show</p>
+   <script>
+      function humaneShow(){
+         humane.log("Welcome Back");
+      }
+   </script>
+</body>

data/vendor/assets/components/humane-js/test/issue36.html ADDED Viewed

@@ -0,0 +1,9 @@
+<html>
+<head>
+<link href='../themes/bigbox.css' rel='stylesheet'>
+<script src='../humane.js'></script>
+</head>
+<script>
+humane.log("Hello");
+</script>
+</html>

data/vendor/assets/components/humane-js/test/issue38.html ADDED Viewed

@@ -0,0 +1,15 @@
+<html>
+<head>
+<link href='../themes/bigbox.css' rel='stylesheet'>
+<script src='../humane.js'></script>
+</head>
+<div id='notify'></div>
+<script>
+  var notify = humane.create({container: document.getElementById('notify')});
+  notify.log("<h2>Order successfully submitted for 435645 of the Test Brochure</h2><p>You will be contacted shortly with confirmation of your order</p>", {
+    timeout: 5000,
+    clickToClose: false,
+    addnCls: "humane-bigbox-success"
+  })
+</script>
+</html>

data/vendor/assets/components/humane-js/test/issue49.html ADDED Viewed

@@ -0,0 +1,9 @@
+<link href='../themes/bigbox.css' rel='stylesheet'>
+<script src='//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.8/require.min.js'></script>
+<script>
+requirejs.config({ baseUrl: '../' })
+require(['humane'], function (humane) {
+  console.assert(!window.humane, 'global should not exist')
+  humane.log('hello')
+})
+</script>

data/vendor/assets/components/humane-js/theme-src/bigbox.styl ADDED Viewed

@@ -0,0 +1,65 @@
+@import 'nib'
+vendor-prefixes = moz webkit ms o official
+support-for-ie = false
+html, body { min-height: 100% }
+.humane
+.humane-bigbox
+  position   : fixed
+  transition : all .3s ease-out
+  z-index    : 100000
+  filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)")
+.humane
+.humane-bigbox
+  font-family       : Ubuntu, Verdana, sans-serif
+  line-height       : 40px
+  font-size         : 35px
+  top               : 25%
+  left              : 25%
+  opacity           : 0
+  width             : 50%
+  min-height        : 40px
+  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.9)) no-repeat
+  *background-color : #000
+  color             : #fff
+  border-radius     : 15px
+  text-shadow       : 0 -1px 1px #ddd
+  box-shadow        : 0 15px 15px -15px #000
+  transform         : scale(0.1)
+  p, ul
+    margin: 0
+    padding: 0
+  ul
+    list-style: none
+  &.humane-bigbox-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.9)) no-repeat
+    *background-color : #030
+  &.humane-bigbox-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.9)) no-repeat
+    *background-color : #030
+  &.humane-bigbox-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.9)) no-repeat
+    *background-color : #300
+.humane.humane-animate
+.humane-bigbox.humane-bigbox-animate
+  opacity: 1
+  transform: scale(1)
+  &:hover
+    opacity: 0.6
+    transform: scale(0.8)
+.humane.humane-js-animate
+.humane-bigbox.humane-bigbox-js-animate
+  opacity: 1
+  transform: scale(1)
+  &:hover
+    opacity: 0.6
+    filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=60)")

data/vendor/assets/components/humane-js/theme-src/boldlight.styl ADDED Viewed

@@ -0,0 +1,64 @@
+@import 'nib'
+vendor-prefixes = moz webkit ms o official
+support-for-ie = false
+html, body { min-height: 100% }
+.humane
+.humane-boldlight
+  position   : fixed
+  transition : all .3s ease-out
+  z-index    : 100000
+  filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)")
+.humane
+.humane-boldlight
+  font-family      : Ubuntu, Verdana, sans-serif
+  font-size        : 25px
+  letter-spacing   : -1px
+  top              : 25%
+  left             : 25%
+  opacity          : 0
+  width            : 50%
+  color            : #000
+  padding          : 10px
+  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
+  border-radius    : 15px
+  text-shadow      : 0 -1px 1px rgba(#ddd,0.4)
+  box-shadow       : 0 4px 4px -4px #eee
+  transform        : scale(1.1)
+  p, ul
+    margin: 0
+    padding: 0
+  ul
+    list-style: none
+  &.humane-boldlight-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)
+  &.humane-boldlight-success
+    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)
+  &.humane-boldlight-error
+    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)
+.humane.humane-animate
+.humane-boldlight.humane-boldlight-animate
+  opacity   : 1
+  transform : scale(1)
+  &:hover
+    opacity   : 0.4
+    transform : scale(1.8)
+.humane.humane-animate
+.humane-boldlight.humane-boldlight-js-animate
+  opacity   : 1
+  transform : scale(1)
+  &:hover
+    opacity   : 0.4
+    filter  : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=40)")

data/vendor/assets/components/humane-js/theme-src/jackedup.styl ADDED Viewed

@@ -0,0 +1,69 @@
+@import 'nib'
+vendor-prefixes = moz webkit ms o official
+support-for-ie = false
+html, body { min-height: 100% }
+.humane
+.humane-jackedup
+  position   : fixed
+  transition : all .6s ease-in-out
+  z-index    : 100000
+  filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)")
+.humane
+.humane-jackedup
+  font-family      : Helvetica Neue, Helvetica, san-serif
+  font-size        : 18px
+  letter-spacing   : -1px
+  top              : 20px
+  left             : 30%
+  opacity          : 0
+  width            : 40%
+  color            : #333
+  padding          : 10px
+  text-align       : center
+  background-image : linear-gradient-image(150px, rgba(0,0,0,.1), rgba(0,0,0,.2))
+  background       : linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2)) no-repeat
+  background-color : #fff
+  border-radius    : 3px
+  text-shadow      : 0 1px 1px rgba(rgba(255,255,255,.8))
+  box-shadow       : 0 1px 2px rgba(0,0,0,.5)
+  transform        : translateY(-100px)
+  p, ul
+    margin: 0
+    padding: 0
+  ul
+    list-style: none
+  &.humane-jackedup-info
+    background-image  : linear-gradient-image(200px, rgba(100,100,255,1), rgba(100,100,255,0.8))
+    background        : linear-gradient(top, rgba(0,0,0,.7), rgba(0,0,0,.85)) no-repeat
+    background-color  : #fff
+    color             : #fff
+    text-shadow       : 0 -1px 1px rgba(0,0,0,.35)
+  &.humane-jackedup-success
+    background-image  : linear-gradient-image(200px, rgba(100,255,100,1), rgba(100,255,100,0.8))
+    background        : linear-gradient(top, rgba(98,196,98,1), rgba(87,169,87,1)) no-repeat
+    background-color  : rgb(100,255,100)
+    color             : #fff
+    text-shadow       : 0 -1px 1px rgba(0,0,0,.35)
+  &.humane-jackedup-error
+    background-image  : linear-gradient-image(200px, rgba(238,95,91,1), rgba(196,60,53,1))
+    background        : linear-gradient(top, rgba(238,95,91,1), rgba(196,60,53,1)) no-repeat
+    background-color  : rgb(238,95,91)
+    color             : #fff
+    text-shadow      : 0 -1px 1px rgba(rgba(0,0,0,.35))
+.humane-animate
+.humane-jackedup.humane-jackedup-animate
+  opacity   : 1
+  transform : translateY(0)
+  &:hover
+    opacity : .7
+.humane-js-animate
+.humane-jackedup.humane-jackedup-js-animate
+  opacity   : 1
+  transform : translateY(0)
+  &:hover
+    opacity : 0.7
+    filter  : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=70)")

data/vendor/assets/components/humane-js/theme-src/libnotify.styl ADDED Viewed

@@ -0,0 +1,61 @@
+@import 'nib'
+vendor-prefixes = moz webkit ms o official
+support-for-ie = false
+html, body { min-height: 100% }
+.humane
+.humane-libnotify
+  position   : fixed
+  transition : all .3s ease-out
+  z-index    : 100000
+  filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)")
+.humane
+.humane-libnotify
+  font-family       : Ubuntu, Arial, sans-serif
+  text-align        : center
+  font-size         : 15px
+  top               : 10px
+  right             : 10px
+  opacity           : 0
+  width             : 150px
+  color             : #fff
+  padding           : 10px
+  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)
+  p, ul
+    margin: 0
+    padding: 0
+  ul
+    list-style: none
+  &.humane-libnotify-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
+  &.humane-libnotify-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
+  &.humane-libnotify-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
+.humane.humane-animate
+.humane-libnotify.humane-libnotify-animate
+  opacity           : 1
+  transform         : translateY(0)
+  &:hover
+    opacity         : 0.2
+.humane.humane-animate
+.humane-libnotify.humane-libnotify-js-animate
+  opacity           : 1
+  transform         : translateY(0)
+  &:hover
+    opacity         : 0.2
+    filter          : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=20)")

data/vendor/assets/components/humane-js/theme-src/original.styl ADDED Viewed

@@ -0,0 +1,51 @@
+@import 'nib'
+vendor-prefixes = moz webkit ms o official
+support-for-ie = false
+html, body { min-height: 100% }
+.humane
+.humane-original
+  position   : fixed
+  transition : all .2s ease-out
+  z-index    : 100000
+  filter     : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=100)")
+.humane
+.humane-original
+  font-family       : Ubuntu, Verdana, sans-serif
+  line-height       : 40px
+  font-size         : 25px
+  top               : 25%
+  left              : 25%
+  opacity           : 0
+  width             : 50%
+  min-height        : 40px
+  padding           : 10px
+  text-align        : center
+  background-color  : #000
+  color             : #fff
+  border-radius     : 15px
+  p, ul
+    margin: 0
+    padding: 0
+  ul
+    list-style: none
+  &.humane-original-info
+    background-color : #030
+  &.humane-original-success
+    background-color : #030
+  &.humane-original-error
+    background-color : #300
+.humane.humane-animate
+.humane-original.humane-original-animate
+  opacity   : 0.8
+  &:hover
+    opacity : 0.6
+.humane.humane-js-animate
+.humane-original.humane-original-js-animate
+  opacity    : 0.8
+  &:hover
+    opacity  : 0.6
+    filter   : unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=60)")

data/vendor/assets/components/humane-js/themes/bigbox.css ADDED Viewed

@@ -0,0 +1,123 @@
+html,
+body {
+  min-height: 100%;
+}
+.humane,
+.humane-bigbox {
+  position: fixed;
+  -moz-transition: all 0.3s ease-out;
+  -webkit-transition: all 0.3s ease-out;
+  -ms-transition: all 0.3s ease-out;
+  -o-transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
+  z-index: 100000;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+}
+.humane,
+.humane-bigbox {
+  font-family: Ubuntu, Verdana, sans-serif;
+  line-height: 40px;
+  font-size: 35px;
+  top: 25%;
+  left: 25%;
+  opacity: 0;
+  width: 50%;
+  min-height: 40px;
+  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.9))) no-repeat;
+  background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
+  background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
+  background: linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
+  *background-color: #000;
+  color: #fff;
+  -webkit-border-radius: 15px;
+  border-radius: 15px;
+  text-shadow: 0 -1px 1px #ddd;
+  -webkit-box-shadow: 0 15px 15px -15px #000;
+  box-shadow: 0 15px 15px -15px #000;
+  -moz-transform: scale(0.1);
+  -webkit-transform: scale(0.1);
+  -ms-transform: scale(0.1);
+  -o-transform: scale(0.1);
+  transform: scale(0.1);
+}
+.humane p,
+.humane-bigbox p,
+.humane ul,
+.humane-bigbox ul {
+  margin: 0;
+  padding: 0;
+}
+.humane ul,
+.humane-bigbox ul {
+  list-style: none;
+}
+.humane.humane-bigbox-info,
+.humane-bigbox.humane-bigbox-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.9))) no-repeat;
+  background: -moz-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
+  background: -o-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
+  background: linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
+  *background-color: #030;
+}
+.humane.humane-bigbox-success,
+.humane-bigbox.humane-bigbox-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.9))) no-repeat;
+  background: -moz-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
+  background: -o-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
+  background: linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
+  *background-color: #030;
+}
+.humane.humane-bigbox-error,
+.humane-bigbox.humane-bigbox-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.9))) no-repeat;
+  background: -moz-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
+  background: -webkit-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
+  background: -ms-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
+  background: -o-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
+  background: linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
+  *background-color: #300;
+}
+.humane.humane-animate,
+.humane-bigbox.humane-bigbox-animate {
+  opacity: 1;
+  -moz-transform: scale(1);
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  -o-transform: scale(1);
+  transform: scale(1);
+}
+.humane.humane-animate:hover,
+.humane-bigbox.humane-bigbox-animate:hover {
+  opacity: 0.6;
+  -moz-transform: scale(0.8);
+  -webkit-transform: scale(0.8);
+  -ms-transform: scale(0.8);
+  -o-transform: scale(0.8);
+  transform: scale(0.8);
+}
+.humane.humane-js-animate,
+.humane-bigbox.humane-bigbox-js-animate {
+  opacity: 1;
+  -moz-transform: scale(1);
+  -webkit-transform: scale(1);
+  -ms-transform: scale(1);
+  -o-transform: scale(1);
+  transform: scale(1);
+}
+.humane.humane-js-animate:hover,
+.humane-bigbox.humane-bigbox-js-animate:hover {
+  opacity: 0.6;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
+}