Changeset 59224 in spip-zone

Timestamp:

Mar 11, 2012, 3:39:02 PM (9 years ago)

Author:

brunobergot@…

Message:

report de r59222 : remise au propre du theme fancybox pour mediabox

Location:

_plugins_/mediabox/colorbox/fancybox

Files:

• colorbox.css (modified) (1 diff)
• colorbox_rtl.css (modified) (1 diff)
• images/fancy_left.png (modified) (previous)
• images/fancy_pause.png (modified) (previous)
• images/fancy_play.png (modified) (previous)
• images/fancy_play_rtl.png (modified) (previous)
• images/fancy_right.png (modified) (previous)
• vignette.jpg (modified) (previous)

_plugins_/mediabox/colorbox/fancybox/colorbox.css

@@ -34 +34 @@
                 text-align: center; color: #fff; font-weight: bold; font-size: 0.9em; background-image: url('images/fancy_title_over.png'); }
         #cboxCurrent{position: absolute; left: -3000em}
-        #cboxPrevious{position: absolute; top: -12px; left: -11px; width: 22px; height: 30px;
-                background:url(images/fancy_left.png) no-repeat; text-indent:-9999px;}
-        #cboxPrevious.hover{}
-        #cboxNext{position:absolute; top: -12px; left: 33px; width: 22px; height: 30px;
-                background:url(images/fancy_right.png) no-repeat; text-indent:-9999px;}
-        #cboxNext.hover{}
-        #cboxSlideshow{position:absolute; top: -12px; left:11px; width: 22px; height: 30px;
-                background:url(images/fancy_play.png) no-repeat; text-indent:-9999px;}
+        #cboxPrevious{position: absolute; top: 0; left: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
+        #cboxPrevious.hover{background:url(images/fancy_left.png) left 50% no-repeat;}
+        #cboxNext{position: absolute; top: 0; right: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
+        #cboxNext.hover{background:url(images/fancy_right.png) right 50% no-repeat;}
+        #cboxSlideshow{position:absolute; top: -12px; left:-15px; width: 30px; height: 30px;
+                background:url(images/fancy_play.png) 0 0 no-repeat; text-indent:-9999px;}
         #cboxLoadingOverlay{background:#fff;}
         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
         #cboxClose{position:absolute; top: -12px; right: -15px; height: 30px; width: 30px;
-                background:url(images/fancy_closebox.png) 0px 0px no-repeat; text-indent:-9999px;}
+                background:url(images/fancy_closebox.png) 0 0 no-repeat; text-indent:-9999px;}
 
         .cboxSlideshow_on #cboxSlideshow{background:url(images/fancy_pause.png) no-repeat;}

_plugins_/mediabox/colorbox/fancybox/colorbox_rtl.css

@@ -34 +34 @@
                 text-align: center; color: #fff; font-weight: bold; font-size: 0.9em; background-image: url('images/fancy_title_over.png'); }
         #cboxCurrent{position: absolute; right: -3000em}
-        #cboxPrevious{position: absolute; top: -12px; right: -11px; width: 22px; height: 30px;
-                background:url(images/fancy_right.png) no-repeat; text-indent:-9999px;}
-        #cboxPrevious.hover{}
-        #cboxNext{position:absolute; top: -12px; right: 33px; width: 22px; height: 30px;
-                background:url(images/fancy_left.png) no-repeat; text-indent:-9999px;}
-        #cboxNext.hover{}
-        #cboxSlideshow{position:absolute; top: -12px; right:11px; width: 22px; height: 30px;
-                background:url(images/fancy_play.png) no-repeat; text-indent:-9999px;}
+        #cboxPrevious{position: absolute; top: 0; right: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
+        #cboxPrevious.hover{background:url(images/fancy_right.png) right 50% no-repeat;}
+        #cboxNext{position: absolute; top: 0; left: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
+        #cboxNext.hover{background:url(images/fancy_left.png) left 50% no-repeat;}
+        #cboxSlideshow{position:absolute; top: -12px; right:-15px; width: 30px; height: 30px;
+                background:url(images/fancy_play.png) 0 0 no-repeat; text-indent:-9999px;}
         #cboxLoadingOverlay{background:#fff;}
         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
         #cboxClose{position:absolute; top: -12px; left: -15px; height: 30px; width: 30px;
-                background:url(images/fancy_closebox.png) 0px 0px no-repeat; text-indent:-9999px;}
+                background:url(images/fancy_closebox.png) 0 0 no-repeat; text-indent:-9999px;}
 
         .cboxSlideshow_on #cboxSlideshow{background:url(images/fancy_pause.png) no-repeat;}