Difference between revisions of "Template:SCSU-New Haven/css/dev"

Revision as of 23:23, 17 October 2016 (view source) Bpasqualucci (Talk | contribs) ← Older edit		Latest revision as of 23:56, 30 November 2016 (view source) Bpasqualucci (Talk | contribs)
(28 intermediate revisions by the same user not shown)
Line 1:		Line 1:
−	/* Yleiset */	+	@font-face {
−		+	font-family: Harmattan;
−	a:link, a:visited, a:active, .right-menu li a {	+	font-weight: 400;
−	color: #0AA699;	+	font-style: normal;
−	text-decoration: none !important;	+	src: url("https://2016.igem.org/File:T--SCSU-New_Haven--Harmattan-Regular.ttf") format('truetype');
	}		}
−		+	@font-face {
−	a:hover {	+	font-family: Reem Kufi;
−	color: #90F0E8;	+	font-weight: 400;
		+	font-style: normal;
		+	src: url("https://2016.igem.org/File:T--SCSU-New_Haven--ReemKufi-Regular.ttf") format('truetype');
	}		}
−		+	html,
−	body {	+	body,
−	color: black;	+	div,
−	background-color: white;	+	p,
−	margin: 0;	+	a {
−	padding: 0;	+	font-family: Harmattan;
−	word-wrap: break-word;	+	font-size: 18px;
		+	-webkit-font-smoothing: antialiased;
		+	-moz-osx-font-smoothing: grayscale;
	}		}
−		+	a,
−	ul {	+	.anchor {
−	list-style-image: none;	+	outline: none;
		+	color: #28272b;
		+	text-decoration: none;
	}		}
−		+	a:hover,
−	#references > li {	+	.anchor:hover {
−	margin-bottom: 1em;	+	color: #f9f9f9;
		+	text-decoration: none;
	}		}
−		+	a:focus,
−	.cpright {	+	.anchor:focus {
−	text-align: right;	+	outline: none;
−	padding-right: 1em;	+	text-decoration: none;
	}		}
−		+	h1 {
−	.smallerimg {	+	font-family: Reem Kufi;
−	width: 50%;	+
	}		}
−		+	article,
−	.modellatex, .modelimg {	+	aside,
−	padding-top: 2em;	+	details,
−	padding-bottom: 1.5em;	+	figcaption,
		+	figure,
		+	footer,
		+	header,
		+	hgroup,
		+	nav,
		+	section,
		+	summary {
		+	display: block;
	}		}
−		+	audio,
−	@media only screen and (min-width : 992px) {	+	canvas,
−	article {	+	video {
−	padding-top: 5px;	+	display: inline-block;
−	padding-bottom: 5%;	+
−	padding-left: 15%;	+
−	padding-right: 15%;	+
−	font-size: 16px;	+
−	}	+
−		+
−	.modelimg {	+
−	display: none;	+
−	}	+
	}		}
−		+	audio:not([controls]) {
−	@media only screen and (max-width : 992px) {	+	display: none;
−	.modellatex {	+	height: 0;
−	display: none;	+
−	}	+
	}		}
−		+	[hidden] {
−	.link {	+	display: none;
−	padding-top: 50px;	+
	}		}
−		+	html {
−	.paddingtop {	+	font-family: sans-serif;
−	padding-top: 100px;	+	-webkit-text-size-adjust: 100%;
		+	-ms-text-size-adjust: 100%;
	}		}
−		+	a:focus {
−	h3, h4, h5, h6 {	+	outline: thin dotted;
−	font-family: "Helvetica Neue", Helvetica, sans-serif;	+	}
−	border-bottom: none;	+	a:active,
−	padding-top: 3em;	+	a:hover {
−	padding-bottom: 1em;	+	outline: 0;
	}		}
−
	h1 {		h1 {
−	font-family: "Helvetica Neue", Helvetica, sans-serif;	+	font-size: 2em;
−	border-bottom: none;	+
−	font-size: 6em;	+
	}		}
−		+	abbr[title] {
−	h2 {	+	border-bottom: 1px dotted;
−	font-family: "Helvetica Neue", Helvetica, sans-serif;	+
−	border-bottom: none;	+
−	font-size: 2.5em;	+
−	padding-top: 1em;	+
−	padding-bottom: 0.3em;	+
−	text-align: center;	+
	}		}
−		+	b,
−	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,	+	strong {
−	.h1 small, .h2 small, .h3 small, .h4 small, .h5 small,	+	font-weight: 700;
−	.h6 small, h1 .small, h2 .small, h3 .small, h4 .small,	+
−	h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small,	+
−	.h4 .small, .h5 .small, .h6 .small {	+
−	line-height: inherit;	+
−	color: rgba(100, 153, 148, 1);	+
	}		}
−		+	dfn {
−	#bodyContent h1, #bodyContent h2 {	+
−	margin-bottom: 0;	+
−	}	+
−		+
−	blockquote {	+
	font-style: italic;		font-style: italic;
−	position: relative;
−	border-left: none;
−	line-height: 1.8;
−	font-size: 1.3em;
−	padding: 0 0 0 120px;
−	margin: 2em 0 2em 0;
	}		}
−		+	mark {
−	blockquote:before {	+	background: #ff0;
−	display: block;	+	color: #000;
−	content: "\201C";	+
−	font-size: 200px;	+
−	position: absolute;	+
−	left: 0;	+
−	top: -115px;	+
−	font-family: cursive;	+
	}		}
−		+	code,
−	blockquote cite {	+	kbd,
−	color: rgba(51, 97, 93, 1);	+	pre,
−	font-size: 0.6em;	+	samp {
−	display: block;	+	font-family: monospace, serif;
−	margin-top: 0.5em;	+	font-size: 1em;
	}		}
−		+	pre {
−	blockquote cite:before {	+	white-space: pre-wrap;
−	content: "\2014 \2009";	+	word-wrap: break-word;
	}		}
−		+	q {
−	/* Yleiset päättyy */	+	quotes: 2 1C 2 1D 2 18 2 19;
−		+
−		+
−	/* Header- ja pikkuvalikkojutut */	+
−		+
−	.navbar{	+
−	margin-top: 0;	+
	}		}
−		+	small {
−	header {	+	font-size: 80%;
−	color: white;	+
−	font-size: large;	+
	}		}
−		+	sub,
−	@media only screen and (min-width : 992px) {	+	sup {
−	header a {	+	font-size: 75%;
−	padding-right: 1vw;	+	line-height: 0;
−	padding-left: 1vw;	+	position: relative;
−	}	+	vertical-align: baseline;
	}		}
−		+	sup {
−	header a.active, .extrabar a.active {	+	top: -0.5em;
−	color:black;	+
	}		}
−		+	sub {
−	header .navbar, .extrabar {	+	bottom: -0.25em;
−	background-color:rgba(255,255,255,0.8);	+
−	border:0px;	+
−	border-radius: 0;	+
	}		}
−		+	img {
−	header .navbar {	+	border: 0;
−	padding-top: 12px;	+
−	padding-bottom: 12px;	+
−	min-height: 30px;	+
−	border-radius: 0px;	+
	}		}
−		+	svg:not(:root) {
−	.extrabar {	+	overflow: hidden;
−	width:100%;	+
−	text-align: center;	+
−	padding-top: 0px;	+
−	padding-bottom: 5px;	+
−	min-height: 20px;	+
−	border-radius: 0px;	+
−	z-index:1;	+
	}		}
−		+	fieldset {
−	.extrabar a {	+	border: 1px solid #c0c0c0;
−	padding-left: 0.5em;	+	margin: 0 2px;
−	padding-right: 0.5em;	+	padding: 0.35em 0.625em 0.75em;
	}		}
−		+	button,
−	.affix {	+	input,
−	top: 45px;	+	select,
−	width: 100%;	+	textarea {
		+	font-family: inherit;
		+	font-size: 100%;
		+	margin: 0;
	}		}
−		+	button,
−	.affix-top {	+	input {
−	float:left;	+	line-height: normal;
−	visibility: hidden;	+
	}		}
−		+	button,
−	/* Header päättyy */	+	html input[type=button],
−		+	input[type=reset],
−		+	input[type=submit] {
−	/* Pakolliset pikku valikot ja parts*/	+	-webkit-appearance: button;
−		+	cursor: pointer;
−	#top-section {	+
−	height: 0;	+
−	width: 100%;	+
−	left: 0;	+
−	border: none;	+
−	margin: 0 auto;	+
−	padding: 0 0 0 0;	+
−	background-color: transparent;	+
−	position: absolute;	+
	}		}
−		+	button[disabled],
−	#menubar {	+	input[disabled] {
−	width: 300px;	+	cursor: default;
−	top: 0px;	+
−	font-size: x-small;	+
	}		}
−		+	input[type=checkbox],
−	#menubar, #menubar a {	+	input[type=radio] {
−	color: #0AA699;	+	box-sizing: border-box;
		+	padding: 0;
	}		}
−		+	input[type=search] {
−	#menubar, #menubar a:hover {	+	-webkit-appearance: textfield;
−	color: #90F0E8;	+	-moz-box-sizing: content-box;
		+	-webkit-box-sizing: content-box;
		+	box-sizing: content-box;
	}		}
−		+	input[type=search]::-webkit-search-cancel-button,
−	#menubar:hover, #menubar li a {	+	input[type=search]::-webkit-search-decoration {
−	background-color: transparent;	+	-webkit-appearance: none;
	}		}
−		+	textarea {
−	#groupparts {	+	overflow: auto;
−	min-height: 0;	+	vertical-align: top;
−	min-width: 0;	+
	}		}
−		+	table {
−	/* Pakolliset pikku valikot ja parts päättyy */	+	border-collapse: collapse;
−		+	border-spacing: 0;
−		+	}
−	/* Kuvien ja rivien asettelua */	+	body,
−		+	figure {
−	.row {	+	margin: 0;
−	overflow: hidden;	+
−	position: relative;	+
−	width: 100%;	+
−	margin: 1em 0;	+
−	padding: 0;	+
	}		}
−		+	legend,
−	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,	+	button::-moz-focus-inner,
−	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {	+	input::-moz-focus-inner {
		+	border: 0;
	padding: 0;		padding: 0;
	}		}
−		+	.clearfix:after {
−	.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3,	+	visibility: hidden;
−	.col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4,	+	display: block;
−	.col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {	+	font-size: 0;
−	margin-top: 0em;	+	content: " ";
		+	clear: both;
		+	height: 0;
	}		}
−		+	* {
−	.memberrow {	+	-moz-box-sizing: border-box;
−	margin-top: 2em;	+	-webkit-box-sizing: border-box;
−	margin-bottom: 2em;	+	box-sizing: border-box;
	}		}
−		+	* {
−	#laurakuva, #lassikuva, #minttukuva, #oskarikuva, #pietukuva, #mikkokuva,	+	-webkit-box-sizing: border-box;
−	#niklaskuva, #ottokuva, #martinakuva, #advisorskuvat {	+	-moz-box-sizing: border-box;
−	width: auto;	+	-o-box-sizing: border-box;
		+	box-sizing: border-box;
		+	-webkit-transition: 0.25s ease-in-out;
		+	-moz-transition: 0.25s ease-in-out;
		+	-o-transition: 0.25s ease-in-out;
		+	transition: 0.25s ease-in-out;
		+	margin: 0;
		+	padding: 0;
	}		}
−		+	#drawer-toggle:checked ~ #drawer-toggle-label {
−	.university-title {	+	height: 100 $;
−	padding-top: 0;	+	width: calc(100% - 300px);
		+	background: rgba(255,255,255,0.8);
		+	left: 300px;
	}		}
−		+	#drawer-toggle:checked ~ header {
−	.margintop {	+	left: 300px;
−	margin-top: 2em;	+
	}		}
−		+	#drawer-toggle:checked ~ #drawer {
−	.nopaddingtop {	+	left: 0px;
−	padding-top: 0;	+
	}		}
−		+	#drawer-toggle:checked ~ #page-content {
−	.nopaddingbottom {	+	margin-left: 300px;
−	padding-bottom: 0;	+
	}		}
−		+	#drawer ul {
−	.ykspaddingbottom {	+	list-style-type: none;
−	padding-bottom: 1em;	+
	}		}
−		+	#drawer ul a {
−	.kakspaddingbottom {	+	display: block;
−	padding-bottom: 2em;	+	padding: 10px;
		+	color: #c7c7c7;
		+	text-decoration: none;
	}		}
−		+	#drawer ul a:hover {
−	.kakspaddingtop {	+	color: #fff;
−	padding-top: 2em;	+
	}		}
−		+	@media all and (max-width: 350px) {
−	.text-col-right {	+	#drawer-toggle:checked ~ #drawer-toggle-label {
−	padding-left: 2em;	+	height: 100%;
		+	width: 50px;
		+	}
		+	#drawer-toggle:checked ~ #drawer-toggle-label,
		+	#drawer-toggle:checked ~header {
		+	left: calc(100% - 50px);
		+	}
		+	#drawer-toggle:checked ~ drawer {
		+	width: calc(100% - 50px);
		+	padding: 20px;
		+	}
		+	#drawer-toggle:checked ~ #page-content {
		+	margin-left: calc(100% - 50px);
		+	}
	}		}
−		+	.kukuri {
−	.text-col-left {	+	text-transform: uppercase;
−	padding-right: 2em;	+	overflow: hidden;
		+	display: inline-block;
	}		}
−		+	.kukuri::before {
−	.img-100 .img-responsive {	+	content: attr(data-letters);
		+	position: absolute;
		+	z-index: 2;
		+	overflow: hidden;
		+	color: #424242;
		+	white-space: nowrap;
		+	width: 0%;
		+	-webkit-transition: width 0.4s 0.3s;
		+	transition: width 0.4s 0.3s;
		+	}
		+	.kukuri::after {
		+	content: '';
		+	position: absolute;
		+	height: 16px;
	width: 100%;		width: 100%;
		+	top: 50%;
		+	margin-top: -8px;
		+	right: 0;
		+	background: #f9f9f9;
		+	-webkit-transform: translate3d(-100%, 0, 0);
		+	transform: translate3d(-100%, 0, 0);
		+	-webkit-transition: -webkit-transform 0.4s;
		+	transition: transform 0.4s;
		+	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
		+	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	}		}
−		+	.kukuri:hover::before {
−	.kuvateksti {	+	width: 100%;
−	font-size: small;	+
−	margin-top: 1em;	+
−	margin-bottom: 3em;	+
	}		}
−		+	.kukuri:hover::after {
−	.img-center {	+	-webkit-transform: translate3d(100%, 0, 0);
−	text-align: center;	+	transform: translate3d(100%, 0, 0);
−	margin-top: 2em;	+
	}		}
−		+	.mw-content-ltr ul,
−	.img-center .img-responsive {	+	.mw-content-rtl .mw-content-ltr ul {
−	display: inline;	+	margin: 0px;
	}		}
−		+	#HQ_page p {
−	.bg {	+	font-size: 20px;
−	background-size: cover;	+
−	overflow: hidden;	+
	}		}
−		+	#HQ_page .clear {
−	/* Featured */	+	height: 0px;
−	.feat {	+
−	opacity: 0.95;	+
	}		}
−		+	.clear clear both height 0px,
−	.feat:hover {	+	#sideMenu {
−	opacity: 1.0;	+	display: none;
	}		}
−		+	#top_title {
−	.feattext-container-tall {	+	display: none;
−	display: table;	+	}
−	height: 400px;	+	#content {
	width: 100%;		width: 100%;
		+	margin: 0px auto;
		+	padding: 0px;
		+	border: none;
		+	background: none;
	}		}
−		+	#globalWrapper {
−	.feattext-container-wide {	+
−	display: table;	+
−	height: 300px;	+
	width: 100%;		width: 100%;
		+	padding: 0px;
		+	margin-top: -25px;
	}		}
−		+	.firstHeading {
−	.feattext-cell {	+	display: none;
−	display: table-cell;	+	}
−	vertical-align: bottom;	+	#bodyContent h1,
		+	#bodyContent h2 {
		+	margin: 0;
		+	}
		+	html,
		+	body {
		+	height: 100%;
		+	background-color: #efefef;
		+	overflow-x: hidden;
		+	}
		+	ul {
		+	list-style-type: none;
		+	}
		+	.navbar-brand img {
		+	width: 110px;
		+	margin-top: -5%;
		+	}
		+	footer {
		+	padding-top: 1%;
		+	margin-top: 4%;
		+	height: 25vh;
		+	color: #fff;
		+	background-color: #a09a9a;
		+	}
		+	footer .container #footer_team_logo {
	width: 100%;		width: 100%;
		+	height: auto;
	}		}
−		+	footer img {
−	.feattext-p {	+
−	background-color: rgba(95, 95, 95, 0.42);	+
−	margin-bottom: -0.5em;	+
−	padding: 0.5em;	+
−	padding-bottom: 0.75em;	+
−	color: white;	+
	width: 100%;		width: 100%;
		+	height: auto;
	}		}
−		+	hr {
−	@media only screen and (min-width : 992px) {	+	border-width: 5px;
−	.row-eq-height {	+	clear: both;
−	display: -webkit-box;	+	display: block;
−	display: -webkit-flex;	+	width: 96%;
−	display: -ms-flexbox;	+	background-color: #1e1a1b;
−	display: flex;	+	height: 1px;
−	}	+
−		+
−	.feat-left{	+
−	margin-right: 0.5em;	+
−	}	+
−		+
−	.feat-center {	+
−	margin-right: 0.5em;	+
−	margin-left: 0.5em;	+
−	}	+
−		+
−	.feat-right {	+
−	margin-left: 0.5em;	+
−	}	+
−		+
	}		}
−		+	#home,
−	/* Kuvien ja rivien asettelu loppu */	+	#team,
−		+	#parts,
−		+	#safety,
−	/* Splashit */	+	#attributions,
−		+	#human_practices {
−	.splash{	+	min-height: 80vh;
		+	}
		+	#page {
	width: 100%;		width: 100%;
−	color: white;
−	margin-top: -14px;
−	text-align: center;
−	background-size: cover;
−	text-shadow: 2px 2px 8px #4D4D4D;
	}		}
−		+	.link {
−	.bigsplashtext {	+	outline: none;
−	font-size: 1.4em;	+	display: inline-block;
−	margin: 0 10px;	+	position: relative;
		+	text-decoration: none;
		+	font-size: 2em;
		+	color: #424242;
	}		}
−		+	.flex {
−	.splashalavalikko {	+	display: flex;
−	text-align: left;	+	flex-direction: column;
−	padding: 80px 40px;	+	align-items: center;
−	font-size: 1.5em;	+	justify-content: center;
−	line-height: 1.5;	+
	}		}
−		+	.footer_flex {
−	.splashalavalikko a {	+	display: flex;
−	color: white;	+	align-items: center;
−	opacity: 0.7;	+	justify-content: center;
	}		}
−		+	#home #home-hero-bg {
−	.splashalavalikko a:hover {	+	background-image: url("https://static.igem.org/mediawiki/2016/8/8f/SCSU-New_Haven_HomeBG.jpeg");
−	opacity: 1;	+	background-size: cover;
		+	background-repeat: no-repeat;
		+	height: 70vh;
	}		}
−		+	#home #home-hero-bg .hero {
−	.scroller {	+	width: 100%;
−	padding-bottom: 40px;	+	height: 100%;
−	padding-top: 10px;	+	background-color: rgba(50,50,50,0.7);
−	}	+
−		+
−	.transp {	+
−	opacity: 0.7;	+
	}		}
−		+	#home #home-hero-bg .hero div {
−	.transp:hover {	+	display: flex;
−	opacity: 1;	+	flex-direction: column;
		+	justify-content: center;
		+	color: #fff;
		+	height: 100%;
		+	margin-left: 5%;
		+	font-weight: 500;
		+	line-height: 1.2;
		+	letter-spacing: 3px;
		+	text-transform: uppercase;
	}		}
−		+	#home #desc {
−	.scrolldown {	+	margin-top: 5%;
	text-align: center;		text-align: center;
		+	width: 70%;
	}		}
−		+	#home #stag_cont {
−	.transp a {	+	margin-top: 5%;
−	color: white;	+	margin-bottom: 5%;
−	opacity: 0.7;	+	width: 70%;
	}		}
−		+	#home #stag_cont .row {
−	.transp a:hover {	+	height: 40vh;
−	opacity: 1;	+
	}		}
−		+	#home #stag_cont .row div {
−	.nuoli {	+	margin-top: 5%;
−	max-height: 50px;	+	height: 100%;
		+	text-align: center;
	}		}
−		+	#home #stag_cont .row div img {
−	.igem-logo {	+	width: 100%;
−	width: 100px;	+	height: auto;
−	margin-top: 60px;	+
−	right: 100px;	+
−	margin-right: 40px;	+
−	float: right;	+
−	opacity: 0.7;	+
	}		}
−		+	#home #showcase {
−	.igem-logo:hover {	+
−	opacity: 1;	+
−	}	+
−		+
−	.omalogo {	+
	width: 100%;		width: 100%;
−	padding-bottom: 1em;
	}		}
−		+	#home #showcase .row {
−	.omalogot {	+	display: flex;
−	width: 60%;	+	justify-content: center;
−	padding-top: 1em;	+
	}		}
−		+	#home #showcase .row .showcase_item {
−	#ci-circle {	+	height: calc(30% + 20px);
−	width: 20%;	+	width: calc(26vw);
		+	margin: 20px;
		+	padding: 60px 0;
		+	z-index: 1;
		+	position: relative;
		+	text-align: center;
		+	display: inline-block;
		+	align-items: center;
		+	justify-content: center;
		+	-webkit-transform: translate3d(0, 0, 0);
	}		}
−		+	#home #showcase .row .showcase_item_long {
−	#virginiabadge{	+	height: calc(40% + 20px);
−	background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png");	+	width: calc(45vw);
−	background-size:250px;	+	margin: 20px;
−	width: 250px;	+	padding: 80px 0;
−	height: 185px;	+	z-index: 1;
−	background-repeat:no-repeat;	+	position: relative;
		+	text-align: center;
		+	display: inline-block;
		+	align-items: center;
		+	justify-content: center;
		+	-webkit-transform: translate3d(0, 0, 0);
	}		}
−		+	#home #showcase #sc_team {
−	#virginiabadge:hover{	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkTeam.png");
−	background: url("https://static.igem.org/mediawiki/2014/2/2b/File-Virginia-Images-Badge1.png");	+
−	background-repeat:no-repeat;	+
−	width: 250px;	+
−	height: 185px;	+
−	background-size:250px;	+
	}		}
−		+	#home #showcase #sc_parts {
−	@media only screen and (max-width : 992px) {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkATT.jpeg");
−		+
−	.splash {	+
−	min-height: 700px;	+
−	width: 100%;	+
−	color: white;	+
−	text-align: center;	+
−	}	+
−		+
−	.igem-logo {	+
−	margin-top: 80px;	+
−	}	+
−		+
−	.splashcopyright {	+
−	text-align: right;	+
−	padding: 60px 40px;	+
−	}	+
−		+
−	h1 {	+
−	font-size: 3.5em;	+
−	}	+
−		+
−	.row-eq-height .img-responsive {	+
−	width: 100%;	+
−	}	+
−		+
−	#mainsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/5/5a/Aalto_Helsinki_Splashs_Main.jpg');	+
−	}	+
−		+
−	#teamsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/7/75/Aalto_Helsinki_Splashs_Team.jpg');	+
−	}	+
−		+
−	#businesssplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/3/3f/Aalto_Helsinki_Splashs_Business.jpg');	+
−	}	+
−		+
−	#researchsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/4/4a/Aalto_Helsinki_Splashs_Research.jpg');	+
−	}	+
−		+
−	#modelingsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/7/7d/Aalto_Helsinki_Splashs_Modeling.jpg');	+
−	}	+
−		+
−	#cooperationsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/9/9e/Aalto_Helsinki_Splashs_Cooperation.jpg');	+
−	}	+
−		+
−	#outreachsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/4/45/Aalto_Helsinki_Splashs_Outreach.jpg');	+
−	}	+
−		+
−	#journalsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/2/2d/Aalto_Helsinki_Splashs_Journal.jpg');	+
−	}	+
−		+
	}		}
−		+	#home #showcase #sc_results {
−	@media only screen and (min-width : 992px) {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg");
−		+
−	.splash {	+
−	position: relative;	+
−	min-height: 820px;	+
−	}	+
−		+
−	.splashesittely {	+
−	min-height: 400px;	+
−	}	+
−		+
−	.splashalavalikko {	+
−	position: absolute;	+
−	bottom: 0;	+
−	left: 0;	+
−	}	+
−		+
−	.splashcopyright {	+
−	font-size: small;	+
−	padding: 60px 40px;	+
−	position: absolute;	+
−	bottom: 0;	+
−	right: 0;	+
−	}	+
−		+
−	#mainsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/6/60/Aalto_Helsinki_Splash_Main.jpg');	+
−	}	+
−		+
−	#teamsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/f/f1/Aalto_Helsinki_Splash_Team.jpg');	+
−	}	+
−		+
−	#businesssplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/8/80/Aalto_Helsinki_Splash_Business.jpg');	+
−	}	+
−		+
−	#researchsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Aalto_Helsinki_Splash_Research.jpg');	+
−	}	+
−		+
−	#modelingsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/7/73/Aalto_Helsinki_Splash_Modeling.jpg');	+
−	}	+
−		+
−	#cooperationsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/f/f5/Aalto_Helsinki_Splash_Cooperation.jpg');	+
−	}	+
−		+
−	#outreachsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/e/e3/Aalto_Helsinki_Splash_Outreach.jpg');	+
−	}	+
−		+
−	#journalsplash {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/8/82/Aalto_Helsinki_Splash_Journal.jpg');	+
−	}	+
−		+
	}		}
−		+	#home #showcase #sc_notebook {
−	@media only screen and (min-width : 1472px) {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkNotebook.jpg");
−	.splash {	+
−	min-height: 1030px;	+
−	}	+
	}		}
−		+	#home #showcase #sc_attribution {
−		+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenHP1.jpeg");
−		+
−	/* Splash-tyylittelyt loppu */	+
−		+
−		+
−	/* SIVUJEN OMIA tyylejä */	+
−		+
−	.sponsorrow {	+
−	align-items: center;	+
−	margin: 4em 0;	+
	}		}
−		+	#team #team_hero_bg {
−	.sponsorrow .col-md-4 {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
−	padding: 10px;	+	background-size: cover;
−	text-align: -webkit-center;	+	background-repeat: no-repeat;
−	text-align: -moz-center	+	height: 40vh;
		+	color: #fff;
		+	text-align: center;
		+	margin-top: 4%;
		+	margin-bottom: 7%;
	}		}
−		+	#team #team_hero_bg div {
−	.sponsorrow > .text-col-right > h3 {	+	width: 50%;
−	padding-top: 0;	+
	}		}
−		+	#team .baraja-demo {
−	#sponsorlogo {	+	width: 200px;
−	max-height: 150px;	+	margin: 30px auto;
−	width: auto;	+	color: #aaa;
		+	height: 50vh;
	}		}
−		+	#team .baraja-demo h4 {
−	/* SIVUJEN OMAT tyylit loppu */	+	color: #666;
−		+	font-size: 14px;
−		+	padding: 8px 10px 5px;
−	/* Articlejen backgroundit */	+	margin: 20px 3px 5px;
−		+	border-bottom: 1px solid #f0f0f0;
−	.turqu {	+
−	background-color: #0AA699;	+
	}		}
−		+	#team .baraja-demo p {
−	.turqu a, .green a {	+	font-size: 12px;
−	color: white;	+	font-weight: 700;
		+	padding: 0 10px;
		+	margin: 10px 3px 0;
	}		}
−		+	#team .baraja-demo li img {
−	/* Articlejen backgroundit loppu */	+	display: block;
−		+	margin: 0 auto;
−		+	width: 100%;
−	/* BG (Kuvataustat) */	+	border-radius: 10px 10px 0 0;
−		+
−	.bg-test {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/e/ec/Aalto_Helsinki_Placeholderpicture.jpg');	+
	}		}
−		+	#team .baraja-demo .baraja-container {
−	.bg-bbseeker {	+	width: 200px;
−	background-image: url('https://static.igem.org/mediawiki/2014/c/c1/Aalto_Helsinki_Feat_BBSeeker.png');	+	height: 310px;
		+	margin: 0 auto 30px;
		+	position: relative;
		+	padding: 0;
		+	list-style-type: none;
	}		}
−		+	#team .baraja-demo .baraja-container li {
−	.bg-brian {	+	width: 100%;
−	background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Aalto_Helsinki_Feat_Brian.png');	+	height: 100%;
		+	margin: 0;
		+	position: absolute;
		+	top: 0;
		+	left: 0;
		+	cursor: pointer;
		+	background: #fff;
		+	pointer-events: auto;
		+	-webkit-backface-visibility: hidden;
		+	-moz-backface-visibility: hidden;
		+	-ms-backface-visibility: hidden;
		+	-o-backface-visibility: hidden;
		+	backface-visibility: hidden;
		+	border-radius: 10px;
		+	padding: 5px;
		+	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
		+	-webkit-user-select: none;
		+	-khtml-user-select: none;
		+	-moz-user-select: none;
		+	-ms-user-select: none;
		+	user-select: none;
	}		}
−		+	#team #thanks {
−	.bg-magiclab {	+	margin-bottom: 5%;
−	background-image: url('https://static.igem.org/mediawiki/2014/2/26/Aalto_Helsinki_Pinkitbakut6.jpg');	+
	}		}
−		+	#team #thanks div {
−	.bg-chimeras {	+	margin-left: 5%;
−	background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Aalto_Helsinki_Kimeerakollaasi.png');	+
	}		}
−		+	#team #sponsor_list .row {
−		+	display: flex;
−	.bg-team {	+	align-items: center;
−	background-image: url('https://static.igem.org/mediawiki/2014/a/a3/Aalto_Helsinki_Feat_Team.jpg');	+	justify-content: center;
	}		}
−		+	#team img {
−	.bg-business {	+	width: 100%;
−	background-image: url('https://static.igem.org/mediawiki/2014/e/e6/Aalto_Helsinki_Feat_Business.jpg');	+	height: auto;
	}		}
−		+	#parts #parts_hero_bg {
−	.bg-research {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
−	background-image: url('https://static.igem.org/mediawiki/2014/7/7c/Aalto_Helsinki_Feat_Research.jpg');	+	background-size: cover;
		+	background-repeat: no-repeat;
		+	height: 40vh;
		+	color: #fff;
		+	text-align: center;
		+	margin-top: 4%;
		+	margin-bottom: 7%;
	}		}
−		+	#parts #parts_hero_bg div {
−	.bg-modeling {	+	width: 50%;
−	background-image: url('https://static.igem.org/mediawiki/2014/1/17/Aalto_Helsinki_Feat_Modeling.jpg');	+
	}		}
−		+	#parts #parts_content .sub_section {
−	.bg-cooperation {	+	margin-left: 5%;
−	background-image: url('https://static.igem.org/mediawiki/2014/f/f7/Aalto_Helsinki_Feat_Cooperation.jpg');	+
	}		}
−		+	#attributions #attr_hero_bg {
−	.bg-outreach {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
−	background-image: url('https://static.igem.org/mediawiki/2014/5/5e/Aalto_Helsinki_Feat_Outreach.jpg');	+	background-size: cover;
		+	background-repeat: no-repeat;
		+	height: 40vh;
		+	color: #fff;
		+	text-align: center;
		+	margin-top: 4%;
		+	margin-bottom: 7%;
	}		}
−		+	#attributions #attr_hero_bg div {
−	.bg-journal {	+	width: 50%;
−	background-image: url('https://static.igem.org/mediawiki/2014/c/c5/Aalto_Helsinki_Feat_Journal.jpg');	+
	}		}
−		+	#attributions #attr_content .sub_section {
−	/* BG (Kuvataustat) loppu */	+	margin-left: 5%;
−		+
−		+
−	/* Footerin tyylit */	+
−		+
−	footer {	+
−	text-align: center;	+
−	background: white;	+
	}		}
−		+	#safety #safety_1 {
−	#logorow {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg");
−	padding: 2em;	+	background-size: cover;
	}		}
−		+	#safety #safety_2 {
−	.footerimg {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab1.jpeg");
−	max-height: 100px;	+	background-size: cover;
−	max-width: 250px;	+
	}		}
−		+	#safety #safety_3 {
−	.footerlogo {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg");
−	display: inline-block;	+	background-size: cover;
−	vertical-align: middle;	+
−	padding: 1.5em;	+
	}		}
−		+	#safety #safety_4 {
−	.footerlogo:hover .on, .footerlogo .off {	+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Bench.jpeg");
−	display:none;	+	background-size: cover;
	}		}
−		+	#safety #safety-div {
−	.footerlogo:hover .off {	+	display: flex;
−	display:block;	+	flex-direction: column;
		+	justify-content: center;
		+	color: #fff;
	}		}
−		+	#human_practices {
−	#yhteystiedot {	+	margin-bottom: 5%;
		+	}
		+	#human_practices #hp_hero_bg {
		+	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
		+	background-size: cover;
		+	background-repeat: no-repeat;
		+	height: 40vh;
		+	color: #fff;
	text-align: center;		text-align: center;
−	font-size: small;	+	margin-top: 4%;
−	padding: 0.5em;	+	margin-bottom: 7%;
	}		}
−		+	#human_practices #desc {
−	/* Footerin tyylit loppu */	+	display: flex;
−		+	align-items: center;
−		+	justify-content: center;
−	/* Padit ja puhelimet */	+
−		+
−	@media only screen and (max-width : 992px) {	+
−		+
−		+
−	/* Yleiset */	+
−		+
−	.bodyContent {	+
−	padding-top: 5em;	+
−	}	+
−		+
−	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,	+
−	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {	+
−	margin-top: 1em;	+
−	padding: 0;	+
−	}	+
−		+
−	article {	+
−	padding: 5em 1em;	+
−	min-height: 50px;	+
−	font-size: 16px;	+
−	}	+
−		+
−	.row {	+
−	margin: 0;	+
−	}	+
−		+
−		+
−	/* Headerit sun muut */	+
−	#navigation {	+
−	padding: 0;	+
−	}	+
−		+
−	#menubar {	+
−	font-family: inherit;	+
−	white-space: normal;	+
−	width: 300px;	+
−	z-index: 1;	+
−	}	+
−		+
−	.left-menu {	+
−	margin-top: 60px;	+
−	left: 0;	+
−	text-align: left;	+
−	}	+
−		+
−	.left-menu ul {	+
−	margin-right: 0.2em;	+
−	}	+
−		+
−	.left-menu li a {	+
−	padding: 0px 2px 0px 2px	+
−	}	+
−		+
−	.right-menu {	+
−	margin-top: 60px;	+
−	right: 0;	+
−	text-align: right;	+
−	}	+
−		+
−		+
−	.right-menu ul {	+
−	margin-right: 0.2em;	+
−	}	+
−		+
−	.right-menu li a {	+
−	padding: 0 2px 0 2px;	+
−	}	+
−		+
−	li#pt-userpage, li#pt-anonuserpage, li#pt-login {	+
−	padding-left: 0;	+
−	}	+
−		+
−	header .navbar {	+
−	font-size: 16px;	+
−	border-radius: 0px;	+
−	padding: 0.5em 0;	+
−	}	+
−		+
−	header a {	+
−	padding-right: 0.2em;	+
−	padding-left: 0.2em;	+
−	}	+
−		+
−	.affix-top, .affix, .extrabar a, .extrabar {	+
−	display: none;	+
−	}	+
−		+
−	#logorow {	+
−	padding: none;	+
−	}	+
−		+
−	.footerlogo {	+
−	padding: 1.5em 0em	+
−	}	+
−		+
−		+
−	/* Muut */	+
−	.mobile-hide {	+
−	display: none;	+
−	}	+
−		+
	}		}
−		+	#human_practices #stag_cont {
−	/* Padit ja puhelimet loppu */	+	margin-top: 5%;
−		+
−	/* Taustat */	+
−		+
−	.abg-pcb {	+
−	background-image: url('https://static.igem.org/mediawiki/2014/b/ba/Aalto_Helsinki_PCB.png');	+
−	background-repeat: no-repeat;	+
−	background-position: right center;	+
	}		}
−		+	#human_practices #stag_cont .row {
−	.abg-dnaseq {	+	margin-top: 5%;
−	background-image: url('https://static.igem.org/mediawiki/2014/f/fc/Aalto_Helsinki_dnaseq.png');	+	display: flex;
−	background-repeat: no-repeat;	+	align-items: center;
−	background-position: left center;	+	justify-content: center;
		+	}
		+	#human_practices #stag_cont img {
		+	width: 100%;
		+	height: auto;
		+	}
		+	.bckgnd_image {
		+	position: static;
		+	min-height: 945px;
		+	height: 100%;
		+	background-image: url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg");
		+	background-attachment: fixed;
		+	background-position: center center;
		+	background-size: cover;
	}		}

---

Latest revision as of 23:56, 30 November 2016

@font-face {

 font-family: Harmattan;
 font-weight: 400;
 font-style: normal;
 src: url("https://2016.igem.org/File:T--SCSU-New_Haven--Harmattan-Regular.ttf") format('truetype');

} @font-face {

 font-family: Reem Kufi;
 font-weight: 400;
 font-style: normal;
 src: url("https://2016.igem.org/File:T--SCSU-New_Haven--ReemKufi-Regular.ttf") format('truetype');

} html, body, div, p, a {

 font-family: Harmattan;
 font-size: 18px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} a, .anchor {

 outline: none;
 color: #28272b;
 text-decoration: none;

} a:hover, .anchor:hover {

 color: #f9f9f9;
 text-decoration: none;

} a:focus, .anchor:focus {

 outline: none;
 text-decoration: none;

} h1 {

 font-family: Reem Kufi;

} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {

 display: block;

} audio, canvas, video {

 display: inline-block;

} audio:not([controls]) {

 display: none;
 height: 0;

} [hidden] {

 display: none;

} html {

 font-family: sans-serif;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;

} a:focus {

 outline: thin dotted;

} a:active, a:hover {

 outline: 0;

} h1 {

 font-size: 2em;

} abbr[title] {

 border-bottom: 1px dotted;

} b, strong {

 font-weight: 700;

} dfn {

 font-style: italic;

} mark {

 background: #ff0;
 color: #000;

} code, kbd, pre, samp {

 font-family: monospace, serif;
 font-size: 1em;

} pre {

 white-space: pre-wrap;
 word-wrap: break-word;

} q {

 quotes: 2 1C 2 1D 2 18 2 19;

} small {

 font-size: 80%;

} sub, sup {

 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;

} sup {

 top: -0.5em;

} sub {

 bottom: -0.25em;

} img {

 border: 0;

} svg:not(:root) {

 overflow: hidden;

} fieldset {

 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;

} button, input, select, textarea {

 font-family: inherit;
 font-size: 100%;
 margin: 0;

} button, input {

 line-height: normal;

} button, html input[type=button], input[type=reset], input[type=submit] {

 -webkit-appearance: button;
 cursor: pointer;

} button[disabled], input[disabled] {

 cursor: default;

} input[type=checkbox], input[type=radio] {

 box-sizing: border-box;
 padding: 0;

} input[type=search] {

 -webkit-appearance: textfield;
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;

} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

 -webkit-appearance: none;

} textarea {

 overflow: auto;
 vertical-align: top;

} table {

 border-collapse: collapse;
 border-spacing: 0;

} body, figure {

 margin: 0;

} legend, button::-moz-focus-inner, input::-moz-focus-inner {

 border: 0;
 padding: 0;

} .clearfix:after {

 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;

}

• {

 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;

}

• {

 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: 0.25s ease-in-out;
 -moz-transition: 0.25s ease-in-out;
 -o-transition: 0.25s ease-in-out;
 transition: 0.25s ease-in-out;
 margin: 0;
 padding: 0;

}

1. drawer-toggle:checked ~ #drawer-toggle-label {

 height: 100 $;
 width: calc(100% - 300px);
 background: rgba(255,255,255,0.8);
 left: 300px;

}

1. drawer-toggle:checked ~ header {

 left: 300px;

}

1. drawer-toggle:checked ~ #drawer {

 left: 0px;

}

1. drawer-toggle:checked ~ #page-content {

 margin-left: 300px;

}

1. drawer ul {

 list-style-type: none;

}

1. drawer ul a {

 display: block;
 padding: 10px;
 color: #c7c7c7;
 text-decoration: none;

}

1. drawer ul a:hover {

 color: #fff;

} @media all and (max-width: 350px) {

 #drawer-toggle:checked ~ #drawer-toggle-label {
   height: 100%;
   width: 50px;
 }
 #drawer-toggle:checked ~ #drawer-toggle-label,
 #drawer-toggle:checked ~header {
   left: calc(100% - 50px);
 }
 #drawer-toggle:checked ~ drawer {
   width: calc(100% - 50px);
   padding: 20px;
 }
 #drawer-toggle:checked ~ #page-content {
   margin-left: calc(100% - 50px);
 }

} .kukuri {

 text-transform: uppercase;
 overflow: hidden;
 display: inline-block;

} .kukuri::before {

 content: attr(data-letters);
 position: absolute;
 z-index: 2;
 overflow: hidden;
 color: #424242;
 white-space: nowrap;
 width: 0%;
 -webkit-transition: width 0.4s 0.3s;
 transition: width 0.4s 0.3s;

} .kukuri::after {

 content: ;
 position: absolute;
 height: 16px;
 width: 100%;
 top: 50%;
 margin-top: -8px;
 right: 0;
 background: #f9f9f9;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 -webkit-transition: -webkit-transform 0.4s;
 transition: transform 0.4s;
 -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);

} .kukuri:hover::before {

 width: 100%;

} .kukuri:hover::after {

 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);

} .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {

 margin: 0px;

}

1. HQ_page p {

 font-size: 20px;

}

1. HQ_page .clear {

 height: 0px;

} .clear clear both height 0px,

1. sideMenu {

 display: none;

}

1. top_title {

 display: none;

}

1. content {

 width: 100%;
 margin: 0px auto;
 padding: 0px;
 border: none;
 background: none;

}

1. globalWrapper {

 width: 100%;
 padding: 0px;
 margin-top: -25px;

} .firstHeading {

 display: none;

}

1. bodyContent h1,
2. bodyContent h2 {

 margin: 0;

} html, body {

 height: 100%;
 background-color: #efefef;
 overflow-x: hidden;

} ul {

 list-style-type: none;

} .navbar-brand img {

 width: 110px;
 margin-top: -5%;

} footer {

 padding-top: 1%;
 margin-top: 4%;
 height: 25vh;
 color: #fff;
 background-color: #a09a9a;

} footer .container #footer_team_logo {

 width: 100%;
 height: auto;

} footer img {

 width: 100%;
 height: auto;

} hr {

 border-width: 5px;
 clear: both;
 display: block;
 width: 96%;
 background-color: #1e1a1b;
 height: 1px;

}

1. home,
2. team,
3. parts,
4. safety,
5. attributions,
6. human_practices {

 min-height: 80vh;

}

1. page {

 width: 100%;

} .link {

 outline: none;
 display: inline-block;
 position: relative;
 text-decoration: none;
 font-size: 2em;
 color: #424242;

} .flex {

 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;

} .footer_flex {

 display: flex;
 align-items: center;
 justify-content: center;

}

1. home #home-hero-bg {

 background-image: url("");
 background-size: cover;
 background-repeat: no-repeat;
 height: 70vh;

}

1. home #home-hero-bg .hero {

 width: 100%;
 height: 100%;
 background-color: rgba(50,50,50,0.7);

}

1. home #home-hero-bg .hero div {

 display: flex;
 flex-direction: column;
 justify-content: center;
 color: #fff;
 height: 100%;
 margin-left: 5%;
 font-weight: 500;
 line-height: 1.2;
 letter-spacing: 3px;
 text-transform: uppercase;

}

1. home #desc {

 margin-top: 5%;
 text-align: center;
 width: 70%;

}

1. home #stag_cont {

 margin-top: 5%;
 margin-bottom: 5%;
 width: 70%;

}

1. home #stag_cont .row {

 height: 40vh;

}

1. home #stag_cont .row div {

 margin-top: 5%;
 height: 100%;
 text-align: center;

}

1. home #stag_cont .row div img {

 width: 100%;
 height: auto;

}

1. home #showcase {

 width: 100%;

}

1. home #showcase .row {

 display: flex;
 justify-content: center;

}

1. home #showcase .row .showcase_item {

 height: calc(30% + 20px);
 width: calc(26vw);
 margin: 20px;
 padding: 60px 0;
 z-index: 1;
 position: relative;
 text-align: center;
 display: inline-block;
 align-items: center;
 justify-content: center;
 -webkit-transform: translate3d(0, 0, 0);

}

1. home #showcase .row .showcase_item_long {

 height: calc(40% + 20px);
 width: calc(45vw);
 margin: 20px;
 padding: 80px 0;
 z-index: 1;
 position: relative;
 text-align: center;
 display: inline-block;
 align-items: center;
 justify-content: center;
 -webkit-transform: translate3d(0, 0, 0);

}

1. home #showcase #sc_team {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkTeam.png");

}

1. home #showcase #sc_parts {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkATT.jpeg");

}

1. home #showcase #sc_results {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg");

}

1. home #showcase #sc_notebook {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenLinkNotebook.jpg");

}

1. home #showcase #sc_attribution {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenHP1.jpeg");

}

1. team #team_hero_bg {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
 background-size: cover;
 background-repeat: no-repeat;
 height: 40vh;
 color: #fff;
 text-align: center;
 margin-top: 4%;
 margin-bottom: 7%;

}

1. team #team_hero_bg div {

 width: 50%;

}

1. team .baraja-demo {

 width: 200px;
 margin: 30px auto;
 color: #aaa;
 height: 50vh;

}

1. team .baraja-demo h4 {

 color: #666;
 font-size: 14px;
 padding: 8px 10px 5px;
 margin: 20px 3px 5px;
 border-bottom: 1px solid #f0f0f0;

}

1. team .baraja-demo p {

 font-size: 12px;
 font-weight: 700;
 padding: 0 10px;
 margin: 10px 3px 0;

}

1. team .baraja-demo li img {

 display: block;
 margin: 0 auto;
 width: 100%;
 border-radius: 10px 10px 0 0;

}

1. team .baraja-demo .baraja-container {

 width: 200px;
 height: 310px;
 margin: 0 auto 30px;
 position: relative;
 padding: 0;
 list-style-type: none;

}

1. team .baraja-demo .baraja-container li {

 width: 100%;
 height: 100%;
 margin: 0;
 position: absolute;
 top: 0;
 left: 0;
 cursor: pointer;
 background: #fff;
 pointer-events: auto;
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -o-backface-visibility: hidden;
 backface-visibility: hidden;
 border-radius: 10px;
 padding: 5px;
 box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;

}

1. team #thanks {

 margin-bottom: 5%;

}

1. team #thanks div {

 margin-left: 5%;

}

1. team #sponsor_list .row {

 display: flex;
 align-items: center;
 justify-content: center;

}

1. team img {

 width: 100%;
 height: auto;

}

1. parts #parts_hero_bg {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
 background-size: cover;
 background-repeat: no-repeat;
 height: 40vh;
 color: #fff;
 text-align: center;
 margin-top: 4%;
 margin-bottom: 7%;

}

1. parts #parts_hero_bg div {

 width: 50%;

}

1. parts #parts_content .sub_section {

 margin-left: 5%;

}

1. attributions #attr_hero_bg {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
 background-size: cover;
 background-repeat: no-repeat;
 height: 40vh;
 color: #fff;
 text-align: center;
 margin-top: 4%;
 margin-bottom: 7%;

}

1. attributions #attr_hero_bg div {

 width: 50%;

}

1. attributions #attr_content .sub_section {

 margin-left: 5%;

}

1. safety #safety_1 {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg");
 background-size: cover;

}

1. safety #safety_2 {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab1.jpeg");
 background-size: cover;

}

1. safety #safety_3 {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_EtBr.jpeg");
 background-size: cover;

}

1. safety #safety_4 {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Bench.jpeg");
 background-size: cover;

}

1. safety #safety-div {

 display: flex;
 flex-direction: column;
 justify-content: center;
 color: #fff;

}

1. human_practices {

 margin-bottom: 5%;

}

1. human_practices #hp_hero_bg {

 background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");
 background-size: cover;
 background-repeat: no-repeat;
 height: 40vh;
 color: #fff;
 text-align: center;
 margin-top: 4%;
 margin-bottom: 7%;

}

1. human_practices #desc {

 display: flex;
 align-items: center;
 justify-content: center;

}

1. human_practices #stag_cont {

 margin-top: 5%;

}

1. human_practices #stag_cont .row {

 margin-top: 5%;
 display: flex;
 align-items: center;
 justify-content: center;

}

1. human_practices #stag_cont img {

 width: 100%;
 height: auto;

} .bckgnd_image {

 position: static;
 min-height: 945px;
 height: 100%;
 background-image: url("https://2016.igem.org/File:SCSU-New_HavenSaftey_Lab2.jpeg");
 background-attachment: fixed;
 background-position: center center;
 background-size: cover;

}