diff options
author | 2017-09-01 11:57:47 +0800 | |
---|---|---|
committer | 2017-09-01 11:57:58 +0800 | |
commit | 57dbba269d19bc59fad89160200bb2dbcccb9003 (patch) | |
tree | d466041ceffa2161124ca79a48b3e077777c74b8 /usecaseui-common/src/main/webapp/app/fusion/external/samples/css/slider.css | |
parent | 4ff32341a0af1972b44a7410e76e9b231131e7ab (diff) |
Upload Monitor function code
Change-Id: I33ad76221b4cb771a298ff240245fc24be664efb
Issue-Id: USECASEUI-6
Signed-off-by: shentao <shentao@chinamobile.com>
Diffstat (limited to 'usecaseui-common/src/main/webapp/app/fusion/external/samples/css/slider.css')
-rw-r--r-- | usecaseui-common/src/main/webapp/app/fusion/external/samples/css/slider.css | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/usecaseui-common/src/main/webapp/app/fusion/external/samples/css/slider.css b/usecaseui-common/src/main/webapp/app/fusion/external/samples/css/slider.css new file mode 100644 index 00000000..f609403c --- /dev/null +++ b/usecaseui-common/src/main/webapp/app/fusion/external/samples/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; +} + |