Files
gallery3/modules/slideshow/css/slideshow.css
2009-08-20 07:30:49 -07:00

102 lines
1.6 KiB
CSS

#gSlideshowOverlay {
border: none;
margin: 0;
padding: 0;
background-color: #000;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.7;
filter: alpha(opacity=70);
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
z-index: 2001;
}
#gSlideShowImages {
z-index: 2002;
}
#gSlideShowImages img {
display: none;
float: left;
z-index: 2002;
}
#gSlideshowButtonPanel {
bottom: .5em;
position: absolute;
width: 100%;
z-index: 2004;
}
#gSlideshowButtonPanel div {
background-color: #000;
color: #fff;
filter: alpha(opacity=70);
height: 55px;
margin: 0 auto;
opacity: 0.7;
width: 232px;
z-index: 2004;
}
#gSlideshowPrevious,
#gSlideshowPause,
#gSlideshowResume,
#gSlideshowResume,
#gSlideshowClose,
#gSlideshowNext {
background-image: url(buttons.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 55px;
overflow: hidden;
text-indent: -99999px;
width: 58px;
}
#gSlideshowPrevious {
background-position: 0 0;
}
#gSlideshowPrevious:hover {
background-position: -58px 0;
}
#gSlideshowPause {
background-position: -174px 0;
}
#gSlideshowPause:hover {
background-position: -116px 0;
}
#gSlideshowResume {
background-position: -290px 0;
display: none;
}
#gSlideshowResume:hover {
background-position: -232px 0;
}
#gSlideshowNext {
background-position: -406px 0;
}
#gSlideshowNext:hover {
background-position: -348px 0;
}
#gSlideshowClose {
background-position: -464px 0;
}
#gSlideshowClose:hover {
background-position: -522px 0;
}