From 1faf201e8608dfa4d7af3460fd3d1fc7ebec398b Mon Sep 17 00:00:00 2001 From: talasila Date: Tue, 7 Feb 2017 11:47:55 -0500 Subject: Initial OpenECOMP Portal SDK commit Change-Id: I66a3491600a4b9ea241128dc29267eed6a78ed76 Signed-off-by: talasila --- .../webapp/static/fusion/sample/css/slider.css | 142 +++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 ecomp-sdk/sdk-app/src/main/webapp/static/fusion/sample/css/slider.css (limited to 'ecomp-sdk/sdk-app/src/main/webapp/static/fusion/sample/css/slider.css') diff --git a/ecomp-sdk/sdk-app/src/main/webapp/static/fusion/sample/css/slider.css b/ecomp-sdk/sdk-app/src/main/webapp/static/fusion/sample/css/slider.css new file mode 100644 index 00000000..f609403c --- /dev/null +++ b/ecomp-sdk/sdk-app/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; +} + -- cgit 1.2.3-korg