"

From 2014.igem.org

Revision as of 17:54, 15 August 2014 (view source) Lauralaa (Talk | contribs) ← Older edit		Revision as of 17:56, 15 August 2014 (view source) Lauralaa (Talk | contribs) Newer edit →
Line 196:		Line 196:
	.footerlogo {		.footerlogo {
	display: inline-block;		display: inline-block;
		+	vertical-align: middle;
	padding: 20px;		padding: 20px;
	max-width: 200px;		max-width: 200px;

---

Revision as of 17:56, 15 August 2014

/* Yleiset */

@font-face {

   font-family: Special;
   src: url("http://igem-qsf.github.io/igem-wiki/fonts/DOWNCOME.TTF") format("truetype");

}

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

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

}

a:hover {

 color: #90F0E8;

}

body {

 color: black;
 min-height: 85vh;
 background-color: white;
 margin: 0;
 padding: 0;

}

article {

 padding-top: 10vh;
 padding-bottom: 5vh;
 padding-left: 15vw;
 padding-right: 15vw;

}

h1, h2, h3, h4, h5, h6 {

 border-bottom: none;

}

h1, h2 {

 font-family: Special, "Helvetica Neue", Arial;

}

blockquote {

 font-family: "Helvetica Neue", serif;
 font-size: 24px;
 font-style: italic;
 line-height: 2;
 position: relative;
 color: #383838;
 padding: 10px 10px;
 margin: 60px 0 60px 0;
 border-left: none;

}

blockquote:before {

 display: block;
 content: "\201C";
 font-size: 200px;
 position: absolute;
 left: -90px;
 top: -120px;

}

blockquote cite {

 color: #999999;
 font-size: 14px;
 display: block;
 margin-top: 5px;

}

blockquote cite:before {

 content: "\2014 \2009";

}

/* Yleiset päättyy */

/* Header-jutut */

header {

 color: white;
 font-size: large;

}

header a {

 padding-right: 1.5vw;
 padding-left: 1.5vw;

}

header a.active {

 color:black;

}

header .navbar {

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

}

.navbar{

 margin-top: 0;

}

/* Header päättyy */

/* Pakolliset pikku valikot */

1. top-section {

 height: 0px;
 border: none;
 width: 0px;
 margin: 0 auto;
 padding: 0 0 0 0;
 background-color: transparent;
 overflow: hide;
 position: initial;

}

1. menubar {

 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;

}

/* Pakolliset pikku valikot päättyy */

/* Splashien yhteiset tyylit */

.splash{

 display: table;
 min-height: 100vh;
 width: 100%;
 background-size: cover;
 margin-top: -10px;
 padding-top: 10vh;
 padding-bottom: 5vh;
 padding-left: 15vw;
 padding-right: 15vw;
 text-align: center;

}

.splash h1 {

 font-size: 100px;

}

.textinsplash {

 display: table-cell;
 vertical-align: middle;

}

.textinsplash > p {

 font-size: large;
 font-style: italic;

}

/* Splash-tyylittelyt loppu */

/* Erillisten sivujen tyylit*/

1. mainsplash {

 background-image: url('http://aaltohelsinki.com/img/12.jpg');

}

1. softwaresplash {

 background-image: url('https://static.igem.org/mediawiki/2014/0/03/Aalto_Helsinki_Simulation.png');

}

1. researchsplash {

 background-image: url('https://static.igem.org/mediawiki/2014/1/13/Aalto-Helsinki-Research-Placeholder.png');

}

/* Erillisten sivujen tyylit loppu */

/* Footerin tyylit */

footer {

 text-align: center;
 background: white;

}

1. logorow {

 padding-top: 100px;
 padding-bottom: 100px;

}

.footerlogo {

 display: inline-block;
 vertical-align: middle;
 padding: 20px;
 max-width: 200px;

}

/* Footerin tyylit loppu */