Team:UANL Mty-Mexico/CarouselCSS

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
#content {
 +
    width: auto;
 +
}
/* GLOBAL STYLES
/* GLOBAL STYLES
Line 31: Line 35:
   /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
   /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
-
   margin-top: -90px;
+
   margin-top: -150px;
}
}
/* Since positioning the image, we need to help out the caption */
/* Since positioning the image, we need to help out the caption */
Line 40: Line 44:
/* Declare heights because of positioning of img element */
/* Declare heights because of positioning of img element */
.carousel .item {
.carousel .item {
-
   height: 300px;
+
   height: 500px;
   background-color: #777;
   background-color: #777;
}
}
Line 48: Line 52:
   left: 0;
   left: 0;
   min-width: 100%;
   min-width: 100%;
-
   height: 300px;
+
   height: 500px;
}
}
Line 105: Line 109:
   /* Navbar positioning foo */
   /* Navbar positioning foo */
   .navbar-wrapper {
   .navbar-wrapper {
-
     margin-top: 10px;
+
     margin-top: 0px;
   }
   }
   /* The navbar becomes detached from the top, so we round the corners */
   /* The navbar becomes detached from the top, so we round the corners */

Latest revision as of 18:46, 27 September 2013