You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.3 KiB
86 lines
1.3 KiB
13 years ago
|
#slidesWrapper {
|
||
|
width:470px;
|
||
|
position:relative;
|
||
|
margin-right: 20px;
|
||
|
}
|
||
|
|
||
|
#slides {
|
||
|
position:relative;
|
||
|
}
|
||
|
|
||
|
#slides .slidesContainer {
|
||
|
background:#fff;
|
||
|
border:8px solid #fff;
|
||
|
margin-left:-8px;
|
||
|
box-shadow: 0 2.5px 5px rgba(0,0,0,.6);
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
Next/prev buttons
|
||
|
*/
|
||
|
|
||
|
#slides .slidesNext,#slides .slidesPrevious {
|
||
|
position:absolute;
|
||
|
top:134px;
|
||
|
left:-40px;
|
||
|
width:24px;
|
||
|
height:0;
|
||
|
padding-top:32px;
|
||
|
display:block;
|
||
|
z-index:101;
|
||
|
overflow:hidden;
|
||
|
background:url(<%= image_path 'slides/navigation-previous.png' %>) no-repeat 0 0;
|
||
|
}
|
||
|
|
||
|
#slides .slidesNext {
|
||
|
left:488px;
|
||
|
background:url(<%= image_path 'slides/navigation-next.png' %>) no-repeat 0 0;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
Pagination
|
||
|
*/
|
||
|
|
||
|
.slidesPagination {
|
||
|
margin-top: 10px;
|
||
|
position: relative;
|
||
|
width: 100px;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
.slidesPagination li {
|
||
|
float:left;
|
||
|
margin:0 1px;
|
||
|
list-style:none;
|
||
|
}
|
||
|
|
||
|
.slidesPagination li a {
|
||
|
display:block;
|
||
|
width:14px;
|
||
|
height:0;
|
||
|
padding-top:14px;
|
||
|
background-image:url(<%= image_path 'slides/pagination.png' %>);
|
||
|
background-position:0 0;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
|
||
|
.slidesPagination li.slidesCurrent a {
|
||
|
background-position:0 -14px;
|
||
|
}
|
||
|
|
||
|
.current_slide {
|
||
|
font:bold 10px/1.33 sans-serif;
|
||
|
float:left;
|
||
|
margin-top:12px;
|
||
|
}
|
||
|
|
||
|
.controls {
|
||
|
display:block;
|
||
|
margin-top:12px;
|
||
|
float:left;
|
||
|
color:#333;
|
||
|
font:bold 10px/1.33 sans-serif;
|
||
|
margin-right:10px;
|
||
|
}
|