UI adaptation for supporting ONAP portal SDK

[validation.git] / ui / src / main / webapp / static / fusion / sample / css / slider.css

diff --git a/ui/src/main/webapp/static/fusion/sample/css/slider.css b/ui/src/main/webapp/static/fusion/sample/css/slider.css
new file mode 100644 (file)
index 0000000..0bbb790
--- /dev/null
+++ b/ui/src/main/webapp/static/fusion/sample/css/slider.css
@@ -0,0 +1,143 @@
+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;
+}
\ No newline at end of file