fancybox2-rails 0.2.1

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,5 @@
1
+ /*
2
+ *= require jquery.fancybox
3
+ *= require jquery.fancybox-buttons
4
+ *= require jquery.fancybox-thumbs
5
+ */
@@ -0,0 +1,96 @@
1
+ #fancybox-buttons {
2
+ position: fixed;
3
+ left: 0;
4
+ width: 100%;
5
+ z-index: 8050;
6
+ }
7
+
8
+ #fancybox-buttons.top {
9
+ top: 10px;
10
+ }
11
+
12
+ #fancybox-buttons.bottom {
13
+ bottom: 10px;
14
+ }
15
+
16
+ #fancybox-buttons ul {
17
+ display: block;
18
+ width: 166px;
19
+ height: 30px;
20
+ margin: 0 auto;
21
+ padding: 0;
22
+ list-style: none;
23
+ border: 1px solid #111;
24
+ border-radius: 3px;
25
+ -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
26
+ -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
27
+ box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
28
+ background: rgb(50,50,50);
29
+ background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
30
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
31
+ background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
32
+ background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
33
+ background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
34
+ background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
35
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
36
+ }
37
+
38
+ #fancybox-buttons ul li {
39
+ float: left;
40
+ margin: 0;
41
+ padding: 0;
42
+ }
43
+
44
+ #fancybox-buttons a {
45
+ display: block;
46
+ width: 30px;
47
+ height: 30px;
48
+ text-indent: -9999px;
49
+ background-image: url(<%= asset_path 'fancybox_buttons.png' %>);
50
+ background-repeat: no-repeat;
51
+ outline: none;
52
+ opacity: 0.8;
53
+ }
54
+
55
+ #fancybox-buttons a:hover {
56
+ opacity: 1;
57
+ }
58
+
59
+ #fancybox-buttons a.btnPrev {
60
+ background-position: 5px 0;
61
+ }
62
+
63
+ #fancybox-buttons a.btnNext {
64
+ background-position: -33px 0;
65
+ border-right: 1px solid #3e3e3e;
66
+ }
67
+
68
+ #fancybox-buttons a.btnPlay {
69
+ background-position: 0 -30px;
70
+ }
71
+
72
+ #fancybox-buttons a.btnPlayOn {
73
+ background-position: -30px -30px;
74
+ }
75
+
76
+ #fancybox-buttons a.btnToggle {
77
+ background-position: 3px -60px;
78
+ border-left: 1px solid #111;
79
+ border-right: 1px solid #3e3e3e;
80
+ width: 35px
81
+ }
82
+
83
+ #fancybox-buttons a.btnToggleOn {
84
+ background-position: -27px -60px;
85
+ }
86
+
87
+ #fancybox-buttons a.btnClose {
88
+ border-left: 1px solid #111;
89
+ width: 35px;
90
+ background-position: -56px 0px;
91
+ }
92
+
93
+ #fancybox-buttons a.btnDisabled {
94
+ opacity : 0.4;
95
+ cursor: default;
96
+ }
@@ -0,0 +1,54 @@
1
+ #fancybox-thumbs {
2
+ position: fixed;
3
+ left: 0;
4
+ width: 100%;
5
+ overflow: hidden;
6
+ z-index: 8050;
7
+ }
8
+
9
+ #fancybox-thumbs.bottom {
10
+ bottom: 2px;
11
+ }
12
+
13
+ #fancybox-thumbs.top {
14
+ top: 2px;
15
+ }
16
+
17
+ #fancybox-thumbs ul {
18
+ position: relative;
19
+ list-style: none;
20
+ margin: 0;
21
+ padding: 0;
22
+ }
23
+
24
+ #fancybox-thumbs ul li {
25
+ float: left;
26
+ padding: 1px;
27
+ opacity: 0.5;
28
+ }
29
+
30
+ #fancybox-thumbs ul li.active {
31
+ opacity: 0.75;
32
+ padding: 0;
33
+ border: 1px solid #fff;
34
+ }
35
+
36
+ #fancybox-thumbs ul li:hover {
37
+ opacity: 1;
38
+ }
39
+
40
+ #fancybox-thumbs ul li a {
41
+ display: block;
42
+ position: relative;
43
+ overflow: hidden;
44
+ border: 1px solid #222;
45
+ background: #111;
46
+ outline: none;
47
+ }
48
+
49
+ #fancybox-thumbs ul li img {
50
+ display: block;
51
+ position: relative;
52
+ border: 0;
53
+ padding: 0;
54
+ }
@@ -0,0 +1,246 @@
1
+ /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
2
+ .fancybox-wrap,
3
+ .fancybox-skin,
4
+ .fancybox-outer,
5
+ .fancybox-inner,
6
+ .fancybox-image,
7
+ .fancybox-wrap iframe,
8
+ .fancybox-wrap object,
9
+ .fancybox-nav,
10
+ .fancybox-nav span,
11
+ .fancybox-tmp
12
+ {
13
+ padding: 0;
14
+ margin: 0;
15
+ border: 0;
16
+ outline: none;
17
+ vertical-align: top;
18
+ }
19
+
20
+ .fancybox-wrap {
21
+ position: absolute;
22
+ top: 0;
23
+ left: 0;
24
+ z-index: 8020;
25
+ }
26
+
27
+ .fancybox-skin {
28
+ position: relative;
29
+ background: #f9f9f9;
30
+ color: #444;
31
+ text-shadow: none;
32
+ -webkit-border-radius: 4px;
33
+ -moz-border-radius: 4px;
34
+ border-radius: 4px;
35
+ }
36
+
37
+ .fancybox-opened {
38
+ z-index: 8030;
39
+ }
40
+
41
+ .fancybox-opened .fancybox-skin {
42
+ -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
43
+ -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
44
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
45
+ }
46
+
47
+ .fancybox-outer, .fancybox-inner {
48
+ position: relative;
49
+ }
50
+
51
+ .fancybox-inner {
52
+ overflow: hidden;
53
+ }
54
+
55
+ .fancybox-type-iframe .fancybox-inner {
56
+ -webkit-overflow-scrolling: touch;
57
+ }
58
+
59
+ .fancybox-error {
60
+ color: #444;
61
+ font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
62
+ margin: 0;
63
+ padding: 15px;
64
+ white-space: nowrap;
65
+ }
66
+
67
+ .fancybox-image, .fancybox-iframe {
68
+ display: block;
69
+ width: 100%;
70
+ height: 100%;
71
+ }
72
+
73
+ .fancybox-image {
74
+ max-width: 100%;
75
+ max-height: 100%;
76
+ }
77
+
78
+ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
79
+ background-image: url(<%= asset_path 'fancybox_sprite.png' %>);
80
+ }
81
+
82
+ #fancybox-loading {
83
+ position: fixed;
84
+ top: 50%;
85
+ left: 50%;
86
+ margin-top: -22px;
87
+ margin-left: -22px;
88
+ background-position: 0 -108px;
89
+ opacity: 0.8;
90
+ cursor: pointer;
91
+ z-index: 8060;
92
+ }
93
+
94
+ #fancybox-loading div {
95
+ width: 44px;
96
+ height: 44px;
97
+ background: url(<%= asset_path 'fancybox_loading.gif' %>) center center no-repeat;
98
+ }
99
+
100
+ .fancybox-close {
101
+ position: absolute;
102
+ top: -18px;
103
+ right: -18px;
104
+ width: 36px;
105
+ height: 36px;
106
+ cursor: pointer;
107
+ z-index: 8040;
108
+ }
109
+
110
+ .fancybox-nav {
111
+ position: absolute;
112
+ top: 0;
113
+ width: 40%;
114
+ height: 100%;
115
+ cursor: pointer;
116
+ text-decoration: none;
117
+ background: transparent url(<%= asset_path 'blank.gif' %>); /* helps IE */
118
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
119
+ z-index: 8040;
120
+ }
121
+
122
+ .fancybox-prev {
123
+ left: 0;
124
+ }
125
+
126
+ .fancybox-next {
127
+ right: 0;
128
+ }
129
+
130
+ .fancybox-nav span {
131
+ position: absolute;
132
+ top: 50%;
133
+ width: 36px;
134
+ height: 34px;
135
+ margin-top: -18px;
136
+ cursor: pointer;
137
+ z-index: 8040;
138
+ visibility: hidden;
139
+ }
140
+
141
+ .fancybox-prev span {
142
+ left: 10px;
143
+ background-position: 0 -36px;
144
+ }
145
+
146
+ .fancybox-next span {
147
+ right: 10px;
148
+ background-position: 0 -72px;
149
+ }
150
+
151
+ .fancybox-nav:hover span {
152
+ visibility: visible;
153
+ }
154
+
155
+ .fancybox-tmp {
156
+ position: absolute;
157
+ top: -9999px;
158
+ left: -9999px;
159
+ visibility: hidden;
160
+ }
161
+
162
+ /* Overlay helper */
163
+
164
+ .fancybox-lock {
165
+ overflow: hidden;
166
+ }
167
+
168
+ .fancybox-overlay {
169
+ position: absolute;
170
+ top: 0;
171
+ left: 0;
172
+ overflow: hidden;
173
+ display: none;
174
+ z-index: 8010;
175
+ background: url(<%= asset_path 'fancybox_overlay.png' %>);
176
+ }
177
+
178
+ .fancybox-overlay-fixed {
179
+ position: fixed;
180
+ bottom: 0;
181
+ right: 0;
182
+ }
183
+
184
+ .fancybox-lock .fancybox-overlay {
185
+ overflow: auto;
186
+ overflow-y: scroll;
187
+ }
188
+
189
+ /* Title helper */
190
+
191
+ .fancybox-title {
192
+ visibility: hidden;
193
+ font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
194
+ position: relative;
195
+ text-shadow: none;
196
+ z-index: 8050;
197
+ }
198
+
199
+ .fancybox-opened .fancybox-title {
200
+ visibility: visible;
201
+ }
202
+
203
+ .fancybox-title-float-wrap {
204
+ position: absolute;
205
+ bottom: 0;
206
+ right: 50%;
207
+ margin-bottom: -35px;
208
+ z-index: 8050;
209
+ text-align: center;
210
+ }
211
+
212
+ .fancybox-title-float-wrap .child {
213
+ display: inline-block;
214
+ margin-right: -100%;
215
+ padding: 2px 20px;
216
+ background: transparent; /* Fallback for web browsers that doesn't support RGBa */
217
+ background: rgba(0, 0, 0, 0.8);
218
+ -webkit-border-radius: 15px;
219
+ -moz-border-radius: 15px;
220
+ border-radius: 15px;
221
+ text-shadow: 0 1px 2px #222;
222
+ color: #FFF;
223
+ font-weight: bold;
224
+ line-height: 24px;
225
+ white-space: nowrap;
226
+ }
227
+
228
+ .fancybox-title-outside-wrap {
229
+ position: relative;
230
+ margin-top: 10px;
231
+ color: #fff;
232
+ }
233
+
234
+ .fancybox-title-inside-wrap {
235
+ padding-top: 10px;
236
+ }
237
+
238
+ .fancybox-title-over-wrap {
239
+ position: absolute;
240
+ bottom: 0;
241
+ left: 0;
242
+ color: #fff;
243
+ padding: 10px;
244
+ background: #000;
245
+ background: rgba(0, 0, 0, .8);
246
+ }
metadata ADDED
@@ -0,0 +1,138 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: fancybox2-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.2.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Mattias Svedhem
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-10-12 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: railties
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: 3.1.0
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: !ruby/object:Gem::Requirement
25
+ none: false
26
+ requirements:
27
+ - - ! '>='
28
+ - !ruby/object:Gem::Version
29
+ version: 3.1.0
30
+ - !ruby/object:Gem::Dependency
31
+ name: bundler
32
+ requirement: !ruby/object:Gem::Requirement
33
+ none: false
34
+ requirements:
35
+ - - ~>
36
+ - !ruby/object:Gem::Version
37
+ version: 1.2.1
38
+ type: :development
39
+ prerelease: false
40
+ version_requirements: !ruby/object:Gem::Requirement
41
+ none: false
42
+ requirements:
43
+ - - ~>
44
+ - !ruby/object:Gem::Version
45
+ version: 1.2.1
46
+ - !ruby/object:Gem::Dependency
47
+ name: rails
48
+ requirement: !ruby/object:Gem::Requirement
49
+ none: false
50
+ requirements:
51
+ - - ~>
52
+ - !ruby/object:Gem::Version
53
+ version: '3.1'
54
+ type: :development
55
+ prerelease: false
56
+ version_requirements: !ruby/object:Gem::Requirement
57
+ none: false
58
+ requirements:
59
+ - - ~>
60
+ - !ruby/object:Gem::Version
61
+ version: '3.1'
62
+ - !ruby/object:Gem::Dependency
63
+ name: nokogiri
64
+ requirement: !ruby/object:Gem::Requirement
65
+ none: false
66
+ requirements:
67
+ - - ! '>='
68
+ - !ruby/object:Gem::Version
69
+ version: '0'
70
+ type: :development
71
+ prerelease: false
72
+ version_requirements: !ruby/object:Gem::Requirement
73
+ none: false
74
+ requirements:
75
+ - - ! '>='
76
+ - !ruby/object:Gem::Version
77
+ version: '0'
78
+ description: This gem provides jQuery FancyBox 2 for your Rails 3.1 application. This
79
+ gem is based on the gem for Fancybox 1.x by Chris Mytton
80
+ email:
81
+ - mattias@kyparn.se
82
+ executables: []
83
+ extensions: []
84
+ extra_rdoc_files: []
85
+ files:
86
+ - lib/fancybox2/rails/engine.rb
87
+ - lib/fancybox2/rails/version.rb
88
+ - lib/fancybox2/rails.rb
89
+ - lib/fancybox2-rails.rb
90
+ - vendor/assets/images/blank.gif
91
+ - vendor/assets/images/fancybox_buttons.png
92
+ - vendor/assets/images/fancybox_loading.gif
93
+ - vendor/assets/images/fancybox_overlay.png
94
+ - vendor/assets/images/fancybox_sprite.png
95
+ - vendor/assets/javascripts/fancybox.js
96
+ - vendor/assets/javascripts/jquery.fancybox-buttons.js
97
+ - vendor/assets/javascripts/jquery.fancybox-media.js
98
+ - vendor/assets/javascripts/jquery.fancybox-thumbs.js
99
+ - vendor/assets/javascripts/jquery.fancybox.js
100
+ - vendor/assets/stylesheets/fancybox.css
101
+ - vendor/assets/stylesheets/jquery.fancybox-buttons.css.erb
102
+ - vendor/assets/stylesheets/jquery.fancybox-thumbs.css
103
+ - vendor/assets/stylesheets/jquery.fancybox.css.erb
104
+ - MIT-LICENSE
105
+ - Rakefile
106
+ - Gemfile
107
+ - README.md
108
+ homepage: https://github.com/kyparn/fancybox2-rails
109
+ licenses: []
110
+ post_install_message:
111
+ rdoc_options: []
112
+ require_paths:
113
+ - lib
114
+ required_ruby_version: !ruby/object:Gem::Requirement
115
+ none: false
116
+ requirements:
117
+ - - ! '>='
118
+ - !ruby/object:Gem::Version
119
+ version: '0'
120
+ segments:
121
+ - 0
122
+ hash: 2667871193779590918
123
+ required_rubygems_version: !ruby/object:Gem::Requirement
124
+ none: false
125
+ requirements:
126
+ - - ! '>='
127
+ - !ruby/object:Gem::Version
128
+ version: '0'
129
+ segments:
130
+ - 0
131
+ hash: 2667871193779590918
132
+ requirements: []
133
+ rubyforge_project:
134
+ rubygems_version: 1.8.23
135
+ signing_key:
136
+ specification_version: 3
137
+ summary: Use FancyBox 2 with Rails 3.1
138
+ test_files: []