flex-slider-rails 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
File without changes
@@ -0,0 +1,275 @@
1
+ /*
2
+ * jQuery FlexSlider v2.6.3
3
+ * http://www.woothemes.com/flexslider/
4
+ *
5
+ * Copyright 2012 WooThemes
6
+ * Free to use under the GPLv2 and later license.
7
+ * http://www.gnu.org/licenses/gpl-2.0.html
8
+ *
9
+ * Contributing author: Tyler Smith (@mbmufffin)
10
+ *
11
+ */
12
+ /* ====================================================================================================================
13
+ * FONT-FACE
14
+ * ====================================================================================================================*/
15
+ @font-face {
16
+ font-family: 'flexslider-icon';
17
+ src: url('fonts/flexslider-icon.eot');
18
+ src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
19
+ font-weight: normal;
20
+ font-style: normal;
21
+ }
22
+ /* ====================================================================================================================
23
+ * RESETS
24
+ * ====================================================================================================================*/
25
+ .flex-container a:hover,
26
+ .flex-slider a:hover {
27
+ outline: none;
28
+ }
29
+ .slides,
30
+ .slides > li,
31
+ .flex-control-nav,
32
+ .flex-direction-nav {
33
+ margin: 0;
34
+ padding: 0;
35
+ list-style: none;
36
+ }
37
+ .flex-pauseplay span {
38
+ text-transform: capitalize;
39
+ }
40
+ /* ====================================================================================================================
41
+ * BASE STYLES
42
+ * ====================================================================================================================*/
43
+ .flexslider {
44
+ margin: 0;
45
+ padding: 0;
46
+ }
47
+ .flexslider .slides > li {
48
+ display: none;
49
+ -webkit-backface-visibility: hidden;
50
+ }
51
+ .flexslider .slides img {
52
+ width: 100%;
53
+ display: block;
54
+ }
55
+ .flexslider .slides:after {
56
+ content: "\0020";
57
+ display: block;
58
+ clear: both;
59
+ visibility: hidden;
60
+ line-height: 0;
61
+ height: 0;
62
+ }
63
+ html[xmlns] .flexslider .slides {
64
+ display: block;
65
+ }
66
+ * html .flexslider .slides {
67
+ height: 1%;
68
+ }
69
+ .no-js .flexslider .slides > li:first-child {
70
+ display: block;
71
+ }
72
+ /* ====================================================================================================================
73
+ * DEFAULT THEME
74
+ * ====================================================================================================================*/
75
+ .flexslider {
76
+ margin: 0 0 60px;
77
+ background: #fff;
78
+ border: 4px solid #fff;
79
+ position: relative;
80
+ zoom: 1;
81
+ -webkit-border-radius: 4px;
82
+ -moz-border-radius: 4px;
83
+ border-radius: 4px;
84
+ -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
85
+ -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
86
+ -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
87
+ box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
88
+ }
89
+ .flexslider .slides {
90
+ zoom: 1;
91
+ }
92
+ .flexslider .slides img {
93
+ height: auto;
94
+ -moz-user-select: none;
95
+ }
96
+ .flex-viewport {
97
+ max-height: 2000px;
98
+ -webkit-transition: all 1s ease;
99
+ -moz-transition: all 1s ease;
100
+ -ms-transition: all 1s ease;
101
+ -o-transition: all 1s ease;
102
+ transition: all 1s ease;
103
+ }
104
+ .loading .flex-viewport {
105
+ max-height: 300px;
106
+ }
107
+ .carousel li {
108
+ margin-right: 5px;
109
+ }
110
+ .flex-direction-nav {
111
+ *height: 0;
112
+ }
113
+ .flex-direction-nav a {
114
+ text-decoration: none;
115
+ display: block;
116
+ width: 40px;
117
+ height: 40px;
118
+ margin: -20px 0 0;
119
+ position: absolute;
120
+ top: 50%;
121
+ z-index: 10;
122
+ overflow: hidden;
123
+ opacity: 0;
124
+ cursor: pointer;
125
+ color: rgba(0, 0, 0, 0.8);
126
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
127
+ -webkit-transition: all 0.3s ease-in-out;
128
+ -moz-transition: all 0.3s ease-in-out;
129
+ -ms-transition: all 0.3s ease-in-out;
130
+ -o-transition: all 0.3s ease-in-out;
131
+ transition: all 0.3s ease-in-out;
132
+ }
133
+ .flex-direction-nav a:before {
134
+ font-family: "flexslider-icon";
135
+ font-size: 40px;
136
+ display: inline-block;
137
+ content: '\f001';
138
+ color: rgba(0, 0, 0, 0.8);
139
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
140
+ }
141
+ .flex-direction-nav a.flex-next:before {
142
+ content: '\f002';
143
+ }
144
+ .flex-direction-nav .flex-prev {
145
+ left: -50px;
146
+ }
147
+ .flex-direction-nav .flex-next {
148
+ right: -50px;
149
+ text-align: right;
150
+ }
151
+ .flexslider:hover .flex-direction-nav .flex-prev {
152
+ opacity: 0.7;
153
+ left: 10px;
154
+ }
155
+ .flexslider:hover .flex-direction-nav .flex-prev:hover {
156
+ opacity: 1;
157
+ }
158
+ .flexslider:hover .flex-direction-nav .flex-next {
159
+ opacity: 0.7;
160
+ right: 10px;
161
+ }
162
+ .flexslider:hover .flex-direction-nav .flex-next:hover {
163
+ opacity: 1;
164
+ }
165
+ .flex-direction-nav .flex-disabled {
166
+ opacity: 0!important;
167
+ filter: alpha(opacity=0);
168
+ cursor: default;
169
+ z-index: -1;
170
+ }
171
+ .flex-pauseplay a {
172
+ display: block;
173
+ width: 20px;
174
+ height: 20px;
175
+ position: absolute;
176
+ bottom: 5px;
177
+ left: 10px;
178
+ opacity: 0.8;
179
+ z-index: 10;
180
+ overflow: hidden;
181
+ cursor: pointer;
182
+ color: #000;
183
+ }
184
+ .flex-pauseplay a:before {
185
+ font-family: "flexslider-icon";
186
+ font-size: 20px;
187
+ display: inline-block;
188
+ content: '\f004';
189
+ }
190
+ .flex-pauseplay a:hover {
191
+ opacity: 1;
192
+ }
193
+ .flex-pauseplay a.flex-play:before {
194
+ content: '\f003';
195
+ }
196
+ .flex-control-nav {
197
+ width: 100%;
198
+ position: absolute;
199
+ bottom: -40px;
200
+ text-align: center;
201
+ }
202
+ .flex-control-nav li {
203
+ margin: 0 6px;
204
+ display: inline-block;
205
+ zoom: 1;
206
+ *display: inline;
207
+ }
208
+ .flex-control-paging li a {
209
+ width: 11px;
210
+ height: 11px;
211
+ display: block;
212
+ background: #666;
213
+ background: rgba(0, 0, 0, 0.5);
214
+ cursor: pointer;
215
+ text-indent: -9999px;
216
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
217
+ -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
218
+ -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
219
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
220
+ -webkit-border-radius: 20px;
221
+ -moz-border-radius: 20px;
222
+ border-radius: 20px;
223
+ }
224
+ .flex-control-paging li a:hover {
225
+ background: #333;
226
+ background: rgba(0, 0, 0, 0.7);
227
+ }
228
+ .flex-control-paging li a.flex-active {
229
+ background: #000;
230
+ background: rgba(0, 0, 0, 0.9);
231
+ cursor: default;
232
+ }
233
+ .flex-control-thumbs {
234
+ margin: 5px 0 0;
235
+ position: static;
236
+ overflow: hidden;
237
+ }
238
+ .flex-control-thumbs li {
239
+ width: 25%;
240
+ float: left;
241
+ margin: 0;
242
+ }
243
+ .flex-control-thumbs img {
244
+ width: 100%;
245
+ height: auto;
246
+ display: block;
247
+ opacity: .7;
248
+ cursor: pointer;
249
+ -moz-user-select: none;
250
+ -webkit-transition: all 1s ease;
251
+ -moz-transition: all 1s ease;
252
+ -ms-transition: all 1s ease;
253
+ -o-transition: all 1s ease;
254
+ transition: all 1s ease;
255
+ }
256
+ .flex-control-thumbs img:hover {
257
+ opacity: 1;
258
+ }
259
+ .flex-control-thumbs .flex-active {
260
+ opacity: 1;
261
+ cursor: default;
262
+ }
263
+ /* ====================================================================================================================
264
+ * RESPONSIVE
265
+ * ====================================================================================================================*/
266
+ @media screen and (max-width: 860px) {
267
+ .flex-direction-nav .flex-prev {
268
+ opacity: 1;
269
+ left: 10px;
270
+ }
271
+ .flex-direction-nav .flex-next {
272
+ opacity: 1;
273
+ right: 10px;
274
+ }
275
+ }
Binary file
@@ -0,0 +1,19 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <metadata>
5
+ This is a custom SVG font generated by IcoMoon.
6
+ <iconset grid="14"></iconset>
7
+ </metadata>
8
+ <defs>
9
+ <font id="flexslider-icon" horiz-adv-x="448" >
10
+ <font-face units-per-em="448" ascent="384" descent="-64" />
11
+ <missing-glyph horiz-adv-x="448" />
12
+ <glyph unicode="&#xf001;" d="M 185.50-9.25l-163.00,162.75q-9.25,9.25 -9.25,22.625t 9.25,22.625l 163.00,162.75q 9.25,9.25 22.625,9.25t 22.625-9.25l 18.75-18.75q 9.25-9.25 9.25-22.625t-9.25-22.625l-121.50-121.50l 121.50-121.25q 9.25-9.50 9.25-22.75t-9.25-22.50l-18.75-18.75q-9.25-9.25 -22.625-9.25t-22.625,9.25z" horiz-adv-x="288" />
13
+ <glyph unicode="&#xf002;" d="M 274.75,176.00q0.00-13.00 -9.25-22.75l-163.00-162.75q-9.25-9.25 -22.50-9.25t-22.50,9.25l-19.00,18.75q-9.25,9.75 -9.25,22.75q0.00,13.25 9.25,22.50l 121.50,121.50l-121.50,121.25q-9.25,9.75 -9.25,22.75q0.00,13.25 9.25,22.50l 19.00,18.75q 9.00,9.50 22.50,9.50t 22.50-9.50l 163.00-162.75q 9.25-9.25 9.25-22.50z" horiz-adv-x="288" />
14
+ <glyph unicode="&#xf003;" d="M 346.00,152.25l-332.00-184.50q-5.75-3.25 -9.875-0.75t-4.125,9.00l0.00,368.00 q0.00,6.50 4.125,9.00t 9.875-0.75l 332.00-184.50q 5.75-3.25 5.75-7.75t-5.75-7.75z" horiz-adv-x="352" />
15
+ <glyph unicode="&#xf004;" d="M 384.00,336.00l0.00-352.00 q0.00-6.50 -4.75-11.25t-11.25-4.75l-128.00,0.00 q-6.50,0.00 -11.25,4.75t-4.75,11.25l0.00,352.00 q0.00,6.50 4.75,11.25t 11.25,4.75l 128.00,0.00 q 6.50,0.00 11.25-4.75t 4.75-11.25zM 160.00,336.00l0.00-352.00 q0.00-6.50 -4.75-11.25t-11.25-4.75l-128.00,0.00 q-6.50,0.00 -11.25,4.75t-4.75,11.25l0.00,352.00 q0.00,6.50 4.75,11.25t 11.25,4.75l 128.00,0.00 q 6.50,0.00 11.25-4.75t 4.75-11.25z" horiz-adv-x="384" />
16
+ <glyph unicode="&#xf005;" d="M 402.75,208.00q0.00-13.25 -9.25-22.50l-162.75-162.75q-9.50-9.50 -22.75-9.50q-13.50,0.00 -22.50,9.50l-162.75,162.75q-9.50,9.00 -9.50,22.50q0.00,13.25 9.50,22.75l 18.50,18.75q 9.75,9.25 22.75,9.25q 13.25,0.00 22.50-9.25l 121.50-121.50l 121.50,121.50q 9.25,9.25 22.50,9.25q 13.00,0.00 22.75-9.25l 18.75-18.75q 9.25-9.75 9.25-22.75z" horiz-adv-x="416" />
17
+ <glyph unicode="&#x20;" horiz-adv-x="224" />
18
+ <glyph class="hidden" unicode="&#xf000;" d="M0,384L 448 -64L0 -64 z" horiz-adv-x="0" />
19
+ </font></defs></svg>
Binary file
Binary file
Binary file
metadata ADDED
@@ -0,0 +1,94 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: flex-slider-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Mohammed Sadiq
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2016-12-27 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.13'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.13'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ description: This gem provides the FlexSlider Javascript library for your Rails 4
42
+ and Rails 5 application.
43
+ email:
44
+ - sadiqmmm@gmail.com
45
+ executables: []
46
+ extensions: []
47
+ extra_rdoc_files: []
48
+ files:
49
+ - ".gitignore"
50
+ - CODE_OF_CONDUCT.md
51
+ - Gemfile
52
+ - LICENSE.txt
53
+ - README.md
54
+ - Rakefile
55
+ - bin/console
56
+ - bin/setup
57
+ - flex-slider-rails.gemspec
58
+ - lib/flex/slider/rails.rb
59
+ - lib/flex/slider/rails/version.rb
60
+ - vendor/assets/javascripts/.keep
61
+ - vendor/assets/javascripts/jquery.flexslider-min.js
62
+ - vendor/assets/javascripts/jquery.flexslider.js
63
+ - vendor/assets/stylesheets/.keep
64
+ - vendor/assets/stylesheets/flexslider.css
65
+ - vendor/fonts/flexslider-icon.eot
66
+ - vendor/fonts/flexslider-icon.svg
67
+ - vendor/fonts/flexslider-icon.ttf
68
+ - vendor/fonts/flexslider-icon.woff
69
+ - vendor/images/bg_play_pause.png
70
+ homepage: https://github.com/sadiqmmm/flex-slider-rails
71
+ licenses:
72
+ - MIT
73
+ metadata: {}
74
+ post_install_message:
75
+ rdoc_options: []
76
+ require_paths:
77
+ - lib
78
+ required_ruby_version: !ruby/object:Gem::Requirement
79
+ requirements:
80
+ - - ">="
81
+ - !ruby/object:Gem::Version
82
+ version: '0'
83
+ required_rubygems_version: !ruby/object:Gem::Requirement
84
+ requirements:
85
+ - - ">="
86
+ - !ruby/object:Gem::Version
87
+ version: '0'
88
+ requirements: []
89
+ rubyforge_project:
90
+ rubygems_version: 2.5.1
91
+ signing_key:
92
+ specification_version: 4
93
+ summary: ''
94
+ test_files: []