owlcarousel-rails 0.1.31
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 +7 -0
- data/Gemfile +4 -0
- data/MIT-LICENSE +20 -0
- data/README.md +81 -0
- data/Rakefile +2 -0
- data/lib/owlcarousel-rails.rb +8 -0
- data/lib/owlcarousel-rails/version.rb +5 -0
- data/owlcarousel-rails.gemspec +24 -0
- data/vendor/assets/images/AjaxLoader.gif +0 -0
- data/vendor/assets/images/grabbing.png +0 -0
- data/vendor/assets/javascripts/owl.carousel.js +1470 -0
- data/vendor/assets/stylesheets/owl.carousel.css +231 -0
- data/vendor/assets/stylesheets/owl.theme.css +79 -0
- metadata +87 -0
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Core Owl Carousel CSS File
|
|
3
|
+
* v1.24
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* clearfix */
|
|
7
|
+
.owl-carousel .owl-wrapper:after {
|
|
8
|
+
content: ".";
|
|
9
|
+
display: block;
|
|
10
|
+
clear: both;
|
|
11
|
+
visibility: hidden;
|
|
12
|
+
line-height: 0;
|
|
13
|
+
height: 0;
|
|
14
|
+
}
|
|
15
|
+
/* display none until init */
|
|
16
|
+
.owl-carousel{
|
|
17
|
+
display: none;
|
|
18
|
+
position: relative;
|
|
19
|
+
width: 100%;
|
|
20
|
+
-ms-touch-action: pan-y;
|
|
21
|
+
}
|
|
22
|
+
.owl-carousel .owl-wrapper{
|
|
23
|
+
display: none;
|
|
24
|
+
position: relative;
|
|
25
|
+
-webkit-transform: translate3d(0px, 0px, 0px);
|
|
26
|
+
}
|
|
27
|
+
.owl-carousel .owl-wrapper-outer{
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
position: relative;
|
|
30
|
+
width: 100%;
|
|
31
|
+
}
|
|
32
|
+
.owl-carousel .owl-wrapper-outer.autoHeight{
|
|
33
|
+
-webkit-transition: height 500ms ease-in-out;
|
|
34
|
+
-moz-transition: height 500ms ease-in-out;
|
|
35
|
+
-ms-transition: height 500ms ease-in-out;
|
|
36
|
+
-o-transition: height 500ms ease-in-out;
|
|
37
|
+
transition: height 500ms ease-in-out;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.owl-carousel .owl-item{
|
|
41
|
+
float: left;
|
|
42
|
+
}
|
|
43
|
+
.owl-controls .owl-page,
|
|
44
|
+
.owl-controls .owl-buttons div{
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
}
|
|
47
|
+
.owl-controls {
|
|
48
|
+
-webkit-user-select: none;
|
|
49
|
+
-khtml-user-select: none;
|
|
50
|
+
-moz-user-select: none;
|
|
51
|
+
-ms-user-select: none;
|
|
52
|
+
user-select: none;
|
|
53
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* mouse grab icon */
|
|
57
|
+
.grabbing {
|
|
58
|
+
cursor:url(grabbing.png) 8 8, move;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/* fix */
|
|
62
|
+
.owl-carousel .owl-wrapper,
|
|
63
|
+
.owl-carousel .owl-item{
|
|
64
|
+
-webkit-backface-visibility: hidden;
|
|
65
|
+
-moz-backface-visibility: hidden;
|
|
66
|
+
-ms-backface-visibility: hidden;
|
|
67
|
+
-webkit-transform: translate3d(0,0,0);
|
|
68
|
+
-moz-transform: translate3d(0,0,0);
|
|
69
|
+
-ms-transform: translate3d(0,0,0);
|
|
70
|
+
}
|
|
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,79 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Owl Carousel Owl Demo Theme
|
|
3
|
+
* v1.24
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
.owl-theme .owl-controls{
|
|
7
|
+
margin-top: 10px;
|
|
8
|
+
text-align: center;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Styling Next and Prev buttons */
|
|
12
|
+
|
|
13
|
+
.owl-theme .owl-controls .owl-buttons div{
|
|
14
|
+
color: #FFF;
|
|
15
|
+
display: inline-block;
|
|
16
|
+
zoom: 1;
|
|
17
|
+
*display: inline;/*IE7 life-saver */
|
|
18
|
+
margin: 5px;
|
|
19
|
+
padding: 3px 10px;
|
|
20
|
+
font-size: 12px;
|
|
21
|
+
-webkit-border-radius: 30px;
|
|
22
|
+
-moz-border-radius: 30px;
|
|
23
|
+
border-radius: 30px;
|
|
24
|
+
background: #869791;
|
|
25
|
+
filter: Alpha(Opacity=50);/*IE7 fix*/
|
|
26
|
+
opacity: 0.5;
|
|
27
|
+
}
|
|
28
|
+
/* Clickable class fix problem with hover on touch devices */
|
|
29
|
+
/* Use it for non-touch hover action */
|
|
30
|
+
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
|
31
|
+
filter: Alpha(Opacity=100);/*IE7 fix*/
|
|
32
|
+
opacity: 1;
|
|
33
|
+
text-decoration: none;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Styling Pagination*/
|
|
37
|
+
|
|
38
|
+
.owl-theme .owl-controls .owl-page{
|
|
39
|
+
display: inline-block;
|
|
40
|
+
zoom: 1;
|
|
41
|
+
*display: inline;/*IE7 life-saver */
|
|
42
|
+
}
|
|
43
|
+
.owl-theme .owl-controls .owl-page span{
|
|
44
|
+
display: block;
|
|
45
|
+
width: 12px;
|
|
46
|
+
height: 12px;
|
|
47
|
+
margin: 5px 7px;
|
|
48
|
+
filter: Alpha(Opacity=50);/*IE7 fix*/
|
|
49
|
+
opacity: 0.5;
|
|
50
|
+
-webkit-border-radius: 20px;
|
|
51
|
+
-moz-border-radius: 20px;
|
|
52
|
+
border-radius: 20px;
|
|
53
|
+
background: #869791;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.owl-theme .owl-controls .owl-page.active span,
|
|
57
|
+
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
|
58
|
+
filter: Alpha(Opacity=100);/*IE7 fix*/
|
|
59
|
+
opacity: 1;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* If PaginationNumbers is true */
|
|
63
|
+
|
|
64
|
+
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
|
65
|
+
height: auto;
|
|
66
|
+
width: auto;
|
|
67
|
+
color: #FFF;
|
|
68
|
+
padding: 2px 10px;
|
|
69
|
+
font-size: 12px;
|
|
70
|
+
-webkit-border-radius: 30px;
|
|
71
|
+
-moz-border-radius: 30px;
|
|
72
|
+
border-radius: 30px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/* preloading images */
|
|
76
|
+
.owl-item.loading{
|
|
77
|
+
min-height: 150px;
|
|
78
|
+
background: url(AjaxLoader.gif) no-repeat center center
|
|
79
|
+
}
|
metadata
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: owlcarousel-rails
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.31
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- OwlFonk
|
|
8
|
+
- Adrian Rangel
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2014-01-07 00:00:00.000000000 Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: jquery-rails
|
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
|
17
|
+
requirements:
|
|
18
|
+
- - ">="
|
|
19
|
+
- !ruby/object:Gem::Version
|
|
20
|
+
version: '0'
|
|
21
|
+
type: :runtime
|
|
22
|
+
prerelease: false
|
|
23
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
24
|
+
requirements:
|
|
25
|
+
- - ">="
|
|
26
|
+
- !ruby/object:Gem::Version
|
|
27
|
+
version: '0'
|
|
28
|
+
- !ruby/object:Gem::Dependency
|
|
29
|
+
name: rake
|
|
30
|
+
requirement: !ruby/object:Gem::Requirement
|
|
31
|
+
requirements:
|
|
32
|
+
- - ">="
|
|
33
|
+
- !ruby/object:Gem::Version
|
|
34
|
+
version: '0'
|
|
35
|
+
type: :development
|
|
36
|
+
prerelease: false
|
|
37
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
38
|
+
requirements:
|
|
39
|
+
- - ">="
|
|
40
|
+
- !ruby/object:Gem::Version
|
|
41
|
+
version: '0'
|
|
42
|
+
description: Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful
|
|
43
|
+
responsive carousel slider.
|
|
44
|
+
email:
|
|
45
|
+
- adrian.rangel@gmail.com
|
|
46
|
+
executables: []
|
|
47
|
+
extensions: []
|
|
48
|
+
extra_rdoc_files: []
|
|
49
|
+
files:
|
|
50
|
+
- Gemfile
|
|
51
|
+
- MIT-LICENSE
|
|
52
|
+
- README.md
|
|
53
|
+
- Rakefile
|
|
54
|
+
- lib/owlcarousel-rails.rb
|
|
55
|
+
- lib/owlcarousel-rails/version.rb
|
|
56
|
+
- owlcarousel-rails.gemspec
|
|
57
|
+
- vendor/assets/images/AjaxLoader.gif
|
|
58
|
+
- vendor/assets/images/grabbing.png
|
|
59
|
+
- vendor/assets/javascripts/owl.carousel.js
|
|
60
|
+
- vendor/assets/stylesheets/owl.carousel.css
|
|
61
|
+
- vendor/assets/stylesheets/owl.theme.css
|
|
62
|
+
homepage: http://owlgraphic.com/owlcarousel/
|
|
63
|
+
licenses:
|
|
64
|
+
- MIT
|
|
65
|
+
metadata: {}
|
|
66
|
+
post_install_message:
|
|
67
|
+
rdoc_options: []
|
|
68
|
+
require_paths:
|
|
69
|
+
- lib
|
|
70
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
71
|
+
requirements:
|
|
72
|
+
- - ">="
|
|
73
|
+
- !ruby/object:Gem::Version
|
|
74
|
+
version: '0'
|
|
75
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
76
|
+
requirements:
|
|
77
|
+
- - ">="
|
|
78
|
+
- !ruby/object:Gem::Version
|
|
79
|
+
version: '0'
|
|
80
|
+
requirements: []
|
|
81
|
+
rubyforge_project: owlcarousel-rails
|
|
82
|
+
rubygems_version: 2.2.0
|
|
83
|
+
signing_key:
|
|
84
|
+
specification_version: 4
|
|
85
|
+
summary: Owl Carousel. Touch enabled jQuery plugin that lets you create beautiful
|
|
86
|
+
responsive carousel slider.
|
|
87
|
+
test_files: []
|