summaryrefslogtreecommitdiff
path: root/modules/slideshow/css
diff options
context:
space:
mode:
Diffstat (limited to 'modules/slideshow/css')
-rw-r--r--modules/slideshow/css/buttons.pngbin0 -> 3579 bytes
-rw-r--r--modules/slideshow/css/slideshow.css101
2 files changed, 101 insertions, 0 deletions
diff --git a/modules/slideshow/css/buttons.png b/modules/slideshow/css/buttons.png
new file mode 100644
index 00000000..6fe50e1b
--- /dev/null
+++ b/modules/slideshow/css/buttons.png
Binary files differ
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;
+}