diff options
Diffstat (limited to 'modules/slideshow/css')
-rw-r--r-- | modules/slideshow/css/buttons.png | bin | 0 -> 3579 bytes | |||
-rw-r--r-- | modules/slideshow/css/slideshow.css | 101 |
2 files changed, 101 insertions, 0 deletions
diff --git a/modules/slideshow/css/buttons.png b/modules/slideshow/css/buttons.png Binary files differnew file mode 100644 index 00000000..6fe50e1b --- /dev/null +++ b/modules/slideshow/css/buttons.png diff --git a/modules/slideshow/css/slideshow.css b/modules/slideshow/css/slideshow.css new file mode 100644 index 00000000..f635c244 --- /dev/null +++ b/modules/slideshow/css/slideshow.css @@ -0,0 +1,101 @@ +#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; +} |