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.
85 lines
1.3 KiB
85 lines
1.3 KiB
#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; |
|
}
|
|
|