humane-rails 2.8.0.0.1.2 → 3.0.5.0.1.5

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -1,36 +1,49 @@
1
- <pre>
2
- _ _ _
3
- | |__ _ _ _ __ ___ __ _ _ __ ___ _ __ __ _(_) |___
4
- | '_ \| | | | '_ ` _ \ / _` | '_ \ / _ \_____| '__/ _` | | / __|
5
- | | | | |_| | | | | | | (_| | | | | __/_____| | | (_| | | \__ \
6
- |_| |_|\__,_|_| |_| |_|\__,_|_| |_|\___| |_| \__,_|_|_|___/
7
- </pre>
1
+ _ _ _
2
+ | |__ _ _ _ __ ___ __ _ _ __ ___ _ __ __ _(_) |___
3
+ | '_ \| | | | '_ ` _ \ / _` | '_ \ / _ \_____| '__/ _` | | / __|
4
+ | | | | |_| | | | | | | (_| | | | | __/_____| | | (_| | | \__ \
5
+ |_| |_|\__,_|_| |_| |_|\__,_|_| |_|\___| |_| \__,_|_|_|___/
8
6
 
9
7
  This is a gemified version of Marc Harter's humane-js library. See http://wavded.github.com/humane-js/ for more details.
10
8
 
11
9
  [![Build Status](https://secure.travis-ci.org/harrigan/humane-rails.png)](http://travis-ci.org/harrigan/humane-rails)
10
+ [![Code Climate](https://codeclimate.com/badge.png)](https://codeclimate.com/github/harrigan/humane-rails)
12
11
 
13
12
  ## Instructions
14
13
 
15
14
  Add the following to your Gemfile:
16
15
 
17
- `gem "humane-rails"`
16
+ ```
17
+ gem "humane-rails"
18
+ ``
18
19
 
19
- Then add the following to your application.js:
20
+ Then add the following to your `application.js`:
20
21
 
21
- `//= require humane`
22
+ ```javascript
23
+ //= require humane
24
+ ```
22
25
 
23
- and one of the following to your application.css:
26
+ and one of the following to your `application.css`:
24
27
 
25
- `*= require original`
28
+ ```css
29
+ *= require original
30
+ ```
26
31
 
27
- `*= require libnotify`
32
+ ```css
33
+ *= require libnotify
34
+ ```
28
35
 
29
- `*= require bigbox`
36
+ ```css
37
+ *= require bigbox
38
+ ```
30
39
 
31
- `*= require boldlight`
40
+ ```css
41
+ *= require boldlight
42
+ ```
32
43
 
33
- `*= require jackedup`
44
+ ```css
45
+ *= require jackedup
46
+ ```
34
47
 
35
48
  Don't forget to run `bundle update` after upgrading to the latest gem version to ensure it's used by your Rails app.
36
49
 
@@ -2,13 +2,13 @@ module HumaneFlashMessagesHelper
2
2
  def humane_flash_messages
3
3
  content = ""
4
4
  unless flash[:notice].blank?
5
- content << javascript_tag("humane.info(\"#{flash[:notice]}\")")
5
+ content << javascript_tag("humane.notice(\"#{flash[:notice]}\")")
6
6
  end
7
7
  unless flash[:error].blank?
8
8
  content << javascript_tag("humane.error(\"#{flash[:error]}\")")
9
9
  end
10
10
  unless flash[:alert].blank?
11
- content << javascript_tag("humane.error(\"#{flash[:alert]}\")")
11
+ content << javascript_tag("humane.alert(\"#{flash[:alert]}\")")
12
12
  end
13
13
  content
14
14
  end
@@ -1,3 +1,3 @@
1
1
  module HumaneRails
2
- VERSION = "2.8.0.0.1.2"
2
+ VERSION = "3.0.5.0.1.5"
3
3
  end
@@ -3,213 +3,219 @@
3
3
  * Humanized Messages for Notifications
4
4
  * @author Marc Harter (@wavded)
5
5
  * @example
6
- * humane('hello world');
6
+ * humane.log('hello world');
7
7
  * See more usage examples at: http://wavded.github.com/humane-js/
8
8
  */
9
- ;(function (win,doc) {
10
-
11
- var humane, on, off, isArray,
12
- eventing = false,
13
- useTransitions = false,
14
- animationInProgress = false,
15
- humaneEl = null,
16
- timeout = null,
17
- useFilter = /msie [678]/i.test(navigator.userAgent), // sniff, sniff
18
- vendors = { Webkit: 'webkit', Moz: '', O: 'o', ms: 'MS' },
19
- eventPrefix = "",
20
- isSetup = false,
21
- currentMessage = {},
22
- noop = function(){},
23
- events = { 'add': noop, 'show': noop, 'hide': noop },
24
- queue = [];
25
-
26
- if ('addEventListener' in win) {
27
- on = function (obj,type,fn) { obj.addEventListener(type,fn,false) };
28
- off = function (obj,type,fn) { obj.removeEventListener(type,fn,false) };
29
- }
30
- else {
31
- on = function (obj,type,fn) { obj.attachEvent('on'+type,fn) };
32
- off = function (obj,type,fn) { obj.detachEvent('on'+type,fn) };
33
- }
34
-
35
- isArray = Array.isArray || function (obj) { return Object.prototype.toString.call(obj) === '[object Array]' };
36
-
37
- function normalizeEvent(name) {
38
- return eventPrefix ? eventPrefix + name : name.toLowerCase();
39
- }
40
-
41
- function getConfig(type, config) {
42
- return currentMessage.instance[config] !== void 0 ? currentMessage.instance[config] : win.humane[config];
43
- }
44
-
45
- on (win,'load', setup);
46
-
47
- function setup() {
48
- humaneEl = doc.createElement('div');
49
- humaneEl.id = 'humane';
50
- humaneEl.className = 'humane';
51
- doc.body.appendChild(humaneEl);
52
- for (vendor in vendors) {
53
- if (vendor + 'TransitionProperty' in humaneEl.style) {
54
- eventPrefix = vendors[vendor];
55
- useTransitions = true;
56
- }
57
- }
58
- if (!useTransitions) animate = jsAnimateOpacity; // use js animation when no transition support
59
- isSetup = true;
60
- run();
61
- }
62
9
 
63
- function run() {
64
- if (animationInProgress) return;
65
- if (!queue.length) return;
66
-
67
- after = null;
68
- animationInProgress = true;
69
- if (timeout) {
70
- clearTimeout(timeout);
71
- timeout = null;
72
- }
73
-
74
- var next = queue.shift();
75
- currentMessage = { type: next[0], message: next[1], instance: next[2], callback: next[3] };
76
- var content = currentMessage.message,
77
- type = currentMessage.type;
78
-
79
- if ( getConfig(type, 'clickToClose') === true ) {
80
- on (humaneEl, 'click', remove);
81
- on (humaneEl, 'touchstart', remove);
82
- }
83
-
84
- var timeoutInMillis = getConfig(type, 'timeout');
85
-
86
- if (timeoutInMillis > 0) {
87
- timeout = setTimeout(function(){ // allow notification to stay alive for timeout
88
- if (!eventing) {
89
- on (doc.body, 'mousemove', remove);
90
- on (doc.body, 'click', remove);
91
- on (doc.body, 'keypress', remove);
92
- on (doc.body, 'touchstart', remove);
93
- eventing = true;
94
- if( getConfig(type, 'waitForMove') !== true ) remove();
10
+ ;!function (name, context, definition) {
11
+ if (typeof module !== 'undefined') module.exports = definition(name, context)
12
+ else if (typeof define === 'function' && typeof define.amd === 'object') define(definition)
13
+ else context[name] = definition(name, context)
14
+ }('humane', this, function (name, context) {
15
+ var win = window
16
+ var doc = document
17
+
18
+ var ENV = {
19
+ on: function (el, type, cb) {
20
+ 'addEventListener' in win ? el.addEventListener(type,cb,false) : el.attachEvent('on'+type,cb)
21
+ },
22
+ off: function (el, type, cb) {
23
+ 'removeEventListener' in win ? el.removeEventListener(type,cb,false) : el.detachEvent('on'+type,cb)
24
+ },
25
+ bind: function (fn, ctx) {
26
+ return function () { fn.apply(ctx,arguments) }
27
+ },
28
+ isArray: Array.isArray || function (obj) { return Object.prototype.toString.call(obj) === '[object Array]' },
29
+ config: function (preferred, fallback) {
30
+ return preferred != null ? preferred : fallback
31
+ },
32
+ transSupport: false,
33
+ useFilter: /msie [678]/i.test(navigator.userAgent), // sniff, sniff
34
+ _checkTransition: function () {
35
+ var el = doc.createElement('div')
36
+ var vendors = { webkit: 'webkit', Moz: '', O: 'o', ms: 'MS' }
37
+
38
+ for (var vendor in vendors)
39
+ if (vendor + 'Transition' in el.style) {
40
+ this.vendorPrefix = vendors[vendor]
41
+ this.transSupport = true
95
42
  }
96
- }, timeoutInMillis);
97
43
  }
98
-
99
- events['show'](type,content,'show');
100
- if ( isArray(content) ) content = '<ul><li>' + content.join('<li>') + '</ul>';
101
-
102
- humaneEl.innerHTML = content;
103
- humaneEl.style.display = 'block';
104
- setTimeout(function(){ animate(1,type); },50) // prevent queueing display in animation
105
44
  }
106
-
107
- function animate (level,type) {
108
- if (level === 1) {
109
- humaneEl.className = "humane humane-" + type + " humane-animate";
110
- }
111
- else {
112
- humaneEl.className = humaneEl.className.replace(" humane-animate","");
113
- on ( humaneEl, normalizeEvent('TransitionEnd'), end );
45
+ ENV._checkTransition()
46
+
47
+ var Humane = function (o) {
48
+ o || (o = {})
49
+ this.queue = []
50
+ this.baseCls = o.baseCls || 'humane'
51
+ this.addnCls = o.addnCls || ''
52
+ this.timeout = o.timeout || 2500
53
+ this.waitForMove = o.waitForMove || false
54
+ this.clickToClose = o.clickToClose || false
55
+ this.forceNew = o.forceNew || false
56
+
57
+ try { this._setupEl() } // attempt to setup elements
58
+ catch (e) {
59
+ ENV.on(win,'load',ENV.bind(this._setupEl, this)) // dom wasn't ready, wait till ready
114
60
  }
115
61
  }
116
62
 
117
- function remove() {
118
- off (doc.body, 'mousemove', remove);
119
- off (doc.body, 'click', remove);
120
- off (doc.body, 'keypress', remove);
121
- off (doc.body, 'touchstart', remove);
122
- // remove click and touchstart in case clickToClose was added
123
- off (humaneEl, 'click', remove);
124
- off (humaneEl, 'touchstart', remove);
125
- eventing = false;
126
- if (animationInProgress) animate(0);
127
- }
63
+ Humane.prototype = {
64
+ constructor: Humane,
65
+ _setupEl: function () {
66
+ var el = doc.createElement('div')
67
+ el.style.display = 'none'
68
+ doc.body.appendChild(el)
69
+ this.el = el
70
+ this.removeEvent = ENV.bind(this.remove,this)
71
+ this.transEvent = ENV.bind(this._afterAnimation,this)
72
+ this._run()
73
+ },
74
+ _afterTimeout: function () {
75
+ if (!ENV.config(this.currentMsg.waitForMove,this.waitForMove)) this.remove()
76
+
77
+ else if (!this.removeEventsSet) {
78
+ ENV.on(doc.body,'mousemove',this.removeEvent)
79
+ ENV.on(doc.body,'click',this.removeEvent)
80
+ ENV.on(doc.body,'keypress',this.removeEvent)
81
+ ENV.on(doc.body,'touchstart',this.removeEvent)
82
+ this.removeEventsSet = true
83
+ }
84
+ },
85
+ _run: function () {
86
+ if (this._animating || !this.queue.length || !this.el) return
87
+
88
+ this._animating = true
89
+ if (this.currentTimer) {
90
+ clearTimeout(this.currentTimer)
91
+ this.currentTimer = null
92
+ }
128
93
 
94
+ var msg = this.queue.shift()
95
+ var clickToClose = ENV.config(msg.clickToClose,this.clickToClose)
129
96
 
130
- function end() {
131
- // turn off animation event if supported, a little trigger happy
132
- if (useTransitions) off ( humaneEl, normalizeEvent('TransitionEnd'), end );
133
- animationInProgress = false;
134
- if (currentMessage.callback) currentMessage.callback();
135
- events['hide'](currentMessage.type, currentMessage.message,'hide');
136
- humaneEl.style.display = 'none';
137
- run();
138
- }
97
+ if (clickToClose) {
98
+ ENV.on(this.el,'click',this.removeEvent)
99
+ ENV.on(this.el,'touchstart',this.removeEvent)
100
+ }
139
101
 
140
- var setOpacity = useFilter
141
- ? function (opacity) { humaneEl.filters.item('DXImageTransform.Microsoft.Alpha').Opacity = opacity*100; }
142
- : function (opacity) { humaneEl.style.opacity = String(opacity); }
143
-
144
- function jsAnimateOpacity (level, type) {
145
- var interval;
146
- var opacity;
147
-
148
- if (level === 1) {
149
- opacity = 0;
150
- humaneEl.className = "humane humane-js-animate humane-" + type;
151
- if (useFilter) setOpacity(0); // reset value so hover states work
152
- humaneEl.style.zIndex = 1000000;
153
-
154
- interval = setInterval(function(){
155
- if (opacity < 1) {
156
- opacity += 0.1;
157
- if (opacity > 1) opacity = 1;
158
- setOpacity(opacity);
159
- }
160
- else {
161
- clearInterval(interval);
162
- }
163
- }, 100 / 20);
164
- }
165
- else {
166
- opacity = 1;
167
- interval = setInterval(function(){
168
- if(opacity > 0) {
169
- opacity -= 0.1;
170
- if (opacity < 0) opacity = 0;
171
- setOpacity(opacity);
172
- }
173
- else {
174
- humaneEl.className = humaneEl.className.replace(" humane-js-animate","");
175
- humaneEl.style.zIndex = -1;
176
- clearInterval(interval);
177
- end();
178
- }
179
- }, 100 / 20);
180
- }
181
- }
102
+ var timeout = ENV.config(msg.timeout,this.timeout)
182
103
 
183
- function notifier (type) {
184
- return function instance (message, cb) {
185
- queue.push( [type, message, instance, cb] );
186
- events['add'](type, message, 'add');
187
- if (isSetup) run();
188
- }
189
- }
104
+ if (timeout > 0)
105
+ this.currentTimer = setTimeout(ENV.bind(this._afterTimeout,this), timeout)
190
106
 
191
- // types
192
- humane = notifier('log');
193
- humane.log = notifier('log');
194
- humane.error = notifier('error');
195
- humane.info = notifier('info');
196
- humane.success = notifier('success');
197
- humane.remove = remove;
198
-
199
- humane.create = function (options) {
200
- var type = notifier(options.type || 'log');
201
- type.timeout = options.timeout || 2500;
202
- type.waitForMove = options.waitForMove || false;
203
- type.clickToClose = options.clickToClose || false;
204
- return type;
205
- }
107
+ if (ENV.isArray(msg.html)) msg.html = '<ul><li>'+msg.html.join('<li>')+'</ul>'
206
108
 
207
- // options
208
- humane.timeout = 2500;
209
- humane.waitForMove = false;
210
- humane.clickToClose = false;
109
+ this.el.innerHTML = msg.html
110
+ this.currentMsg = msg
111
+ this.el.className = this.baseCls
112
+ if (ENV.transSupport) {
113
+ this.el.style.display = 'block'
114
+ setTimeout(ENV.bind(this._showMsg,this),50)
115
+ } else {
116
+ this._showMsg()
117
+ }
211
118
 
212
- // events
213
- humane.on = function(type, handler){ events[type] = handler; };
214
- win.humane = humane;
215
- })( window, document );
119
+ },
120
+ _setOpacity: function (opacity) {
121
+ if (ENV.useFilter)
122
+ this.el.filters.item('DXImageTransform.Microsoft.Alpha').Opacity = opacity*100
123
+ else
124
+ this.el.style.opacity = String(opacity)
125
+ },
126
+ _showMsg: function () {
127
+ var addnCls = ENV.config(this.currentMsg.addnCls,this.addnCls)
128
+ if (ENV.transSupport) {
129
+ this.el.className = this.baseCls+' '+addnCls+' '+this.baseCls+'-animate'
130
+ }
131
+ else {
132
+ var opacity = 0
133
+ this.el.className = this.baseCls+' '+addnCls+' '+this.baseCls+'-js-animate'
134
+ this._setOpacity(0) // reset value so hover states work
135
+ this.el.style.display = 'block'
136
+
137
+ var self = this
138
+ var interval = setInterval(function(){
139
+ if (opacity < 1) {
140
+ opacity += 0.1
141
+ if (opacity > 1) opacity = 1
142
+ self._setOpacity(opacity)
143
+ }
144
+ else clearInterval(interval)
145
+ }, 30)
146
+ }
147
+ },
148
+ _hideMsg: function () {
149
+ var addnCls = ENV.config(this.currentMsg.addnCls,this.addnCls)
150
+ if (ENV.transSupport) {
151
+ this.el.className = this.baseCls+' '+addnCls
152
+ ENV.on(this.el,ENV.vendorPrefix ? ENV.vendorPrefix+'TransitionEnd' : 'transitionend',this.transEvent)
153
+ }
154
+ else {
155
+ var opacity = 1
156
+ var self = this
157
+ var interval = setInterval(function(){
158
+ if(opacity > 0) {
159
+ opacity -= 0.1
160
+ if (opacity < 0) opacity = 0
161
+ self._setOpacity(opacity);
162
+ }
163
+ else {
164
+ self.el.className = self.baseCls+' '+addnCls
165
+ clearInterval(interval)
166
+ self._afterAnimation()
167
+ }
168
+ }, 30)
169
+ }
170
+ },
171
+ _afterAnimation: function () {
172
+ if (ENV.transSupport) ENV.off(this.el,ENV.vendorPrefix ? ENV.vendorPrefix+'TransitionEnd' : 'transitionend',this.transEvent)
173
+
174
+ if (this.currentMsg.cb) this.currentMsg.cb()
175
+ this.el.style.display = 'none'
176
+
177
+ this._animating = false
178
+ this._run()
179
+ },
180
+ remove: function (e) {
181
+ var cb = typeof e == 'function' ? e : null
182
+
183
+ ENV.off(doc.body,'mousemove',this.removeEvent)
184
+ ENV.off(doc.body,'click',this.removeEvent)
185
+ ENV.off(doc.body,'keypress',this.removeEvent)
186
+ ENV.off(doc.body,'touchstart',this.removeEvent)
187
+ ENV.off(this.el,'click',this.removeEvent)
188
+ ENV.off(this.el,'touchstart',this.removeEvent)
189
+ this.removeEventsSet = false
190
+
191
+ if (cb) this.currentMsg.cb = cb
192
+ if (this._animating) this._hideMsg()
193
+ else if (cb) cb()
194
+ },
195
+ log: function (html, o, cb, defaults) {
196
+ var msg = {}
197
+ if (defaults)
198
+ for (var opt in defaults)
199
+ msg[opt] = defaults[opt]
200
+
201
+ if (typeof o == 'function') cb = o
202
+ else if (o)
203
+ for (var opt in o) msg[opt] = o[opt]
204
+
205
+ msg.html = html
206
+ if (cb) msg.cb = cb
207
+ this.queue.push(msg)
208
+ this._run()
209
+ return this
210
+ },
211
+ spawn: function (defaults) {
212
+ var self = this
213
+ return function (html, o, cb) {
214
+ self.log.call(self,html,o,cb,defaults)
215
+ return self
216
+ }
217
+ },
218
+ create: function (o) { return new Humane(o) }
219
+ }
220
+ return new Humane()
221
+ })
@@ -1 +1,13 @@
1
1
  //= require humane.jquery
2
+
3
+ humane.notice = humane.spawn({
4
+ addnCls: 'humane-notice'
5
+ });
6
+
7
+ humane.error = humane.spawn({
8
+ addnCls: 'humane-error'
9
+ });
10
+
11
+ humane.alert = humane.spawn({
12
+ addnCls: 'humane-alert'
13
+ });
@@ -1,8 +1,9 @@
1
1
  html,
2
2
  body {
3
- height: 100%;
3
+ min-height: 100%;
4
4
  }
5
- .humane {
5
+ .humane,
6
+ .humane-bigbox {
6
7
  position: fixed;
7
8
  -moz-transition: all 0.3s ease-out;
8
9
  -webkit-transition: all 0.3s ease-out;
@@ -10,39 +11,35 @@ body {
10
11
  -o-transition: all 0.3s ease-out;
11
12
  transition: all 0.3s ease-out;
12
13
  z-index: 100000;
13
- display: none;
14
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
14
15
  }
15
- .humane {
16
+ .humane,
17
+ .humane-bigbox {
16
18
  font-family: Ubuntu, Verdana, sans-serif;
17
19
  line-height: 40px;
18
20
  font-size: 35px;
19
21
  top: 25%;
20
22
  left: 25%;
21
23
  opacity: 0;
22
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
23
24
  width: 50%;
24
25
  min-height: 40px;
25
26
  padding: 30px;
26
27
  text-align: center;
27
28
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAc0lEQVQokb2RQQ6EMAwDx/7/n80BtIEC3RYhLlXrVLGTAYiBWBIGtkPSP01SfreTVoV5re9Rcee1scwDk9NurbR62sZJcpzy9O+2X5KsXabyPaQFYNuvkqkRviDTp9Vs8opC0TpkHvJtVjeReW/5kEyX1gKeLEKE9peeWAAAAABJRU5ErkJggg==');
28
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, rgba(0,0,0,0.90))) no-repeat;
29
- background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
30
- background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
31
- background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
32
- background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
33
- background: linear-gradient(top, #000 0%, rgba(0,0,0,0.90) 100%) no-repeat;
29
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, rgba(0,0,0,0.9))) no-repeat;
30
+ background: -moz-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
31
+ background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
32
+ background: -ms-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
33
+ background: -o-linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
34
+ background: linear-gradient(top, #000 0%, rgba(0,0,0,0.9) 100%) no-repeat;
34
35
  *background-color: #000;
35
36
  color: #fff;
36
37
  -moz-border-radius: 15px;
37
38
  -webkit-border-radius: 15px;
38
- -ms-border-radius: 15px;
39
- -o-border-radius: 15px;
40
39
  border-radius: 15px;
41
40
  text-shadow: 0 -1px 1px #ddd;
42
41
  -moz-box-shadow: 0 15px 15px -15px #000;
43
42
  -webkit-box-shadow: 0 15px 15px -15px #000;
44
- -ms-box-shadow: 0 15px 15px -15px #000;
45
- -o-box-shadow: 0 15px 15px -15px #000;
46
43
  box-shadow: 0 15px 15px -15px #000;
47
44
  -moz-transform: scale(0.1);
48
45
  -webkit-transform: scale(0.1);
@@ -51,71 +48,78 @@ body {
51
48
  transform: scale(0.1);
52
49
  }
53
50
  .humane p,
54
- .humane ul {
51
+ .humane-bigbox p,
52
+ .humane ul,
53
+ .humane-bigbox ul {
55
54
  margin: 0;
56
55
  padding: 0;
57
56
  }
58
- .humane ul {
57
+ .humane ul,
58
+ .humane-bigbox ul {
59
59
  list-style: none;
60
60
  }
61
- .humane.humane-info {
61
+ .humane.humane-bigbox-info,
62
+ .humane-bigbox.humane-bigbox-info {
62
63
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAQElEQVQokWNgYEj5z8TAwPCfiYGBgQGVIEKMTG2DTYwRVez/IHIaNcUGyBnYgpORel6gpvFEJhBqpxIaG8/AAADsKDq/HhYQ2AAAAABJRU5ErkJggg==');
63
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000064), color-stop(1, rgba(0,0,100,0.90))) no-repeat;
64
- background: -moz-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
65
- background: -webkit-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
66
- background: -ms-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
67
- background: -o-linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
68
- background: linear-gradient(top, #000064 0%, rgba(0,0,100,0.90) 100%) no-repeat;
64
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000064), color-stop(1, rgba(0,0,100,0.9))) no-repeat;
65
+ background: -moz-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
66
+ background: -webkit-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
67
+ background: -ms-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
68
+ background: -o-linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
69
+ background: linear-gradient(top, #000064 0%, rgba(0,0,100,0.9) 100%) no-repeat;
69
70
  *background-color: #030;
70
71
  }
71
- .humane.humane-success {
72
+ .humane.humane-bigbox-success,
73
+ .humane-bigbox.humane-bigbox-success {
72
74
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNgSGH4z8TAACEYUAkixMjUNsjEGFHF/g8ip1FVbGCcgS04GannBaoaT1wCwWkvmXbQ2HgGBgYA8Yw6v+m4Kh8AAAAASUVORK5CYII=');
73
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006400), color-stop(1, rgba(0,100,0,0.90))) no-repeat;
74
- background: -moz-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
75
- background: -webkit-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
76
- background: -ms-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
77
- background: -o-linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
78
- background: linear-gradient(top, #006400 0%, rgba(0,100,0,0.90) 100%) no-repeat;
75
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006400), color-stop(1, rgba(0,100,0,0.9))) no-repeat;
76
+ background: -moz-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
77
+ background: -webkit-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
78
+ background: -ms-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
79
+ background: -o-linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
80
+ background: linear-gradient(top, #006400 0%, rgba(0,100,0,0.9) 100%) no-repeat;
79
81
  *background-color: #030;
80
82
  }
81
- .humane.humane-error {
83
+ .humane.humane-bigbox-error,
84
+ .humane-bigbox.humane-bigbox-error {
82
85
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWNIYWD4z8QAJRhQCSLEyNQ2uMQYUcX+DyKnUVdsQJyBLTgZqecF6hpPVALBaS+ZdtDYeAYGBgYA9vA6v4OR3MkAAAAASUVORK5CYII=');
83
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #640000), color-stop(1, rgba(100,0,0,0.90))) no-repeat;
84
- background: -moz-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
85
- background: -webkit-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
86
- background: -ms-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
87
- background: -o-linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
88
- background: linear-gradient(top, #640000 0%, rgba(100,0,0,0.90) 100%) no-repeat;
86
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #640000), color-stop(1, rgba(100,0,0,0.9))) no-repeat;
87
+ background: -moz-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
88
+ background: -webkit-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
89
+ background: -ms-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
90
+ background: -o-linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
91
+ background: linear-gradient(top, #640000 0%, rgba(100,0,0,0.9) 100%) no-repeat;
89
92
  *background-color: #300;
90
93
  }
91
- .humane.humane-animate {
94
+ .humane.humane-animate,
95
+ .humane-bigbox.humane-bigbox-animate {
92
96
  opacity: 1;
93
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
94
97
  -moz-transform: scale(1);
95
98
  -webkit-transform: scale(1);
96
99
  -ms-transform: scale(1);
97
100
  -o-transform: scale(1);
98
101
  transform: scale(1);
99
102
  }
100
- .humane.humane-animate:hover {
103
+ .humane.humane-animate:hover,
104
+ .humane-bigbox.humane-bigbox-animate:hover {
101
105
  opacity: 0.6;
102
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
103
106
  -moz-transform: scale(0.8);
104
107
  -webkit-transform: scale(0.8);
105
108
  -ms-transform: scale(0.8);
106
109
  -o-transform: scale(0.8);
107
110
  transform: scale(0.8);
108
111
  }
109
- .humane.humane-js-animate {
112
+ .humane.humane-js-animate,
113
+ .humane-bigbox.humane-bigbox-js-animate {
110
114
  opacity: 1;
111
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
112
115
  -moz-transform: scale(1);
113
116
  -webkit-transform: scale(1);
114
117
  -ms-transform: scale(1);
115
118
  -o-transform: scale(1);
116
119
  transform: scale(1);
117
120
  }
118
- .humane.humane-js-animate:hover {
121
+ .humane.humane-js-animate:hover,
122
+ .humane-bigbox.humane-bigbox-js-animate:hover {
119
123
  opacity: 0.6;
120
124
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
121
125
  }
@@ -1,8 +1,9 @@
1
1
  html,
2
2
  body {
3
- height: 100%;
3
+ min-height: 100%;
4
4
  }
5
- .humane {
5
+ .humane,
6
+ .humane-boldlight {
6
7
  position: fixed;
7
8
  -moz-transition: all 0.3s ease-out;
8
9
  -webkit-transition: all 0.3s ease-out;
@@ -10,38 +11,34 @@ body {
10
11
  -o-transition: all 0.3s ease-out;
11
12
  transition: all 0.3s ease-out;
12
13
  z-index: 100000;
13
- display: none;
14
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
14
15
  }
15
- .humane {
16
+ .humane,
17
+ .humane-boldlight {
16
18
  font-family: Ubuntu, Verdana, sans-serif;
17
19
  font-size: 25px;
18
20
  letter-spacing: -1px;
19
21
  top: 25%;
20
22
  left: 25%;
21
23
  opacity: 0;
22
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
23
24
  width: 50%;
24
25
  color: #000;
25
26
  padding: 10px;
26
27
  text-align: center;
27
28
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAABmJLR0QA/wD/AP+gvaeTAAAAPElEQVQokWP4////Gab///8zQAgGBgYo8e/fP2QxSpSgydJNCYJLRSVoPqeOkgEIYop9TrGbSfcWpW4GAFeF/7lb/oWBAAAAAElFTkSuQmCC');
28
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.80)), color-stop(1, rgba(150,150,150,0.80))) no-repeat;
29
- background: -moz-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
30
- background: -webkit-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
31
- background: -ms-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
32
- background: -o-linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
33
- background: linear-gradient(top, rgba(255,255,255,0.80) 0%, rgba(150,150,150,0.80) 100%) no-repeat;
29
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0.8)), color-stop(1, rgba(150,150,150,0.8))) no-repeat;
30
+ background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
31
+ background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
32
+ background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
33
+ background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
34
+ background: linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(150,150,150,0.8) 100%) no-repeat;
34
35
  *background-color: #fff;
35
36
  -moz-border-radius: 15px;
36
37
  -webkit-border-radius: 15px;
37
- -ms-border-radius: 15px;
38
- -o-border-radius: 15px;
39
38
  border-radius: 15px;
40
- text-shadow: 0 -1px 1px rgba(221,221,221,0.40);
39
+ text-shadow: 0 -1px 1px rgba(221,221,221,0.4);
41
40
  -moz-box-shadow: 0 4px 4px -4px #eee;
42
41
  -webkit-box-shadow: 0 4px 4px -4px #eee;
43
- -ms-box-shadow: 0 4px 4px -4px #eee;
44
- -o-box-shadow: 0 4px 4px -4px #eee;
45
42
  box-shadow: 0 4px 4px -4px #eee;
46
43
  -moz-transform: scale(1.1);
47
44
  -webkit-transform: scale(1.1);
@@ -50,71 +47,78 @@ body {
50
47
  transform: scale(1.1);
51
48
  }
52
49
  .humane p,
53
- .humane ul {
50
+ .humane-boldlight p,
51
+ .humane ul,
52
+ .humane-boldlight ul {
54
53
  margin: 0;
55
54
  padding: 0;
56
55
  }
57
- .humane ul {
56
+ .humane ul,
57
+ .humane-boldlight ul {
58
58
  list-style: none;
59
59
  }
60
- .humane.humane-info {
60
+ .humane.humane-boldlight-info,
61
+ .humane-boldlight.humane-boldlight-info {
61
62
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAR0lEQVQokWNISfn/n4mBgeE/EwMDAwMqQYQYmdoGlxgjI4rY//+Dx2nUFRsQZ2ALTrQQp8QL1DWeqASC014y7aCx8QwMDAwA1aZBIulmpvwAAAAASUVORK5CYII=');
62
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6464ff), color-stop(1, rgba(100,100,255,0.80))) no-repeat;
63
- background: -moz-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
64
- background: -webkit-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
65
- background: -ms-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
66
- background: -o-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
67
- background: linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.80) 100%) no-repeat;
63
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6464ff), color-stop(1, rgba(100,100,255,0.8))) no-repeat;
64
+ background: -moz-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
65
+ background: -webkit-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
66
+ background: -ms-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
67
+ background: -o-linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
68
+ background: linear-gradient(top, #6464ff 0%, rgba(100,100,255,0.8) 100%) no-repeat;
68
69
  *background-color: #6464ff;
69
70
  }
70
- .humane.humane-success {
71
+ .humane.humane-boldlight-success,
72
+ .humane-boldlight.humane-boldlight-success {
71
73
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWNI+Z9yhomBgYFhlBglRonhSgAAFX0EItSd0k8AAAAASUVORK5CYII=');
72
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64ff64), color-stop(1, rgba(100,255,100,0.80))) no-repeat;
73
- background: -moz-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
74
- background: -webkit-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
75
- background: -ms-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
76
- background: -o-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
77
- background: linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.80) 100%) no-repeat;
74
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64ff64), color-stop(1, rgba(100,255,100,0.8))) no-repeat;
75
+ background: -moz-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
76
+ background: -webkit-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
77
+ background: -ms-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
78
+ background: -o-linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
79
+ background: linear-gradient(top, #64ff64 0%, rgba(100,255,100,0.8) 100%) no-repeat;
78
80
  *background-color: #64ff64;
79
81
  }
80
- .humane.humane-error {
82
+ .humane.humane-boldlight-error,
83
+ .humane-boldlight.humane-boldlight-error {
81
84
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAGklEQVQokWP4n5JyhomBgYFhlBglRonhSgAAFhgEIhjGqQkAAAAASUVORK5CYII=');
82
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6464), color-stop(1, rgba(255,100,100,0.80))) no-repeat;
83
- background: -moz-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
84
- background: -webkit-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
85
- background: -ms-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
86
- background: -o-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
87
- background: linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.80) 100%) no-repeat;
85
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6464), color-stop(1, rgba(255,100,100,0.8))) no-repeat;
86
+ background: -moz-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
87
+ background: -webkit-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
88
+ background: -ms-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
89
+ background: -o-linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
90
+ background: linear-gradient(top, #ff6464 0%, rgba(255,100,100,0.8) 100%) no-repeat;
88
91
  *background-color: #ff6464;
89
92
  }
90
- .humane.humane-animate {
93
+ .humane.humane-animate,
94
+ .humane-boldlight.humane-boldlight-animate {
91
95
  opacity: 1;
92
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
93
96
  -moz-transform: scale(1);
94
97
  -webkit-transform: scale(1);
95
98
  -ms-transform: scale(1);
96
99
  -o-transform: scale(1);
97
100
  transform: scale(1);
98
101
  }
99
- .humane.humane-animate:hover {
102
+ .humane.humane-animate:hover,
103
+ .humane-boldlight.humane-boldlight-animate:hover {
100
104
  opacity: 0.4;
101
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
102
105
  -moz-transform: scale(1.8);
103
106
  -webkit-transform: scale(1.8);
104
107
  -ms-transform: scale(1.8);
105
108
  -o-transform: scale(1.8);
106
109
  transform: scale(1.8);
107
110
  }
108
- .humane.humane-js-animate {
111
+ .humane.humane-animate,
112
+ .humane-boldlight.humane-boldlight-js-animate {
109
113
  opacity: 1;
110
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
111
114
  -moz-transform: scale(1);
112
115
  -webkit-transform: scale(1);
113
116
  -ms-transform: scale(1);
114
117
  -o-transform: scale(1);
115
118
  transform: scale(1);
116
119
  }
117
- .humane.humane-js-animate:hover {
120
+ .humane.humane-animate:hover,
121
+ .humane-boldlight.humane-boldlight-js-animate:hover {
118
122
  opacity: 0.4;
119
123
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
120
124
  }
@@ -1,8 +1,9 @@
1
1
  html,
2
2
  body {
3
- height: 100%;
3
+ min-height: 100%;
4
4
  }
5
- .humane {
5
+ .humane,
6
+ .humane-jackedup {
6
7
  position: fixed;
7
8
  -moz-transition: all 0.6s ease-in-out;
8
9
  -webkit-transition: all 0.6s ease-in-out;
@@ -10,39 +11,35 @@ body {
10
11
  -o-transition: all 0.6s ease-in-out;
11
12
  transition: all 0.6s ease-in-out;
12
13
  z-index: 100000;
13
- display: none;
14
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
14
15
  }
15
- .humane {
16
+ .humane,
17
+ .humane-jackedup {
16
18
  font-family: Helvetica Neue, Helvetica, san-serif;
17
19
  font-size: 18px;
18
20
  letter-spacing: -1px;
19
21
  top: 20px;
20
22
  left: 30%;
21
23
  opacity: 0;
22
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
23
24
  width: 40%;
24
25
  color: #333;
25
26
  padding: 10px;
26
27
  text-align: center;
27
28
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAABmJLR0QA/wD/AP+gvaeTAAAAIklEQVQokWNgYGCQZGJgYGDARTDSQnboGDqsnDt0DKWNLAAkiQFdC+vZNQAAAABJRU5ErkJggg==');
28
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.10)), color-stop(1, rgba(0,0,0,0.20))) no-repeat;
29
- background: -moz-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.20) 100%) no-repeat;
30
- background: -webkit-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.20) 100%) no-repeat;
31
- background: -ms-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.20) 100%) no-repeat;
32
- background: -o-linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.20) 100%) no-repeat;
33
- background: linear-gradient(top, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.20) 100%) no-repeat;
29
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.1)), color-stop(1, rgba(0,0,0,0.2))) no-repeat;
30
+ background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) no-repeat;
31
+ background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) no-repeat;
32
+ background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) no-repeat;
33
+ background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) no-repeat;
34
+ background: linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 100%) no-repeat;
34
35
  background-color: #fff;
35
36
  -moz-border-radius: 3px;
36
37
  -webkit-border-radius: 3px;
37
- -ms-border-radius: 3px;
38
- -o-border-radius: 3px;
39
38
  border-radius: 3px;
40
- text-shadow: 0 1px 1px rgba(255,255,255,0.80);
41
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
42
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
43
- -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
44
- -o-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
45
- box-shadow: 0 1px 2px rgba(0,0,0,0.50);
39
+ text-shadow: 0 1px 1px rgba(255,255,255,0.8);
40
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
41
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
42
+ box-shadow: 0 1px 2px rgba(0,0,0,0.5);
46
43
  -moz-transform: translateY(-100px);
47
44
  -webkit-transform: translateY(-100px);
48
45
  -ms-transform: translateY(-100px);
@@ -50,26 +47,31 @@ body {
50
47
  transform: translateY(-100px);
51
48
  }
52
49
  .humane p,
53
- .humane ul {
50
+ .humane-jackedup p,
51
+ .humane ul,
52
+ .humane-jackedup ul {
54
53
  margin: 0;
55
54
  padding: 0;
56
55
  }
57
- .humane ul {
56
+ .humane ul,
57
+ .humane-jackedup ul {
58
58
  list-style: none;
59
59
  }
60
- .humane.humane-info {
60
+ .humane.humane-jackedup-info,
61
+ .humane-jackedup.humane-jackedup-info {
61
62
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAR0lEQVQokWNISfn/n4mBgeE/EwMDAwMqQYQYmdoGlxgjI4rY//+Dx2nUFRsQZ2ALTrQQp8QL1DWeqASC014y7aCx8QwMDAwA1aZBIulmpvwAAAAASUVORK5CYII=');
62
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.70)), color-stop(1, rgba(0,0,0,0.85))) no-repeat;
63
- background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
64
- background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
65
- background: -ms-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
66
- background: -o-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
67
- background: linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
63
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.7)), color-stop(1, rgba(0,0,0,0.85))) no-repeat;
64
+ background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
65
+ background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
66
+ background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
67
+ background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
68
+ background: linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.85) 100%) no-repeat;
68
69
  background-color: #fff;
69
70
  color: #fff;
70
71
  text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
71
72
  }
72
- .humane.humane-success {
73
+ .humane.humane-jackedup-success,
74
+ .humane-jackedup.humane-jackedup-success {
73
75
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAASElEQVQokc2SMQ4AIAgDD9/K/79QVzWaENTownAJbWnA5SqACkA/Aiy59hczrGVC30Q7y57EmNU5NL5zwln50IMsfZMel+UBKtFBQSLWM9wLAAAAAElFTkSuQmCC');
74
76
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #62c462), color-stop(1, #57a957)) no-repeat;
75
77
  background: -moz-linear-gradient(top, #62c462 0%, #57a957 100%) no-repeat;
@@ -81,7 +83,8 @@ body {
81
83
  color: #fff;
82
84
  text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
83
85
  }
84
- .humane.humane-error {
86
+ .humane.humane-jackedup-error,
87
+ .humane-jackedup.humane-jackedup-error {
85
88
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAIAAACmkByiAAAABmJLR0QA/wD/AP+gvaeTAAAAf0lEQVQokY2TOQ7AIAwER/5mivy/yRc2RQDhA0jhghFYO5bhuS+TZMAoIUMEhhH4loGhfu71cenM3DutWMsaeGKjv3zO5N17KLPJ0+fQD8cpv5uVLPo4vnX0PpXj0nuaaeVzdmw+yXG1O96n2p3kozB757Ni1Z5UPsU9SP8AeAG1kHXE+7RlPAAAAABJRU5ErkJggg==');
86
89
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ee5f5b), color-stop(1, #c43c35)) no-repeat;
87
90
  background: -moz-linear-gradient(top, #ee5f5b 0%, #c43c35 100%) no-repeat;
@@ -93,29 +96,30 @@ body {
93
96
  color: #fff;
94
97
  text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
95
98
  }
96
- .humane.humane-animate {
99
+ .humane-animate,
100
+ .humane-jackedup.humane-jackedup-animate {
97
101
  opacity: 1;
98
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
99
102
  -moz-transform: translateY(0);
100
103
  -webkit-transform: translateY(0);
101
104
  -ms-transform: translateY(0);
102
105
  -o-transform: translateY(0);
103
106
  transform: translateY(0);
104
107
  }
105
- .humane.humane-animate:hover {
108
+ .humane-animate:hover,
109
+ .humane-jackedup.humane-jackedup-animate:hover {
106
110
  opacity: 0.7;
107
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
108
111
  }
109
- .humane.humane-js-animate {
112
+ .humane-js-animate,
113
+ .humane-jackedup.humane-jackedup-js-animate {
110
114
  opacity: 1;
111
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
112
115
  -moz-transform: translateY(0);
113
116
  -webkit-transform: translateY(0);
114
117
  -ms-transform: translateY(0);
115
118
  -o-transform: translateY(0);
116
119
  transform: translateY(0);
117
120
  }
118
- .humane.humane-js-animate:hover {
121
+ .humane-js-animate:hover,
122
+ .humane-jackedup.humane-jackedup-js-animate:hover {
119
123
  opacity: 0.7;
120
124
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
121
125
  }
@@ -1,8 +1,9 @@
1
1
  html,
2
2
  body {
3
- height: 100%;
3
+ min-height: 100%;
4
4
  }
5
- .humane {
5
+ .humane,
6
+ .humane-libnotify {
6
7
  position: fixed;
7
8
  -moz-transition: all 0.3s ease-out;
8
9
  -webkit-transition: all 0.3s ease-out;
@@ -10,36 +11,32 @@ body {
10
11
  -o-transition: all 0.3s ease-out;
11
12
  transition: all 0.3s ease-out;
12
13
  z-index: 100000;
13
- display: none;
14
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
14
15
  }
15
- .humane {
16
+ .humane,
17
+ .humane-libnotify {
16
18
  font-family: Ubuntu, Arial, sans-serif;
17
19
  text-align: center;
18
20
  font-size: 15px;
19
21
  top: 10px;
20
22
  right: 10px;
21
23
  opacity: 0;
22
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
23
24
  width: 150px;
24
25
  color: #fff;
25
26
  padding: 10px;
26
27
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==');
27
- 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;
28
- background: -moz-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
29
- background: -webkit-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
30
- background: -ms-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
31
- background: -o-linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
32
- background: linear-gradient(top, rgba(0,0,0,0.90) 0%, rgba(50,50,50,0.90) 100%) no-repeat;
28
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.9)), color-stop(1, rgba(50,50,50,0.9))) no-repeat;
29
+ background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
30
+ background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
31
+ background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
32
+ background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
33
+ background: linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(50,50,50,0.9) 100%) no-repeat;
33
34
  *background-color: #000;
34
35
  -moz-border-radius: 5px;
35
36
  -webkit-border-radius: 5px;
36
- -ms-border-radius: 5px;
37
- -o-border-radius: 5px;
38
37
  border-radius: 5px;
39
38
  -moz-box-shadow: 0 4px 4px -4px #000;
40
39
  -webkit-box-shadow: 0 4px 4px -4px #000;
41
- -ms-box-shadow: 0 4px 4px -4px #000;
42
- -o-box-shadow: 0 4px 4px -4px #000;
43
40
  box-shadow: 0 4px 4px -4px #000;
44
41
  -moz-transform: translateY(-40px);
45
42
  -webkit-transform: translateY(-40px);
@@ -48,66 +45,73 @@ body {
48
45
  transform: translateY(-40px);
49
46
  }
50
47
  .humane p,
51
- .humane ul {
48
+ .humane-libnotify p,
49
+ .humane ul,
50
+ .humane-libnotify ul {
52
51
  margin: 0;
53
52
  padding: 0;
54
53
  }
55
- .humane ul {
54
+ .humane ul,
55
+ .humane-libnotify ul {
56
56
  list-style: none;
57
57
  }
58
- .humane.humane-info {
58
+ .humane.humane-libnotify-info,
59
+ .humane-libnotify.humane-libnotify-info {
59
60
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==');
60
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,50,0.90)), color-stop(1, rgba(0,0,100,0.90))) no-repeat;
61
- background: -moz-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
62
- background: -webkit-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
63
- background: -ms-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
64
- background: -o-linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
65
- background: linear-gradient(top, rgba(0,0,50,0.90) 0%, rgba(0,0,100,0.90) 100%) no-repeat;
61
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,50,0.9)), color-stop(1, rgba(0,0,100,0.9))) no-repeat;
62
+ background: -moz-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
63
+ background: -webkit-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
64
+ background: -ms-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
65
+ background: -o-linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
66
+ background: linear-gradient(top, rgba(0,0,50,0.9) 0%, rgba(0,0,100,0.9) 100%) no-repeat;
66
67
  *background-color: #030;
67
68
  }
68
- .humane.humane-success {
69
+ .humane.humane-libnotify-success,
70
+ .humane-libnotify.humane-libnotify-success {
69
71
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==');
70
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,50,0,0.90)), color-stop(1, rgba(0,100,0,0.90))) no-repeat;
71
- background: -moz-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
72
- background: -webkit-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
73
- background: -ms-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
74
- background: -o-linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
75
- background: linear-gradient(top, rgba(0,50,0,0.90) 0%, rgba(0,100,0,0.90) 100%) no-repeat;
72
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,50,0,0.9)), color-stop(1, rgba(0,100,0,0.9))) no-repeat;
73
+ background: -moz-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
74
+ background: -webkit-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
75
+ background: -ms-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
76
+ background: -o-linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
77
+ background: linear-gradient(top, rgba(0,50,0,0.9) 0%, rgba(0,100,0,0.9) 100%) no-repeat;
76
78
  *background-color: #030;
77
79
  }
78
- .humane.humane-error {
80
+ .humane.humane-libnotify-error,
81
+ .humane-libnotify.humane-libnotify-error {
79
82
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=');
80
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50,0,0,0.90)), color-stop(1, rgba(100,0,0,0.90))) no-repeat;
81
- background: -moz-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
82
- background: -webkit-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
83
- background: -ms-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
84
- background: -o-linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
85
- background: linear-gradient(top, rgba(50,0,0,0.90) 0%, rgba(100,0,0,0.90) 100%) no-repeat;
83
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50,0,0,0.9)), color-stop(1, rgba(100,0,0,0.9))) no-repeat;
84
+ background: -moz-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
85
+ background: -webkit-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
86
+ background: -ms-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
87
+ background: -o-linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
88
+ background: linear-gradient(top, rgba(50,0,0,0.9) 0%, rgba(100,0,0,0.9) 100%) no-repeat;
86
89
  *background-color: #300;
87
90
  }
88
- .humane.humane-animate {
91
+ .humane.humane-animate,
92
+ .humane-libnotify.humane-libnotify-animate {
89
93
  opacity: 1;
90
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
91
94
  -moz-transform: translateY(0);
92
95
  -webkit-transform: translateY(0);
93
96
  -ms-transform: translateY(0);
94
97
  -o-transform: translateY(0);
95
98
  transform: translateY(0);
96
99
  }
97
- .humane.humane-animate:hover {
100
+ .humane.humane-animate:hover,
101
+ .humane-libnotify.humane-libnotify-animate:hover {
98
102
  opacity: 0.2;
99
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
100
103
  }
101
- .humane.humane-js-animate {
104
+ .humane.humane-animate,
105
+ .humane-libnotify.humane-libnotify-js-animate {
102
106
  opacity: 1;
103
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
104
107
  -moz-transform: translateY(0);
105
108
  -webkit-transform: translateY(0);
106
109
  -ms-transform: translateY(0);
107
110
  -o-transform: translateY(0);
108
111
  transform: translateY(0);
109
112
  }
110
- .humane.humane-js-animate:hover {
113
+ .humane.humane-animate:hover,
114
+ .humane-libnotify.humane-libnotify-js-animate:hover {
111
115
  opacity: 0.2;
112
116
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
113
117
  }
@@ -1,8 +1,9 @@
1
1
  html,
2
2
  body {
3
- height: 100%;
3
+ min-height: 100%;
4
4
  }
5
- .humane {
5
+ .humane,
6
+ .humane-original {
6
7
  position: fixed;
7
8
  -moz-transition: all 0.2s ease-out;
8
9
  -webkit-transition: all 0.2s ease-out;
@@ -10,58 +11,62 @@ body {
10
11
  -o-transition: all 0.2s ease-out;
11
12
  transition: all 0.2s ease-out;
12
13
  z-index: 100000;
13
- display: none;
14
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
14
15
  }
15
- .humane {
16
+ .humane,
17
+ .humane-original {
16
18
  font-family: Ubuntu, Verdana, sans-serif;
17
19
  line-height: 40px;
18
20
  font-size: 25px;
19
21
  top: 25%;
20
22
  left: 25%;
21
23
  opacity: 0;
22
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
23
24
  width: 50%;
24
25
  min-height: 40px;
25
26
  padding: 10px;
26
27
  text-align: center;
27
28
  background-color: #000;
28
29
  color: #fff;
29
- -moz-border-radius: 15px;
30
30
  -webkit-border-radius: 15px;
31
- -ms-border-radius: 15px;
32
- -o-border-radius: 15px;
33
31
  border-radius: 15px;
34
32
  }
35
33
  .humane p,
36
- .humane ul {
34
+ .humane-original p,
35
+ .humane ul,
36
+ .humane-original ul {
37
37
  margin: 0;
38
38
  padding: 0;
39
39
  }
40
- .humane ul {
40
+ .humane ul,
41
+ .humane-original ul {
41
42
  list-style: none;
42
43
  }
43
- .humane.humane-info {
44
+ .humane.humane-original-info,
45
+ .humane-original.humane-original-info {
44
46
  background-color: #030;
45
47
  }
46
- .humane.humane-success {
48
+ .humane.humane-original-success,
49
+ .humane-original.humane-original-success {
47
50
  background-color: #030;
48
51
  }
49
- .humane.humane-error {
52
+ .humane.humane-original-error,
53
+ .humane-original.humane-original-error {
50
54
  background-color: #300;
51
55
  }
52
- .humane.humane-animate {
56
+ .humane.humane-animate,
57
+ .humane-original.humane-original-animate {
53
58
  opacity: 0.8;
54
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
55
59
  }
56
- .humane.humane-animate:hover {
60
+ .humane.humane-animate:hover,
61
+ .humane-original.humane-original-animate:hover {
57
62
  opacity: 0.6;
58
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
59
63
  }
60
- .humane.humane-js-animate {
64
+ .humane.humane-js-animate,
65
+ .humane-original.humane-original-js-animate {
61
66
  opacity: 0.8;
62
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
63
67
  }
64
- .humane.humane-js-animate:hover {
68
+ .humane.humane-js-animate:hover,
69
+ .humane-original.humane-original-js-animate:hover {
65
70
  opacity: 0.6;
66
71
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
67
72
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: humane-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.8.0.0.1.2
4
+ version: 3.0.5.0.1.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-03-23 00:00:00.000000000 Z
12
+ date: 2012-11-04 00:00:00.000000000 Z
13
13
  dependencies: []
14
14
  description: A gemified version of Marc Harter's humane-js.
15
15
  email:
@@ -48,7 +48,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
48
48
  version: '0'
49
49
  segments:
50
50
  - 0
51
- hash: -251889966483616607
51
+ hash: 1993664415012843790
52
52
  required_rubygems_version: !ruby/object:Gem::Requirement
53
53
  none: false
54
54
  requirements:
@@ -57,10 +57,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
57
57
  version: '0'
58
58
  segments:
59
59
  - 0
60
- hash: -251889966483616607
60
+ hash: 1993664415012843790
61
61
  requirements: []
62
62
  rubyforge_project: humane-rails
63
- rubygems_version: 1.8.11
63
+ rubygems_version: 1.8.23
64
64
  signing_key:
65
65
  specification_version: 3
66
66
  summary: A gemified version of Marc Harter's humane-js.