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.
@@ -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: []