From 65dfea09a7d7b7d2d8b723eb2c66240e39d2f9c0 Mon Sep 17 00:00:00 2001 From: Sem Date: Wed, 1 Aug 2012 14:16:39 +0200 Subject: Added colorbox library. --- vendors/jquery/colorbox/example1/colorbox.css | 86 ++++++++++++++++++++ vendors/jquery/colorbox/example1/images/border.png | Bin 0 -> 112 bytes .../jquery/colorbox/example1/images/controls.png | Bin 0 -> 2893 bytes .../example1/images/ie6/borderBottomCenter.png | Bin 0 -> 111 bytes .../example1/images/ie6/borderBottomLeft.png | Bin 0 -> 215 bytes .../example1/images/ie6/borderBottomRight.png | Bin 0 -> 217 bytes .../example1/images/ie6/borderMiddleLeft.png | Bin 0 -> 108 bytes .../example1/images/ie6/borderMiddleRight.png | Bin 0 -> 108 bytes .../example1/images/ie6/borderTopCenter.png | Bin 0 -> 111 bytes .../colorbox/example1/images/ie6/borderTopLeft.png | Bin 0 -> 216 bytes .../example1/images/ie6/borderTopRight.png | Bin 0 -> 214 bytes .../jquery/colorbox/example1/images/loading.gif | Bin 0 -> 9427 bytes .../example1/images/loading_background.png | Bin 0 -> 157 bytes .../jquery/colorbox/example1/images/overlay.png | Bin 0 -> 182 bytes vendors/jquery/colorbox/example1/index.html | 87 +++++++++++++++++++++ 15 files changed, 173 insertions(+) create mode 100644 vendors/jquery/colorbox/example1/colorbox.css create mode 100644 vendors/jquery/colorbox/example1/images/border.png create mode 100644 vendors/jquery/colorbox/example1/images/controls.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderBottomCenter.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderBottomLeft.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderBottomRight.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderMiddleLeft.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderMiddleRight.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderTopCenter.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderTopLeft.png create mode 100644 vendors/jquery/colorbox/example1/images/ie6/borderTopRight.png create mode 100644 vendors/jquery/colorbox/example1/images/loading.gif create mode 100644 vendors/jquery/colorbox/example1/images/loading_background.png create mode 100644 vendors/jquery/colorbox/example1/images/overlay.png create mode 100644 vendors/jquery/colorbox/example1/index.html (limited to 'vendors/jquery/colorbox/example1') diff --git a/vendors/jquery/colorbox/example1/colorbox.css b/vendors/jquery/colorbox/example1/colorbox.css new file mode 100644 index 000000000..397fe3dca --- /dev/null +++ b/vendors/jquery/colorbox/example1/colorbox.css @@ -0,0 +1,86 @@ +/* + 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;} +#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;} +.cboxIframe{width:100%; height:100%; display:block; border:0;} +#colorbox, #cboxContent, #cboxLoadedContent{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:url(images/overlay.png) repeat 0 0;} +#colorbox{} + #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} + #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} + #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} + #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} + #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} + #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} + #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} + #cboxBottomCenter{height:21px; background:url(images/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;} + #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} + #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/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:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} + #cboxNext:hover{background-position:-50px -25px;} + #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} + #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} + #cboxClose{position:absolute; bottom:0; right:0; background:url(images/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); +} + +/* + The following provides PNG transparency support for IE6 + Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. +*/ +.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);} +.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} +.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} +.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} +.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} +.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} +.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} +.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);} + +.cboxIE6 #cboxTopLeft, +.cboxIE6 #cboxTopCenter, +.cboxIE6 #cboxTopRight, +.cboxIE6 #cboxBottomLeft, +.cboxIE6 #cboxBottomCenter, +.cboxIE6 #cboxBottomRight, +.cboxIE6 #cboxMiddleLeft, +.cboxIE6 #cboxMiddleRight { + _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); +} diff --git a/vendors/jquery/colorbox/example1/images/border.png b/vendors/jquery/colorbox/example1/images/border.png new file mode 100644 index 000000000..f463a10d8 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/border.png differ diff --git a/vendors/jquery/colorbox/example1/images/controls.png b/vendors/jquery/colorbox/example1/images/controls.png new file mode 100644 index 000000000..dcfd6fb9f Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/controls.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderBottomCenter.png b/vendors/jquery/colorbox/example1/images/ie6/borderBottomCenter.png new file mode 100644 index 000000000..0d4475edf Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderBottomCenter.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderBottomLeft.png b/vendors/jquery/colorbox/example1/images/ie6/borderBottomLeft.png new file mode 100644 index 000000000..2775eba89 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderBottomLeft.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderBottomRight.png b/vendors/jquery/colorbox/example1/images/ie6/borderBottomRight.png new file mode 100644 index 000000000..f7f51379c Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderBottomRight.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderMiddleLeft.png b/vendors/jquery/colorbox/example1/images/ie6/borderMiddleLeft.png new file mode 100644 index 000000000..a2d63d156 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderMiddleLeft.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderMiddleRight.png b/vendors/jquery/colorbox/example1/images/ie6/borderMiddleRight.png new file mode 100644 index 000000000..fd7c3e849 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderMiddleRight.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderTopCenter.png b/vendors/jquery/colorbox/example1/images/ie6/borderTopCenter.png new file mode 100644 index 000000000..2937a9cf9 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderTopCenter.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderTopLeft.png b/vendors/jquery/colorbox/example1/images/ie6/borderTopLeft.png new file mode 100644 index 000000000..f9d458b5b Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderTopLeft.png differ diff --git a/vendors/jquery/colorbox/example1/images/ie6/borderTopRight.png b/vendors/jquery/colorbox/example1/images/ie6/borderTopRight.png new file mode 100644 index 000000000..74b8583cf Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/ie6/borderTopRight.png differ diff --git a/vendors/jquery/colorbox/example1/images/loading.gif b/vendors/jquery/colorbox/example1/images/loading.gif new file mode 100644 index 000000000..b4695d811 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/loading.gif differ diff --git a/vendors/jquery/colorbox/example1/images/loading_background.png b/vendors/jquery/colorbox/example1/images/loading_background.png new file mode 100644 index 000000000..6ae83e697 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/loading_background.png differ diff --git a/vendors/jquery/colorbox/example1/images/overlay.png b/vendors/jquery/colorbox/example1/images/overlay.png new file mode 100644 index 000000000..53ea98f70 Binary files /dev/null and b/vendors/jquery/colorbox/example1/images/overlay.png differ diff --git a/vendors/jquery/colorbox/example1/index.html b/vendors/jquery/colorbox/example1/index.html new file mode 100644 index 000000000..44fcca860 --- /dev/null +++ b/vendors/jquery/colorbox/example1/index.html @@ -0,0 +1,87 @@ + + + + + ColorBox Examples + + + + + + + +

ColorBox Demonstration

+ +

Elastic Transition

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Fade Transition

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

No Transition + fixed width and height (75% of screen size)

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Slideshow

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Other Content Types

+

Outside HTML (Ajax)

+

Flash / Video (Ajax/Embedded)

+

Flash / Video (Iframe/Direct Link To YouTube)

+

Outside Webpage (Iframe)

+

Inline HTML

+ +

Demonstration of using callbacks

+

Example with alerts. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.

+ + +
+
+

This content comes from a hidden element on this page.

+

The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.

+

Click me, it will be preserved!

+ +

If you try to open a new ColorBox while it is already open, it will update itself with the new content.

+

Updating Content Example:
+ Click here to load new content

+
+
+ + \ No newline at end of file -- cgit v1.2.3