Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Make it work!! */
- #slider{
- height: 160px;
- width: 496px;
- float: right;
- position: relative;
- background: url({style_images_url}/sliderbg.png) no-repeat;
- }
- #example{
- height: 160px;
- width: 460px;
- position: absolute;
- right: 0;
- }
- #slides{
- position: absolute;
- z-index: 100;
- width: 345px;
- height: 157px;
- top: 4px;
- right: 30px;
- }
- /*
- Slideshow
- */
- /*
- Slides container
- Important:
- Set the width of your slides container
- Set to display none, prevents content flash
- */
- .slides_container {
- width:370px;
- overflow:hidden;
- position:relative;
- display:none;
- }
- /*
- Each slide
- Important:
- Set the width of your slides
- If height not specified height will be set by the slide content
- Set to display block
- */
- .slides_container div.slide {
- width:370px;
- height:157px;
- display:block;
- }
- /*
- Next/prev buttons
- */
- #slides .next,#slides .prev {
- position:absolute;
- top:56px;
- left:0px;
- width:24px;
- height:43px;
- display:block;
- z-index:101;
- }
- #slides .next {
- left:346px;
- }
- /*
- /*
- Pagination
- */
- /*.pagination {
- margin:26px auto 0;
- width:100px;
- }
- .pagination li {
- float:left;
- margin:0 1px;
- list-style:none;
- }
- .pagination li a {
- display:block;
- width:12px;
- height:0;
- padding-top:12px;
- background-image:url(../img/pagination.png);
- background-position:0 0;
- float:left;
- overflow:hidden;
- }
- .pagination li.current a {
- background-position:0 -12px;
- }*/
- /*
- Caption
- */
- .caption {
- z-index:500;
- position:absolute;
- bottom:-35px;
- left:0;
- height:20px;
- padding:3px 20px 0 20px;
- background:#000;
- background:rgba(0,0,0,.5);
- width:370px;
- font-size:1.0em;
- line-height:1.33;
- color:#fff;
- border-top:1px solid #000;
- text-shadow:none;
- }
Add Comment
Please, Sign In to add comment