Galleriffic 0.0.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.
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: []