Template:CarnegieMellon:CarnegieMellon/CSS
From 2014.igem.org
Revision as of 04:16, 17 October 2014 by Acelentano (Talk | contribs)
/* GLOBAL STYLES
-------------------------------------------------- */ /* Padding below the footer and lighter body text */
body { padding-bottom: 40px; background: #85B1C0; color: #5a5a5a; font-size: 12px; }
.container { margin:0px; }
/* CUSTOMIZE THE NAVBAR -------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: absolute; top: 50; left: 0; right: 0; z-index: 100; margin-top: -69px; margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ } .navbar-wrapper .navbar {
}
/* Remove border and change up box shadow for more contrast */ .navbar .navbar-inner {
width:99.5%;
border: 0; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25); box-shadow: 0 2px 10px rgba(0,0,0,.25); }
/* Downsize the brand/project name a bit */ .navbar .brand { padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */ font-size: 16px; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
/* Navbar links: increase padding for taller navbar */ .navbar .nav > li > a { padding: 15px 20px; }
/* Offset the responsive button for proper vertical alignment */ .navbar .btn-navbar { margin-top: 5px; }
/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */
/* Carousel base class */ .carousel { margin-bottom: 0px;
}
.carousel .container { position: relative; z-index: 9; }
.carousel-control { height: 60px; margin-top: 0px; font-size: 120px; text-shadow: 0 1px 1px rgba(0,0,0,.4); background-color: transparent; border: 0; z-index: 10; }
.carousel .item { height: 450px; } .carousel img { position: relative; top: 0; left: 0; min-width: 975px; height: 425px; }
.carousel-caption { background-color: transparent;
position: static; max-width: 550px; padding: 0 20px; margin-top: 500px; } .carousel-caption h1, .carousel-caption .lead { margin: 0; line-height: 1.25; color: #000000; text-shadow: 0 1px 1px rgba(0,0,0,.4); } .carousel-caption .btn { margin-top: 0px; }
/* Square Images -------------------------------------------------- */
.sqimg { display: inline-block; margin-left: auto; margin-right: auto; height: 250px; width: 400px; opacity: 0.8; margin-bottom: 3px; filter: alpha(opacity=40);
}
.sqimg:hover {
opacity: 1; filter: alpha(opacity=100);}
- images{
text-align: center;
display: block; width: 804px; height: 506px; margin: 0 auto;
}