From bf51e24700627b17df5041f3a369f6f6b4a4bfbb Mon Sep 17 00:00:00 2001 From: Nicole Date: Sat, 20 Jul 2013 23:17:01 -0700 Subject: change file names to example names --- carousel/carousel.css | 134 ++++++++++++++++++++++++++++++++++++++++++++++++++ carousel/example.css | 134 -------------------------------------------------- carousel/index.html | 2 +- 3 files changed, 135 insertions(+), 135 deletions(-) create mode 100644 carousel/carousel.css delete mode 100644 carousel/example.css (limited to 'carousel') diff --git a/carousel/carousel.css b/carousel/carousel.css new file mode 100644 index 000000000..3d997481e --- /dev/null +++ b/carousel/carousel.css @@ -0,0 +1,134 @@ + +/* 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 { + z-index: 10; +} + + + +/* CUSTOMIZE THE CAROUSEL +-------------------------------------------------- */ + +/* Carousel base class */ +.carousel { + margin-bottom: 60px; + + /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ + margin-top: -90px; +} +/* 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; +} +.carousel 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
more */ +} +.featurette { + padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */ + overflow: hidden; /* Vertically center images part 2: clear their floats. */ +} +.featurette-image { + margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */ +} + +/* Give some space on the sides of the floated elements so text doesn't run right into it. */ +.featurette-image.pull-left { + margin-right: 40px; +} +.featurette-image.pull-right { + margin-left: 40px; +} + +/* Thin out the marketing headings */ +.featurette-heading { + font-size: 50px; + font-weight: 300; + line-height: 1; + letter-spacing: -1px; +} + + + +/* RESPONSIVE CSS +-------------------------------------------------- */ + +@media (min-width: 768px) { + + /* Remve the edge padding needed for mobile */ + .marketing { + padding-left: 0; + padding-right: 0; + } + + /* Navbar positioning foo */ + .navbar-wrapper { + margin-top: 20px; + } + /* 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; + } + +} diff --git a/carousel/example.css b/carousel/example.css deleted file mode 100644 index 3d997481e..000000000 --- a/carousel/example.css +++ /dev/null @@ -1,134 +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 { - z-index: 10; -} - - - -/* CUSTOMIZE THE CAROUSEL --------------------------------------------------- */ - -/* Carousel base class */ -.carousel { - margin-bottom: 60px; - - /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ - margin-top: -90px; -} -/* 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; -} -.carousel 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
more */ -} -.featurette { - padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */ - overflow: hidden; /* Vertically center images part 2: clear their floats. */ -} -.featurette-image { - margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */ -} - -/* Give some space on the sides of the floated elements so text doesn't run right into it. */ -.featurette-image.pull-left { - margin-right: 40px; -} -.featurette-image.pull-right { - margin-left: 40px; -} - -/* Thin out the marketing headings */ -.featurette-heading { - font-size: 50px; - font-weight: 300; - line-height: 1; - letter-spacing: -1px; -} - - - -/* RESPONSIVE CSS --------------------------------------------------- */ - -@media (min-width: 768px) { - - /* Remve the edge padding needed for mobile */ - .marketing { - padding-left: 0; - padding-right: 0; - } - - /* Navbar positioning foo */ - .navbar-wrapper { - margin-top: 20px; - } - /* 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; - } - -} diff --git a/carousel/index.html b/carousel/index.html index 295e47bca..f9b2358c2 100644 --- a/carousel/index.html +++ b/carousel/index.html @@ -6,7 +6,7 @@ - Carousel template for Bootstrap + Carousel Template for Bootstrap -- cgit v1.2.3 From 6d269c2ed7e035101bac75eecd1551df5004ed1f Mon Sep 17 00:00:00 2001 From: Nicole Date: Sat, 20 Jul 2013 23:30:08 -0700 Subject: add git ignore --- carousel/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'carousel') diff --git a/carousel/index.html b/carousel/index.html index f9b2358c2..2bc48b380 100644 --- a/carousel/index.html +++ b/carousel/index.html @@ -12,7 +12,7 @@ - + -- cgit v1.2.3 From 9c13af8cb10f6e16322c50dfc82ae9263d99b82a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Jul 2013 20:42:47 -0700 Subject: massive update, including new index page --- carousel/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'carousel') diff --git a/carousel/index.html b/carousel/index.html index 2bc48b380..4d2e5fd98 100644 --- a/carousel/index.html +++ b/carousel/index.html @@ -9,7 +9,7 @@ Carousel Template for Bootstrap - + -- cgit v1.2.3