fancybox2-rails 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -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: []