lightbox2-rails 2.7.1 → 2.8.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +50 -25
  3. data/lib/lightbox2/rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/lightbox.js +403 -361
  5. data/vendor/assets/stylesheets/{lightbox.css.erb → lightbox.scss} +206 -210
  6. metadata +4 -4
data/vendor/assets/stylesheets/{lightbox.css.erb → lightbox.scss} RENAMED
@@ -1,210 +1,206 @@
1
- /* Preload images */
2
- body:after {
3
- content: url(<%= image_url 'lightbox/close.png'%>) url(<%= image_url 'lightbox/loading.gif'%>) url(<%= image_url 'lightbox/prev.png'%>) url(<%= image_url 'lightbox/next.png'%>);
4
- display: none;
5
- }
6
-
7
- .lightboxOverlay {
8
- position: absolute;
9
- top: 0;
10
- left: 0;
11
- z-index: 9999;
12
- background-color: black;
13
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
14
- opacity: 0.8;
15
- display: none;
16
- }
17
-
18
- .lightbox {
19
- position: absolute;
20
- left: 0;
21
- width: 100%;
22
- z-index: 10000;
23
- text-align: center;
24
- line-height: 0;
25
- font-weight: normal;
26
- }
27
-
28
- .lightbox .lb-image {
29
- display: block;
30
- height: auto;
31
- max-width: inherit;
32
- -webkit-border-radius: 3px;
33
- -moz-border-radius: 3px;
34
- -ms-border-radius: 3px;
35
- -o-border-radius: 3px;
36
- border-radius: 3px;
37
- }
38
-
39
- .lightbox a img {
40
- border: none;
41
- }
42
-
43
- .lb-outerContainer {
44
- position: relative;
45
- background-color: white;
46
- *zoom: 1;
47
- width: 250px;
48
- height: 250px;
49
- margin: 0 auto;
50
- -webkit-border-radius: 4px;
51
- -moz-border-radius: 4px;
52
- -ms-border-radius: 4px;
53
- -o-border-radius: 4px;
54
- border-radius: 4px;
55
- }
56
-
57
- .lb-outerContainer:after {
58
- content: "";
59
- display: table;
60
- clear: both;
61
- }
62
-
63
- .lb-container {
64
- padding: 4px;
65
- }
66
-
67
- .lb-loader {
68
- position: absolute;
69
- top: 43%;
70
- left: 0;
71
- height: 25%;
72
- width: 100%;
73
- text-align: center;
74
- line-height: 0;
75
- }
76
-
77
- .lb-cancel {
78
- display: block;
79
- width: 32px;
80
- height: 32px;
81
- margin: 0 auto;
82
- background: url(<%= image_url 'lightbox/loading.gif'%>) no-repeat;
83
- }
84
-
85
- .lb-nav {
86
- position: absolute;
87
- top: 0;
88
- left: 0;
89
- height: 100%;
90
- width: 100%;
91
- z-index: 10;
92
- }
93
-
94
- .lb-container > .nav {
95
- left: 0;
96
- }
97
-
98
- .lb-nav a {
99
- outline: none;
100
- background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
101
- }
102
-
103
- .lb-prev, .lb-next {
104
- height: 100%;
105
- cursor: pointer;
106
- display: block;
107
- }
108
-
109
- .lb-nav a.lb-prev {
110
- width: 34%;
111
- left: 0;
112
- float: left;
113
- background: url(<%= image_url 'lightbox/prev.png'%>) left 48% no-repeat;
114
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
115
- opacity: 0;
116
- -webkit-transition: opacity 0.6s;
117
- -moz-transition: opacity 0.6s;
118
- -o-transition: opacity 0.6s;
119
- transition: opacity 0.6s;
120
- }
121
-
122
- .lb-nav a.lb-prev:hover {
123
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
124
- opacity: 1;
125
- }
126
-
127
- .lb-nav a.lb-next {
128
- width: 64%;
129
- right: 0;
130
- float: right;
131
- background: url(<%= image_url 'lightbox/next.png'%>) right 48% no-repeat;
132
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
133
- opacity: 0;
134
- -webkit-transition: opacity 0.6s;
135
- -moz-transition: opacity 0.6s;
136
- -o-transition: opacity 0.6s;
137
- transition: opacity 0.6s;
138
- }
139
-
140
- .lb-nav a.lb-next:hover {
141
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
142
- opacity: 1;
143
- }
144
-
145
- .lb-dataContainer {
146
- margin: 0 auto;
147
- padding-top: 5px;
148
- *zoom: 1;
149
- width: 100%;
150
- -moz-border-radius-bottomleft: 4px;
151
- -webkit-border-bottom-left-radius: 4px;
152
- border-bottom-left-radius: 4px;
153
- -moz-border-radius-bottomright: 4px;
154
- -webkit-border-bottom-right-radius: 4px;
155
- border-bottom-right-radius: 4px;
156
- }
157
-
158
- .lb-dataContainer:after {
159
- content: "";
160
- display: table;
161
- clear: both;
162
- }
163
-
164
- .lb-data {
165
- padding: 0 4px;
166
- color: #ccc;
167
- }
168
-
169
- .lb-data .lb-details {
170
- width: 85%;
171
- float: left;
172
- text-align: left;
173
- line-height: 1.1em;
174
- }
175
-
176
- .lb-data .lb-caption {
177
- font-size: 13px;
178
- font-weight: bold;
179
- line-height: 1em;
180
- }
181
-
182
- .lb-data .lb-number {
183
- display: block;
184
- clear: left;
185
- padding-bottom: 1em;
186
- font-size: 12px;
187
- color: #999999;
188
- }
189
-
190
- .lb-data .lb-close {
191
- display: block;
192
- float: right;
193
- width: 30px;
194
- height: 30px;
195
- background: url(<%= image_url 'lightbox/close.png'%>) top right no-repeat;
196
- text-align: right;
197
- outline: none;
198
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
199
- opacity: 0.7;
200
- -webkit-transition: opacity 0.2s;
201
- -moz-transition: opacity 0.2s;
202
- -o-transition: opacity 0.2s;
203
- transition: opacity 0.2s;
204
- }
205
-
206
- .lb-data .lb-close:hover {
207
- cursor: pointer;
208
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
209
- opacity: 1;
210
- }
1
+ /* Preload images */
2
+ body:after {
3
+ content: url(image_path('/close.png')) url(image_path('/loading.gif')) url(image_path('/prev.png')) url(image_path('/next.png'));
4
+ display: none;
5
+ }
6
+
7
+ body.lb-disable-scrolling {
8
+ overflow: hidden;
9
+ }
10
+
11
+ .lightboxOverlay {
12
+ position: absolute;
13
+ top: 0;
14
+ left: 0;
15
+ z-index: 9999;
16
+ background-color: black;
17
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
18
+ opacity: 0.8;
19
+ display: none;
20
+ }
21
+
22
+ .lightbox {
23
+ position: absolute;
24
+ left: 0;
25
+ width: 100%;
26
+ z-index: 10000;
27
+ text-align: center;
28
+ line-height: 0;
29
+ font-weight: normal;
30
+ }
31
+
32
+ .lightbox .lb-image {
33
+ display: block;
34
+ height: auto;
35
+ max-width: inherit;
36
+ border-radius: 3px;
37
+ }
38
+
39
+ .lightbox a img {
40
+ border: none;
41
+ }
42
+
43
+ .lb-outerContainer {
44
+ position: relative;
45
+ background-color: white;
46
+ *zoom: 1;
47
+ width: 250px;
48
+ height: 250px;
49
+ margin: 0 auto;
50
+ border-radius: 4px;
51
+ }
52
+
53
+ .lb-outerContainer:after {
54
+ content: "";
55
+ display: table;
56
+ clear: both;
57
+ }
58
+
59
+ .lb-container {
60
+ padding: 4px;
61
+ }
62
+
63
+ .lb-loader {
64
+ position: absolute;
65
+ top: 43%;
66
+ left: 0;
67
+ height: 25%;
68
+ width: 100%;
69
+ text-align: center;
70
+ line-height: 0;
71
+ }
72
+
73
+ .lb-cancel {
74
+ display: block;
75
+ width: 32px;
76
+ height: 32px;
77
+ margin: 0 auto;
78
+ background: url(image_path('/loading.gif')) no-repeat;
79
+ }
80
+
81
+ .lb-nav {
82
+ position: absolute;
83
+ top: 0;
84
+ left: 0;
85
+ height: 100%;
86
+ width: 100%;
87
+ z-index: 10;
88
+ }
89
+
90
+ .lb-container > .nav {
91
+ left: 0;
92
+ }
93
+
94
+ .lb-nav a {
95
+ outline: none;
96
+ background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
97
+ }
98
+
99
+ .lb-prev, .lb-next {
100
+ height: 100%;
101
+ cursor: pointer;
102
+ display: block;
103
+ }
104
+
105
+ .lb-nav a.lb-prev {
106
+ width: 34%;
107
+ left: 0;
108
+ float: left;
109
+ background: url(image_path('/prev.png')) left 48% no-repeat;
110
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
111
+ opacity: 0;
112
+ -webkit-transition: opacity 0.6s;
113
+ -moz-transition: opacity 0.6s;
114
+ -o-transition: opacity 0.6s;
115
+ transition: opacity 0.6s;
116
+ }
117
+
118
+ .lb-nav a.lb-prev:hover {
119
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
120
+ opacity: 1;
121
+ }
122
+
123
+ .lb-nav a.lb-next {
124
+ width: 64%;
125
+ right: 0;
126
+ float: right;
127
+ background: url(image_path('/next.png')) right 48% no-repeat;
128
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
129
+ opacity: 0;
130
+ -webkit-transition: opacity 0.6s;
131
+ -moz-transition: opacity 0.6s;
132
+ -o-transition: opacity 0.6s;
133
+ transition: opacity 0.6s;
134
+ }
135
+
136
+ .lb-nav a.lb-next:hover {
137
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
138
+ opacity: 1;
139
+ }
140
+
141
+ .lb-dataContainer {
142
+ margin: 0 auto;
143
+ padding-top: 5px;
144
+ *zoom: 1;
145
+ width: 100%;
146
+ -moz-border-radius-bottomleft: 4px;
147
+ -webkit-border-bottom-left-radius: 4px;
148
+ border-bottom-left-radius: 4px;
149
+ -moz-border-radius-bottomright: 4px;
150
+ -webkit-border-bottom-right-radius: 4px;
151
+ border-bottom-right-radius: 4px;
152
+ }
153
+
154
+ .lb-dataContainer:after {
155
+ content: "";
156
+ display: table;
157
+ clear: both;
158
+ }
159
+
160
+ .lb-data {
161
+ padding: 0 4px;
162
+ color: #ccc;
163
+ }
164
+
165
+ .lb-data .lb-details {
166
+ width: 85%;
167
+ float: left;
168
+ text-align: left;
169
+ line-height: 1.1em;
170
+ }
171
+
172
+ .lb-data .lb-caption {
173
+ font-size: 13px;
174
+ font-weight: bold;
175
+ line-height: 1em;
176
+ }
177
+
178
+ .lb-data .lb-number {
179
+ display: block;
180
+ clear: left;
181
+ padding-bottom: 1em;
182
+ font-size: 12px;
183
+ color: #999999;
184
+ }
185
+
186
+ .lb-data .lb-close {
187
+ display: block;
188
+ float: right;
189
+ width: 30px;
190
+ height: 30px;
191
+ background: url(image_path('/close.png')) top right no-repeat;
192
+ text-align: right;
193
+ outline: none;
194
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
195
+ opacity: 0.7;
196
+ -webkit-transition: opacity 0.2s;
197
+ -moz-transition: opacity 0.2s;
198
+ -o-transition: opacity 0.2s;
199
+ transition: opacity 0.2s;
200
+ }
201
+
202
+ .lb-data .lb-close:hover {
203
+ cursor: pointer;
204
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
205
+ opacity: 1;
206
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: lightbox2-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.7.1
4
+ version: 2.8.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gavin Lam
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-12-27 00:00:00.000000000 Z
11
+ date: 2016-03-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -42,7 +42,7 @@ files:
42
42
  - vendor/assets/images/lightbox/next.png
43
43
  - vendor/assets/images/lightbox/prev.png
44
44
  - vendor/assets/javascripts/lightbox.js
45
- - vendor/assets/stylesheets/lightbox.css.erb
45
+ - vendor/assets/stylesheets/lightbox.scss
46
46
  homepage: https://github.com/gavinkflam/lightbox2-rails
47
47
  licenses:
48
48
  - MIT
@@ -63,7 +63,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
63
63
  version: '0'
64
64
  requirements: []
65
65
  rubyforge_project:
66
- rubygems_version: 2.4.5
66
+ rubygems_version: 2.6.1
67
67
  signing_key:
68
68
  specification_version: 4
69
69
  summary: Lightbox2 for Rails asset pipeline