diff options
| author | Mark Otto <[email protected]> | 2013-12-28 22:47:03 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-12-28 22:47:03 -0800 |
| commit | a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b (patch) | |
| tree | 40f97935b43672014afa1dc050a22c9c5ae62bb8 /examples/carousel/carousel.css | |
| parent | 5bf13914e49942409c0b21aeaf2ed756c41bd498 (diff) | |
| download | bootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.tar.xz bootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.zip | |
Rearrange repository contents because muahahahahahaha
Diffstat (limited to 'examples/carousel/carousel.css')
| -rw-r--r-- | examples/carousel/carousel.css | 148 |
1 files changed, 0 insertions, 148 deletions
diff --git a/examples/carousel/carousel.css b/examples/carousel/carousel.css deleted file mode 100644 index a728bd899..000000000 --- a/examples/carousel/carousel.css +++ /dev/null @@ -1,148 +0,0 @@ -/* GLOBAL STYLES --------------------------------------------------- */ -/* Padding below the footer and lighter body text */ - -body { - padding-bottom: 40px; - color: #5a5a5a; -} - - - -/* CUSTOMIZE THE NAVBAR --------------------------------------------------- */ - -/* Special class on .container surrounding .navbar, used for positioning it into place. */ -.navbar-wrapper { - position: absolute; - top: 0; - left: 0; - right: 0; - z-index: 20; -} - -/* Flip around the padding for proper display in narrow viewports */ -.navbar-wrapper .container { - padding-left: 0; - padding-right: 0; -} -.navbar-wrapper .navbar { - padding-left: 15px; - padding-right: 15px; -} - - -/* CUSTOMIZE THE CAROUSEL --------------------------------------------------- */ - -/* Carousel base class */ -.carousel { - height: 500px; - margin-bottom: 60px; -} -/* Since positioning the image, we need to help out the caption */ -.carousel-caption { - z-index: 10; -} - -/* Declare heights because of positioning of img element */ -.carousel .item { - height: 500px; - background-color: #777; -} -.carousel-inner > .item > img { - position: absolute; - top: 0; - left: 0; - min-width: 100%; - height: 500px; -} - - - -/* MARKETING CONTENT --------------------------------------------------- */ - -/* Pad the edges of the mobile views a bit */ -.marketing { - padding-left: 15px; - padding-right: 15px; -} - -/* Center align the text within the three columns below the carousel */ -.marketing .col-lg-4 { - text-align: center; - margin-bottom: 20px; -} -.marketing h2 { - font-weight: normal; -} -.marketing .col-lg-4 p { - margin-left: 10px; - margin-right: 10px; -} - - -/* Featurettes -------------------------- */ - -.featurette-divider { - margin: 80px 0; /* Space out the Bootstrap <hr> more */ -} - -/* Thin out the marketing headings */ -.featurette-heading { - font-weight: 300; - line-height: 1; - letter-spacing: -1px; -} - - - -/* RESPONSIVE CSS --------------------------------------------------- */ - -@media (min-width: 768px) { - - /* Remove the edge padding needed for mobile */ - .marketing { - padding-left: 0; - padding-right: 0; - } - - /* Navbar positioning foo */ - .navbar-wrapper { - margin-top: 20px; - } - .navbar-wrapper .container { - padding-left: 15px; - padding-right: 15px; - } - .navbar-wrapper .navbar { - padding-left: 0; - padding-right: 0; - } - - /* The navbar becomes detached from the top, so we round the corners */ - .navbar-wrapper .navbar { - border-radius: 4px; - } - - /* Bump up size of carousel content */ - .carousel-caption p { - margin-bottom: 20px; - font-size: 21px; - line-height: 1.4; - } - - .featurette-heading { - font-size: 50px; - } - -} - -@media (min-width: 992px) { - .featurette-heading { - margin-top: 120px; - } -} |
