summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css
diff options
context:
space:
mode:
authorTATTAVARADA <statta@research.att.com>2017-04-27 07:53:18 -0400
committerst782s <statta@research.att.com>2017-04-27 08:31:27 -0400
commit6beb446925c967aca92f5513adf36c5db77c00d6 (patch)
tree9392057ed0739de2445c5b2a2a8bee6dcdacbcf7 /ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css
parent246b225194e3e8dc1926294de591a94fd9787fa7 (diff)
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: Ia1efa4deacdc5701e6205104ac021a6c80ed60ba Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css')
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css142
1 files changed, 142 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css
new file mode 100644
index 00000000..f609403c
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/static/fusion/sample/css/slider.css
@@ -0,0 +1,142 @@
+div,span,p { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
+
+
+#container {
+ width:580px;
+ padding:10px;
+ margin:0 auto;
+ position:relative;
+ z-index:0;
+}
+
+#example {
+ width:600px;
+ height:350px;
+ position:relative;
+}
+
+#ribbon {
+ position:absolute;
+ top:-3px;
+ left:-15px;
+ z-index:500;
+}
+
+#frame {
+ position:absolute;
+ z-index:0;
+ width:739px;
+ height:341px;
+ top:-3px;
+ left:-80px;
+}
+
+/*
+ Slideshow
+*/
+
+#slides {
+ position:absolute;
+ top:15px;
+ left:4px;
+ z-index:100;
+}
+
+/*
+ Slides container
+ Important:
+ Set the width of your slides container
+ Set to display none, prevents content flash
+*/
+
+.slides_container {
+ width:570px;
+ overflow:hidden;
+ position:relative;
+ display:none;
+}
+
+/*
+ Each slide
+ Important:
+ Set the width of your slides
+ If height not specified height will be set by the slide content
+ Set to display block
+*/
+
+.slides_container div.slide {
+ width:570px;
+ height:270px;
+ display:block;
+}
+
+
+/*
+ Next/prev buttons
+*/
+
+#slides .next,#slides .prev {
+ position:absolute;
+ top:107px;
+ left:-39px;
+ width:24px;
+ height:43px;
+ display:block;
+ z-index:101;
+}
+
+#slides .next {
+ left:585px;
+}
+
+/*
+ Pagination
+*/
+
+.pagination {
+ margin:26px auto 0;
+ width:100px;
+}
+
+.pagination li {
+ float:left;
+ margin:0 1px;
+ list-style:none;
+}
+
+.pagination li a {
+ display:block;
+ width:12px;
+ height:0;
+ padding-top:12px;
+ background-image:url(../images/pagination.png);
+ background-position:0 0;
+ float:left;
+ overflow:hidden;
+}
+
+.pagination li.current a {
+ background-position:0 -12px;
+}
+
+/*
+ Caption
+*/
+
+.caption {
+ z-index:500;
+ position:absolute;
+ bottom:-35px;
+ left:0;
+ height:30px;
+ padding:5px 20px 0 20px;
+ background:#000;
+ background:rgba(0,0,0,.5);
+ width:540px;
+ font-size:1.3em;
+ line-height:1.33;
+ color:#fff;
+ border-top:1px solid #000;
+ text-shadow:none;
+}
+