Galleriffic 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +7 -0
  2. data/.DS_Store +0 -0
  3. data/.gitignore +17 -0
  4. data/.idea/.name +1 -0
  5. data/.idea/.rakeTasks +7 -0
  6. data/.idea/Galleriffic.iml +20 -0
  7. data/.idea/encodings.xml +5 -0
  8. data/.idea/misc.xml +5 -0
  9. data/.idea/modules.xml +9 -0
  10. data/.idea/scopes/scope_settings.xml +5 -0
  11. data/.idea/vcs.xml +7 -0
  12. data/.idea/workspace.xml +471 -0
  13. data/Galleriffic.gemspec +24 -0
  14. data/Gemfile +4 -0
  15. data/LICENSE.txt +22 -0
  16. data/README.md +34 -0
  17. data/Rakefile +1 -0
  18. data/lib/.DS_Store +0 -0
  19. data/lib/Galleriffic/version.rb +3 -0
  20. data/lib/Galleriffic.rb +6 -0
  21. data/vendor/.DS_Store +0 -0
  22. data/vendor/assets/.DS_Store +0 -0
  23. data/vendor/assets/javascripts/.DS_Store +0 -0
  24. data/vendor/assets/javascripts/jquery-1.3.2.js +4376 -0
  25. data/vendor/assets/javascripts/jquery.galleriffic.js +979 -0
  26. data/vendor/assets/javascripts/jquery.history.js +168 -0
  27. data/vendor/assets/javascripts/jquery.opacityrollover.js +42 -0
  28. data/vendor/assets/javascripts/jush.js +515 -0
  29. data/vendor/assets/stylesheets/.DS_Store +0 -0
  30. data/vendor/assets/stylesheets/basic.css +63 -0
  31. data/vendor/assets/stylesheets/black.css +57 -0
  32. data/vendor/assets/stylesheets/caption.png +0 -0
  33. data/vendor/assets/stylesheets/galleriffic-1.css +161 -0
  34. data/vendor/assets/stylesheets/galleriffic-2.css +150 -0
  35. data/vendor/assets/stylesheets/galleriffic-3.css +150 -0
  36. data/vendor/assets/stylesheets/galleriffic-4.css +160 -0
  37. data/vendor/assets/stylesheets/galleriffic-5.css +197 -0
  38. data/vendor/assets/stylesheets/jush.css +29 -0
  39. data/vendor/assets/stylesheets/loader.gif +0 -0
  40. data/vendor/assets/stylesheets/loaderWhite.gif +0 -0
  41. data/vendor/assets/stylesheets/nextPageArrow.gif +0 -0
  42. data/vendor/assets/stylesheets/nextPageArrowWhite.gif +0 -0
  43. data/vendor/assets/stylesheets/prevPageArrow.gif +0 -0
  44. data/vendor/assets/stylesheets/prevPageArrowWhite.gif +0 -0
  45. data/vendor/assets/stylesheets/white.css +57 -0
  46. metadata +121 -0
@@ -0,0 +1,160 @@
1
+ div.content {
2
+ /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
3
+ display: none;
4
+ float: right;
5
+ width: 550px;
6
+ }
7
+ div.content a, div.navigation a {
8
+ text-decoration: none;
9
+ color: #777;
10
+ }
11
+ div.content a:focus, div.content a:hover, div.content a:active {
12
+ text-decoration: underline;
13
+ }
14
+ div.controls {
15
+ margin-top: 5px;
16
+ height: 23px;
17
+ }
18
+ div.controls a {
19
+ padding: 5px;
20
+ }
21
+ div.ss-controls {
22
+ float: left;
23
+ }
24
+ div.nav-controls {
25
+ float: right;
26
+ }
27
+ div.slideshow-container {
28
+ position: relative;
29
+ clear: both;
30
+ height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
31
+ }
32
+ div.loader {
33
+ position: absolute;
34
+ top: 0;
35
+ left: 0;
36
+ background-image: url('loader.gif');
37
+ background-repeat: no-repeat;
38
+ background-position: center;
39
+ width: 550px;
40
+ height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
41
+ }
42
+ div.slideshow {
43
+
44
+ }
45
+ div.slideshow span.image-wrapper {
46
+ display: block;
47
+ position: absolute;
48
+ top: 0;
49
+ left: 0;
50
+ }
51
+ div.slideshow a.advance-link {
52
+ display: block;
53
+ width: 550px;
54
+ height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
55
+ line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
56
+ text-align: center;
57
+ }
58
+ div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
59
+ text-decoration: none;
60
+ }
61
+ div.slideshow img {
62
+ vertical-align: middle;
63
+ border: 1px solid #ccc;
64
+ }
65
+ div.download {
66
+ float: right;
67
+ }
68
+ div.caption-container {
69
+
70
+ }
71
+ span.image-caption {
72
+ display: block;
73
+ position: absolute;
74
+ }
75
+ div.caption {
76
+ background-color: #000;
77
+ padding: 12px;
78
+ color: #ccc;
79
+ }
80
+ div.caption a {
81
+ color: #fff;
82
+ }
83
+ div.image-title {
84
+ font-weight: bold;
85
+ font-size: 1.4em;
86
+ }
87
+
88
+ div.image-desc {
89
+ line-height: 1.3em;
90
+ padding-top: 12px;
91
+ }
92
+ div.navigation {
93
+ /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
94
+ }
95
+ ul.thumbs {
96
+ clear: both;
97
+ margin: 0;
98
+ padding: 0;
99
+ }
100
+ ul.thumbs li {
101
+ float: left;
102
+ padding: 0;
103
+ margin: 5px 10px 5px 0;
104
+ list-style: none;
105
+ }
106
+ a.thumb {
107
+ padding: 2px;
108
+ display: block;
109
+ border: 1px solid #ccc;
110
+ }
111
+ ul.thumbs li.selected a.thumb {
112
+ background: #000;
113
+ }
114
+ a.thumb:focus {
115
+ outline: none;
116
+ }
117
+ ul.thumbs img {
118
+ border: none;
119
+ display: block;
120
+ }
121
+ div.pagination {
122
+ clear: both;
123
+ }
124
+ div.navigation div.top {
125
+ margin-bottom: 12px;
126
+ height: 11px;
127
+ }
128
+ div.navigation div.bottom {
129
+ margin-top: 12px;
130
+ }
131
+ div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
132
+ display: block;
133
+ float: left;
134
+ margin-right: 2px;
135
+ padding: 4px 7px 2px 7px;
136
+ border: 1px solid #ccc;
137
+ }
138
+ div.pagination a:hover {
139
+ background-color: #eee;
140
+ text-decoration: none;
141
+ }
142
+ div.pagination span.current {
143
+ font-weight: bold;
144
+ background-color: #000;
145
+ border-color: #000;
146
+ color: #fff;
147
+ }
148
+ div.pagination span.ellipsis {
149
+ border: none;
150
+ padding: 5px 0 3px 2px;
151
+ }
152
+ #captionToggle a {
153
+ float: right;
154
+ display: block;
155
+ background-image: url('caption.png');
156
+ background-repeat: no-repeat;
157
+ background-position: right;
158
+ margin-top: 5px;
159
+ padding: 5px 30px 5px 5px;
160
+ }
@@ -0,0 +1,197 @@
1
+ div#container {
2
+ overflow: hidden;
3
+ }
4
+ div.content {
5
+ display: none;
6
+ clear: both;
7
+ }
8
+
9
+ div.content a, div.navigation a {
10
+ text-decoration: none;
11
+ }
12
+ div.content a:hover, div.content a:active {
13
+ text-decoration: underline;
14
+ }
15
+
16
+ div.navigation a.pageLink {
17
+ height: 77px;
18
+ line-height: 77px;
19
+ }
20
+
21
+ div.controls {
22
+ margin-top: 5px;
23
+ height: 23px;
24
+ }
25
+ div.controls a {
26
+ padding: 5px;
27
+ }
28
+ div.ss-controls {
29
+ float: left;
30
+ }
31
+ div.nav-controls {
32
+ float: right;
33
+ }
34
+
35
+ div.slideshow-container,
36
+ div.loader,
37
+ div.slideshow a.advance-link {
38
+ width: 510px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
39
+ }
40
+
41
+ div.loader,
42
+ div.slideshow a.advance-link,
43
+ div.caption-container {
44
+ height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
45
+ }
46
+
47
+ div.slideshow-container {
48
+ position: relative;
49
+ clear: both;
50
+ float: left;
51
+ height: 532px;
52
+ }
53
+
54
+ div.loader {
55
+ position: absolute;
56
+ top: 0;
57
+ left: 0;
58
+ background-image: url('images/loader.gif');
59
+ background-repeat: no-repeat;
60
+ background-position: center;
61
+ }
62
+ div.slideshow span.image-wrapper {
63
+ display: block;
64
+ position: absolute;
65
+ top: 30px;
66
+ left: 0;
67
+ }
68
+ div.slideshow a.advance-link {
69
+ display: block;
70
+ line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
71
+ text-align: center;
72
+ }
73
+
74
+ div.slideshow a.advance-link:hover,
75
+ div.slideshow a.advance-link:active,
76
+ div.slideshow a.advance-link:visited {
77
+ text-decoration: none;
78
+ }
79
+ div.slideshow a.advance-link:focus {
80
+ outline: none;
81
+ }
82
+
83
+ div.slideshow img {
84
+ border-style: solid;
85
+ border-width: 1px;
86
+ }
87
+ div.caption-container {
88
+ float: right;
89
+ position: relative;
90
+ margin-top: 30px;
91
+ }
92
+ span.image-caption {
93
+ display: block;
94
+ position: absolute;
95
+ top: 0;
96
+ left: 0;
97
+ }
98
+
99
+ div.caption-container, span.image-caption {
100
+ width: 334px;
101
+ }
102
+
103
+ div.caption {
104
+ padding: 0 12px;
105
+ }
106
+
107
+ div.image-title {
108
+ font-weight: bold;
109
+ font-size: 1.4em;
110
+ }
111
+ div.image-desc {
112
+ line-height: 1.3em;
113
+ padding-top: 12px;
114
+ }
115
+ div.download {
116
+ margin-top: 8px;
117
+ }
118
+ div.photo-index {
119
+ position: absolute;
120
+ bottom: 0;
121
+ left: 0;
122
+ padding: 0 12px;
123
+ }
124
+ div.navigation-container {
125
+ float: left;
126
+ position: relative;
127
+ left: 50%;
128
+ }
129
+ div.navigation {
130
+ float: left;
131
+ position: relative;
132
+ left: -50%;
133
+ }
134
+ div.navigation a.pageLink {
135
+ display: block;
136
+ position: relative;
137
+ float: left;
138
+ margin: 2px;
139
+ width: 16px;
140
+ background-position:center center;
141
+ background-repeat:no-repeat;
142
+ }
143
+ div.navigation a.pageLink:focus {
144
+ outline: none;
145
+ }
146
+
147
+ ul.thumbs {
148
+ position: relative;
149
+ float: left;
150
+ margin: 0;
151
+ padding: 0;
152
+ }
153
+ ul.thumbs li {
154
+ float: left;
155
+ padding: 0;
156
+ margin: 2px;
157
+ list-style: none;
158
+ }
159
+ a.thumb {
160
+ padding: 1px;
161
+ display: block;
162
+ }
163
+ a.thumb:focus {
164
+ outline: none;
165
+ }
166
+ ul.thumbs img {
167
+ border: none;
168
+ display: block;
169
+ }
170
+ div.pagination {
171
+ clear: both;
172
+ position: relative;
173
+ left: -50%;
174
+ }
175
+ div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
176
+ position: relative;
177
+ display: block;
178
+ float: left;
179
+ margin-right: 2px;
180
+ padding: 4px 7px 2px 7px;
181
+ border: 1px solid #ccc;
182
+ }
183
+ div.pagination a:hover {
184
+ text-decoration: none;
185
+ }
186
+ div.pagination span.current {
187
+ font-weight: bold;
188
+ }
189
+ div.pagination span.ellipsis {
190
+ border: none;
191
+ padding: 5px 0 3px 2px;
192
+ }
193
+
194
+ div.gallery-gutter {
195
+ clear: both;
196
+ padding-bottom: 20px;
197
+ }
@@ -0,0 +1,29 @@
1
+ .jush { color: black; }
2
+ .jush-htm_com, .jush-com, .jush-one, .jush-php_com, .jush-php_one, .jush-js_one { color: gray; }
3
+ .jush-php { color: #000033; background-color: #FFF0F0; }
4
+ .jush-php_quo, .jush-quo, .jush-php_eot, .jush-apo, .jush-py_rlapo, .jush-py_rlquo, .jush-py_rapo, .jush-py_rquo, .jush-py_lapo, .jush-py_lquo, .jush-sql_apo, .jush-sqlite_apo, .jush-sql_quo, .jush-sqlite_quo, .jush-sql_eot { color: green; }
5
+ .jush-php_apo { color: #009F00; }
6
+ .jush-php_quo_var, .jush-php_var, .jush-sql_var { font-style: italic; }
7
+ .jush-php_halt2 { background-color: white; color: black; }
8
+ .jush-tag_css, .jush-att_css .jush-att_quo, .jush-att_css .jush-att_apo, .jush-att_css .jush-att_val { color: black; background-color: #FFFFE0; }
9
+ .jush-tag_js, .jush-att_js .jush-att_quo, .jush-att_js .jush-att_apo, .jush-att_js .jush-att_val, .jush-css_js { color: black; background-color: #F0F0FF; }
10
+ .jush-tag { color: navy; }
11
+ .jush-att, .jush-att_js, .jush-att_css { color: teal; }
12
+ .jush-att_quo, .jush-att_apo, .jush-att_val { color: purple; }
13
+ .jush-ent { color: purple; }
14
+ .jush-js_reg { color: navy; }
15
+ .jush-php_sql .jush-php_quo, .jush-php_sql .jush-php_apo,
16
+ .jush-php_sqlite .jush-php_quo, .jush-php_sqlite .jush-php_apo,
17
+ .jush-php_pgsql .jush-php_quo, .jush-php_pgsql .jush-php_apo
18
+ { background-color: #FFBBB0; }
19
+ .jush-bac, .jush-php_bac, .jush-bra, .jush-pgsql .jush-sqlite_quo { color: red; }
20
+ .jush-num, .jush-clr { color: #007f7f; }
21
+
22
+ .jush a { color: navy; }
23
+ .jush-sql a { font-weight: bold; }
24
+ .jush-tag a,
25
+ .jush-php_phpini .jush-php_apo a, .jush-php_phpini .jush-php_quo a,
26
+ .jush-php_sql .jush-php_apo a, .jush-php_sql .jush-php_quo a,
27
+ .jush-php_sqlite .jush-php_apo a, .jush-php_sqlite .jush-php_quo a,
28
+ .jush-php_pgsql .jush-php_apo a, .jush-php_pgsql .jush-php_quo a
29
+ { color: inherit; color: expression(parentNode.currentStyle.color); }
@@ -0,0 +1,57 @@
1
+ body{
2
+ background-color: #eee;
3
+ color: #444;
4
+ }
5
+ a{
6
+ color: #27D;
7
+ }
8
+ h2 {
9
+ color: #333;
10
+ }
11
+ div#page {
12
+ background-color: #fff;
13
+ border-color: #ddd;
14
+ }
15
+ div#footer {
16
+ color: #777;
17
+ }
18
+ div.caption-container {
19
+ color: #111;
20
+ }
21
+ div.image-title {
22
+ font-weight: bold;
23
+ font-size: 1.4em;
24
+ }
25
+ div.image-desc {
26
+ line-height: 1.3em;
27
+ padding-top: 12px;
28
+ }
29
+ div.download {
30
+ margin-top: 8px;
31
+ }
32
+ div.photo-index {
33
+ color: #777;
34
+ }
35
+ div.navigation a.prev {
36
+ background-image: url(prevPageArrow.gif);
37
+ }
38
+ div.navigation a.next {
39
+ background-image: url(nextPageArrow.gif);
40
+ }
41
+ div.loader {
42
+ background-image: url(loader.gif);
43
+ }
44
+ div.slideshow img {
45
+ border-color: #ccc;
46
+ }
47
+ ul.thumbs li.selected a.thumb {
48
+ background: #000;
49
+ }
50
+ div.pagination a:hover {
51
+ background-color: #eee;
52
+ }
53
+ div.pagination span.current {
54
+ background-color: #000;
55
+ border-color: #000;
56
+ color: #fff;
57
+ }
metadata ADDED
@@ -0,0 +1,121 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: Galleriffic
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - gth824c@yahoo.com
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2013-11-03 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ~>
18
+ - !ruby/object:Gem::Version
19
+ version: '1.3'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ~>
25
+ - !ruby/object:Gem::Version
26
+ version: '1.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: This gem contains all the css and javascript needed to make Gallerific
42
+ box. Go to http://www.twospy.com/galleriffic/ for documentation.
43
+ email:
44
+ - gth824c@yahoo.com
45
+ executables: []
46
+ extensions: []
47
+ extra_rdoc_files: []
48
+ files:
49
+ - .DS_Store
50
+ - .gitignore
51
+ - .idea/.name
52
+ - .idea/.rakeTasks
53
+ - .idea/Galleriffic.iml
54
+ - .idea/encodings.xml
55
+ - .idea/misc.xml
56
+ - .idea/modules.xml
57
+ - .idea/scopes/scope_settings.xml
58
+ - .idea/vcs.xml
59
+ - .idea/workspace.xml
60
+ - Galleriffic.gemspec
61
+ - Gemfile
62
+ - LICENSE.txt
63
+ - README.md
64
+ - Rakefile
65
+ - lib/.DS_Store
66
+ - lib/Galleriffic.rb
67
+ - lib/Galleriffic/version.rb
68
+ - vendor/.DS_Store
69
+ - vendor/assets/.DS_Store
70
+ - vendor/assets/javascripts/.DS_Store
71
+ - vendor/assets/javascripts/jquery-1.3.2.js
72
+ - vendor/assets/javascripts/jquery.galleriffic.js
73
+ - vendor/assets/javascripts/jquery.history.js
74
+ - vendor/assets/javascripts/jquery.opacityrollover.js
75
+ - vendor/assets/javascripts/jush.js
76
+ - vendor/assets/stylesheets/.DS_Store
77
+ - vendor/assets/stylesheets/basic.css
78
+ - vendor/assets/stylesheets/black.css
79
+ - vendor/assets/stylesheets/caption.png
80
+ - vendor/assets/stylesheets/galleriffic-1.css
81
+ - vendor/assets/stylesheets/galleriffic-2.css
82
+ - vendor/assets/stylesheets/galleriffic-3.css
83
+ - vendor/assets/stylesheets/galleriffic-4.css
84
+ - vendor/assets/stylesheets/galleriffic-5.css
85
+ - vendor/assets/stylesheets/jush.css
86
+ - vendor/assets/stylesheets/loader.gif
87
+ - vendor/assets/stylesheets/loaderWhite.gif
88
+ - vendor/assets/stylesheets/nextPageArrow.gif
89
+ - vendor/assets/stylesheets/nextPageArrowWhite.gif
90
+ - vendor/assets/stylesheets/prevPageArrow.gif
91
+ - vendor/assets/stylesheets/prevPageArrowWhite.gif
92
+ - vendor/assets/stylesheets/white.css
93
+ homepage: ''
94
+ licenses:
95
+ - MIT
96
+ metadata: {}
97
+ post_install_message:
98
+ rdoc_options: []
99
+ require_paths:
100
+ - lib
101
+ required_ruby_version: !ruby/object:Gem::Requirement
102
+ requirements:
103
+ - - '>='
104
+ - !ruby/object:Gem::Version
105
+ version: '0'
106
+ required_rubygems_version: !ruby/object:Gem::Requirement
107
+ requirements:
108
+ - - '>='
109
+ - !ruby/object:Gem::Version
110
+ version: '0'
111
+ requirements: []
112
+ rubyforge_project:
113
+ rubygems_version: 2.0.6
114
+ signing_key:
115
+ specification_version: 4
116
+ summary: 'This gem contains \n CSS: basic.css, black.css, galleriffic-1.css, galleriffic-2.css,
117
+ galleriffic-3.css, galleriffic-4.css, galleriffic-5.css, jush.css, white.css \n
118
+ JS: jquery.galleriffic.js, jquery.history.js, jquery.opacityrollover.js, jush.js
119
+ and jquery 1.3.2.js (if needed). Include the appropriate javascript and css file
120
+ in your application.js and application.css respectively as outlined in the documentation.'
121
+ test_files: []