Contents

/* customized pretty extensively to look more like Bootstrap 2 carousel */

#carousel_wrapper {

  .carousel-indicators {
    bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    right: 10px;
    top: 10px;
    left: inherit;
    width: inherit;
    height: 20px;

    li {
      background-color: #FFFFFF;
      opacity:.2;
      -moz-opacity: 0.20;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }

    .active {
      height: 10px;
      margin: 1px;
      width: 10px;
      opacity:.6;
      -moz-opacity: 0.60;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    }

  }

  .carousel-caption {
    padding: 0 0 0 10px;
    bottom: -5px;
    left: 0;
    right: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    text-align: left;

    h5 {
      /* font-weight: bold; */
      margin-bottom: 0px;
      margin-top: 5px;
    }

    p {
      font-size: 12px;
      font-style: italic;
    }
  }

  .carousel-control {
    opacity: .2;
    -moz-opacity: 0.20;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }

}


/* responsive styles */

@media (max-width: 767px) {

  #carousel_wrapper .carousel-inner img {
    width:100%;
  }

}

@media (max-width: 480px) {

  #carousel_wrapper {
    /* display: none; */

    .carousel-caption {
      /* padding: 1px 0 10px 10px; */

      h5 {
        font-size: 12px;
      }

      p {
        font-size: 10px;
      }

    }

  }

}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
commonwealth-vlr-engine-0.0.2	app/assets/stylesheets/commonwealth-vlr-engine/carousel.scss
commonwealth-vlr-engine-0.0.1	app/assets/stylesheets/commonwealth-vlr-engine/carousel.scss