Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-BE / war / static / fusion / sample / css / slider.css

diff --git a/ecomp-portal-BE/war/static/fusion/sample/css/slider.css b/ecomp-portal-BE/war/static/fusion/sample/css/slider.css
new file mode 100644 (file)
index 0000000..f609403
--- /dev/null
+++ b/ecomp-portal-BE/war/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;
+}
+