bootstrap-source/bootstrap-3.0.3/examples/carousel/carousel.css
changeset 115 a9d04f5f5650
parent 114 6093dda9fe38
child 116 00287f05dc6a
     1.1 --- a/bootstrap-source/bootstrap-3.0.3/examples/carousel/carousel.css	Sat Jan 18 12:34:36 2014 +0100
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,148 +0,0 @@
     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 -}
Impressum Datenschutzerklärung