The following CSS is consistent between example themes and should not be altered.\r
*/\r
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:4999; overflow:hidden;}\r
+#cboxWrapper {max-width:none;} \r
#cboxOverlay{position:fixed; width:100%; height:100%;}\r
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}\r
-#cboxContent{position:relative; overflow:hidden;}\r
-#cboxLoadedContent{overflow:auto;}\r
-#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}\r
+#cboxContent{position:relative;}\r
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}\r
#cboxTitle{margin:0;}\r
-#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}\r
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}\r
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}\r
-.cboxPhoto{float:left; margin:auto; border:0; display:block;}\r
-.cboxIframe{width:100%; height:100%; display:block; border:0;}\r
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}\r
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}\r
+#colorbox, #cboxContent, #cboxLoadedContent{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}\r
\r
/* \r
User Style:\r
*/\r
\r
#cboxOverlay { background: #222 }\r
-#colorbox { background: #fff url(images/bg_content.png) left bottom repeat-x; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 !important; }\r
+#colorbox { background: #fff url(images/bg_content.png) left bottom repeat-x; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; margin: 0 !important; outline:0; }\r
#cboxLoadedContent { padding: 15px; margin-top: 0; margin-bottom: 59px; max-height: none; }\r
#cboxTitle { padding: 9px 15px; position: absolute; bottom: 20px; left: 0; right: 0; font-size: 14px; font-weight: bold; color: #999; }\r
#cboxPrevious,\r
#cboxNext,\r
#cboxSlideshow,\r
#cboxClose { border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; bottom: 8px; width: 20px; height: 20px; line-height: 20px; text-indent: -9999px; opacity: 0.2; }\r
-#cboxPrevious.hover,\r
-#cboxNext.hover,\r
-#cboxSlideshow.hover,\r
-#cboxClose.hover { opacity: 1 }\r
+#cboxPrevious:active,\r
+#cboxNext:active,\r
+#cboxSlideshow:active,\r
+#cboxClose:active {outline:0;}\r
+#cboxPrevious:hover,\r
+#cboxNext:hover,\r
+#cboxSlideshow:hover,\r
+#cboxClose:hover { opacity: 1 }\r
#cboxCurrent { position: absolute; bottom: 9px; left: 70px; color: #999; }\r
#cboxPrevious { background-image: url(images/prev.png); left: 5px; }\r
#cboxNext { background-image: url(images/next.png); left: 25px; }\r
#cboxSlideshow { background-image: url(images/start.png); left: 45px; }\r
-#cboxClose { background-image: url(images/close.png); right: 5px; }\r
+#cboxClose { background-image: url(images/close.png); right: 5px; border:0}\r
.cboxSlideshow_on #cboxSlideshow { background-image: url(images/stop.png) }\r
.cboxSlideshow_off #cboxSlideshow { background-image: url(images/start.png) }\r
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center }\r