bxslider-rails 4.1.2 → 4.2.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.
- checksums.yaml +4 -4
- data/README.md +9 -3
- data/lib/bxslider-rails/version.rb +1 -1
- data/vendor/assets/javascripts/jquery.bxslider.js +1355 -1329
- data/vendor/assets/stylesheets/bxslider.css.scss +33 -64
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
|
-
|
2
|
-
* BxSlider v4.
|
1
|
+
/***
|
2
|
+
* BxSlider v4.2.0 - Fully loaded, responsive content slider
|
3
3
|
* http://bxslider.com
|
4
4
|
*
|
5
5
|
* Written by: Steven Wanderski, 2014
|
@@ -8,55 +8,45 @@
|
|
8
8
|
*
|
9
9
|
* CEO and founder of bxCreative, LTD
|
10
10
|
* http://bxcreative.com
|
11
|
-
|
12
|
-
|
13
|
-
|
11
|
+
***/
|
14
12
|
/** RESET AND LAYOUT
|
15
13
|
===================================*/
|
16
|
-
|
17
14
|
.bx-wrapper {
|
18
15
|
position: relative;
|
19
16
|
margin: 0 auto 60px;
|
20
17
|
padding: 0;
|
21
18
|
*zoom: 1;
|
22
19
|
}
|
23
|
-
|
24
20
|
.bx-wrapper img {
|
25
21
|
max-width: 100%;
|
26
22
|
display: block;
|
27
23
|
}
|
28
|
-
|
24
|
+
.bxslider {
|
25
|
+
margin: 0;
|
26
|
+
padding: 0;
|
27
|
+
}
|
28
|
+
.bx-viewport {
|
29
|
+
/*fix other elements on the page moving (on Chrome)*/
|
30
|
+
-webkit-transform: translatez(0);
|
31
|
+
}
|
29
32
|
/** THEME
|
30
33
|
===================================*/
|
31
|
-
|
32
|
-
.bx-wrapper .bx-viewport {
|
33
|
-
-moz-box-shadow: 0 0 5px #ccc;
|
34
|
+
.bx-wrapper {
|
34
35
|
-webkit-box-shadow: 0 0 5px #ccc;
|
35
36
|
box-shadow: 0 0 5px #ccc;
|
36
|
-
border:
|
37
|
-
left: -5px;
|
37
|
+
border: 5px solid #fff;
|
38
38
|
background: #fff;
|
39
|
-
|
40
|
-
/*fix other elements on the page moving (on Chrome)*/
|
41
|
-
-webkit-transform: translatez(0);
|
42
|
-
-moz-transform: translatez(0);
|
43
|
-
-ms-transform: translatez(0);
|
44
|
-
-o-transform: translatez(0);
|
45
|
-
transform: translatez(0);
|
46
39
|
}
|
47
|
-
|
48
40
|
.bx-wrapper .bx-pager,
|
49
41
|
.bx-wrapper .bx-controls-auto {
|
50
42
|
position: absolute;
|
51
43
|
bottom: -30px;
|
52
44
|
width: 100%;
|
53
45
|
}
|
54
|
-
|
55
46
|
/* LOADER */
|
56
|
-
|
57
47
|
.bx-wrapper .bx-loading {
|
58
48
|
min-height: 50px;
|
59
|
-
background: image-url('bx_loader.gif') center center no-repeat #
|
49
|
+
background: image-url('bx_loader.gif') center center no-repeat #ffffff;
|
60
50
|
height: 100%;
|
61
51
|
width: 100%;
|
62
52
|
position: absolute;
|
@@ -64,9 +54,7 @@
|
|
64
54
|
left: 0;
|
65
55
|
z-index: 2000;
|
66
56
|
}
|
67
|
-
|
68
57
|
/* PAGER */
|
69
|
-
|
70
58
|
.bx-wrapper .bx-pager {
|
71
59
|
text-align: center;
|
72
60
|
font-size: .85em;
|
@@ -75,14 +63,6 @@
|
|
75
63
|
color: #666;
|
76
64
|
padding-top: 20px;
|
77
65
|
}
|
78
|
-
|
79
|
-
.bx-wrapper .bx-pager .bx-pager-item,
|
80
|
-
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
81
|
-
display: inline-block;
|
82
|
-
*zoom: 1;
|
83
|
-
*display: inline;
|
84
|
-
}
|
85
|
-
|
86
66
|
.bx-wrapper .bx-pager.bx-default-pager a {
|
87
67
|
background: #666;
|
88
68
|
text-indent: -9999px;
|
@@ -91,36 +71,36 @@
|
|
91
71
|
height: 10px;
|
92
72
|
margin: 0 5px;
|
93
73
|
outline: 0;
|
94
|
-
-moz-border-radius: 5px;
|
95
|
-
-webkit-border-radius: 5px;
|
96
74
|
border-radius: 5px;
|
97
75
|
}
|
98
|
-
|
99
76
|
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
100
|
-
.bx-wrapper .bx-pager.bx-default-pager a.active
|
77
|
+
.bx-wrapper .bx-pager.bx-default-pager a.active,
|
78
|
+
.bx-wrapper .bx-pager.bx-default-pager a:focus {
|
101
79
|
background: #000;
|
102
80
|
}
|
103
|
-
|
81
|
+
.bx-wrapper .bx-pager-item,
|
82
|
+
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
83
|
+
display: inline-block;
|
84
|
+
*zoom: 1;
|
85
|
+
*display: inline;
|
86
|
+
}
|
104
87
|
/* DIRECTION CONTROLS (NEXT / PREV) */
|
105
|
-
|
106
88
|
.bx-wrapper .bx-prev {
|
107
89
|
left: 10px;
|
108
90
|
background: image-url('controls.png') no-repeat 0 -32px;
|
109
91
|
}
|
110
|
-
|
92
|
+
.bx-wrapper .bx-prev:hover,
|
93
|
+
.bx-wrapper .bx-prev:focus {
|
94
|
+
background-position: 0 0;
|
95
|
+
}
|
111
96
|
.bx-wrapper .bx-next {
|
112
97
|
right: 10px;
|
113
98
|
background: image-url('controls.png') no-repeat -43px -32px;
|
114
99
|
}
|
115
|
-
|
116
|
-
.bx-wrapper .bx-
|
117
|
-
background-position: 0 0;
|
118
|
-
}
|
119
|
-
|
120
|
-
.bx-wrapper .bx-next:hover {
|
100
|
+
.bx-wrapper .bx-next:hover,
|
101
|
+
.bx-wrapper .bx-next:focus {
|
121
102
|
background-position: -43px 0;
|
122
103
|
}
|
123
|
-
|
124
104
|
.bx-wrapper .bx-controls-direction a {
|
125
105
|
position: absolute;
|
126
106
|
top: 50%;
|
@@ -131,17 +111,13 @@
|
|
131
111
|
text-indent: -9999px;
|
132
112
|
z-index: 9999;
|
133
113
|
}
|
134
|
-
|
135
114
|
.bx-wrapper .bx-controls-direction a.disabled {
|
136
115
|
display: none;
|
137
116
|
}
|
138
|
-
|
139
117
|
/* AUTO CONTROLS (START / STOP) */
|
140
|
-
|
141
118
|
.bx-wrapper .bx-controls-auto {
|
142
119
|
text-align: center;
|
143
120
|
}
|
144
|
-
|
145
121
|
.bx-wrapper .bx-controls-auto .bx-start {
|
146
122
|
display: block;
|
147
123
|
text-indent: -9999px;
|
@@ -151,12 +127,11 @@
|
|
151
127
|
background: image-url('controls.png') -86px -11px no-repeat;
|
152
128
|
margin: 0 3px;
|
153
129
|
}
|
154
|
-
|
155
130
|
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
156
|
-
.bx-wrapper .bx-controls-auto .bx-start.active
|
131
|
+
.bx-wrapper .bx-controls-auto .bx-start.active,
|
132
|
+
.bx-wrapper .bx-controls-auto .bx-start:focus {
|
157
133
|
background-position: -86px 0;
|
158
134
|
}
|
159
|
-
|
160
135
|
.bx-wrapper .bx-controls-auto .bx-stop {
|
161
136
|
display: block;
|
162
137
|
text-indent: -9999px;
|
@@ -166,35 +141,29 @@
|
|
166
141
|
background: image-url('controls.png') -86px -44px no-repeat;
|
167
142
|
margin: 0 3px;
|
168
143
|
}
|
169
|
-
|
170
144
|
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
171
|
-
.bx-wrapper .bx-controls-auto .bx-stop.active
|
145
|
+
.bx-wrapper .bx-controls-auto .bx-stop.active,
|
146
|
+
.bx-wrapper .bx-controls-auto .bx-stop:focus {
|
172
147
|
background-position: -86px -33px;
|
173
148
|
}
|
174
|
-
|
175
149
|
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
176
|
-
|
177
150
|
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
178
151
|
text-align: left;
|
179
152
|
width: 80%;
|
180
153
|
}
|
181
|
-
|
182
154
|
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
183
155
|
right: 0;
|
184
156
|
width: 35px;
|
185
157
|
}
|
186
|
-
|
187
158
|
/* IMAGE CAPTIONS */
|
188
|
-
|
189
159
|
.bx-wrapper .bx-caption {
|
190
160
|
position: absolute;
|
191
161
|
bottom: 0;
|
192
162
|
left: 0;
|
193
|
-
background: #666
|
163
|
+
background: #666;
|
194
164
|
background: rgba(80, 80, 80, 0.75);
|
195
165
|
width: 100%;
|
196
166
|
}
|
197
|
-
|
198
167
|
.bx-wrapper .bx-caption span {
|
199
168
|
color: #fff;
|
200
169
|
font-family: Arial;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bxslider-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.
|
4
|
+
version: 4.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mauricio N. Ferreira
|
@@ -49,7 +49,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
49
49
|
version: '0'
|
50
50
|
requirements: []
|
51
51
|
rubyforge_project:
|
52
|
-
rubygems_version: 2.4.
|
52
|
+
rubygems_version: 2.4.8
|
53
53
|
signing_key:
|
54
54
|
specification_version: 4
|
55
55
|
summary: The bxSlider Rails is a jQuery HTML Content Slider ready to play with Rails.
|