jquery-colorbox-rails 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4331a36ac1ca09203dba0877c581945f05323481
-  data.tar.gz: c0a15d792a67012e28343b2154d16f168533722f
+  metadata.gz: ac3d590e81fee2b16954e356662c83ff49fa3a3f
+  data.tar.gz: 9df9989ff2fc1c27c1fe29b03d141edbb8b22dba
 SHA512:
-  metadata.gz: 030e37b21545f0a954c8752df90fd9a1518c4be8e9df1dcab46025af04373adde7ad41ccf7b37134dbb5bc31fb1c9677e77dc352239d632eb2d2905166ac5213
-  data.tar.gz: a9c7428723a8effb422d105643a0899b996aa5227f04d6c70fb210311dc99487215e3839dde4cd89fc1eeb90399c2db55720c921b3e7ac776837f12997df907c
+  metadata.gz: 7a926300cbbd774be4a4a279c17c12f2f8072c3cd1d452eb36b71e931439aaa86c94b181d1cb6e7edfd29f84c003b3d3955892425519500a734a7d1389bc095e
+  data.tar.gz: 44f2bec9025b55ce5e4d43c4e2174046732f7312aa12d47d04cb832eacbbeaf3264a417b05863dfaa35c29f467bd458d62f5692a0b05d34f965cd64ccf38b4b5

data/README.md

@@ -1,4 +1,35 @@
-jquery-colorbox-rails
-=====================
+# jquery-colorbox-rails
 
-jQuery Colorbox for Rails 3.1+ asset pipeline
+jquery-colorbox-rails integrates [jquery.colorbox](https://github.com/jackmoore/colorbox) with rails 3.1+ asset pipeline.
+
+### Installation
+
+Add
+
+``` ruby
+gem 'jquery-colorbox-rails'` 
+```
+
+to your `Gemfile`
+
+and
+
+```javascript
+//= require jquery.colorbox
+```
+
+to your `app/assets/javascripts/application.js` or other js manifest file.
+
+For i18n integration (e.g. pl language) also add:
+
+```javascript
+//= require jquery.colorbox-pl
+```
+
+To use one of attached [css examples](http://www.jacklmoore.com/colorbox/example1/) add:
+
+```css
+*= require jquery.colorbox-example1
+```
+
+to your css manifest file. There are 5 examples availables (example1, example2...and so on).

data/Rakefile

@@ -3,13 +3,55 @@ require 'bundler/setup'
 require 'bundler/gem_tasks'
 
 task :update do
+	js_dir  = 'vendor/assets/javascripts'
+	css_dir = 'vendor/assets/stylesheets'
+	img_dir = 'vendor/assets/images'
+	[js_dir, css_dir, img_dir].each do |dir|
+		FileUtils.rm_r(dir)
+		FileUtils.mkdir(dir)
+	end
+
 	puts 'Updating source files...'
 	`git submodule update`
 
-	puts 'Copying source files...'
+	puts 'Copying source js files...'
+
 	source_files = Dir['colorbox/**/*.js'].reject{ |file| file =~ /.min.js\Z/}
   source_files.each do |file|
-  	puts "#{file}"
-    FileUtils.cp(file, 'vendor/assets/javascripts')
+  	print "#{file.sub('colorbox/', '')}"
+    FileUtils.cp(file, js_dir)
+    puts "...ok"
   end
+
+  puts 'Copying css examples files...'
+
+  Dir['colorbox/example*/'].each do |example|
+  	example_name = File.basename(example)
+  	print "#{example_name}..."
+  	target_img_dir = File.join(img_dir, 'colorbox', example_name)
+
+	  FileUtils.mkdir_p(target_img_dir)
+
+	  FileUtils.cp Dir[File.join(example, 'images/*')], target_img_dir
+
+	  css_content = File.read File.join(example, 'colorbox.css')
+		css_content.gsub!(/url\(\s?images\/([^\)]+)\)/) do |_|
+			"image-url('#{File.join('colorbox', example_name,	$1)}')"  
+		end
+	  File.open(File.join(css_dir, "jquery.colorbox-#{example_name}.css.scss"), 'w') do |f|
+	  	f.write(css_content)
+	  end
+    puts "...ok"
+  end
+end
+
+task :build do
+	FileUtils.rm_f Dir['*.gem']
+	`gem build jquery-colorbox-rails.gemspec`
+	built_gem_file = Dir['*.gem'].first
+	if built_gem_file
+		`gem push #{built_gem_file}`
+	else
+		raise "Gem was not built!"
+	end
 end

data/lib/jquery-colorbox-rails/version.rb

@@ -1,3 +1,3 @@
 module JqueryColorboxRails
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/vendor/assets/stylesheets/jquery.colorbox-example1.css.scss

@@ -0,0 +1,69 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:image-url('colorbox/example1/overlay.png') repeat 0 0;}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:21px; height:21px; background:image-url('colorbox/example1/controls.png') no-repeat -101px 0;}
+    #cboxTopRight{width:21px; height:21px; background:image-url('colorbox/example1/controls.png') no-repeat -130px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:image-url('colorbox/example1/controls.png') no-repeat -101px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:image-url('colorbox/example1/controls.png') no-repeat -130px -29px;}
+    #cboxMiddleLeft{width:21px; background:image-url('colorbox/example1/controls.png') left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:image-url('colorbox/example1/controls.png') right top repeat-y;}
+    #cboxTopCenter{height:21px; background:image-url('colorbox/example1/border.png') 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:image-url('colorbox/example1/border.png') 0 -29px repeat-x;}
+    #cboxContent{background:#fff; overflow:hidden;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxLoadingOverlay{background:image-url('colorbox/example1/loading_background.png') no-repeat center center;}
+        #cboxLoadingGraphic{background:image-url('colorbox/example1/loading.gif') no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:image-url('colorbox/example1/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:image-url('colorbox/example1/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:-50px -25px;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:image-url('colorbox/example1/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}

data/vendor/assets/stylesheets/jquery.colorbox-example2.css.scss

@@ -0,0 +1,49 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#fff;}
+#colorbox{outline:0;}
+    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{background:#000; padding:1px;}
+        #cboxLoadingGraphic{background:image-url('colorbox/example2/loading.gif') no-repeat center center;}
+        #cboxLoadingOverlay{background:#000;}
+        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
+        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:image-url('colorbox/example2/controls.png') no-repeat 0 0;}
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxPrevious{background-position:0px 0px; right:44px;}
+        #cboxPrevious:hover{background-position:0px -25px;}
+        #cboxNext{background-position:-25px 0px; right:22px;}
+        #cboxNext:hover{background-position:-25px -25px;}
+        #cboxClose{background-position:-50px 0px; right:0;}
+        #cboxClose:hover{background-position:-50px -25px;}
+        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
+        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
+        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
+        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
+        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

data/vendor/assets/stylesheets/jquery.colorbox-example3.css.scss

@@ -0,0 +1,44 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#000;}
+#colorbox{outline:0;}
+    #cboxContent{margin-top:20px;background:#000;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{border:5px solid #000; background:#fff;}
+        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
+        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
+        #cboxLoadingGraphic{background:image-url('colorbox/example3/loading.gif') no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+        
+        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
+        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:image-url('colorbox/example3/controls.png') no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:bottom left;}
+        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:image-url('colorbox/example3/controls.png') no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:bottom right;}
+        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:image-url('colorbox/example3/controls.png') no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:bottom center;}

data/vendor/assets/stylesheets/jquery.colorbox-example4.css.scss

@@ -0,0 +1,65 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#fff;}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:25px; height:25px; background:image-url('colorbox/example4/border1.png') no-repeat 0 0;}
+    #cboxTopCenter{height:25px; background:image-url('colorbox/example4/border1.png') repeat-x 0 -50px;}
+    #cboxTopRight{width:25px; height:25px; background:image-url('colorbox/example4/border1.png') no-repeat -25px 0;}
+    #cboxBottomLeft{width:25px; height:25px; background:image-url('colorbox/example4/border1.png') no-repeat 0 -25px;}
+    #cboxBottomCenter{height:25px; background:image-url('colorbox/example4/border1.png') repeat-x 0 -75px;}
+    #cboxBottomRight{width:25px; height:25px; background:image-url('colorbox/example4/border1.png') no-repeat -25px -25px;}
+    #cboxMiddleLeft{width:25px; background:image-url('colorbox/example4/border2.png') repeat-y 0 0;}
+    #cboxMiddleRight{width:25px; background:image-url('colorbox/example4/border2.png') repeat-y -25px 0;}
+    #cboxContent{background:#fff; overflow:hidden;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:20px;}
+        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
+        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
+        #cboxLoadingOverlay{background:#fff image-url('colorbox/example4/loading.gif') no-repeat 5px 5px;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
+        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
+        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
+        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}

data/vendor/assets/stylesheets/jquery.colorbox-example5.css.scss

@@ -0,0 +1,57 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#000;}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:14px; height:14px; background:image-url('colorbox/example5/controls.png') no-repeat 0 0;}
+    #cboxTopCenter{height:14px; background:image-url('colorbox/example5/border.png') repeat-x top left;}
+    #cboxTopRight{width:14px; height:14px; background:image-url('colorbox/example5/controls.png') no-repeat -36px 0;}
+    #cboxBottomLeft{width:14px; height:43px; background:image-url('colorbox/example5/controls.png') no-repeat 0 -32px;}
+    #cboxBottomCenter{height:43px; background:image-url('colorbox/example5/border.png') repeat-x bottom left;}
+    #cboxBottomRight{width:14px; height:43px; background:image-url('colorbox/example5/controls.png') no-repeat -36px -32px;}
+    #cboxMiddleLeft{width:14px; background:image-url('colorbox/example5/controls.png') repeat-y -175px 0;}
+    #cboxMiddleRight{width:14px; background:image-url('colorbox/example5/controls.png') repeat-y -211px 0;}
+    #cboxContent{background:#fff; overflow:visible;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:5px;}
+        #cboxLoadingOverlay{background:image-url('colorbox/example5/loading_background.png') no-repeat center center;}
+        #cboxLoadingGraphic{background:image-url('colorbox/example5/loading.gif') no-repeat center center;}
+        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
+        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:image-url('colorbox/example5/controls.png') no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxPrevious{left:0px; background-position: -51px -25px;}
+        #cboxPrevious:hover{background-position:-51px 0px;}
+        #cboxNext{left:27px; background-position:-75px -25px;}
+        #cboxNext:hover{background-position:-75px 0px;}
+        #cboxClose{right:0; background-position:-100px -25px;}
+        #cboxClose:hover{background-position:-100px 0px;}
+
+        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
+        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
+        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
+        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jquery-colorbox-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Krzysztof Knapik
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-20 00:00:00.000000000 Z
+date: 2013-06-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -32,8 +32,23 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- vendor/assets/images/colorbox/example1/border.png
+- vendor/assets/images/colorbox/example1/controls.png
+- vendor/assets/images/colorbox/example1/loading.gif
+- vendor/assets/images/colorbox/example1/loading_background.png
+- vendor/assets/images/colorbox/example1/overlay.png
+- vendor/assets/images/colorbox/example2/controls.png
+- vendor/assets/images/colorbox/example2/loading.gif
+- vendor/assets/images/colorbox/example3/controls.png
+- vendor/assets/images/colorbox/example3/loading.gif
+- vendor/assets/images/colorbox/example4/border1.png
+- vendor/assets/images/colorbox/example4/border2.png
+- vendor/assets/images/colorbox/example4/loading.gif
+- vendor/assets/images/colorbox/example5/border.png
+- vendor/assets/images/colorbox/example5/controls.png
+- vendor/assets/images/colorbox/example5/loading.gif
+- vendor/assets/images/colorbox/example5/loading_background.png
 - vendor/assets/javascripts/jquery.colorbox-ar.js
-- vendor/assets/javascripts/jquery.colorbox-bg.js
 - vendor/assets/javascripts/jquery.colorbox-cs.js
 - vendor/assets/javascripts/jquery.colorbox-da.js
 - vendor/assets/javascripts/jquery.colorbox-de.js
@@ -57,6 +72,11 @@ files:
 - vendor/assets/javascripts/jquery.colorbox-tr.js
 - vendor/assets/javascripts/jquery.colorbox-zh-CN.js
 - vendor/assets/javascripts/jquery.colorbox.js
+- vendor/assets/stylesheets/jquery.colorbox-example1.css.scss
+- vendor/assets/stylesheets/jquery.colorbox-example2.css.scss
+- vendor/assets/stylesheets/jquery.colorbox-example3.css.scss
+- vendor/assets/stylesheets/jquery.colorbox-example4.css.scss
+- vendor/assets/stylesheets/jquery.colorbox-example5.css.scss
 - lib/jquery-colorbox-rails/engine.rb
 - lib/jquery-colorbox-rails/version.rb
 - lib/jquery-colorbox-rails.rb

data/vendor/assets/javascripts/jquery.colorbox-bg.js

@@ -1,16 +0,0 @@
-/*
-  jQuery Colorbox language configuration
-	language: Bulgarian (bg)
-	translated by: Marian M.Bida
-	site: webmax.bg
-*/
-jQuery.extend(jQuery.colorbox.settings, {
-	current: "изображение {current} от {total}",
-	previous: "предишна",
-	next: "следваща",
-	close: "затвори",
-	xhrError: "Неуспешно зареждане на съдържанието.",
-	imgError: "Неуспешно зареждане на изображението.",
-	slideshowStart: "пусни слайд-шоу",
-	slideshowStop: "спри слайд-шоу"
-});