owlcarousel-rails 0.1.31 → 1.1.3.2
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.
- checksums.yaml +4 -4
- data/.gitignore +7 -0
- data/README.md +16 -10
- data/lib/owlcarousel-rails/version.rb +1 -1
- data/vendor/assets/javascripts/owl.carousel.js +1503 -1461
- data/vendor/assets/stylesheets/owl.carousel.css +1 -161
- data/vendor/assets/stylesheets/owl.theme.css +1 -1
- data/vendor/assets/stylesheets/owl.transitions.css +163 -0
- metadata +5 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* Core Owl Carousel CSS File
|
|
3
|
-
* v1.
|
|
3
|
+
* v1.3.2
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
/* clearfix */
|
|
@@ -69,163 +69,3 @@
|
|
|
69
69
|
-ms-transform: translate3d(0,0,0);
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
/* CSS3 Transitions */
|
|
73
|
-
|
|
74
|
-
.owl-origin {
|
|
75
|
-
-webkit-perspective: 1200px;
|
|
76
|
-
-webkit-perspective-origin-x : 50%;
|
|
77
|
-
-webkit-perspective-origin-y : 50%;
|
|
78
|
-
-moz-perspective : 1200px;
|
|
79
|
-
-moz-perspective-origin-x : 50%;
|
|
80
|
-
-moz-perspective-origin-y : 50%;
|
|
81
|
-
perspective : 1200px;
|
|
82
|
-
}
|
|
83
|
-
/* fade */
|
|
84
|
-
.owl-fade-out {
|
|
85
|
-
z-index: 10;
|
|
86
|
-
-webkit-animation: fadeOut .7s both ease;
|
|
87
|
-
-moz-animation: fadeOut .7s both ease;
|
|
88
|
-
animation: fadeOut .7s both ease;
|
|
89
|
-
}
|
|
90
|
-
.owl-fade-in {
|
|
91
|
-
-webkit-animation: fadeIn .7s both ease;
|
|
92
|
-
-moz-animation: fadeIn .7s both ease;
|
|
93
|
-
animation: fadeIn .7s both ease;
|
|
94
|
-
}
|
|
95
|
-
/* backSlide */
|
|
96
|
-
.owl-backSlide-out {
|
|
97
|
-
-webkit-animation: backSlideOut 1s both ease;
|
|
98
|
-
-moz-animation: backSlideOut 1s both ease;
|
|
99
|
-
animation: backSlideOut 1s both ease;
|
|
100
|
-
}
|
|
101
|
-
.owl-backSlide-in {
|
|
102
|
-
-webkit-animation: backSlideIn 1s both ease;
|
|
103
|
-
-moz-animation: backSlideIn 1s both ease;
|
|
104
|
-
animation: backSlideIn 1s both ease;
|
|
105
|
-
}
|
|
106
|
-
/* goDown */
|
|
107
|
-
.owl-goDown-out {
|
|
108
|
-
-webkit-animation: scaleToFade .7s ease both;
|
|
109
|
-
-moz-animation: scaleToFade .7s ease both;
|
|
110
|
-
animation: scaleToFade .7s ease both;
|
|
111
|
-
}
|
|
112
|
-
.owl-goDown-in {
|
|
113
|
-
-webkit-animation: goDown .6s ease both;
|
|
114
|
-
-moz-animation: goDown .6s ease both;
|
|
115
|
-
animation: goDown .6s ease both;
|
|
116
|
-
}
|
|
117
|
-
/* scaleUp */
|
|
118
|
-
.owl-fadeUp-in {
|
|
119
|
-
-webkit-animation: scaleUpFrom .5s ease both;
|
|
120
|
-
-moz-animation: scaleUpFrom .5s ease both;
|
|
121
|
-
animation: scaleUpFrom .5s ease both;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.owl-fadeUp-out {
|
|
125
|
-
-webkit-animation: scaleUpTo .5s ease both;
|
|
126
|
-
-moz-animation: scaleUpTo .5s ease both;
|
|
127
|
-
animation: scaleUpTo .5s ease both;
|
|
128
|
-
}
|
|
129
|
-
/* Keyframes */
|
|
130
|
-
/*empty*/
|
|
131
|
-
@-webkit-keyframes empty {
|
|
132
|
-
0% {opacity: 1}
|
|
133
|
-
}
|
|
134
|
-
@-moz-keyframes empty {
|
|
135
|
-
0% {opacity: 1}
|
|
136
|
-
}
|
|
137
|
-
@keyframes empty {
|
|
138
|
-
0% {opacity: 1}
|
|
139
|
-
}
|
|
140
|
-
@-webkit-keyframes fadeIn {
|
|
141
|
-
0% { opacity:0; }
|
|
142
|
-
100% { opacity:1; }
|
|
143
|
-
}
|
|
144
|
-
@-moz-keyframes fadeIn {
|
|
145
|
-
0% { opacity:0; }
|
|
146
|
-
100% { opacity:1; }
|
|
147
|
-
}
|
|
148
|
-
@keyframes fadeIn {
|
|
149
|
-
0% { opacity:0; }
|
|
150
|
-
100% { opacity:1; }
|
|
151
|
-
}
|
|
152
|
-
@-webkit-keyframes fadeOut {
|
|
153
|
-
0% { opacity:1; }
|
|
154
|
-
100% { opacity:0; }
|
|
155
|
-
}
|
|
156
|
-
@-moz-keyframes fadeOut {
|
|
157
|
-
0% { opacity:1; }
|
|
158
|
-
100% { opacity:0; }
|
|
159
|
-
}
|
|
160
|
-
@keyframes fadeOut {
|
|
161
|
-
0% { opacity:1; }
|
|
162
|
-
100% { opacity:0; }
|
|
163
|
-
}
|
|
164
|
-
@-webkit-keyframes backSlideOut {
|
|
165
|
-
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
|
166
|
-
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
|
167
|
-
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
|
168
|
-
}
|
|
169
|
-
@-moz-keyframes backSlideOut {
|
|
170
|
-
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
|
171
|
-
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
|
172
|
-
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
|
173
|
-
}
|
|
174
|
-
@keyframes backSlideOut {
|
|
175
|
-
25% { opacity: .5; transform: translateZ(-500px); }
|
|
176
|
-
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
|
177
|
-
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
|
178
|
-
}
|
|
179
|
-
@-webkit-keyframes backSlideIn {
|
|
180
|
-
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
|
181
|
-
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
|
182
|
-
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
|
183
|
-
}
|
|
184
|
-
@-moz-keyframes backSlideIn {
|
|
185
|
-
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
|
186
|
-
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
|
187
|
-
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
|
188
|
-
}
|
|
189
|
-
@keyframes backSlideIn {
|
|
190
|
-
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
|
191
|
-
75% { opacity: .5; transform: translateZ(-500px); }
|
|
192
|
-
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
|
193
|
-
}
|
|
194
|
-
@-webkit-keyframes scaleToFade {
|
|
195
|
-
to { opacity: 0; -webkit-transform: scale(.8); }
|
|
196
|
-
}
|
|
197
|
-
@-moz-keyframes scaleToFade {
|
|
198
|
-
to { opacity: 0; -moz-transform: scale(.8); }
|
|
199
|
-
}
|
|
200
|
-
@keyframes scaleToFade {
|
|
201
|
-
to { opacity: 0; transform: scale(.8); }
|
|
202
|
-
}
|
|
203
|
-
@-webkit-keyframes goDown {
|
|
204
|
-
from { -webkit-transform: translateY(-100%); }
|
|
205
|
-
}
|
|
206
|
-
@-moz-keyframes goDown {
|
|
207
|
-
from { -moz-transform: translateY(-100%); }
|
|
208
|
-
}
|
|
209
|
-
@keyframes goDown {
|
|
210
|
-
from { transform: translateY(-100%); }
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
@-webkit-keyframes scaleUpFrom {
|
|
214
|
-
from { opacity: 0; -webkit-transform: scale(1.5); }
|
|
215
|
-
}
|
|
216
|
-
@-moz-keyframes scaleUpFrom {
|
|
217
|
-
from { opacity: 0; -moz-transform: scale(1.5); }
|
|
218
|
-
}
|
|
219
|
-
@keyframes scaleUpFrom {
|
|
220
|
-
from { opacity: 0; transform: scale(1.5); }
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
@-webkit-keyframes scaleUpTo {
|
|
224
|
-
to { opacity: 0; -webkit-transform: scale(1.5); }
|
|
225
|
-
}
|
|
226
|
-
@-moz-keyframes scaleUpTo {
|
|
227
|
-
to { opacity: 0; -moz-transform: scale(1.5); }
|
|
228
|
-
}
|
|
229
|
-
@keyframes scaleUpTo {
|
|
230
|
-
to { opacity: 0; transform: scale(1.5); }
|
|
231
|
-
}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Owl Carousel CSS3 Transitions
|
|
3
|
+
* v1.3.2
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.owl-origin {
|
|
7
|
+
-webkit-perspective: 1200px;
|
|
8
|
+
-webkit-perspective-origin-x : 50%;
|
|
9
|
+
-webkit-perspective-origin-y : 50%;
|
|
10
|
+
-moz-perspective : 1200px;
|
|
11
|
+
-moz-perspective-origin-x : 50%;
|
|
12
|
+
-moz-perspective-origin-y : 50%;
|
|
13
|
+
perspective : 1200px;
|
|
14
|
+
}
|
|
15
|
+
/* fade */
|
|
16
|
+
.owl-fade-out {
|
|
17
|
+
z-index: 10;
|
|
18
|
+
-webkit-animation: fadeOut .7s both ease;
|
|
19
|
+
-moz-animation: fadeOut .7s both ease;
|
|
20
|
+
animation: fadeOut .7s both ease;
|
|
21
|
+
}
|
|
22
|
+
.owl-fade-in {
|
|
23
|
+
-webkit-animation: fadeIn .7s both ease;
|
|
24
|
+
-moz-animation: fadeIn .7s both ease;
|
|
25
|
+
animation: fadeIn .7s both ease;
|
|
26
|
+
}
|
|
27
|
+
/* backSlide */
|
|
28
|
+
.owl-backSlide-out {
|
|
29
|
+
-webkit-animation: backSlideOut 1s both ease;
|
|
30
|
+
-moz-animation: backSlideOut 1s both ease;
|
|
31
|
+
animation: backSlideOut 1s both ease;
|
|
32
|
+
}
|
|
33
|
+
.owl-backSlide-in {
|
|
34
|
+
-webkit-animation: backSlideIn 1s both ease;
|
|
35
|
+
-moz-animation: backSlideIn 1s both ease;
|
|
36
|
+
animation: backSlideIn 1s both ease;
|
|
37
|
+
}
|
|
38
|
+
/* goDown */
|
|
39
|
+
.owl-goDown-out {
|
|
40
|
+
-webkit-animation: scaleToFade .7s ease both;
|
|
41
|
+
-moz-animation: scaleToFade .7s ease both;
|
|
42
|
+
animation: scaleToFade .7s ease both;
|
|
43
|
+
}
|
|
44
|
+
.owl-goDown-in {
|
|
45
|
+
-webkit-animation: goDown .6s ease both;
|
|
46
|
+
-moz-animation: goDown .6s ease both;
|
|
47
|
+
animation: goDown .6s ease both;
|
|
48
|
+
}
|
|
49
|
+
/* scaleUp */
|
|
50
|
+
.owl-fadeUp-in {
|
|
51
|
+
-webkit-animation: scaleUpFrom .5s ease both;
|
|
52
|
+
-moz-animation: scaleUpFrom .5s ease both;
|
|
53
|
+
animation: scaleUpFrom .5s ease both;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.owl-fadeUp-out {
|
|
57
|
+
-webkit-animation: scaleUpTo .5s ease both;
|
|
58
|
+
-moz-animation: scaleUpTo .5s ease both;
|
|
59
|
+
animation: scaleUpTo .5s ease both;
|
|
60
|
+
}
|
|
61
|
+
/* Keyframes */
|
|
62
|
+
/*empty*/
|
|
63
|
+
@-webkit-keyframes empty {
|
|
64
|
+
0% {opacity: 1}
|
|
65
|
+
}
|
|
66
|
+
@-moz-keyframes empty {
|
|
67
|
+
0% {opacity: 1}
|
|
68
|
+
}
|
|
69
|
+
@keyframes empty {
|
|
70
|
+
0% {opacity: 1}
|
|
71
|
+
}
|
|
72
|
+
@-webkit-keyframes fadeIn {
|
|
73
|
+
0% { opacity:0; }
|
|
74
|
+
100% { opacity:1; }
|
|
75
|
+
}
|
|
76
|
+
@-moz-keyframes fadeIn {
|
|
77
|
+
0% { opacity:0; }
|
|
78
|
+
100% { opacity:1; }
|
|
79
|
+
}
|
|
80
|
+
@keyframes fadeIn {
|
|
81
|
+
0% { opacity:0; }
|
|
82
|
+
100% { opacity:1; }
|
|
83
|
+
}
|
|
84
|
+
@-webkit-keyframes fadeOut {
|
|
85
|
+
0% { opacity:1; }
|
|
86
|
+
100% { opacity:0; }
|
|
87
|
+
}
|
|
88
|
+
@-moz-keyframes fadeOut {
|
|
89
|
+
0% { opacity:1; }
|
|
90
|
+
100% { opacity:0; }
|
|
91
|
+
}
|
|
92
|
+
@keyframes fadeOut {
|
|
93
|
+
0% { opacity:1; }
|
|
94
|
+
100% { opacity:0; }
|
|
95
|
+
}
|
|
96
|
+
@-webkit-keyframes backSlideOut {
|
|
97
|
+
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
|
98
|
+
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
|
99
|
+
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
|
100
|
+
}
|
|
101
|
+
@-moz-keyframes backSlideOut {
|
|
102
|
+
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
|
103
|
+
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
|
104
|
+
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
|
105
|
+
}
|
|
106
|
+
@keyframes backSlideOut {
|
|
107
|
+
25% { opacity: .5; transform: translateZ(-500px); }
|
|
108
|
+
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
|
109
|
+
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
|
110
|
+
}
|
|
111
|
+
@-webkit-keyframes backSlideIn {
|
|
112
|
+
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
|
113
|
+
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
|
114
|
+
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
|
115
|
+
}
|
|
116
|
+
@-moz-keyframes backSlideIn {
|
|
117
|
+
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
|
118
|
+
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
|
119
|
+
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
|
120
|
+
}
|
|
121
|
+
@keyframes backSlideIn {
|
|
122
|
+
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
|
123
|
+
75% { opacity: .5; transform: translateZ(-500px); }
|
|
124
|
+
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
|
125
|
+
}
|
|
126
|
+
@-webkit-keyframes scaleToFade {
|
|
127
|
+
to { opacity: 0; -webkit-transform: scale(.8); }
|
|
128
|
+
}
|
|
129
|
+
@-moz-keyframes scaleToFade {
|
|
130
|
+
to { opacity: 0; -moz-transform: scale(.8); }
|
|
131
|
+
}
|
|
132
|
+
@keyframes scaleToFade {
|
|
133
|
+
to { opacity: 0; transform: scale(.8); }
|
|
134
|
+
}
|
|
135
|
+
@-webkit-keyframes goDown {
|
|
136
|
+
from { -webkit-transform: translateY(-100%); }
|
|
137
|
+
}
|
|
138
|
+
@-moz-keyframes goDown {
|
|
139
|
+
from { -moz-transform: translateY(-100%); }
|
|
140
|
+
}
|
|
141
|
+
@keyframes goDown {
|
|
142
|
+
from { transform: translateY(-100%); }
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@-webkit-keyframes scaleUpFrom {
|
|
146
|
+
from { opacity: 0; -webkit-transform: scale(1.5); }
|
|
147
|
+
}
|
|
148
|
+
@-moz-keyframes scaleUpFrom {
|
|
149
|
+
from { opacity: 0; -moz-transform: scale(1.5); }
|
|
150
|
+
}
|
|
151
|
+
@keyframes scaleUpFrom {
|
|
152
|
+
from { opacity: 0; transform: scale(1.5); }
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
@-webkit-keyframes scaleUpTo {
|
|
156
|
+
to { opacity: 0; -webkit-transform: scale(1.5); }
|
|
157
|
+
}
|
|
158
|
+
@-moz-keyframes scaleUpTo {
|
|
159
|
+
to { opacity: 0; -moz-transform: scale(1.5); }
|
|
160
|
+
}
|
|
161
|
+
@keyframes scaleUpTo {
|
|
162
|
+
to { opacity: 0; transform: scale(1.5); }
|
|
163
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: owlcarousel-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 1.1.3.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- OwlFonk
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2014-01-
|
|
12
|
+
date: 2014-01-26 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: jquery-rails
|
|
@@ -47,6 +47,7 @@ executables: []
|
|
|
47
47
|
extensions: []
|
|
48
48
|
extra_rdoc_files: []
|
|
49
49
|
files:
|
|
50
|
+
- ".gitignore"
|
|
50
51
|
- Gemfile
|
|
51
52
|
- MIT-LICENSE
|
|
52
53
|
- README.md
|
|
@@ -59,6 +60,7 @@ files:
|
|
|
59
60
|
- vendor/assets/javascripts/owl.carousel.js
|
|
60
61
|
- vendor/assets/stylesheets/owl.carousel.css
|
|
61
62
|
- vendor/assets/stylesheets/owl.theme.css
|
|
63
|
+
- vendor/assets/stylesheets/owl.transitions.css
|
|
62
64
|
homepage: http://owlgraphic.com/owlcarousel/
|
|
63
65
|
licenses:
|
|
64
66
|
- MIT
|
|
@@ -79,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
79
81
|
version: '0'
|
|
80
82
|
requirements: []
|
|
81
83
|
rubyforge_project: owlcarousel-rails
|
|
82
|
-
rubygems_version: 2.2.
|
|
84
|
+
rubygems_version: 2.2.1
|
|
83
85
|
signing_key:
|
|
84
86
|
specification_version: 4
|
|
85
87
|
summary: Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful
|