"

From 2014.igem.org

Revision as of 17:09, 11 October 2014 (view source) Yuiuiuiuiui (Talk | contribs) ← Older edit		Revision as of 17:16, 11 October 2014 (view source) Yuiuiuiuiui (Talk | contribs) Newer edit →
Line 18:		Line 18:
	</style>		</style>
-	<style>	+	<style>
-	#footerlogo {	+	/* GLOBAL STYLES
-	width: 250px;	+	-------------------------------------------------- */
-	height: 100px;	+	/* Padding below the footer and lighter body text */
-	}	+
-	/* Removes the mysterious margin of footer */	+	body {
-	.bs-docs-footer {	+
-	margin-top: 0 !important;	+	color: #5a5a5a;
-	border-top: 0 !important;	+
	}		}
-
-	/* Removes default elements */
-	#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
-	display:none;
-	}
-
-	#top-section {
-	border: none;
-	height: 0px;
-	margin: 0px;
-	}
-
-	#content {
-	border: none;
-	background: transparent;
-	width: 100%;
-	padding: 0px;
-	}
-
-	p {
-	margin: 0px;
-	padding: 0px;
-	}
-
-	body {
-	margin: 0 0 0 0;
-	padding: 0;
-	}
	html, body {		html, body {
Line 66:		Line 36:
	}		}
-	#top-section {
-	width: 1140px;
-	height: 0;
-	margin: 0 auto;
-	padding: 0;
-	border: none;
-	}
-	#menubar {
-	font-size: 80%;
-	top: 0px;
-	margin: 0px;
-	/* Resizes the menubar to fix the links (default is 400px) */
-	width: auto;
-	}
-	.left-menu:hover {
-	background-color: transparent;
-	}
-	#menubar li a {
-	background: transparent;
-	color: transparent;
-	}
-	#menubar:hover li a {	+	/* MARKETING CONTENT
-	background-color: rgba(255, 255, 255, 0.8);	+	-------------------------------------------------- */
-	color: grey;	+
-	}	+
-	/* Removes "teams" from the menubar */	+	/* Center align the text within the three columns below the carousel */
		+	.marketing .span4 {
		+	text-align: center;
		+	}
		+	.marketing h2 {
		+	font-weight: normal;
		+	}
		+	.marketing .span4 p {
		+	margin-left: 10px;
		+	margin-right: 10px;
		+	}
-	#menubar > ul > li:last-child {
-	display: none;}
		+	/* Featurettes
		+	------------------------- */
-	/* Customize the navbar */	+	.featurette-divider {
		+	margin: 80px 0; /* Space out the Bootstrap <hr> 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. */
		+	}
-	/* Special class on .container surrounding .navbar, used for positioning it into place. */	+	/* Give some space on the sides of the floated elements so text doesn't run right into it. */
-	.navbar-wrapper {	+	.featurette-image.pull-left {
-	position: absolute;	+	margin-right: 40px;
-	top: 0;	+	}
-	right: 0;	+	.featurette-image.pull-right {
-	left: 0;	+	margin-left: 40px;
-	z-index: 20;	+	}
-	}	+
-	/* Flip around the padding for proper display in narrow viewports */	+	/* Thin out the marketing headings */
-	.navbar-wrapper > .container {	+	.featurette-heading {
-	padding-right: 0;	+	font-size: 70px;
-	padding-left: 0;	+	font-weight: 300;
-	}	+	line-height: 1;
-	.navbar-wrapper .navbar {	+	letter-spacing: -1px;
-	padding-right: 15px;	+	}
-	padding-left: 15px;	+	.marketing p.lead {
-	}	+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-	.navbar-wrapper .navbar .container {	+	font-size: 30px;
		+	line-height: 1.2;
		+	}
		+
		+
		+
		+	/* RESPONSIVE CSS
		+	-------------------------------------------------- */
		+
		+	@media (max-width: 979px) {
		+
		+	.container.navbar-wrapper {
		+	margin-bottom: 0;
	width: auto;		width: auto;
	}		}
-	/* Customize the carousal */	+	.carousel .item {
-		+	height: 500px;
-	/* Carousel base class */	+
-	.carousel {	+
-	height: 550px;	+
-	margin-bottom: 60px;	+
	}		}
-	/* Since positioning the image, we need to help out the caption */	+	.carousel img {
-	.carousel-caption {	+	width: auto;
-	z-index: 10;	+	height: 500px;
	}		}
-	/* Declare heights because of positioning of img element */	+	.featurette {
-	.carousel .item {	+	height: auto;
-	height: 550px;	+	padding: 0;
-	background-color: #777;	+
	}		}
-	.carousel-inner > .item > img {	+	.featurette-image.pull-left,
-	position: absolute;	+	.featurette-image.pull-right {
-	top: 0;	+	display: block;
-	left: 0;	+	float: none;
-	min-width: 100%;	+	max-width: 40%;
-	height: 550px;	+	margin: 0 auto 20px;
	}		}
		+	}
		+	@media (max-width: 767px) {
-	/* Content */
-	/* Center align the text within the three columns below the carousel */	+
-	.marketing .col-lg-4 {	+	.carousel {
-	margin-bottom: 20px;	+	margin-left: -20px;
-	text-align: center;	+	margin-right: -20px;
	}		}
-	.marketing h2 {	+	.carousel .container {
-	font-weight: normal;	+
	}		}
-	.marketing .col-lg-4 p {	+	.carousel .item {
-	margin-right: 10px;	+	height: 300px;
-	margin-left: 10px;	+	}
		+	.carousel img {
		+	height: 300px;
		+	}
		+	.carousel-caption {
		+	width: 65%;
		+	padding: 0 70px;
		+	margin-top: 100px;
		+	}
		+	.carousel-caption h1 {
		+	font-size: 30px;
		+	}
		+	.carousel-caption .lead,
		+	.carousel-caption .btn {
		+	font-size: 18px;
	}		}
-		+	.marketing .span4 + .span4 {
-	/* Featurettes */	+	margin-top: 40px;
-		+
-	.featurette-divider {	+
-	margin: 80px 0; /* Space out the Bootstrap <hr> more */	+
	}		}
-	/* Thin out the marketing headings */
	.featurette-heading {		.featurette-heading {
-	font-weight: 300;	+	font-size: 30px;
-	line-height: 1;	+
-	letter-spacing: -1px;	+
	}		}
		+	.featurette .lead {
		+	font-size: 18px;
		+	line-height: 1.5;
		+	}
		+	.marketing p.lead {
		+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		+	font-size: 18px;
		+	line-height: 1.5;
		+	}
		+	}
-	/* Responsive CSS */
-
-	@media (min-width: 768px) {
-
-	/* Navbar positioning foo */
-	.navbar-wrapper {
-	margin-top: 20px;
-	}
-	.navbar-wrapper .container {
-	padding-right: 15px;
-	padding-left: 15px;
-	}
-	.navbar-wrapper .navbar {
-	padding-right: 0;
-	padding-left: 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;
-	}
-	}
	</style>		</style>

---

Revision as of 17:16, 11 October 2014

---