Team:Aalto-Helsinki/Software

From 2014.igem.org

Revision as of 10:44, 27 August 2014 by Vaakapallo (Talk | contribs)

/* Yleiset */

@font-face {

   font-family: Special;
   src: url("http://igem-qsf.github.io/igem-wiki/fonts/HORSEPUKE.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;
 min-height: 50vh;

}

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

 border-bottom: none;

}

  1. bodyContent h1, #bodyContent h2 {
 margin-bottom: 0;

}

.logo {

 width: 100%;

}

blockquote {

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

}

blockquote:before {

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

}

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

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

}

.navbar{

 margin-top: 0;

}

/* Header päättyy */

/* pikkuvalikon tyylit */ .affix {

 top:57px;
 width:100%;

}

.extrabar {

 width:100%;
 text-align: center;

}

/* 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;
 height: 100vh;
 width: 100%;
 background-image: url('https://static.igem.org/mediawiki/2014/f/fb/Aalto_Helsinki_Lights.png');
 background-size: cover;
 color: white;
 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/7/7f/Aalto-Helsinki-Software-placeholder.png');

}

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

}

/* Erillisten sivujen tyylit loppu */


/* Articlejen backgroundit */

/* .turqu {

 background-color: #0AA699;

}

.turqu a, .green a {

 color: white;

}

.white {

 background-color: white;

}

.black {

 background-color: black;
 color:white;

}

.green {

 background-color: #399f70;

}

.plum {

 background-color:#B00C69;

}

.PCB {

 background-color: gray;

}

  • /

/* Footerin tyylit */

footer {

 text-align: center;
 background: white;

}

  1. logorow {
 padding: 100px;

}

.footerimg {

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

}

.footerlogo {

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

}

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

 display:none;

}

.footerlogo:hover .off {

 display:block;

}

/* Footerin tyylit loppu */