carousel-skin.css
142 lines
| 3.2 KiB
| text/css
|
CssLexer
|
r0 | /* | ||
Copyright (c) 2009, Yahoo! Inc. All rights reserved. | ||||
Code licensed under the BSD License: | ||||
http://developer.yahoo.net/yui/license.txt | ||||
version: 2.8.0r4 | ||||
*/ | ||||
.yui-skin-sam .yui-carousel, | ||||
.yui-skin-sam .yui-carousel-vertical { | ||||
border: 1px solid #808080; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav { | ||||
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; | ||||
padding: 3px; | ||||
text-align: right; | ||||
} | ||||
.yui-skin-sam .yui-carousel-button { | ||||
background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -600px; | ||||
float: right; | ||||
height: 19px; | ||||
margin: 5px; | ||||
overflow: hidden; | ||||
width: 40px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button { | ||||
background-position: 0 -800px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-button-disabled { | ||||
background-position: 0 -2000px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled { | ||||
background-position: 0 -2100px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-button input, | ||||
.yui-skin-sam .yui-carousel-button button { | ||||
background-color: transparent; | ||||
border: 0; | ||||
cursor: pointer; | ||||
display: block; | ||||
height: 44px; | ||||
margin: -2px 0 0 -2px; | ||||
padding: 0 0 0 50px; | ||||
} | ||||
.yui-skin-sam span.yui-carousel-first-button { | ||||
background-position: 0px -550px; | ||||
margin-left: -100px; | ||||
margin-right: 50px; | ||||
*margin: 5px 5px 5px -90px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button { | ||||
background-position: 0px -750px; | ||||
} | ||||
.yui-skin-sam span.yui-carousel-first-button-disabled { | ||||
background-position: 0 -1950px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled { | ||||
background-position: 0 -2050px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul { | ||||
float: right; | ||||
height: 19px; | ||||
margin: 0; | ||||
margin-left: -220px; | ||||
margin-right: 100px; | ||||
*margin-left: -160px; | ||||
*margin-right: 0; | ||||
padding: 0; | ||||
} | ||||
.yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul { | ||||
*margin-left: -170px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav select { | ||||
position: relative; | ||||
*right: 50px; | ||||
top: 4px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select { | ||||
position: static; | ||||
} | ||||
.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul, | ||||
.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select { | ||||
float: none; | ||||
margin: 0; | ||||
*zoom: 1; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul li { | ||||
background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -650px; | ||||
cursor: pointer; | ||||
float: left; | ||||
height: 9px; | ||||
list-style: none; | ||||
margin: 10px 0 0 5px; | ||||
overflow: hidden; | ||||
padding: 0; | ||||
width: 9px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul:after { | ||||
content: "."; | ||||
display: block; | ||||
height: 0; | ||||
clear: both; | ||||
visibility: hidden; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul li a { | ||||
display:block; | ||||
width: 100%; | ||||
height: 100%; | ||||
text-indent: -10000px; | ||||
text-align:left; | ||||
overflow:hidden; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus { | ||||
outline: 1px dotted #000; | ||||
} | ||||
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected { | ||||
background-position: 0 -700px; | ||||
} | ||||
.yui-skin-sam .yui-carousel-item-loading { | ||||
background: url(ajax-loader.gif) no-repeat 50% 50%; | ||||
position: absolute; | ||||
text-indent: -150px; | ||||
} | ||||