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.
@@ -1,5 +1,5 @@
1
- /**
2
- * BxSlider v4.1.2 - Fully loaded, responsive content slider
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: 5px solid #fff;
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 #fff;
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-prev:hover {
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\9;
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.1.2
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.5.1
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.