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

Revision as of 22:55, 17 October 2016 (view source) Bpasqualucci (Talk | contribs) ← Older edit		Revision as of 23:23, 17 October 2016 (view source) Bpasqualucci (Talk | contribs) Newer edit →
Line 1:		Line 1:
−	@import url("https://fonts.googleapis.com/css?family=Aref+Ruqaa|Harmattan|Raleway|Reem+Kufi");	+	/* Yleiset */
−	@font-face {	+
−	font-family: Aref Ruqaa;	+	a:link, a:visited, a:active, .right-menu li a {
−	font-weight: 300;	+	color: #0AA699;
−	font-style: normal;	+	text-decoration: none !important;
	}		}
−	@font-face {	+
−	font-family: Harmattan;	+	a:hover {
−	font-weight: 400;	+	color: #90F0E8;
−	font-style: normal;	+
	}		}
−	@font-face {	+
−	font-family: Raleway;	+	body {
−	font-weight: 400;	+	color: black;
−	font-style: normal;	+	background-color: white;
		+	margin: 0;
		+	padding: 0;
		+	word-wrap: break-word;
	}		}
−	@font-face {	+
−	font-family: Reem Kufi;	+	ul {
−	font-weight: 400;	+	list-style-image: none;
−	font-style: normal;	+
	}		}
−	html,	+
−	body,	+	#references > li {
−	div,	+	margin-bottom: 1em;
−	p {	+
−	font-family: Harmattan;	+
−	font-size: 14px;	+
−	-webkit-font-smoothing: antialiased;	+
−	-moz-osx-font-smoothing: grayscale;	+
	}		}
−	a {	+
−	outline: none;	+	.cpright {
−	color: #9e9ba4;	+	text-align: right;
−	text-decoration: none;	+	padding-right: 1em;
	}		}
−	a:hover {	+
−	color: #f9f9f9;	+	.smallerimg {
−	text-decoration: none;	+	width: 50%;
	}		}
−	a:focus {	+
−	outline: none;	+	.modellatex, .modelimg {
−	text-decoration: none;	+	padding-top: 2em;
		+	padding-bottom: 1.5em;
	}		}
−	h1 {	+
−	font-family: Reem Kufi;	+	@media only screen and (min-width : 992px) {
		+	article {
		+	padding-top: 5px;
		+	padding-bottom: 5%;
		+	padding-left: 15%;
		+	padding-right: 15%;
		+	font-size: 16px;
		+	}
		+
		+	.modelimg {
		+	display: none;
		+	}
	}		}
−	h2 {	+
−	font-size: 3em;	+	@media only screen and (max-width : 992px) {
		+	.modellatex {
		+	display: none;
		+	}
	}		}
−	article,	+
−	aside,	+	.link {
−	details,	+	padding-top: 50px;
−	figcaption,	+
−	figure,	+
−	footer,	+
−	header,	+
−	hgroup,	+
−	nav,	+
−	section,	+
−	summary {	+
−	display: block;	+
	}		}
−	audio,	+
−	canvas,	+	.paddingtop {
−	video {	+	padding-top: 100px;
−	display: inline-block;	+
	}		}
−	audio:not([controls]) {	+
−	display: none;	+	h3, h4, h5, h6 {
−	height: 0;	+	font-family: "Helvetica Neue", Helvetica, sans-serif;
		+	border-bottom: none;
		+	padding-top: 3em;
		+	padding-bottom: 1em;
	}		}
−	[hidden] {	+
−	display: none;	+	h1 {
		+	font-family: "Helvetica Neue", Helvetica, sans-serif;
		+	border-bottom: none;
		+	font-size: 6em;
	}		}
−	html {	+
−	font-family: sans-serif;	+	h2 {
−	-webkit-text-size-adjust: 100%;	+	font-family: "Helvetica Neue", Helvetica, sans-serif;
−	-ms-text-size-adjust: 100%;	+	border-bottom: none;
		+	font-size: 2.5em;
		+	padding-top: 1em;
		+	padding-bottom: 0.3em;
		+	text-align: center;
	}		}
−	a:focus {	+
−	outline: thin dotted;	+	h1 small, h2 small, h3 small, h4 small, h5 small, 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, .h1 .small, .h2 .small, .h3 .small,
		+	.h4 .small, .h5 .small, .h6 .small {
		+	line-height: inherit;
		+	color: rgba(100, 153, 148, 1);
	}		}
−	a:active,	+
−	a:hover {	+	#bodyContent h1, #bodyContent h2 {
−	outline: 0;	+	margin-bottom: 0;
	}		}
−	h1 {	+
−	font-size: 2em;	+	blockquote {
		+	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;
	}		}
−	abbr[title] {	+
−	border-bottom: 1px dotted;	+	blockquote:before {
		+	display: block;
		+	content: "\201C";
		+	font-size: 200px;
		+	position: absolute;
		+	left: 0;
		+	top: -115px;
		+	font-family: cursive;
	}		}
−	b,	+
−	strong {	+	blockquote cite {
−	font-weight: 700;	+	color: rgba(51, 97, 93, 1);
		+	font-size: 0.6em;
		+	display: block;
		+	margin-top: 0.5em;
	}		}
−	dfn {	+
−	font-style: italic;	+	blockquote cite:before {
		+	content: "\2014 \2009";
	}		}
−	mark {	+
−	background: #ff0;	+	/* Yleiset päättyy */
−	color: #000;	+
		+
		+	/* Header- ja pikkuvalikkojutut */
		+
		+	.navbar{
		+	margin-top: 0;
	}		}
−	code,	+
−	kbd,	+	header {
−	pre,	+	color: white;
−	samp {	+	font-size: large;
−	font-family: monospace, serif;	+
−	font-size: 1em;	+
	}		}
−	pre {	+
−	white-space: pre-wrap;	+	@media only screen and (min-width : 992px) {
−	word-wrap: break-word;	+	header a {
		+	padding-right: 1vw;
		+	padding-left: 1vw;
		+	}
	}		}
−	q {	+
−	quotes: 2 1C 2 1D 2 18 2 19;	+	header a.active, .extrabar a.active {
		+	color:black;
	}		}
−	small {	+
−	font-size: 80%;	+	header .navbar, .extrabar {
		+	background-color:rgba(255,255,255,0.8);
		+	border:0px;
		+	border-radius: 0;
	}		}
−	sub,	+
−	sup {	+	header .navbar {
−	font-size: 75%;	+	padding-top: 12px;
−	line-height: 0;	+	padding-bottom: 12px;
−	position: relative;	+	min-height: 30px;
−	vertical-align: baseline;	+	border-radius: 0px;
	}		}
−	sup {	+
−	top: -0.5em;	+	.extrabar {
		+	width:100%;
		+	text-align: center;
		+	padding-top: 0px;
		+	padding-bottom: 5px;
		+	min-height: 20px;
		+	border-radius: 0px;
		+	z-index:1;
	}		}
−	sub {	+
−	bottom: -0.25em;	+	.extrabar a {
		+	padding-left: 0.5em;
		+	padding-right: 0.5em;
	}		}
−	img {	+
−	border: 0;	+	.affix {
		+	top: 45px;
		+	width: 100%;
	}		}
−	svg:not(:root) {	+
−	overflow: hidden;	+	.affix-top {
		+	float:left;
		+	visibility: hidden;
	}		}
−	fieldset {	+
−	border: 1px solid #c0c0c0;	+	/* Header päättyy */
−	margin: 0 2px;	+
−	padding: 0.35em 0.625em 0.75em;	+
		+	/* Pakolliset pikku valikot ja parts*/
		+
		+	#top-section {
		+	height: 0;
		+	width: 100%;
		+	left: 0;
		+	border: none;
		+	margin: 0 auto;
		+	padding: 0 0 0 0;
		+	background-color: transparent;
		+	position: absolute;
	}		}
−	button,	+
−	input,	+	#menubar {
−	select,	+	width: 300px;
−	textarea {	+	top: 0px;
−	font-family: inherit;	+	font-size: x-small;
−	font-size: 100%;	+
−	margin: 0;	+
	}		}
−	button,	+
−	input {	+	#menubar, #menubar a {
−	line-height: normal;	+	color: #0AA699;
	}		}
−	button,	+
−	html input[type=button],	+	#menubar, #menubar a:hover {
−	input[type=reset],	+	color: #90F0E8;
−	input[type=submit] {	+
−	-webkit-appearance: button;	+
−	cursor: pointer;	+
	}		}
−	button[disabled],	+
−	input[disabled] {	+	#menubar:hover, #menubar li a {
−	cursor: default;	+	background-color: transparent;
	}		}
−	input[type=checkbox],	+
−	input[type=radio] {	+	#groupparts {
−	box-sizing: border-box;	+	min-height: 0;
		+	min-width: 0;
		+	}
		+
		+	/* Pakolliset pikku valikot ja parts päättyy */
		+
		+
		+	/* Kuvien ja rivien asettelua */
		+
		+	.row {
		+	overflow: hidden;
		+	position: relative;
		+	width: 100%;
		+	margin: 1em 0;
	padding: 0;		padding: 0;
	}		}
−	input[type=search] {	+
−	-webkit-appearance: textfield;	+	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
−	-moz-box-sizing: content-box;	+	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
−	-webkit-box-sizing: content-box;	+	padding: 0;
−	box-sizing: content-box;	+
	}		}
−	input[type=search]::-webkit-search-cancel-button,	+
−	input[type=search]::-webkit-search-decoration {	+	.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3,
−	-webkit-appearance: none;	+	.col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4,
		+	.col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {
		+	margin-top: 0em;
	}		}
−	textarea {	+
−	overflow: auto;	+	.memberrow {
−	vertical-align: top;	+	margin-top: 2em;
		+	margin-bottom: 2em;
	}		}
−	table {	+
−	border-collapse: collapse;	+	#laurakuva, #lassikuva, #minttukuva, #oskarikuva, #pietukuva, #mikkokuva,
−	border-spacing: 0;	+	#niklaskuva, #ottokuva, #martinakuva, #advisorskuvat {
		+	width: auto;
	}		}
−	body,	+
−	figure {	+	.university-title {
−	margin: 0;	+	padding-top: 0;
	}		}
−	legend,	+
−	button::-moz-focus-inner,	+	.margintop {
−	input::-moz-focus-inner {	+	margin-top: 2em;
−	border: 0;	+
−	padding: 0;	+
	}		}
−	.clearfix:after {	+
−	visibility: hidden;	+	.nopaddingtop {
−	display: block;	+	padding-top: 0;
−	font-size: 0;	+
−	content: " ";	+
−	clear: both;	+
−	height: 0;	+
	}		}
−	* {	+
−	-moz-box-sizing: border-box;	+	.nopaddingbottom {
−	-webkit-box-sizing: border-box;	+	padding-bottom: 0;
−	box-sizing: border-box;	+
	}		}
−	* {	+
−	-webkit-box-sizing: border-box;	+	.ykspaddingbottom {
−	-moz-box-sizing: border-box;	+	padding-bottom: 1em;
−	-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 {	+
−	height: 100 $;	+	.kakspaddingbottom {
−	width: calc(100% - 300px);	+	padding-bottom: 2em;
−	background: rgba(255,255,255,0.8);	+
−	left: 300px;	+
	}		}
−	#drawer-toggle:checked ~ header {	+
−	left: 300px;	+	.kakspaddingtop {
		+	padding-top: 2em;
	}		}
−	#drawer-toggle:checked ~ #drawer {	+
−	left: 0px;	+	.text-col-right {
		+	padding-left: 2em;
	}		}
−	#drawer-toggle:checked ~ #page-content {	+
−	margin-left: 300px;	+	.text-col-left {
		+	padding-right: 2em;
	}		}
−	#drawer ul {	+
−	list-style-type: none;	+	.img-100 .img-responsive {
		+	width: 100%;
	}		}
−	#drawer ul a {	+
−	display: block;	+	.kuvateksti {
−	padding: 10px;	+	font-size: small;
−	color: #c7c7c7;	+	margin-top: 1em;
−	text-decoration: none;	+	margin-bottom: 3em;
	}		}
−	#drawer ul a:hover {	+
−	color: #fff;	+	.img-center {
		+	text-align: center;
		+	margin-top: 2em;
	}		}
−	@media all and (max-width: 350px) {	+
−	#drawer-toggle:checked ~ #drawer-toggle-label {	+	.img-center .img-responsive {
−	height: 100%;	+	display: inline;
−	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;	+	.bg {
		+	background-size: cover;
	overflow: hidden;		overflow: hidden;
−	display: inline-block;
	}		}
−	.kukuri::before {	+
−	content: attr(data-letters);	+	/* Featured */
−	position: absolute;	+	.feat {
−	z-index: 2;	+	opacity: 0.95;
−	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: '';	+	.feat:hover {
−	position: absolute;	+	opacity: 1.0;
−	height: 16px;	+	}
		+
		+	.feattext-container-tall {
		+	display: table;
		+	height: 400px;
	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 {	+
		+	.feattext-container-wide {
		+	display: table;
		+	height: 300px;
	width: 100%;		width: 100%;
	}		}
−	.kukuri:hover::after {	+
−	-webkit-transform: translate3d(100%, 0, 0);	+	.feattext-cell {
−	transform: translate3d(100%, 0, 0);	+	display: table-cell;
		+	vertical-align: bottom;
		+	width: 100%;
	}		}
−	html,	+
−	body {	+	.feattext-p {
−	height: 100%;	+	background-color: rgba(95, 95, 95, 0.42);
−	overflow: hidden;	+	margin-bottom: -0.5em;
		+	padding: 0.5em;
		+	padding-bottom: 0.75em;
		+	color: white;
		+	width: 100%;
	}		}
−	ul {	+
−	list-style-type: none;	+	@media only screen and (min-width : 992px) {
		+	.row-eq-height {
		+	display: -webkit-box;
		+	display: -webkit-flex;
		+	display: -ms-flexbox;
		+	display: flex;
		+	}
		+
		+	.feat-left{
		+	margin-right: 0.5em;
		+	}
		+
		+	.feat-center {
		+	margin-right: 0.5em;
		+	margin-left: 0.5em;
		+	}
		+
		+	.feat-right {
		+	margin-left: 0.5em;
		+	}
		+
	}		}
−	body {	+
−	background-color: #2f2f2f;	+	/* Kuvien ja rivien asettelu loppu */
−	}	+
−	header {	+
		+	/* Splashit */
		+
		+	.splash{
	width: 100%;		width: 100%;
−	position: fixed;	+	color: white;
−	left: 0px;	+	margin-top: -14px;
−	background: #efefef;	+	text-align: center;
−	padding: 10px 10px 10px 50px;	+	background-size: cover;
−	font-size: 30px;	+	text-shadow: 2px 2px 8px #4D4D4D;
−	line-height: 30px;	+
−	z-index: 0;	+
	}		}
−	footer {	+
−	height: 35vh;	+	.bigsplashtext {
−	color: #fff;	+	font-size: 1.4em;
−	background-color: #1e1a1b;	+	margin: 0 10px;
	}		}
−	hr {	+
−	border-width: 5px;	+	.splashalavalikko {
−	clear: both;	+	text-align: left;
−	display: block;	+	padding: 80px 40px;
−	width: 96%;	+	font-size: 1.5em;
−	background-color: #1e1a1b;	+	line-height: 1.5;
−	height: 1px;	+
	}		}
−	#home,	+
−	#safety,	+	.splashalavalikko a {
−	#attributions {	+	color: white;
−	min-height: 80vh;	+	opacity: 0.7;
	}		}
−	/* drawer menu pane*/	+
−	#drawer {	+	.splashalavalikko a:hover {
−	position: fixed;	+	opacity: 1;
−	top: 44px;	+
−	left: -300px;	+
−	height: 100%;	+
−	width: 300px;	+
−	background: #2f2f2f;	+
−	overflow-x: hidden;	+
−	overflow-y: hidden;	+
−	padding: 20px;	+
−	-webkit-overflow-scrolling: touch;	+
	}		}
−	#drawer-toggle {	+
−	position: absolute;	+	.scroller {
−	opacity: 0;	+	padding-bottom: 40px;
		+	padding-top: 10px;
	}		}
−	#drawer-toggle-label {	+
−	-webkit-touch-callout: none;	+	.transp {
−	-webkit-user-select: none;	+	opacity: 0.7;
−	-khtml-user-select: none;	+
−	-moz-user-select: none;	+
−	-ms-user-select: none;	+
−	user-select: none;	+
−	left: 0px;	+
−	height: 50px;	+
−	width: 50px;	+
−	display: block;	+
−	position: fixed;	+
−	background: rgba(255,255,255,0);	+
−	z-index: 1;	+
−	/* adds our "hamburger" menu icon */	+
	}		}
−	#drawer-toggle-label:before {	+
−	content: '';	+	.transp:hover {
−	display: block;	+	opacity: 1;
−	position: absolute;	+
−	height: 2px;	+
−	width: 24px;	+
−	background: #8d8d8d;	+
−	left: 13px;	+
−	top: 18px;	+
−	box-shadow: 0 6px 0 #8d8d8d, 0 12px 0 #8d8d8d;	+
	}		}
−	#page-content {	+
−	margin-left: 0px;	+	.scrolldown {
−	margin-top: 50px;	+	text-align: center;
−	width: 100%;	+
−	height: calc(100% - 50px);	+
−	overflow-x: hidden;	+
−	overflow-y: scroll;	+
−	-webkit-overflow-scrolling: touch;	+
−	background: #efefef;	+
	}		}
−	.link {	+
−	outline: none;	+	.transp a {
−	display: inline-block;	+	color: white;
−	position: relative;	+	opacity: 0.7;
−	text-decoration: none;	+
−	font-size: 5em;	+
−	color: #424242;	+
	}		}
−	.flex {	+
−	display: flex;	+	.transp a:hover {
−	flex-direction: column;	+	opacity: 1;
−	align-items: center;	+
−	justify-content: center;	+
	}		}
−	#home #home-hero-bg {	+
−	background-image: url("../img/home_hero.jpg");	+	.nuoli {
−	background-size: cover;	+	max-height: 50px;
−	background-repeat: no-repeat;	+
−	height: 70vh;	+
	}		}
−	#home #home-hero-bg .hero {	+
−	width: 100%;	+	.igem-logo {
−	height: 100%;	+	width: 100px;
−	background-color: rgba(50,50,50,0.7);	+	margin-top: 60px;
		+	right: 100px;
		+	margin-right: 40px;
		+	float: right;
		+	opacity: 0.7;
	}		}
−	#home #home-hero-bg .hero div {	+
−	display: flex;	+	.igem-logo:hover {
−	flex-direction: column;	+	opacity: 1;
−	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 {	+
−	margin-top: 5%;	+	.omalogo {
−	text-align: center;	+	width: 100%;
−	width: 70%;	+	padding-bottom: 1em;
	}		}
−	#home #stag_cont {	+
−	margin-top: 5%;	+	.omalogot {
−	margin-bottom: 5%;	+	width: 60%;
−	width: 70%;	+	padding-top: 1em;
	}		}
−	#home #stag_cont .row {	+
−	height: 40vh;	+	#ci-circle {
		+	width: 20%;
	}		}
−	#home #stag_cont .row div {	+
−	margin-top: 5%;	+	#virginiabadge{
−	height: 100%;	+	background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png");
−	text-align: center;	+	background-size:250px;
		+	width: 250px;
		+	height: 185px;
		+	background-repeat:no-repeat;
	}		}
−	#home #stag_cont .row div img {	+
−	width: 100%;	+	#virginiabadge:hover{
−	height: auto;	+	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 {	+
−	width: 100%;	+	@media only screen and (max-width : 992px) {
−	margin-bottom: 5%;	+
		+	.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 .row {	+
−	display: flex;	+	@media only screen and (min-width : 992px) {
−	justify-content: center;	+
		+	.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 .row .showcase_item {	+
−	height: calc(30% + 20px);	+	@media only screen and (min-width : 1472px) {
−	width: calc(26vw);	+	.splash {
−	background-color: #ddd /* Place image here then place filter over it */;	+	min-height: 1030px;
−	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 {	+
−	height: calc(40% + 20px);	+
−	width: calc(45vw);	+
−	background-color: #ddd /* Place image here then place filter over it */;	+	/* Splash-tyylittelyt loppu */
−	margin: 20px;	+
−	padding: 80px 0;	+
−	z-index: 1;	+	/* SIVUJEN OMIA tyylejä */
−	position: relative;	+
−	text-align: center;	+	.sponsorrow {
−	display: inline-block;	+
	align-items: center;		align-items: center;
−	justify-content: center;	+	margin: 4em 0;
−	-webkit-transform: translate3d(0, 0, 0);	+
	}		}
−	#home #showcase #sc_team {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/home_hero.jpg");	+	.sponsorrow .col-md-4 {
		+	padding: 10px;
		+	text-align: -webkit-center;
		+	text-align: -moz-center
	}		}
−	#home #showcase #sc_parts {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/home_hero.jpg");	+	.sponsorrow > .text-col-right > h3 {
		+	padding-top: 0;
	}		}
−	#home #showcase #sc_results {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/home_hero.jpg");	+	#sponsorlogo {
		+	max-height: 150px;
		+	width: auto;
	}		}
−	#home #showcase #sc_notebook {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/home_hero.jpg");	+	/* SIVUJEN OMAT tyylit loppu */
		+
		+
		+	/* Articlejen backgroundit */
		+
		+	.turqu {
		+	background-color: #0AA699;
	}		}
−	#home #showcase #sc_attribution {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/home_hero.jpg");	+	.turqu a, .green a {
		+	color: white;
	}		}
−	#team #team_hero_bg {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");	+	/* Articlejen backgroundit loppu */
−	background-size: cover;	+
−	background-repeat: no-repeat;	+
−	height: 40vh;	+	/* BG (Kuvataustat) */
−	color: #fff;	+
−	text-align: center;	+	.bg-test {
−	margin-top: 4%;	+	background-image: url('https://static.igem.org/mediawiki/2014/e/ec/Aalto_Helsinki_Placeholderpicture.jpg');
−	margin-bottom: 7%;	+
	}		}
−	#team #team_hero_bg div {	+
−	width: 50%;	+	.bg-bbseeker {
		+	background-image: url('https://static.igem.org/mediawiki/2014/c/c1/Aalto_Helsinki_Feat_BBSeeker.png');
	}		}
−	#team .baraja-demo {	+
−	width: 200px;	+	.bg-brian {
−	margin: 30px auto;	+	background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Aalto_Helsinki_Feat_Brian.png');
−	color: #aaa;	+
−	height: 50vh;	+
	}		}
−	#team .baraja-demo h4 {	+
−	color: #666;	+	.bg-magiclab {
−	font-size: 14px;	+	background-image: url('https://static.igem.org/mediawiki/2014/2/26/Aalto_Helsinki_Pinkitbakut6.jpg');
−	padding: 8px 10px 5px;	+
−	margin: 20px 3px 5px;	+
−	border-bottom: 1px solid #f0f0f0;	+
	}		}
−	#team .baraja-demo p {	+
−	font-size: 12px;	+	.bg-chimeras {
−	font-weight: 700;	+	background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Aalto_Helsinki_Kimeerakollaasi.png');
−	padding: 0 10px;	+
−	margin: 10px 3px 0;	+
	}		}
−	#team .baraja-demo li img {	+
−	display: block;	+
−	margin: 0 auto;	+	.bg-team {
−	width: 100%;	+	background-image: url('https://static.igem.org/mediawiki/2014/a/a3/Aalto_Helsinki_Feat_Team.jpg');
−	border-radius: 10px 10px 0 0;	+
	}		}
−	#team .baraja-demo .baraja-container {	+
−	width: 200px;	+	.bg-business {
−	height: 310px;	+	background-image: url('https://static.igem.org/mediawiki/2014/e/e6/Aalto_Helsinki_Feat_Business.jpg');
−	margin: 0 auto 30px;	+
−	position: relative;	+
−	padding: 0;	+
−	list-style-type: none;	+
	}		}
−	#team .baraja-demo .baraja-container li {	+
−	width: 100%;	+	.bg-research {
−	height: 100%;	+	background-image: url('https://static.igem.org/mediawiki/2014/7/7c/Aalto_Helsinki_Feat_Research.jpg');
−	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 {	+
−	margin-bottom: 5%;	+	.bg-modeling {
		+	background-image: url('https://static.igem.org/mediawiki/2014/1/17/Aalto_Helsinki_Feat_Modeling.jpg');
	}		}
−	#team #thanks div {	+
−	margin-left: 5%;	+	.bg-cooperation {
		+	background-image: url('https://static.igem.org/mediawiki/2014/f/f7/Aalto_Helsinki_Feat_Cooperation.jpg');
	}		}
−	#team #sponsor_list .row {	+
−	display: flex;	+	.bg-outreach {
−	align-items: center;	+	background-image: url('https://static.igem.org/mediawiki/2014/5/5e/Aalto_Helsinki_Feat_Outreach.jpg');
−	justify-content: center;	+
	}		}
−	#team img {	+
−	width: 100%;	+	.bg-journal {
−	height: auto;	+	background-image: url('https://static.igem.org/mediawiki/2014/c/c5/Aalto_Helsinki_Feat_Journal.jpg');
	}		}
−	#parts #parts_hero_bg {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");	+	/* BG (Kuvataustat) loppu */
−	background-size: cover;	+
−	background-repeat: no-repeat;	+
−	height: 40vh;	+	/* Footerin tyylit */
−	color: #fff;	+
		+	footer {
	text-align: center;		text-align: center;
−	margin-top: 4%;	+	background: white;
−	margin-bottom: 7%;	+
	}		}
−	#parts #parts_hero_bg div {	+
−	width: 50%;	+	#logorow {
		+	padding: 2em;
	}		}
−	#parts #parts_content .sub_section {	+
−	margin-left: 5%;	+	.footerimg {
		+	max-height: 100px;
		+	max-width: 250px;
	}		}
−	#attributions #attr_hero_bg {	+
−	background: linear-gradient(rgba(50,50,50,0.7), rgba(50,50,50,0.7)), url("../img/attributions_hero.png");	+	.footerlogo {
−	background-size: cover;	+	display: inline-block;
−	background-repeat: no-repeat;	+	vertical-align: middle;
−	height: 40vh;	+	padding: 1.5em;
−	color: #fff;	+
−	text-align: center;	+
−	margin-top: 4%;	+
−	margin-bottom: 7%;	+
	}		}
−	#attributions #attr_hero_bg div {	+
−	width: 50%;	+	.footerlogo:hover .on, .footerlogo .off {
		+	display:none;
	}		}
−	#attributions #attr_content {	+
−	margin-bottom: 5%;	+	.footerlogo:hover .off {
		+	display:block;
	}		}
−	#attributions #attr_content .sub_section {	+
−	margin-left: 5%;	+	#yhteystiedot {
		+	text-align: center;
		+	font-size: small;
		+	padding: 0.5em;
	}		}
−	/*
−	.bump_up
−	margin-top 6%
−	.bump_down
−	margin-bottom 5%
−	.text-center	+	/* Footerin tyylit loppu */
−	text-align center	+
−		+
−	// Testing Grounds for fonts	+
−	.font-raleway	+
−	font-family Raleway	+
−	.font-aref	+
−	font-family Aref Ruqaa	+
−	.font-harmattan	+
−	font-family Harmattan	+
−	.font-reem	+
−	font-family Reem Kufi	+
−	.black	+	/* Padit ja puhelimet */
−	background-color black	+
−	.blue	+	@media only screen and (max-width : 992px) {
−	background-color blue	+
−		+
−	.container	+
−	../ .section-div	+
−	height 40vh	+
−	../ img	+
−	width 100%	+
−	height auto	+
−	../ .link_box	+
−	height 30vh	+
−	background-color pink	+
−	margin auto	+
−	margin-left 5%	+
−	../ img	+
−	border-radius 25px	+
−	../ .section-div	+
−	text-align center	+
−	div	+
−	display inline-block	+
−	#lbox_1	+
−	margin-left 6.5%	+
−	#safety	+
−	#theme1	+	/* Yleiset */
−	background-image url('../img/human_practices_1.jpg')	+
−	#theme2	+	.bodyContent {
−	background-image url('../img/human_practices_2.jpg')	+	padding-top: 5em;
−	#theme3	+	}
−	background-image url('../img/human_practices_3.jpg')	+
−	.safety-div	+	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
−	display flex	+	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
−	flex-direction column	+	margin-top: 1em;
−	justify-content center	+	padding: 0;
−	color white	+	}
−		+
−	#human_practices	+	article {
−	#theme1	+	padding: 5em 1em;
−	background-image url('../img/human_practices_1.jpg')	+	min-height: 50px;
−	#theme2	+	font-size: 16px;
−	background-image url('../img/human_practices_2.jpg')	+	}
−	#theme3	+
−	background-image url('../img/human_practices_3.jpg')	+	.row {
−	.hp_div	+	margin: 0;
−	display flex	+	}
−	flex-direction column	+
−	justify-content center	+
−	color white	+	/* Headerit sun muut */
−	*/	+	#navigation {
−	.bckgnd_image {	+	padding: 0;
−	position: static;	+	}
−	min-height: 945px;	+
−	height: 100%;	+	#menubar {
−	background-image: url("../img/safety_visions.jpg");	+	font-family: inherit;
−	background-attachment: fixed;	+	white-space: normal;
−	background-position: center center;	+	width: 300px;
−	background-size: cover;	+	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;
		+	}
		+
		+	}
		+
		+	/* Padit ja puhelimet loppu */
		+
		+	/* 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;
		+	}
		+
		+	.abg-dnaseq {
		+	background-image: url('https://static.igem.org/mediawiki/2014/f/fc/Aalto_Helsinki_dnaseq.png');
		+	background-repeat: no-repeat;
		+	background-position: left center;
	}		}

---

Revision as of 23:23, 17 October 2016

/* Yleiset */

a:link, a:visited, a:active, .right-menu li a {

 color: #0AA699;
 text-decoration: none !important;

}

a:hover {

 color: #90F0E8;

}

body {

 color: black;
 background-color: white;
 margin: 0;
 padding: 0;
 word-wrap: break-word;

}

ul {

 list-style-image: none;

}

1. references > li {

 margin-bottom: 1em;

}

.cpright {

 text-align: right;
 padding-right: 1em;

}

.smallerimg {

 width: 50%;

}

.modellatex, .modelimg {

 padding-top: 2em;
 padding-bottom: 1.5em;

}

@media only screen and (min-width : 992px) {

 article {
   padding-top: 5px;
   padding-bottom: 5%;
   padding-left: 15%;
   padding-right: 15%;
   font-size: 16px;
 }

 .modelimg {
   display: none;
 }

}

@media only screen and (max-width : 992px) {

 .modellatex {
   display: none;
 }

}

.link {

 padding-top: 50px;

}

.paddingtop {

 padding-top: 100px;

}

h3, h4, h5, h6 {

 font-family: "Helvetica Neue", Helvetica, sans-serif;
 border-bottom: none;
 padding-top: 3em;
 padding-bottom: 1em;

}

h1 {

 font-family: "Helvetica Neue", Helvetica, sans-serif;
 border-bottom: none;
 font-size: 6em;

}

h2 {

 font-family: "Helvetica Neue", Helvetica, sans-serif;
 border-bottom: none;
 font-size: 2.5em;
 padding-top: 1em;
 padding-bottom: 0.3em;
 text-align: center;

}

h1 small, h2 small, h3 small, h4 small, h5 small, 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, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

 line-height: inherit;
 color: rgba(100, 153, 148, 1);

}

1. bodyContent h1, #bodyContent h2 {

 margin-bottom: 0;

}

blockquote {

 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;

}

blockquote:before {

 display: block;
 content: "\201C";
 font-size: 200px;
 position: absolute;
 left: 0;
 top: -115px;
 font-family: cursive;

}

blockquote cite {

 color: rgba(51, 97, 93, 1);
 font-size: 0.6em;
 display: block;
 margin-top: 0.5em;

}

blockquote cite:before {

 content: "\2014 \2009";

}

/* Yleiset päättyy */

/* Header- ja pikkuvalikkojutut */

.navbar{

 margin-top: 0;

}

header {

 color: white;
 font-size: large;

}

@media only screen and (min-width : 992px) {

 header a {
   padding-right: 1vw;
   padding-left: 1vw;
 }

}

header a.active, .extrabar a.active {

 color:black;

}

header .navbar, .extrabar {

 background-color:rgba(255,255,255,0.8);
 border:0px;
 border-radius: 0;

}

header .navbar {

 padding-top: 12px;
 padding-bottom: 12px;
 min-height: 30px;
 border-radius: 0px;

}

.extrabar {

 width:100%;
 text-align: center;
 padding-top: 0px;
 padding-bottom: 5px;
 min-height: 20px;
 border-radius: 0px;
 z-index:1;

}

.extrabar a {

 padding-left: 0.5em;
 padding-right: 0.5em;

}

.affix {

 top: 45px;
 width: 100%;

}

.affix-top {

 float:left;
 visibility: hidden;

}

/* Header päättyy */

/* Pakolliset pikku valikot ja parts*/

1. top-section {

 height: 0;
 width: 100%;
 left: 0;
 border: none;
 margin: 0 auto;
 padding: 0 0 0 0;
 background-color: transparent;
 position: absolute;

}

1. menubar {

 width: 300px;
 top: 0px;
 font-size: x-small;

}

1. menubar, #menubar a {

 color: #0AA699;

}

1. menubar, #menubar a:hover {

 color: #90F0E8;

}

1. menubar:hover, #menubar li a {

 background-color: transparent;

}

1. groupparts {

 min-height: 0;
 min-width: 0;

}

/* Pakolliset pikku valikot ja parts päättyy */

/* Kuvien ja rivien asettelua */

.row {

 overflow: hidden;
 position: relative;
 width: 100%;
 margin: 1em 0;
 padding: 0;

}

.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 {

 padding: 0;

}

.col-md-2 h3, .col-md-4 h3, .col-md-6 h3, .col-md-8 h3, .col-md-2 h4, .col-md-4 h4, .col-md-6 h4, .col-md-8 h4, .col-md-2 h5, .col-md-4 h5, .col-md-6 h5, .col-md-8 h5 {

 margin-top: 0em;

}

.memberrow {

 margin-top: 2em;
 margin-bottom: 2em;

}

1. laurakuva, #lassikuva, #minttukuva, #oskarikuva, #pietukuva, #mikkokuva,
2. niklaskuva, #ottokuva, #martinakuva, #advisorskuvat {

 width: auto;

}

.university-title {

 padding-top: 0;

}

.margintop {

 margin-top: 2em;

}

.nopaddingtop {

 padding-top: 0;

}

.nopaddingbottom {

 padding-bottom: 0;

}

.ykspaddingbottom {

 padding-bottom: 1em;

}

.kakspaddingbottom {

 padding-bottom: 2em;

}

.kakspaddingtop {

 padding-top: 2em;

}

.text-col-right {

 padding-left: 2em;

}

.text-col-left {

 padding-right: 2em;

}

.img-100 .img-responsive {

 width: 100%;

}

.kuvateksti {

 font-size: small;
 margin-top: 1em;
 margin-bottom: 3em;

}

.img-center {

 text-align: center;
 margin-top: 2em;

}

.img-center .img-responsive {

 display: inline;

}

.bg {

 background-size: cover;
 overflow: hidden;

}

/* Featured */ .feat {

 opacity: 0.95;

}

.feat:hover {

 opacity: 1.0;

}

.feattext-container-tall {

 display: table;
 height: 400px;
 width: 100%;

}

.feattext-container-wide {

 display: table;
 height: 300px;
 width: 100%;

}

.feattext-cell {

 display: table-cell;
 vertical-align: bottom;
 width: 100%;

}

.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%;

}

@media only screen and (min-width : 992px) {

 .row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 .feat-left{
   margin-right: 0.5em;
 }

 .feat-center {
   margin-right: 0.5em;
   margin-left: 0.5em;
 }

 .feat-right {
   margin-left: 0.5em;
 }

}

/* Kuvien ja rivien asettelu loppu */

/* Splashit */

.splash{

 width: 100%;
 color: white;
 margin-top: -14px;
 text-align: center;
 background-size: cover;
 text-shadow: 2px 2px 8px #4D4D4D;

}

.bigsplashtext {

 font-size: 1.4em;
 margin: 0 10px;

}

.splashalavalikko {

 text-align: left;
 padding: 80px 40px;
 font-size: 1.5em;
 line-height: 1.5;

}

.splashalavalikko a {

 color: white;
 opacity: 0.7;

}

.splashalavalikko a:hover {

 opacity: 1;

}

.scroller {

 padding-bottom: 40px;
 padding-top: 10px;

}

.transp {

 opacity: 0.7;

}

.transp:hover {

 opacity: 1;

}

.scrolldown {

 text-align: center;

}

.transp a {

 color: white;
 opacity: 0.7;

}

.transp a:hover {

 opacity: 1;

}

.nuoli {

 max-height: 50px;

}

.igem-logo {

 width: 100px;
 margin-top: 60px;
 right: 100px;
 margin-right: 40px;
 float: right;
 opacity: 0.7;

}

.igem-logo:hover {

 opacity: 1;

}

.omalogo {

 width: 100%;
 padding-bottom: 1em;

}

.omalogot {

 width: 60%;
 padding-top: 1em;

}

1. ci-circle {

 width: 20%;

}

1. virginiabadge{

 background: url("");
 background-size:250px;
 width: 250px;
 height: 185px;
 background-repeat:no-repeat;

}

1. virginiabadge:hover{

 background: url("");
 background-repeat:no-repeat;
 width: 250px;
 height: 185px;
 background-size:250px;

}

@media only screen and (max-width : 992px) {

 .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');
 }

}

@media only screen and (min-width : 992px) {

 .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');
 }

}

@media only screen and (min-width : 1472px) {

 .splash {
   min-height: 1030px;
 }

}

/* Splash-tyylittelyt loppu */

/* SIVUJEN OMIA tyylejä */

.sponsorrow {

 align-items: center;
 margin: 4em 0;

}

.sponsorrow .col-md-4 {

 padding: 10px;
 text-align: -webkit-center;
 text-align: -moz-center

}

.sponsorrow > .text-col-right > h3 {

 padding-top: 0;

}

1. sponsorlogo {

 max-height: 150px;
 width: auto;

}

/* SIVUJEN OMAT tyylit loppu */

/* Articlejen backgroundit */

.turqu {

 background-color: #0AA699;

}

.turqu a, .green a {

 color: white;

}

/* Articlejen backgroundit loppu */

/* BG (Kuvataustat) */

.bg-test {

 background-image: url('https://static.igem.org/mediawiki/2014/e/ec/Aalto_Helsinki_Placeholderpicture.jpg');

}

.bg-bbseeker {

 background-image: url('https://static.igem.org/mediawiki/2014/c/c1/Aalto_Helsinki_Feat_BBSeeker.png');

}

.bg-brian {

 background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Aalto_Helsinki_Feat_Brian.png');

}

.bg-magiclab {

 background-image: url('https://static.igem.org/mediawiki/2014/2/26/Aalto_Helsinki_Pinkitbakut6.jpg');

}

.bg-chimeras {

 background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Aalto_Helsinki_Kimeerakollaasi.png');

}

.bg-team {

 background-image: url('https://static.igem.org/mediawiki/2014/a/a3/Aalto_Helsinki_Feat_Team.jpg');

}

.bg-business {

 background-image: url('https://static.igem.org/mediawiki/2014/e/e6/Aalto_Helsinki_Feat_Business.jpg');

}

.bg-research {

 background-image: url('https://static.igem.org/mediawiki/2014/7/7c/Aalto_Helsinki_Feat_Research.jpg');

}

.bg-modeling {

 background-image: url('https://static.igem.org/mediawiki/2014/1/17/Aalto_Helsinki_Feat_Modeling.jpg');

}

.bg-cooperation {

 background-image: url('https://static.igem.org/mediawiki/2014/f/f7/Aalto_Helsinki_Feat_Cooperation.jpg');

}

.bg-outreach {

 background-image: url('https://static.igem.org/mediawiki/2014/5/5e/Aalto_Helsinki_Feat_Outreach.jpg');

}

.bg-journal {

 background-image: url('https://static.igem.org/mediawiki/2014/c/c5/Aalto_Helsinki_Feat_Journal.jpg');

}

/* BG (Kuvataustat) loppu */

/* Footerin tyylit */

footer {

 text-align: center;
 background: white;

}

1. logorow {

 padding: 2em;

}

.footerimg {

 max-height: 100px;
 max-width: 250px;

}

.footerlogo {

 display: inline-block;
 vertical-align: middle;
 padding: 1.5em;

}

.footerlogo:hover .on, .footerlogo .off {

 display:none;

}

.footerlogo:hover .off {

 display:block;

}

1. yhteystiedot {

 text-align: center;
 font-size: small;
 padding: 0.5em;

}

/* Footerin tyylit loppu */

/* 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;
 }

}

/* Padit ja puhelimet loppu */

/* 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;

}

.abg-dnaseq {

 background-image: url('https://static.igem.org/mediawiki/2014/f/fc/Aalto_Helsinki_dnaseq.png');
 background-repeat: no-repeat;
 background-position: left center;

}