Slick Slideshow Css

Subscribe to our RSS feed

Follow us on twitter

Watch this site via email

/* @override http://bmcenterprises.wdfiles.com/local--files/css3:slick-slideshow/slick-slideshow.css */
 
div#slideshow
{
    margin:0 auto;
    width:800px;
    height:260px;
    background-color: #efefef;
    background-image: none;
    position:relative;
}
 
#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  height:260px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
 
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:780px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:260px;
  padding-left: 20px;
 }
 
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
    background-color: #3198dd;
    background-image: -webkit-gradient(linear, left top, right top, from(#33acfc), to(#3198dd));
    background-image: -moz-linear-gradient(top, #33acfc, #3198dd);
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://blog.monnet-usa.com/wp-content/slideshow/img/control_right.jpg) no-repeat 0 0;
}
 
#slideshow_control_panel{  
 display:block;  
 width:20px;  
 height:20px;  
 position:absolute;  
 right:25px;  
 bottom:10px;  
 cursor:pointer;  
}
 
div.slide h2
{
    color: white !important;
}
 
div.slide p
{
    color: white;
}
 
div.slide div
{
    color: white;
}
 
div.slide a
{
    color: white;
}

Discussion

Add a new comment