source: extensions/lightbox/theme/grey/theme-ie.css @ 3298

Last change on this file since 3298 was 3298, checked in by patdenice, 15 years ago

New extension added:
Lightbox (2.0.c)

File size: 1.8 KB
Line 
1/*
2        The following fixes png-transparency for IE6. 
3        It is also necessary for png-transparency to cooperate with the fade transition in IE7 & IE8
4       
5        Since IE does not support background-positioning with filters, it is incompatible with CSS sprites.
6        Colorbox preloads the 'previous', 'next', 'close' hover-states to account for this.
7*/
8#contentPrevious{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/previous.png, sizingMethod='crop');}
9#contentPrevious:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/previousHover.png, sizingMethod='scale');}
10#contentNext{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/next.png, sizingMethod='crop');}
11#contentNext:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/nextHover.png, sizingMethod='scale');}
12#modalClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/close.png, sizingMethod='crop');}
13#modalClose:hover{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/grey/images/closeHover.png, sizingMethod='scale');}
14
15/*
16        Because IE does not support CSS sprites while using the filter attribute
17        this area is for declaring hover-state backgrounds so they can be preloaded
18*/
19#preloadPrevious{background-image:url(plugins/lightbox/theme/grey/images/previousHover.png);}
20#preloadNext{background-image:url(plugins/lightbox/theme/grey/images/nextHover.png);}
21#preloadClose{background-image:url(plugins/lightbox/theme/grey/images/closeHover.png);}
22
23#contentTitle {font-family: Verdana,Arial,san-serrif;}
Note: See TracBrowser for help on using the repository browser.