X-Git-Url: https://gerrit.akraino.org/r/gitweb?p=validation.git;a=blobdiff_plain;f=ui%2Fsrc%2Fmain%2Fwebapp%2Fstatic%2Ffusion%2Fsample%2Fcss%2Fslider.css;fp=ui%2Fsrc%2Fmain%2Fwebapp%2Fstatic%2Ffusion%2Fsample%2Fcss%2Fslider.css;h=0bbb7902339f0f0a99ce10fdfaf501eee18c63c4;hp=0000000000000000000000000000000000000000;hb=2879b2ee5e1e2815e5f43cb802352bf2878397af;hpb=ce4ad29dc48317cc7cb60fe433072ac46dea2ebb

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
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