# HG changeset patch # User Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> # Date 1302104665 -7200 # Node ID fb782702d771c0cbe34a92902e1f0c1b3e10cfbb # Parent c1b207f9623e952a44f8d0d99a8077bc3e3c3a70 move css in res folder diff -r c1b207f9623e -r fb782702d771 web/res/css/tabs-slideshow.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/res/css/tabs-slideshow.css Wed Apr 06 17:44:25 2011 +0200 @@ -0,0 +1,96 @@ + +/* container for slides */ +.images { + /*background:#fff url(images/h300.png) repeat-x;*/ + background:#fff; + border:1px solid #ccc; + position:relative; + height:300px; + + width:860px; + float:left; + margin:15px; + cursor:pointer; + + /* CSS3 tweaks for modern browsers */ + -moz-border-radius:5px; + -webkit-border-radius:5px; + -moz-box-shadow:0 0 25px #666; + -webkit-box-shadow:0 0 25px #666; +} + +/* single slide */ +.images div { + display:none; + position:absolute; + top:0; + left:0; + margin:7px; + padding:15px 30px 15px 15px; + height:256px; + font-size:12px; +} + +/* header */ +.images h3 { + font-size:22px; + font-weight:normal; + margin:0 0 20px 0; + color:#456; +} + +/* tabs (those little circles below slides) */ +.slidetabs { + clear:both; + margin-left:430px; +} + +/* single tab */ +.slidetabs a { + width:8px; + height:8px; + float:left; + margin:3px; + background:url(images/navigator.png) 0 0 no-repeat; + display:block; + font-size:1px; +} + +/* mouseover state */ +.slidetabs a:hover { + background-position:0 -8px; +} + +/* active state (current page state) */ +.slidetabs a.current { + background-position:0 -16px; +} + + +/* prev and next buttons */ +.forward, .backward { + float:left; + margin-top:140px; + background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; + display:block; + width:30px; + height:30px; + cursor:pointer; + font-size:1px; + text-indent:-9999em; +} + +/* next */ +.forward { background-position: 0 -30px; clear:right; } +.forward:hover { background-position:-30px -30px; } +.forward:active { background-position:-60px -30px; } + + +/* prev */ +.backward:hover { background-position:-30px 0; } +.backward:active { background-position:-60px 0; } + +/* disabled navigational button. is not needed when tabs are configured with rotate: true */ +.disabled { + visibility:hidden !important; +} diff -r c1b207f9623e -r fb782702d771 web/tabs-slideshow.css --- a/web/tabs-slideshow.css Wed Apr 06 17:39:32 2011 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,96 +0,0 @@ - -/* container for slides */ -.images { - /*background:#fff url(images/h300.png) repeat-x;*/ - background:#fff; - border:1px solid #ccc; - position:relative; - height:300px; - - width:860px; - float:left; - margin:15px; - cursor:pointer; - - /* CSS3 tweaks for modern browsers */ - -moz-border-radius:5px; - -webkit-border-radius:5px; - -moz-box-shadow:0 0 25px #666; - -webkit-box-shadow:0 0 25px #666; -} - -/* single slide */ -.images div { - display:none; - position:absolute; - top:0; - left:0; - margin:7px; - padding:15px 30px 15px 15px; - height:256px; - font-size:12px; -} - -/* header */ -.images h3 { - font-size:22px; - font-weight:normal; - margin:0 0 20px 0; - color:#456; -} - -/* tabs (those little circles below slides) */ -.slidetabs { - clear:both; - margin-left:430px; -} - -/* single tab */ -.slidetabs a { - width:8px; - height:8px; - float:left; - margin:3px; - background:url(images/navigator.png) 0 0 no-repeat; - display:block; - font-size:1px; -} - -/* mouseover state */ -.slidetabs a:hover { - background-position:0 -8px; -} - -/* active state (current page state) */ -.slidetabs a.current { - background-position:0 -16px; -} - - -/* prev and next buttons */ -.forward, .backward { - float:left; - margin-top:140px; - background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; - display:block; - width:30px; - height:30px; - cursor:pointer; - font-size:1px; - text-indent:-9999em; -} - -/* next */ -.forward { background-position: 0 -30px; clear:right; } -.forward:hover { background-position:-30px -30px; } -.forward:active { background-position:-60px -30px; } - - -/* prev */ -.backward:hover { background-position:-30px 0; } -.backward:active { background-position:-60px 0; } - -/* disabled navigational button. is not needed when tabs are configured with rotate: true */ -.disabled { - visibility:hidden !important; -}