1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/bootstrap-source/bootstrap-3.0.3/examples/carousel/carousel.css	Fri Dec 20 22:49:16 2013 +0100
     1.3 @@ -0,0 +1,148 @@
     1.4 +/* GLOBAL STYLES
     1.5 +-------------------------------------------------- */
     1.6 +/* Padding below the footer and lighter body text */
     1.7 +
     1.8 +body {
     1.9 +  padding-bottom: 40px;
    1.10 +  color: #5a5a5a;
    1.11 +}
    1.12 +
    1.13 +
    1.14 +
    1.15 +/* CUSTOMIZE THE NAVBAR
    1.16 +-------------------------------------------------- */
    1.17 +
    1.18 +/* Special class on .container surrounding .navbar, used for positioning it into place. */
    1.19 +.navbar-wrapper {
    1.20 +  position: absolute;
    1.21 +  top: 0;
    1.22 +  left: 0;
    1.23 +  right: 0;
    1.24 +  z-index: 20;
    1.25 +}
    1.26 +
    1.27 +/* Flip around the padding for proper display in narrow viewports */
    1.28 +.navbar-wrapper .container {
    1.29 +  padding-left: 0;
    1.30 +  padding-right: 0;
    1.31 +}
    1.32 +.navbar-wrapper .navbar {
    1.33 +  padding-left: 15px;
    1.34 +  padding-right: 15px;
    1.35 +}
    1.36 +
    1.37 +
    1.38 +/* CUSTOMIZE THE CAROUSEL
    1.39 +-------------------------------------------------- */
    1.40 +
    1.41 +/* Carousel base class */
    1.42 +.carousel {
    1.43 +  height: 500px;
    1.44 +  margin-bottom: 60px;
    1.45 +}
    1.46 +/* Since positioning the image, we need to help out the caption */
    1.47 +.carousel-caption {
    1.48 +  z-index: 10;
    1.49 +}
    1.50 +
    1.51 +/* Declare heights because of positioning of img element */
    1.52 +.carousel .item {
    1.53 +  height: 500px;
    1.54 +  background-color: #777;
    1.55 +}
    1.56 +.carousel-inner > .item > img {
    1.57 +  position: absolute;
    1.58 +  top: 0;
    1.59 +  left: 0;
    1.60 +  min-width: 100%;
    1.61 +  height: 500px;
    1.62 +}
    1.63 +
    1.64 +
    1.65 +
    1.66 +/* MARKETING CONTENT
    1.67 +-------------------------------------------------- */
    1.68 +
    1.69 +/* Pad the edges of the mobile views a bit */
    1.70 +.marketing {
    1.71 +  padding-left: 15px;
    1.72 +  padding-right: 15px;
    1.73 +}
    1.74 +
    1.75 +/* Center align the text within the three columns below the carousel */
    1.76 +.marketing .col-lg-4 {
    1.77 +  text-align: center;
    1.78 +  margin-bottom: 20px;
    1.79 +}
    1.80 +.marketing h2 {
    1.81 +  font-weight: normal;
    1.82 +}
    1.83 +.marketing .col-lg-4 p {
    1.84 +  margin-left: 10px;
    1.85 +  margin-right: 10px;
    1.86 +}
    1.87 +
    1.88 +
    1.89 +/* Featurettes
    1.90 +------------------------- */
    1.91 +
    1.92 +.featurette-divider {
    1.93 +  margin: 80px 0; /* Space out the Bootstrap <hr> more */
    1.94 +}
    1.95 +
    1.96 +/* Thin out the marketing headings */
    1.97 +.featurette-heading {
    1.98 +  font-weight: 300;
    1.99 +  line-height: 1;
   1.100 +  letter-spacing: -1px;
   1.101 +}
   1.102 +
   1.103 +
   1.104 +
   1.105 +/* RESPONSIVE CSS
   1.106 +-------------------------------------------------- */
   1.107 +
   1.108 +@media (min-width: 768px) {
   1.109 +
   1.110 +  /* Remove the edge padding needed for mobile */
   1.111 +  .marketing {
   1.112 +    padding-left: 0;
   1.113 +    padding-right: 0;
   1.114 +  }
   1.115 +
   1.116 +  /* Navbar positioning foo */
   1.117 +  .navbar-wrapper {
   1.118 +    margin-top: 20px;
   1.119 +  }
   1.120 +  .navbar-wrapper .container {
   1.121 +    padding-left:  15px;
   1.122 +    padding-right: 15px;
   1.123 +  }
   1.124 +  .navbar-wrapper .navbar {
   1.125 +    padding-left:  0;
   1.126 +    padding-right: 0;
   1.127 +  }
   1.128 +
   1.129 +  /* The navbar becomes detached from the top, so we round the corners */
   1.130 +  .navbar-wrapper .navbar {
   1.131 +    border-radius: 4px;
   1.132 +  }
   1.133 +
   1.134 +  /* Bump up size of carousel content */
   1.135 +  .carousel-caption p {
   1.136 +    margin-bottom: 20px;
   1.137 +    font-size: 21px;
   1.138 +    line-height: 1.4;
   1.139 +  }
   1.140 +
   1.141 +  .featurette-heading {
   1.142 +    font-size: 50px;
   1.143 +  }
   1.144 +
   1.145 +}
   1.146 +
   1.147 +@media (min-width: 992px) {
   1.148 +  .featurette-heading {
   1.149 +    margin-top: 120px;
   1.150 +  }
   1.151 +}