urbstudio/urbstudio/static/css/simplyscroll.css
2011-10-06 22:36:01 +05:30

101 lines
1.7 KiB
CSS
Executable file

/* Container DIV - automatically generated */
.simply-scroll-container {
position:relative;
margin:0 auto;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {
position: relative;
overflow: hidden;
z-index:2;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
position:absolute;
top:0;
left:0;
z-index:1;
overflow:hidden;
list-style:none;
}
.simply-scroll-list li {
list-style:none;
}
.simply-scroll-list li img {
filter:alpha(opacity=50); /*IE*/
opacity:0.6;
display:block;
cursor:pointer;
}
.simply-scroll-list li img:hover {
filter:alpha(opacity=100); /*IE*/
opacity:1;
}
.selected {
filter:alpha(opacity=100)!important; /*IE*/
opacity:1!important;
}
.simply-scroll-btn {
position:absolute;
background-image:url(/static/images/buttons.png);
width:42px;
height:44px;
z-index:3;
cursor:pointer;
}
.simply-scroll-btn-left {
left:6px;
bottom:6px;
background-position:0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position:0 0 !important;
}
.simply-scroll-btn-left:hover {
background-position:0 -88px;
}
.simply-scroll-btn-right {
right:6px;
bottom:6px;
background-position:84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position:84px 0 !important;
}
.simply-scroll-btn-right:hover {
background-position: 84px -88px;
}
.simply-scroll {
width: 860px;
height: 100px;
padding-top:10px;
z-index:20000;}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width: 100%;
height: 100px;
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 110px;
height: 100px;
}