Skip to content

Instantly share code, notes, and snippets.

@cloudxero
Created April 4, 2012 22:03
Show Gist options
  • Save cloudxero/2306026 to your computer and use it in GitHub Desktop.
Save cloudxero/2306026 to your computer and use it in GitHub Desktop.
DealerTrend VMS Carousel Style
/* VMS STYLE START Carousel */
#inner .vms-widget.small, #inner .vms-widget.medium, #inner .vms-widget.large{
width: 950px;
height: 121px;
}
.vms-widget.small .widget-area, .vms-widget.medium .widget-area, .vms-widget.large .widget-area{
width: 950px;
height: 121px;
}
.vms-widget.small .widget-area .vms-widget-content, .vms-widget.medium .widget-area .vms-widget-content, .vms-widget.large .widget-area .vms-widget-content{
width: 950px;
height: 121px;
}
.vms-widget.small .vms-widget-content .vms-widget-content-wrapper, .vms-widget.medium .vms-widget-content .vms-widget-content-wrapper, .vms-widget.large .vms-widget-content .vms-widget-content-wrapper{
width: 950px;
height: 85px;
margin-top: 36px;
overflow: visible;
}
.vms-widget.small .carousel .carousel-wrap,.vms-widget.medium .carousel .carousel-wrap,.vms-widget.large .carousel .carousel-wrap{
width: 90%;
}
.vms-widget.small .vms-widget-content .vms-widget-item, .vms-widget.medium .vms-widget-content .vms-widget-item, .vms-widget.large .vms-widget-content .vms-widget-item{
height: 70px;
width: 214px;
}
.vms-widget.small .vms-widget-content .vms-widget-item img, .vms-widget.medium .vms-widget-content .vms-widget-item img, .vms-widget.large .vms-widget-content .vms-widget-item img{
height: 70px;
width: 100px;
}
.vms-widget.small .vms-widget-content .vms-widget-item .vms-widget-main-line, .vms-widget.medium .vms-widget-content .vms-widget-item .vms-widget-main-line, .vms-widget.large .vms-widget-content .vms-widget-item .vms-widget-main-line{
width: 108px;
}
.vms-widget.small .vms-widget-content .vms-widget-item .vms-widget-price, .vms-widget.medium .vms-widget-content .vms-widget-item .vms-widget-price, .vms-widget.large .vms-widget-content .vms-widget-item .vms-widget-price{
width: 108px;
color: red;
}
.vms-widget-price .vms-strike-through{
color: blue;
}
.vms-widget .carousel-control.previous, .vms-widget .carousel-control.next{
margin-top: 28px;
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
display:block;
border:none;
}
.vms-widget .carousel-control.previous{
background: url('insert_image') no-repeat transparent;
width: 29px;
height: 20px;
margin-left: 10px;
}
.vms-widget .carousel-control.next{
background: url('insert_image') no-repeat transparent;
width: 29px;
height: 20px;
margin-right: 10px;
}
/* VRS STYLE END */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment