Skip to content

Instantly share code, notes, and snippets.

@stnadmin
Created September 28, 2015 17:30
Show Gist options
  • Save stnadmin/c4136f339ce5066d3aae to your computer and use it in GitHub Desktop.
Save stnadmin/c4136f339ce5066d3aae to your computer and use it in GitHub Desktop.
Needed styles to support banner styled carousel
.moduletable-carousel {
position:relative;
left:200px;
top:0px;
padding: 0;
height: 110px;
width:754px;
}
.moduletable-carousel .carousel-window {
position: absolute;
top: 5px;
left: 28px;
right: 28px;
height: 110px;
width: 695px;
overflow: hidden;
}
.moduletable-carousel .carousel-window .carousel-shuttle {
position: absolute;
left: 0;
top: 0;
height: 100%;
white-space: nowrap;
}
.moduletable-carousel .carousel-window .carousel-shuttle a {
display: inline-block;
margin: 0 6px;
}
.moduletable-carousel .carousel-next,
.moduletable-carousel .carousel-prev {
position: absolute;
top: 30px;
height: 65px;
width: 25px;
cursor: pointer;
}
.moduletable-carousel .carousel-next:hover,
.moduletable-carousel .carousel-prev:hover {
filter: alpha(opacity=70);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
.moduletable-carousel .carousel-next {
right: 5px;
background-image: url('../images/right.png');
background-repeat: no-repeat;
}
.moduletable-carousel .carousel-prev {
left: 5px;
background-image: url('../images/left.png');
background-repeat: no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment