messengerjs-rails 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. data/MIT-LICENSE +18 -0
  2. data/README.md +56 -0
  3. data/lib/messengerjs-rails.rb +8 -0
  4. data/lib/messengerjs-rails/version.rb +5 -0
  5. data/vendor/assets/javascripts/messenger-theme-future.js +33 -0
  6. data/vendor/assets/javascripts/messenger.js +1171 -0
  7. data/vendor/assets/stylesheets/messenger-spinner.css +235 -0
  8. data/vendor/assets/stylesheets/messenger-theme-air.css +443 -0
  9. data/vendor/assets/stylesheets/messenger-theme-block.css +46 -0
  10. data/vendor/assets/stylesheets/messenger-theme-future.css +496 -0
  11. data/vendor/assets/stylesheets/messenger-theme-ice.css +118 -0
  12. data/vendor/assets/stylesheets/messenger.css +93 -0
  13. metadata +56 -0
data/vendor/assets/stylesheets/messenger-spinner.css ADDED
@@ -0,0 +1,235 @@
1
+ @-webkit-keyframes ui-spinner-rotate-right {
2
+ /* line 64, ../../src/sass/messenger-spinner.scss */
3
+ 0% {
4
+ -webkit-transform: rotate(0deg);
5
+ }
6
+
7
+ /* line 65, ../../src/sass/messenger-spinner.scss */
8
+ 25% {
9
+ -webkit-transform: rotate(180deg);
10
+ }
11
+
12
+ /* line 66, ../../src/sass/messenger-spinner.scss */
13
+ 50% {
14
+ -webkit-transform: rotate(180deg);
15
+ }
16
+
17
+ /* line 67, ../../src/sass/messenger-spinner.scss */
18
+ 75% {
19
+ -webkit-transform: rotate(360deg);
20
+ }
21
+
22
+ /* line 68, ../../src/sass/messenger-spinner.scss */
23
+ 100% {
24
+ -webkit-transform: rotate(360deg);
25
+ }
26
+ }
27
+
28
+ @-webkit-keyframes ui-spinner-rotate-left {
29
+ /* line 72, ../../src/sass/messenger-spinner.scss */
30
+ 0% {
31
+ -webkit-transform: rotate(0deg);
32
+ }
33
+
34
+ /* line 73, ../../src/sass/messenger-spinner.scss */
35
+ 25% {
36
+ -webkit-transform: rotate(0deg);
37
+ }
38
+
39
+ /* line 74, ../../src/sass/messenger-spinner.scss */
40
+ 50% {
41
+ -webkit-transform: rotate(180deg);
42
+ }
43
+
44
+ /* line 75, ../../src/sass/messenger-spinner.scss */
45
+ 75% {
46
+ -webkit-transform: rotate(180deg);
47
+ }
48
+
49
+ /* line 76, ../../src/sass/messenger-spinner.scss */
50
+ 100% {
51
+ -webkit-transform: rotate(360deg);
52
+ }
53
+ }
54
+
55
+ @-moz-keyframes ui-spinner-rotate-right {
56
+ /* line 80, ../../src/sass/messenger-spinner.scss */
57
+ 0% {
58
+ -moz-transform: rotate(0deg);
59
+ }
60
+
61
+ /* line 81, ../../src/sass/messenger-spinner.scss */
62
+ 25% {
63
+ -moz-transform: rotate(180deg);
64
+ }
65
+
66
+ /* line 82, ../../src/sass/messenger-spinner.scss */
67
+ 50% {
68
+ -moz-transform: rotate(180deg);
69
+ }
70
+
71
+ /* line 83, ../../src/sass/messenger-spinner.scss */
72
+ 75% {
73
+ -moz-transform: rotate(360deg);
74
+ }
75
+
76
+ /* line 84, ../../src/sass/messenger-spinner.scss */
77
+ 100% {
78
+ -moz-transform: rotate(360deg);
79
+ }
80
+ }
81
+
82
+ @-moz-keyframes ui-spinner-rotate-left {
83
+ /* line 88, ../../src/sass/messenger-spinner.scss */
84
+ 0% {
85
+ -moz-transform: rotate(0deg);
86
+ }
87
+
88
+ /* line 89, ../../src/sass/messenger-spinner.scss */
89
+ 25% {
90
+ -moz-transform: rotate(0deg);
91
+ }
92
+
93
+ /* line 90, ../../src/sass/messenger-spinner.scss */
94
+ 50% {
95
+ -moz-transform: rotate(180deg);
96
+ }
97
+
98
+ /* line 91, ../../src/sass/messenger-spinner.scss */
99
+ 75% {
100
+ -moz-transform: rotate(180deg);
101
+ }
102
+
103
+ /* line 92, ../../src/sass/messenger-spinner.scss */
104
+ 100% {
105
+ -moz-transform: rotate(360deg);
106
+ }
107
+ }
108
+
109
+ @keyframes ui-spinner-rotate-right {
110
+ /* line 96, ../../src/sass/messenger-spinner.scss */
111
+ 0% {
112
+ transform: rotate(0deg);
113
+ }
114
+
115
+ /* line 97, ../../src/sass/messenger-spinner.scss */
116
+ 25% {
117
+ transform: rotate(180deg);
118
+ }
119
+
120
+ /* line 98, ../../src/sass/messenger-spinner.scss */
121
+ 50% {
122
+ transform: rotate(180deg);
123
+ }
124
+
125
+ /* line 99, ../../src/sass/messenger-spinner.scss */
126
+ 75% {
127
+ transform: rotate(360deg);
128
+ }
129
+
130
+ /* line 100, ../../src/sass/messenger-spinner.scss */
131
+ 100% {
132
+ transform: rotate(360deg);
133
+ }
134
+ }
135
+
136
+ @keyframes ui-spinner-rotate-left {
137
+ /* line 104, ../../src/sass/messenger-spinner.scss */
138
+ 0% {
139
+ transform: rotate(0deg);
140
+ }
141
+
142
+ /* line 105, ../../src/sass/messenger-spinner.scss */
143
+ 25% {
144
+ transform: rotate(0deg);
145
+ }
146
+
147
+ /* line 106, ../../src/sass/messenger-spinner.scss */
148
+ 50% {
149
+ transform: rotate(180deg);
150
+ }
151
+
152
+ /* line 107, ../../src/sass/messenger-spinner.scss */
153
+ 75% {
154
+ transform: rotate(180deg);
155
+ }
156
+
157
+ /* line 108, ../../src/sass/messenger-spinner.scss */
158
+ 100% {
159
+ transform: rotate(360deg);
160
+ }
161
+ }
162
+
163
+ /* line 116, ../../src/sass/messenger-spinner.scss */
164
+ .messenger-spinner {
165
+ position: relative;
166
+ border-radius: 100%;
167
+ }
168
+ /* line 120, ../../src/sass/messenger-spinner.scss */
169
+ ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
170
+ display: block;
171
+ }
172
+ /* line 124, ../../src/sass/messenger-spinner.scss */
173
+ .messenger-spinner .messenger-spinner-side {
174
+ width: 50%;
175
+ height: 100%;
176
+ overflow: hidden;
177
+ position: absolute;
178
+ }
179
+ /* line 130, ../../src/sass/messenger-spinner.scss */
180
+ .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
181
+ border-radius: 999px;
182
+ position: absolute;
183
+ width: 100%;
184
+ height: 100%;
185
+ -webkit-animation-iteration-count: infinite;
186
+ -moz-animation-iteration-count: infinite;
187
+ -ms-animation-iteration-count: infinite;
188
+ -o-animation-iteration-count: infinite;
189
+ animation-iteration-count: infinite;
190
+ -webkit-animation-timing-function: linear;
191
+ -moz-animation-timing-function: linear;
192
+ -ms-animation-timing-function: linear;
193
+ -o-animation-timing-function: linear;
194
+ animation-timing-function: linear;
195
+ }
196
+ /* line 140, ../../src/sass/messenger-spinner.scss */
197
+ .messenger-spinner .messenger-spinner-side-left {
198
+ left: 0;
199
+ }
200
+ /* line 143, ../../src/sass/messenger-spinner.scss */
201
+ .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
202
+ left: 100%;
203
+ border-top-left-radius: 0;
204
+ border-bottom-left-radius: 0;
205
+ -webkit-animation-name: ui-spinner-rotate-left;
206
+ -moz-animation-name: ui-spinner-rotate-left;
207
+ -ms-animation-name: ui-spinner-rotate-left;
208
+ -o-animation-name: ui-spinner-rotate-left;
209
+ animation-name: ui-spinner-rotate-left;
210
+ -webkit-transform-origin: 0 50%;
211
+ -moz-transform-origin: 0 50%;
212
+ -ms-transform-origin: 0 50%;
213
+ -o-transform-origin: 0 50%;
214
+ transform-origin: 0 50%;
215
+ }
216
+ /* line 152, ../../src/sass/messenger-spinner.scss */
217
+ .messenger-spinner .messenger-spinner-side-right {
218
+ left: 50%;
219
+ }
220
+ /* line 155, ../../src/sass/messenger-spinner.scss */
221
+ .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
222
+ left: -100%;
223
+ border-top-right-radius: 0;
224
+ border-bottom-right-radius: 0;
225
+ -webkit-animation-name: ui-spinner-rotate-right;
226
+ -moz-animation-name: ui-spinner-rotate-right;
227
+ -ms-animation-name: ui-spinner-rotate-right;
228
+ -o-animation-name: ui-spinner-rotate-right;
229
+ animation-name: ui-spinner-rotate-right;
230
+ -webkit-transform-origin: 100% 50%;
231
+ -moz-transform-origin: 100% 50%;
232
+ -ms-transform-origin: 100% 50%;
233
+ -o-transform-origin: 100% 50%;
234
+ transform-origin: 100% 50%;
235
+ }
data/vendor/assets/stylesheets/messenger-theme-air.css ADDED
@@ -0,0 +1,443 @@
1
+ @import url("http://fonts.googleapis.com/css?family=Raleway:400");
2
+ @-webkit-keyframes ui-spinner-rotate-right {
3
+ /* line 64, ../../src/sass/messenger-spinner.scss */
4
+ 0% {
5
+ -webkit-transform: rotate(0deg);
6
+ }
7
+
8
+ /* line 65, ../../src/sass/messenger-spinner.scss */
9
+ 25% {
10
+ -webkit-transform: rotate(180deg);
11
+ }
12
+
13
+ /* line 66, ../../src/sass/messenger-spinner.scss */
14
+ 50% {
15
+ -webkit-transform: rotate(180deg);
16
+ }
17
+
18
+ /* line 67, ../../src/sass/messenger-spinner.scss */
19
+ 75% {
20
+ -webkit-transform: rotate(360deg);
21
+ }
22
+
23
+ /* line 68, ../../src/sass/messenger-spinner.scss */
24
+ 100% {
25
+ -webkit-transform: rotate(360deg);
26
+ }
27
+ }
28
+
29
+ @-webkit-keyframes ui-spinner-rotate-left {
30
+ /* line 72, ../../src/sass/messenger-spinner.scss */
31
+ 0% {
32
+ -webkit-transform: rotate(0deg);
33
+ }
34
+
35
+ /* line 73, ../../src/sass/messenger-spinner.scss */
36
+ 25% {
37
+ -webkit-transform: rotate(0deg);
38
+ }
39
+
40
+ /* line 74, ../../src/sass/messenger-spinner.scss */
41
+ 50% {
42
+ -webkit-transform: rotate(180deg);
43
+ }
44
+
45
+ /* line 75, ../../src/sass/messenger-spinner.scss */
46
+ 75% {
47
+ -webkit-transform: rotate(180deg);
48
+ }
49
+
50
+ /* line 76, ../../src/sass/messenger-spinner.scss */
51
+ 100% {
52
+ -webkit-transform: rotate(360deg);
53
+ }
54
+ }
55
+
56
+ @-moz-keyframes ui-spinner-rotate-right {
57
+ /* line 80, ../../src/sass/messenger-spinner.scss */
58
+ 0% {
59
+ -moz-transform: rotate(0deg);
60
+ }
61
+
62
+ /* line 81, ../../src/sass/messenger-spinner.scss */
63
+ 25% {
64
+ -moz-transform: rotate(180deg);
65
+ }
66
+
67
+ /* line 82, ../../src/sass/messenger-spinner.scss */
68
+ 50% {
69
+ -moz-transform: rotate(180deg);
70
+ }
71
+
72
+ /* line 83, ../../src/sass/messenger-spinner.scss */
73
+ 75% {
74
+ -moz-transform: rotate(360deg);
75
+ }
76
+
77
+ /* line 84, ../../src/sass/messenger-spinner.scss */
78
+ 100% {
79
+ -moz-transform: rotate(360deg);
80
+ }
81
+ }
82
+
83
+ @-moz-keyframes ui-spinner-rotate-left {
84
+ /* line 88, ../../src/sass/messenger-spinner.scss */
85
+ 0% {
86
+ -moz-transform: rotate(0deg);
87
+ }
88
+
89
+ /* line 89, ../../src/sass/messenger-spinner.scss */
90
+ 25% {
91
+ -moz-transform: rotate(0deg);
92
+ }
93
+
94
+ /* line 90, ../../src/sass/messenger-spinner.scss */
95
+ 50% {
96
+ -moz-transform: rotate(180deg);
97
+ }
98
+
99
+ /* line 91, ../../src/sass/messenger-spinner.scss */
100
+ 75% {
101
+ -moz-transform: rotate(180deg);
102
+ }
103
+
104
+ /* line 92, ../../src/sass/messenger-spinner.scss */
105
+ 100% {
106
+ -moz-transform: rotate(360deg);
107
+ }
108
+ }
109
+
110
+ @keyframes ui-spinner-rotate-right {
111
+ /* line 96, ../../src/sass/messenger-spinner.scss */
112
+ 0% {
113
+ transform: rotate(0deg);
114
+ }
115
+
116
+ /* line 97, ../../src/sass/messenger-spinner.scss */
117
+ 25% {
118
+ transform: rotate(180deg);
119
+ }
120
+
121
+ /* line 98, ../../src/sass/messenger-spinner.scss */
122
+ 50% {
123
+ transform: rotate(180deg);
124
+ }
125
+
126
+ /* line 99, ../../src/sass/messenger-spinner.scss */
127
+ 75% {
128
+ transform: rotate(360deg);
129
+ }
130
+
131
+ /* line 100, ../../src/sass/messenger-spinner.scss */
132
+ 100% {
133
+ transform: rotate(360deg);
134
+ }
135
+ }
136
+
137
+ @keyframes ui-spinner-rotate-left {
138
+ /* line 104, ../../src/sass/messenger-spinner.scss */
139
+ 0% {
140
+ transform: rotate(0deg);
141
+ }
142
+
143
+ /* line 105, ../../src/sass/messenger-spinner.scss */
144
+ 25% {
145
+ transform: rotate(0deg);
146
+ }
147
+
148
+ /* line 106, ../../src/sass/messenger-spinner.scss */
149
+ 50% {
150
+ transform: rotate(180deg);
151
+ }
152
+
153
+ /* line 107, ../../src/sass/messenger-spinner.scss */
154
+ 75% {
155
+ transform: rotate(180deg);
156
+ }
157
+
158
+ /* line 108, ../../src/sass/messenger-spinner.scss */
159
+ 100% {
160
+ transform: rotate(360deg);
161
+ }
162
+ }
163
+
164
+ /* line 116, ../../src/sass/messenger-spinner.scss */
165
+ .messenger-spinner {
166
+ position: relative;
167
+ border-radius: 100%;
168
+ }
169
+ /* line 120, ../../src/sass/messenger-spinner.scss */
170
+ ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
171
+ display: block;
172
+ }
173
+ /* line 124, ../../src/sass/messenger-spinner.scss */
174
+ .messenger-spinner .messenger-spinner-side {
175
+ width: 50%;
176
+ height: 100%;
177
+ overflow: hidden;
178
+ position: absolute;
179
+ }
180
+ /* line 130, ../../src/sass/messenger-spinner.scss */
181
+ .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
182
+ border-radius: 999px;
183
+ position: absolute;
184
+ width: 100%;
185
+ height: 100%;
186
+ -webkit-animation-iteration-count: infinite;
187
+ -moz-animation-iteration-count: infinite;
188
+ -ms-animation-iteration-count: infinite;
189
+ -o-animation-iteration-count: infinite;
190
+ animation-iteration-count: infinite;
191
+ -webkit-animation-timing-function: linear;
192
+ -moz-animation-timing-function: linear;
193
+ -ms-animation-timing-function: linear;
194
+ -o-animation-timing-function: linear;
195
+ animation-timing-function: linear;
196
+ }
197
+ /* line 140, ../../src/sass/messenger-spinner.scss */
198
+ .messenger-spinner .messenger-spinner-side-left {
199
+ left: 0;
200
+ }
201
+ /* line 143, ../../src/sass/messenger-spinner.scss */
202
+ .messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
203
+ left: 100%;
204
+ border-top-left-radius: 0;
205
+ border-bottom-left-radius: 0;
206
+ -webkit-animation-name: ui-spinner-rotate-left;
207
+ -moz-animation-name: ui-spinner-rotate-left;
208
+ -ms-animation-name: ui-spinner-rotate-left;
209
+ -o-animation-name: ui-spinner-rotate-left;
210
+ animation-name: ui-spinner-rotate-left;
211
+ -webkit-transform-origin: 0 50%;
212
+ -moz-transform-origin: 0 50%;
213
+ -ms-transform-origin: 0 50%;
214
+ -o-transform-origin: 0 50%;
215
+ transform-origin: 0 50%;
216
+ }
217
+ /* line 152, ../../src/sass/messenger-spinner.scss */
218
+ .messenger-spinner .messenger-spinner-side-right {
219
+ left: 50%;
220
+ }
221
+ /* line 155, ../../src/sass/messenger-spinner.scss */
222
+ .messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
223
+ left: -100%;
224
+ border-top-right-radius: 0;
225
+ border-bottom-right-radius: 0;
226
+ -webkit-animation-name: ui-spinner-rotate-right;
227
+ -moz-animation-name: ui-spinner-rotate-right;
228
+ -ms-animation-name: ui-spinner-rotate-right;
229
+ -o-animation-name: ui-spinner-rotate-right;
230
+ animation-name: ui-spinner-rotate-right;
231
+ -webkit-transform-origin: 100% 50%;
232
+ -moz-transform-origin: 100% 50%;
233
+ -ms-transform-origin: 100% 50%;
234
+ -o-transform-origin: 100% 50%;
235
+ transform-origin: 100% 50%;
236
+ }
237
+
238
+ /* line 16, ../../src/sass/messenger-theme-air.sass */
239
+ ul.messenger-theme-air {
240
+ -moz-user-select: none;
241
+ -webkit-user-select: none;
242
+ -o-user-select: none;
243
+ user-select: none;
244
+ font-family: "Raleway", sans-serif;
245
+ }
246
+ /* line 20, ../../src/sass/messenger-theme-air.sass */
247
+ ul.messenger-theme-air.messenger-empty {
248
+ display: none;
249
+ }
250
+ /* line 23, ../../src/sass/messenger-theme-air.sass */
251
+ ul.messenger-theme-air .messenger-message {
252
+ -webkit-transition: background-color 0.4s;
253
+ -moz-transition: background-color 0.4s;
254
+ -o-transition: background-color 0.4s;
255
+ transition: background-color 0.4s;
256
+ -webkit-border-radius: 5px;
257
+ -moz-border-radius: 5px;
258
+ -ms-border-radius: 5px;
259
+ -o-border-radius: 5px;
260
+ border-radius: 5px;
261
+ -webkit-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
262
+ -moz-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
263
+ box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
264
+ border: 0px;
265
+ background-color: rgba(255, 255, 255, 0.8);
266
+ position: relative;
267
+ margin-bottom: 1em;
268
+ font-size: 13px;
269
+ color: #666666;
270
+ font-weight: 500;
271
+ padding: 10px 30px 11px 46px;
272
+ }
273
+ /* line 36, ../../src/sass/messenger-theme-air.sass */
274
+ ul.messenger-theme-air .messenger-message:hover {
275
+ background-color: white;
276
+ }
277
+ /* line 39, ../../src/sass/messenger-theme-air.sass */
278
+ ul.messenger-theme-air .messenger-message .close {
279
+ position: absolute;
280
+ top: 0px;
281
+ right: 0px;
282
+ color: #888888;
283
+ opacity: 1;
284
+ font-weight: bold;
285
+ display: block;
286
+ font-size: 20px;
287
+ line-height: 20px;
288
+ padding: 8px 10px 7px 7px;
289
+ cursor: pointer;
290
+ background: transparent;
291
+ border: 0;
292
+ -webkit-appearance: none;
293
+ }
294
+ /* line 55, ../../src/sass/messenger-theme-air.sass */
295
+ ul.messenger-theme-air .messenger-message .close:hover {
296
+ color: #444444;
297
+ }
298
+ /* line 58, ../../src/sass/messenger-theme-air.sass */
299
+ ul.messenger-theme-air .messenger-message .close:active {
300
+ color: #222222;
301
+ }
302
+ /* line 61, ../../src/sass/messenger-theme-air.sass */
303
+ ul.messenger-theme-air .messenger-message .messenger-actions {
304
+ float: none;
305
+ margin-top: 10px;
306
+ }
307
+ /* line 65, ../../src/sass/messenger-theme-air.sass */
308
+ ul.messenger-theme-air .messenger-message .messenger-actions a {
309
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
310
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
311
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
312
+ -webkit-border-radius: 4px;
313
+ -moz-border-radius: 4px;
314
+ -ms-border-radius: 4px;
315
+ -o-border-radius: 4px;
316
+ border-radius: 4px;
317
+ text-decoration: none;
318
+ display: inline-block;
319
+ padding: 10px;
320
+ color: #888888;
321
+ margin-right: 10px;
322
+ padding: 3px 10px 5px;
323
+ text-transform: capitalize;
324
+ }
325
+ /* line 76, ../../src/sass/messenger-theme-air.sass */
326
+ ul.messenger-theme-air .messenger-message .messenger-actions a:hover {
327
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
328
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
329
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
330
+ color: #444444;
331
+ }
332
+ /* line 80, ../../src/sass/messenger-theme-air.sass */
333
+ ul.messenger-theme-air .messenger-message .messenger-actions a:active {
334
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
335
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
336
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
337
+ background: rgba(0, 0, 0, 0.04);
338
+ color: #444444;
339
+ }
340
+ /* line 85, ../../src/sass/messenger-theme-air.sass */
341
+ ul.messenger-theme-air .messenger-message .messenger-actions .messenger-phrase {
342
+ display: none;
343
+ }
344
+ /* line 88, ../../src/sass/messenger-theme-air.sass */
345
+ ul.messenger-theme-air .messenger-message .messenger-message-inner:before {
346
+ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
347
+ -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
348
+ box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
349
+ -webkit-border-radius: 50%;
350
+ -moz-border-radius: 50%;
351
+ -ms-border-radius: 50%;
352
+ -o-border-radius: 50%;
353
+ border-radius: 50%;
354
+ position: absolute;
355
+ left: 17px;
356
+ display: block;
357
+ content: " ";
358
+ top: 50%;
359
+ margin-top: -8px;
360
+ height: 13px;
361
+ width: 13px;
362
+ z-index: 20;
363
+ }
364
+ /* line 102, ../../src/sass/messenger-theme-air.sass */
365
+ ul.messenger-theme-air .messenger-message.alert-success .messenger-message-inner:before {
366
+ background-color: #5fca4a;
367
+ }
368
+ /* line 32, ../../src/sass/messenger-spinner.scss */
369
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
370
+ width: 24px;
371
+ height: 24px;
372
+ background: transparent;
373
+ }
374
+ /* line 37, ../../src/sass/messenger-spinner.scss */
375
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
376
+ background: #dd6a45;
377
+ -webkit-animation-duration: 20s;
378
+ -moz-animation-duration: 20s;
379
+ -ms-animation-duration: 20s;
380
+ -o-animation-duration: 20s;
381
+ animation-duration: 20s;
382
+ opacity: 1;
383
+ }
384
+ /* line 45, ../../src/sass/messenger-spinner.scss */
385
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
386
+ content: "";
387
+ background: white;
388
+ position: absolute;
389
+ width: 19px;
390
+ height: 19px;
391
+ border-radius: 50%;
392
+ top: 2px;
393
+ left: 2px;
394
+ display: block;
395
+ }
396
+ /* line 32, ../../src/sass/messenger-spinner.scss */
397
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
398
+ width: 24px;
399
+ height: 24px;
400
+ background: transparent;
401
+ }
402
+ /* line 37, ../../src/sass/messenger-spinner.scss */
403
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
404
+ background: #dd6a45;
405
+ -webkit-animation-duration: 600s;
406
+ -moz-animation-duration: 600s;
407
+ -ms-animation-duration: 600s;
408
+ -o-animation-duration: 600s;
409
+ animation-duration: 600s;
410
+ opacity: 1;
411
+ }
412
+ /* line 45, ../../src/sass/messenger-spinner.scss */
413
+ ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
414
+ content: "";
415
+ background: white;
416
+ position: absolute;
417
+ width: 19px;
418
+ height: 19px;
419
+ border-radius: 50%;
420
+ top: 2px;
421
+ left: 2px;
422
+ display: block;
423
+ }
424
+ /* line 112, ../../src/sass/messenger-theme-air.sass */
425
+ ul.messenger-theme-air .messenger-message.alert-error .messenger-message-inner:before {
426
+ background-color: #dd6a45;
427
+ }
428
+ /* line 116, ../../src/sass/messenger-theme-air.sass */
429
+ ul.messenger-theme-air .messenger-message.alert-info .messenger-message-inner:before {
430
+ background-color: #61c4b8;
431
+ }
432
+ /* line 119, ../../src/sass/messenger-theme-air.sass */
433
+ ul.messenger-theme-air .messenger-spinner {
434
+ display: block;
435
+ position: absolute;
436
+ left: 12px;
437
+ top: 50%;
438
+ margin-top: -13px;
439
+ z-index: 999;
440
+ height: 24px;
441
+ width: 24px;
442
+ z-index: 10;
443
+ }