cropimage_riffpad 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +17 -0
- data/.gitignore.swp +0 -0
- data/Gemfile +13 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/app/assets/images/Jcrop.gif +0 -0
- data/app/assets/images/blank.gif +0 -0
- data/app/assets/images/fancy_close.png +0 -0
- data/app/assets/images/fancy_loading.png +0 -0
- data/app/assets/images/fancy_nav_left.png +0 -0
- data/app/assets/images/fancy_nav_right.png +0 -0
- data/app/assets/images/fancy_shadow_e.png +0 -0
- data/app/assets/images/fancy_shadow_n.png +0 -0
- data/app/assets/images/fancy_shadow_ne.png +0 -0
- data/app/assets/images/fancy_shadow_nw.png +0 -0
- data/app/assets/images/fancy_shadow_s.png +0 -0
- data/app/assets/images/fancy_shadow_se.png +0 -0
- data/app/assets/images/fancy_shadow_sw.png +0 -0
- data/app/assets/images/fancy_shadow_w.png +0 -0
- data/app/assets/images/fancy_title_left.png +0 -0
- data/app/assets/images/fancy_title_main.png +0 -0
- data/app/assets/images/fancy_title_over.png +0 -0
- data/app/assets/images/fancy_title_right.png +0 -0
- data/app/assets/images/fancybox-x.png +0 -0
- data/app/assets/images/fancybox-y.png +0 -0
- data/app/assets/images/fancybox.png +0 -0
- data/app/assets/javascripts/.DS_Store +0 -0
- data/app/assets/javascripts/awesome_gem.js +14 -0
- data/app/assets/javascripts/jquery.Jcrop.js +1695 -0
- data/app/assets/javascripts/jquery.color.js +123 -0
- data/app/assets/javascripts/jquery.easing-1.3.pack.js +72 -0
- data/app/assets/javascripts/jquery.fancybox-1.3.4.js +1156 -0
- data/app/assets/javascripts/jquery.mousewheel-3.0.4.pack.js +14 -0
- data/app/assets/stylesheets/.DS_Store +0 -0
- data/app/assets/stylesheets/awesome_gem.css.scss +6 -0
- data/app/assets/stylesheets/jquery.Jcrop.css +86 -0
- data/app/assets/stylesheets/jquery.Jcrop.min.css +28 -0
- data/app/assets/stylesheets/jquery.fancybox-1.3.4.css +359 -0
- data/app/assets/stylesheets/style.css +151 -0
- data/app/helpers/cropimage_riffpad/crop_image_helper.rb +65 -0
- data/cropimage_riffpad.gemspec +19 -0
- data/lib/cropimage_riffpad/.DS_Store +0 -0
- data/lib/cropimage_riffpad/crop_image_controller.rb +39 -0
- data/lib/cropimage_riffpad/crop_image_model.rb +28 -0
- data/lib/cropimage_riffpad/paperclip_processors/cropper.rb +27 -0
- data/lib/cropimage_riffpad/version.rb +3 -0
- data/lib/cropimage_riffpad.rb +14 -0
- data/lib/generators/cropimage_riffpad/install_generator.rb +37 -0
- metadata +94 -0
@@ -0,0 +1,14 @@
|
|
1
|
+
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
|
2
|
+
* Licensed under the MIT License (LICENSE.txt).
|
3
|
+
*
|
4
|
+
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
5
|
+
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
6
|
+
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
7
|
+
*
|
8
|
+
* Version: 3.0.4
|
9
|
+
*
|
10
|
+
* Requires: 1.2.2+
|
11
|
+
*/
|
12
|
+
|
13
|
+
(function(d){function g(a){var b=a||window.event,i=[].slice.call(arguments,1),c=0,h=0,e=0;a=d.event.fix(b);a.type="mousewheel";if(a.wheelDelta)c=a.wheelDelta/120;if(a.detail)c=-a.detail/3;e=c;if(b.axis!==undefined&&b.axis===b.HORIZONTAL_AXIS){e=0;h=-1*c}if(b.wheelDeltaY!==undefined)e=b.wheelDeltaY/120;if(b.wheelDeltaX!==undefined)h=-1*b.wheelDeltaX/120;i.unshift(a,c,h,e);return d.event.handle.apply(this,i)}var f=["DOMMouseScroll","mousewheel"];d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=
|
14
|
+
f.length;a;)this.addEventListener(f[--a],g,false);else this.onmousewheel=g},teardown:function(){if(this.removeEventListener)for(var a=f.length;a;)this.removeEventListener(f[--a],g,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);
|
Binary file
|
@@ -0,0 +1,86 @@
|
|
1
|
+
/* jquery.Jcrop.css v0.9.10 - MIT License */
|
2
|
+
|
3
|
+
/*
|
4
|
+
The outer-most container in a typical Jcrop instance
|
5
|
+
If you are having difficulty with formatting related to styles
|
6
|
+
on a parent element, place any fixes here or in a like selector
|
7
|
+
|
8
|
+
You can also style this element if you want to add a border, etc
|
9
|
+
A better method for styling can be seen below with .jcrop-light
|
10
|
+
(Add a class to the holder and style elements for that extended class)
|
11
|
+
*/
|
12
|
+
.jcrop-holder {
|
13
|
+
direction: ltr;
|
14
|
+
text-align: left;
|
15
|
+
}
|
16
|
+
|
17
|
+
/* These styles define the border lines */
|
18
|
+
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;}
|
19
|
+
.jcrop-vline{height:100%;width:1px!important;}
|
20
|
+
.jcrop-hline{height:1px!important;width:100%;}
|
21
|
+
.jcrop-vline.right{right:0;}
|
22
|
+
.jcrop-hline.bottom{bottom:0;}
|
23
|
+
|
24
|
+
/* Handle style - size is set by Jcrop handleSize option (currently) */
|
25
|
+
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
|
26
|
+
|
27
|
+
/* This style is used for invisible click targets */
|
28
|
+
.jcrop-tracker
|
29
|
+
{
|
30
|
+
height: 100%;
|
31
|
+
width: 100%;
|
32
|
+
-webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
|
33
|
+
-webkit-touch-callout: none; /* disable callout, image save panel */
|
34
|
+
-webkit-user-select: none; /* disable cut copy paste */
|
35
|
+
}
|
36
|
+
|
37
|
+
/* Positioning of handles and drag bars */
|
38
|
+
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
|
39
|
+
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
|
40
|
+
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
|
41
|
+
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
|
42
|
+
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
|
43
|
+
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
|
44
|
+
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
|
45
|
+
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
|
46
|
+
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
|
47
|
+
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
|
48
|
+
.jcrop-dragbar.ord-n{margin-top:-4px;}
|
49
|
+
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
|
50
|
+
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
|
51
|
+
.jcrop-dragbar.ord-w{margin-left:-4px;}
|
52
|
+
|
53
|
+
/* The "jcrop-light" class/extension */
|
54
|
+
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
|
55
|
+
{
|
56
|
+
background:#FFF;
|
57
|
+
filter:Alpha(opacity=70)!important;
|
58
|
+
opacity:.70!important;
|
59
|
+
}
|
60
|
+
.jcrop-light .jcrop-handle
|
61
|
+
{
|
62
|
+
-moz-border-radius:3px;
|
63
|
+
-webkit-border-radius:3px;
|
64
|
+
background-color:#000;
|
65
|
+
border-color:#FFF;
|
66
|
+
border-radius:3px;
|
67
|
+
}
|
68
|
+
|
69
|
+
/* The "jcrop-dark" class/extension */
|
70
|
+
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
|
71
|
+
{
|
72
|
+
background:#000;
|
73
|
+
filter:Alpha(opacity=70)!important;
|
74
|
+
opacity:.7!important;
|
75
|
+
}
|
76
|
+
.jcrop-dark .jcrop-handle
|
77
|
+
{
|
78
|
+
-moz-border-radius:3px;
|
79
|
+
-webkit-border-radius:3px;
|
80
|
+
background-color:#FFF;
|
81
|
+
border-color:#000;
|
82
|
+
border-radius:3px;
|
83
|
+
}
|
84
|
+
|
85
|
+
/* Fix for twitter bootstrap et al. */
|
86
|
+
.jcrop-holder img,img.jcrop-preview{ max-width: none; }
|
@@ -0,0 +1,28 @@
|
|
1
|
+
/* jquery.Jcrop.min.css v0.9.10 (build:20120429) */
|
2
|
+
.jcrop-holder{direction:ltr;text-align:left;}
|
3
|
+
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;}
|
4
|
+
.jcrop-vline{height:100%;width:1px!important;}
|
5
|
+
.jcrop-hline{height:1px!important;width:100%;}
|
6
|
+
.jcrop-vline.right{right:0;}
|
7
|
+
.jcrop-hline.bottom{bottom:0;}
|
8
|
+
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}
|
9
|
+
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
|
10
|
+
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
|
11
|
+
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
|
12
|
+
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
|
13
|
+
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
|
14
|
+
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
|
15
|
+
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
|
16
|
+
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
|
17
|
+
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
|
18
|
+
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
|
19
|
+
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
|
20
|
+
.jcrop-dragbar.ord-n{margin-top:-4px;}
|
21
|
+
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
|
22
|
+
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
|
23
|
+
.jcrop-dragbar.ord-w{margin-left:-4px;}
|
24
|
+
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;}
|
25
|
+
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
|
26
|
+
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;}
|
27
|
+
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
|
28
|
+
.jcrop-holder img,img.jcrop-preview{max-width:none;}
|
@@ -0,0 +1,359 @@
|
|
1
|
+
/*
|
2
|
+
* FancyBox - jQuery Plugin
|
3
|
+
* Simple and fancy lightbox alternative
|
4
|
+
*
|
5
|
+
* Examples and documentation at: http://fancybox.net
|
6
|
+
*
|
7
|
+
* Copyright (c) 2008 - 2010 Janis Skarnelis
|
8
|
+
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
|
9
|
+
*
|
10
|
+
* Version: 1.3.4 (11/11/2010)
|
11
|
+
* Requires: jQuery v1.3+
|
12
|
+
*
|
13
|
+
* Dual licensed under the MIT and GPL licenses:
|
14
|
+
* http://www.opensource.org/licenses/mit-license.php
|
15
|
+
* http://www.gnu.org/licenses/gpl.html
|
16
|
+
*/
|
17
|
+
|
18
|
+
#fancybox-loading {
|
19
|
+
position: fixed;
|
20
|
+
top: 50%;
|
21
|
+
left: 50%;
|
22
|
+
width: 40px;
|
23
|
+
height: 40px;
|
24
|
+
margin-top: -20px;
|
25
|
+
margin-left: -20px;
|
26
|
+
cursor: pointer;
|
27
|
+
overflow: hidden;
|
28
|
+
z-index: 1104;
|
29
|
+
display: none;
|
30
|
+
}
|
31
|
+
|
32
|
+
#fancybox-loading div {
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
width: 40px;
|
37
|
+
height: 480px;
|
38
|
+
background-image: url('/assets/fancybox.png');
|
39
|
+
}
|
40
|
+
|
41
|
+
#fancybox-overlay {
|
42
|
+
position: absolute;
|
43
|
+
top: 0;
|
44
|
+
left: 0;
|
45
|
+
width: 100%;
|
46
|
+
z-index: 1100;
|
47
|
+
display: none;
|
48
|
+
}
|
49
|
+
|
50
|
+
#fancybox-tmp {
|
51
|
+
padding: 0;
|
52
|
+
margin: 0;
|
53
|
+
border: 0;
|
54
|
+
overflow: auto;
|
55
|
+
display: none;
|
56
|
+
}
|
57
|
+
|
58
|
+
#fancybox-wrap {
|
59
|
+
position: absolute;
|
60
|
+
top: 0;
|
61
|
+
left: 0;
|
62
|
+
padding: 20px;
|
63
|
+
z-index: 1101;
|
64
|
+
outline: none;
|
65
|
+
display: none;
|
66
|
+
}
|
67
|
+
|
68
|
+
#fancybox-outer {
|
69
|
+
position: relative;
|
70
|
+
width: 100%;
|
71
|
+
height: 100%;
|
72
|
+
background: #fff;
|
73
|
+
}
|
74
|
+
|
75
|
+
#fancybox-content {
|
76
|
+
width: 0;
|
77
|
+
height: 0;
|
78
|
+
padding: 0;
|
79
|
+
outline: none;
|
80
|
+
position: relative;
|
81
|
+
overflow: hidden;
|
82
|
+
z-index: 1102;
|
83
|
+
border: 0px solid #fff;
|
84
|
+
}
|
85
|
+
|
86
|
+
#fancybox-hide-sel-frame {
|
87
|
+
position: absolute;
|
88
|
+
top: 0;
|
89
|
+
left: 0;
|
90
|
+
width: 100%;
|
91
|
+
height: 100%;
|
92
|
+
background: transparent;
|
93
|
+
z-index: 1101;
|
94
|
+
}
|
95
|
+
|
96
|
+
#fancybox-close {
|
97
|
+
position: absolute;
|
98
|
+
top: -15px;
|
99
|
+
right: -15px;
|
100
|
+
width: 30px;
|
101
|
+
height: 30px;
|
102
|
+
background: transparent url('/assets/fancybox.png') -40px 0px;
|
103
|
+
cursor: pointer;
|
104
|
+
z-index: 1103;
|
105
|
+
display: none;
|
106
|
+
}
|
107
|
+
|
108
|
+
#fancybox-error {
|
109
|
+
color: #444;
|
110
|
+
font: normal 12px/20px Arial;
|
111
|
+
padding: 14px;
|
112
|
+
margin: 0;
|
113
|
+
}
|
114
|
+
|
115
|
+
#fancybox-img {
|
116
|
+
width: 100%;
|
117
|
+
height: 100%;
|
118
|
+
padding: 0;
|
119
|
+
margin: 0;
|
120
|
+
border: none;
|
121
|
+
outline: none;
|
122
|
+
line-height: 0;
|
123
|
+
vertical-align: top;
|
124
|
+
}
|
125
|
+
|
126
|
+
#fancybox-frame {
|
127
|
+
width: 100%;
|
128
|
+
height: 100%;
|
129
|
+
border: none;
|
130
|
+
display: block;
|
131
|
+
}
|
132
|
+
|
133
|
+
#fancybox-left, #fancybox-right {
|
134
|
+
position: absolute;
|
135
|
+
bottom: 0px;
|
136
|
+
height: 100%;
|
137
|
+
width: 35%;
|
138
|
+
cursor: pointer;
|
139
|
+
outline: none;
|
140
|
+
background: transparent url('/assets/blank.gif');
|
141
|
+
z-index: 1102;
|
142
|
+
display: none;
|
143
|
+
}
|
144
|
+
|
145
|
+
#fancybox-left {
|
146
|
+
left: 0px;
|
147
|
+
}
|
148
|
+
|
149
|
+
#fancybox-right {
|
150
|
+
right: 0px;
|
151
|
+
}
|
152
|
+
|
153
|
+
#fancybox-left-ico, #fancybox-right-ico {
|
154
|
+
position: absolute;
|
155
|
+
top: 50%;
|
156
|
+
left: -9999px;
|
157
|
+
width: 30px;
|
158
|
+
height: 30px;
|
159
|
+
margin-top: -15px;
|
160
|
+
cursor: pointer;
|
161
|
+
z-index: 1102;
|
162
|
+
display: block;
|
163
|
+
}
|
164
|
+
|
165
|
+
#fancybox-left-ico {
|
166
|
+
background-image: url('/assets/fancybox.png');
|
167
|
+
background-position: -40px -30px;
|
168
|
+
}
|
169
|
+
|
170
|
+
#fancybox-right-ico {
|
171
|
+
background-image: url('/assets/fancybox.png');
|
172
|
+
background-position: -40px -60px;
|
173
|
+
}
|
174
|
+
|
175
|
+
#fancybox-left:hover, #fancybox-right:hover {
|
176
|
+
visibility: visible; /* IE6 */
|
177
|
+
}
|
178
|
+
|
179
|
+
#fancybox-left:hover span {
|
180
|
+
left: 20px;
|
181
|
+
}
|
182
|
+
|
183
|
+
#fancybox-right:hover span {
|
184
|
+
left: auto;
|
185
|
+
right: 20px;
|
186
|
+
}
|
187
|
+
|
188
|
+
.fancybox-bg {
|
189
|
+
position: absolute;
|
190
|
+
padding: 0;
|
191
|
+
margin: 0;
|
192
|
+
border: 0;
|
193
|
+
width: 20px;
|
194
|
+
height: 20px;
|
195
|
+
z-index: 1001;
|
196
|
+
}
|
197
|
+
|
198
|
+
#fancybox-bg-n {
|
199
|
+
top: -20px;
|
200
|
+
left: 0;
|
201
|
+
width: 100%;
|
202
|
+
background-image: url('/assets/fancybox-x.png');
|
203
|
+
}
|
204
|
+
|
205
|
+
#fancybox-bg-ne {
|
206
|
+
top: -20px;
|
207
|
+
right: -20px;
|
208
|
+
background-image: url('/assets/fancybox.png');
|
209
|
+
background-position: -40px -162px;
|
210
|
+
}
|
211
|
+
|
212
|
+
#fancybox-bg-e {
|
213
|
+
top: 0;
|
214
|
+
right: -20px;
|
215
|
+
height: 100%;
|
216
|
+
background-image: url('/assets/fancybox-y.png');
|
217
|
+
background-position: -20px 0px;
|
218
|
+
}
|
219
|
+
|
220
|
+
#fancybox-bg-se {
|
221
|
+
bottom: -20px;
|
222
|
+
right: -20px;
|
223
|
+
background-image: url('/assets/fancybox.png');
|
224
|
+
background-position: -40px -182px;
|
225
|
+
}
|
226
|
+
|
227
|
+
#fancybox-bg-s {
|
228
|
+
bottom: -20px;
|
229
|
+
left: 0;
|
230
|
+
width: 100%;
|
231
|
+
background-image: url('/assets/fancybox-x.png');
|
232
|
+
background-position: 0px -20px;
|
233
|
+
}
|
234
|
+
|
235
|
+
#fancybox-bg-sw {
|
236
|
+
bottom: -20px;
|
237
|
+
left: -20px;
|
238
|
+
background-image: url('/assets/fancybox.png');
|
239
|
+
background-position: -40px -142px;
|
240
|
+
}
|
241
|
+
|
242
|
+
#fancybox-bg-w {
|
243
|
+
top: 0;
|
244
|
+
left: -20px;
|
245
|
+
height: 100%;
|
246
|
+
background-image: url('/assets/fancybox-y.png');
|
247
|
+
}
|
248
|
+
|
249
|
+
#fancybox-bg-nw {
|
250
|
+
top: -20px;
|
251
|
+
left: -20px;
|
252
|
+
background-image: url('/assets/fancybox.png');
|
253
|
+
background-position: -40px -122px;
|
254
|
+
}
|
255
|
+
|
256
|
+
#fancybox-title {
|
257
|
+
font-family: Helvetica;
|
258
|
+
font-size: 12px;
|
259
|
+
z-index: 1102;
|
260
|
+
}
|
261
|
+
|
262
|
+
.fancybox-title-inside {
|
263
|
+
padding-bottom: 10px;
|
264
|
+
text-align: center;
|
265
|
+
color: #333;
|
266
|
+
background: #fff;
|
267
|
+
position: relative;
|
268
|
+
}
|
269
|
+
|
270
|
+
.fancybox-title-outside {
|
271
|
+
padding-top: 10px;
|
272
|
+
color: #fff;
|
273
|
+
}
|
274
|
+
|
275
|
+
.fancybox-title-over {
|
276
|
+
position: absolute;
|
277
|
+
bottom: 0;
|
278
|
+
left: 0;
|
279
|
+
color: #FFF;
|
280
|
+
text-align: left;
|
281
|
+
}
|
282
|
+
|
283
|
+
#fancybox-title-over {
|
284
|
+
padding: 10px;
|
285
|
+
background-image: url('/assets/fancy_title_over.png');
|
286
|
+
display: block;
|
287
|
+
}
|
288
|
+
|
289
|
+
.fancybox-title-float {
|
290
|
+
position: absolute;
|
291
|
+
left: 0;
|
292
|
+
bottom: -20px;
|
293
|
+
height: 32px;
|
294
|
+
}
|
295
|
+
|
296
|
+
#fancybox-title-float-wrap {
|
297
|
+
border: none;
|
298
|
+
border-collapse: collapse;
|
299
|
+
width: auto;
|
300
|
+
}
|
301
|
+
|
302
|
+
#fancybox-title-float-wrap td {
|
303
|
+
border: none;
|
304
|
+
white-space: nowrap;
|
305
|
+
}
|
306
|
+
|
307
|
+
#fancybox-title-float-left {
|
308
|
+
padding: 0 0 0 15px;
|
309
|
+
background: url('/assets/fancybox.png') -40px -90px no-repeat;
|
310
|
+
}
|
311
|
+
|
312
|
+
#fancybox-title-float-main {
|
313
|
+
color: #FFF;
|
314
|
+
line-height: 29px;
|
315
|
+
font-weight: bold;
|
316
|
+
padding: 0 0 3px 0;
|
317
|
+
background: url('/assets/fancybox-x.png') 0px -40px;
|
318
|
+
}
|
319
|
+
|
320
|
+
#fancybox-title-float-right {
|
321
|
+
padding: 0 0 0 15px;
|
322
|
+
background: url('/assets/fancybox.png') -55px -90px no-repeat;
|
323
|
+
}
|
324
|
+
|
325
|
+
/* IE6 */
|
326
|
+
|
327
|
+
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
|
328
|
+
|
329
|
+
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
|
330
|
+
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
|
331
|
+
|
332
|
+
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
|
333
|
+
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
|
334
|
+
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
|
335
|
+
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
|
336
|
+
|
337
|
+
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
|
338
|
+
height: expression(this.parentNode.clientHeight + "px");
|
339
|
+
}
|
340
|
+
|
341
|
+
#fancybox-loading.fancybox-ie6 {
|
342
|
+
position: absolute; margin-top: 0;
|
343
|
+
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
|
344
|
+
}
|
345
|
+
|
346
|
+
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
|
347
|
+
|
348
|
+
/* IE6, IE7, IE8 */
|
349
|
+
|
350
|
+
.fancybox-ie .fancybox-bg { background: transparent !important; }
|
351
|
+
|
352
|
+
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
|
353
|
+
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
|
354
|
+
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
|
355
|
+
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
|
356
|
+
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
|
357
|
+
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
|
358
|
+
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
|
359
|
+
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
|
@@ -0,0 +1,151 @@
|
|
1
|
+
html, body, div, ul {
|
2
|
+
margin: 0;
|
3
|
+
padding: 0;
|
4
|
+
}
|
5
|
+
|
6
|
+
body {
|
7
|
+
color: #262626;
|
8
|
+
background: #f4f4f4;
|
9
|
+
font: normal 12px/18px Verdana, sans-serif;
|
10
|
+
}
|
11
|
+
|
12
|
+
#content {
|
13
|
+
background-color: #444444;
|
14
|
+
padding: 10px;
|
15
|
+
}
|
16
|
+
|
17
|
+
.form_show
|
18
|
+
{
|
19
|
+
width:420px;
|
20
|
+
overflow:hidden;
|
21
|
+
/*background-color: #ffffff;*/
|
22
|
+
}
|
23
|
+
|
24
|
+
.fs-header
|
25
|
+
{
|
26
|
+
height: 30px;
|
27
|
+
background-color: #4a8bb9;
|
28
|
+
}
|
29
|
+
|
30
|
+
.fs-header .fs-title
|
31
|
+
{
|
32
|
+
color: #ffffff;
|
33
|
+
font-size: 16px;
|
34
|
+
font-weight: bold;
|
35
|
+
padding-left: 10px;
|
36
|
+
padding-top: 5px;
|
37
|
+
padding-bottom: 5px;
|
38
|
+
padding-right: 20px;
|
39
|
+
}
|
40
|
+
|
41
|
+
.fs-content
|
42
|
+
{
|
43
|
+
float:left;
|
44
|
+
width:290px;
|
45
|
+
}
|
46
|
+
|
47
|
+
.fs-content .fs-c-h1
|
48
|
+
{
|
49
|
+
font-size: 11px;
|
50
|
+
font-weight: bold;
|
51
|
+
color: #fff;
|
52
|
+
padding-left:10px;
|
53
|
+
}
|
54
|
+
|
55
|
+
.fs-content .fs-c-h2
|
56
|
+
{
|
57
|
+
font-size: 10px;
|
58
|
+
font-weight: normal;
|
59
|
+
color: #999;
|
60
|
+
padding-left:10px;
|
61
|
+
text-align: justify;
|
62
|
+
}
|
63
|
+
|
64
|
+
.image_1
|
65
|
+
{
|
66
|
+
width:400px;
|
67
|
+
margin-right: 10px;
|
68
|
+
margin-top: 10px;
|
69
|
+
margin-bottom: 10px;
|
70
|
+
margin-left: 10px;
|
71
|
+
}
|
72
|
+
|
73
|
+
.border-0
|
74
|
+
{
|
75
|
+
margin:5px;
|
76
|
+
border: solid #fff 1px;
|
77
|
+
}
|
78
|
+
|
79
|
+
.border-1
|
80
|
+
{
|
81
|
+
border-top: solid #fff 1px;
|
82
|
+
}
|
83
|
+
|
84
|
+
.clr
|
85
|
+
{
|
86
|
+
clear:both;
|
87
|
+
}
|
88
|
+
|
89
|
+
.image_2
|
90
|
+
{
|
91
|
+
width:100px;
|
92
|
+
height:100px;
|
93
|
+
overflow:hidden;
|
94
|
+
float: left;
|
95
|
+
margin-top: 10px;
|
96
|
+
margin-left:18px;
|
97
|
+
margin-bottom:10px;
|
98
|
+
}
|
99
|
+
|
100
|
+
.button_submit
|
101
|
+
{
|
102
|
+
margin-left:10px;
|
103
|
+
width: 80px;
|
104
|
+
height: 25px;
|
105
|
+
margin-top:10px;
|
106
|
+
}
|
107
|
+
|
108
|
+
h1 {
|
109
|
+
margin: 30px 0 15px 0;
|
110
|
+
font-size: 30px;
|
111
|
+
font-weight: bold;
|
112
|
+
font-family: Arial;
|
113
|
+
}
|
114
|
+
|
115
|
+
h1 span {
|
116
|
+
font-size: 50%;
|
117
|
+
letter-spacing: -0.05em;
|
118
|
+
}
|
119
|
+
|
120
|
+
hr {
|
121
|
+
border: none;
|
122
|
+
height: 1px; line-height: 1px;
|
123
|
+
background: #E5E5E5;
|
124
|
+
margin-bottom: 20px;
|
125
|
+
padding: 0;
|
126
|
+
}
|
127
|
+
|
128
|
+
p {
|
129
|
+
margin: 0;
|
130
|
+
padding: 7px 0;
|
131
|
+
}
|
132
|
+
|
133
|
+
a {
|
134
|
+
outline: none;
|
135
|
+
}
|
136
|
+
|
137
|
+
a img {
|
138
|
+
border: 1px solid #BBB;
|
139
|
+
padding: 2px;
|
140
|
+
margin: 10px 20px 10px 0;
|
141
|
+
vertical-align: top;
|
142
|
+
}
|
143
|
+
|
144
|
+
a img.last {
|
145
|
+
margin-right: 0;
|
146
|
+
}
|
147
|
+
|
148
|
+
ul {
|
149
|
+
margin-bottom: 24px;
|
150
|
+
padding-left: 30px;
|
151
|
+
}
|