X-Git-Url: http://git.cyclocoop.org/?a=blobdiff_plain;f=www%2Fplugins-dist%2Fmediabox%2Fcolorbox%2Fwhite-simple%2Fcolorbox_rtl.css;fp=www%2Fplugins-dist%2Fmediabox%2Fcolorbox%2Fwhite-simple%2Fcolorbox_rtl.css;h=fc6c24f44c0b63f88703a28e9dcc362bafa8cf18;hb=4f443dce95ff6f8221c189880a70c74ce1c1f238;hp=8edd1a7b2c1116cdcab683715e2d07abe02a823b;hpb=4a628e9b277d3617535f99d663ca79fa2e891177;p=lhc%2Fweb%2Fwww.git

diff --git a/www/plugins-dist/mediabox/colorbox/white-simple/colorbox_rtl.css b/www/plugins-dist/mediabox/colorbox/white-simple/colorbox_rtl.css
index 8edd1a7b..fc6c24f4 100644
--- a/www/plugins-dist/mediabox/colorbox/white-simple/colorbox_rtl.css
+++ b/www/plugins-dist/mediabox/colorbox/white-simple/colorbox_rtl.css
@@ -1,44 +1,51 @@
 /*
-    ColorBox Core Style
-    The following rules are the styles that are consistant between themes.
-    Avoid changing this area to maintain compatability with future versions of ColorBox.
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
 */
-#colorbox, #cboxLoadedContent {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:4999; overflow:hidden;}
+#cboxWrapper {max-width:none;}
 #cboxOverlay{position:fixed; width:100%; height:100%;}
 #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
-#cboxContent{position:relative; overflow:visible;}
-#cboxLoadedContent{overflow:auto;}
-#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
 #cboxTitle{margin:0;}
-#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
+#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;}
-.cboxIframe{width:100%; height:100%; display:block; border:0;}
+.cboxPhoto{float:right; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
 
 /* 
-    ColorBox example user style
-    The following rules are ordered and tabbed in a way that represents the
-    order/nesting of the generated HTML, so that the structure easier to understand.
+    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{}
-    #cboxContent{margin-top:32px;}
+#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
+#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:url(images/loading.gif) center center no-repeat;}
+        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
         #cboxLoadingOverlay{background:#000;}
         #cboxTitle{position:absolute; top:-22px; right:0; color:#000;}
         #cboxCurrent{position:absolute; top:-22px; left:205px; text-indent:-9999px;}
-        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
-        #cboxPrevious{background-position:-25px 0px; left:44px;}
-        #cboxPrevious:hover{background-position:-25px -25px;}
-        #cboxNext{background-position:-0px 0px; left:22px;}
+
+        /* 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:url(images/controls.png) no-repeat 0 0;}
+        #cboxSlideshow { background-image: url(images/start_rtl.png); }
+        
+        /* 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:-25px -25px; left:66px;}
+        #cboxPrevious:hover{background-position:-25px 0px;}
+        #cboxNext{background-position:0px 0px; left:22px;}
         #cboxNext:hover{background-position:0px -25px;}
         #cboxClose{background-position:-50px 0px; left:0;}
         #cboxClose:hover{background-position:-50px -25px;}
-        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{left:66px;}
-        .cboxSlideshow_on #cboxSlideshow{background-position:-100px 0px; left:44px;}
-        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
-        .cboxSlideshow_off #cboxSlideshow{background-position:-125px 0px; left:44px;}
-        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px -25px;}
+        .cboxSlideshow_on #cboxNext, .cboxSlideshow_off #cboxNext{left:22px;}
+        .cboxSlideshow_on #cboxSlideshow{background-position:0px 4px; left:44px;}
+        .cboxSlideshow_on #cboxSlideshow:hover{background:url(images/controls.png) no-repeat 0 0;background-position:-100px -25px;}
+        .cboxSlideshow_off #cboxSlideshow{background:url(images/controls.png) no-repeat 0 0;background-position:-100px 0px; left:44px;}
+        .cboxSlideshow_off #cboxSlideshow:hover{background-image: url(images/start_rtl.png); background-position:0px 4px;}