"

From 2014.igem.org

@font-face {

 font-family: "TitilliumWeb";
   src: url(fonts/TitilliumWeb-Regular.ttf) format("truetype");

}

• {font-family:"TitilliumWeb";}

a:link {color:#FFFFFF;} a:visited {color:#FFFFFF;} a:hover {color:#50BCBC;} a:active {color:black;}

a:hover, a:visited, a:link, a:active {

   /* poistin ton !importantin. kyllä linkit pitää normitekstissä alleviivata eikä se nyt onnistu
    * text-decoration: none !important; */

} a:not(.underline) {

   text-decoration: none !important;

}

1. ahlogo{

}

1. logo{

 height: 8em;
   padding-bottom: 1em;

}

/* Header-jutut */

header {

 color:white;

}

header a {

 color: white;
 padding-right: 3vw;
 font-size: 1.5em;

}

.last-link {

 padding-right:1vw;

}

header h1{

 font-size: 1.35em;
 padding-right: 0;
 padding-left: 1.5vw;

}

header #logo {

 margin-top: 1.5em;
 padding-left:1em;
 height: 1.5em;
 margin-right:0.2em;

}

header #lang {

   margin-top: 3em;
   font-size: 0.6em;

}

header .navbar {

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

}

1. navigation {

 margin-top: 2.5em;

}

/* Header päättyy */

/* Leipätekstin modifikaatio */

.big-text{

   margin-bottom: 5%;
   font-size:x-large;
   margin-right:5%;

}

body{

 background-color:white;
   margin: 0;
   padding: 0;

}

article {

 color:floralwhite;
 padding-top: 10vh;
 padding-bottom: 5vh;
 padding-left: 15vw;
 padding-right: 15vw;
 min-height:85vh;
 font-size:large;

}

article h1 {

   font-family: "Kirvy-Regular", Verdana, Tahoma;

}

/* Pääsivun tyylit */

1. sponsors {

 font-family: "Raleway-Regular", Verdana, Tahoma;

}

1. sponsors .row {

   margin-right:0;

}

.img-cheesy {

   margin: 3em auto;
   text-align: center;
   font-style: italic;
  }

.img-cheesy img {

   text-align: center;
   margin: 0 auto;
   padding: 0;

} .img-cheesy i {

   margin: 0;
   padding: 0;

}

.blacklinks {

} .blacklinks a{

   color: black;
   text-decoration: underline;

} .view-padding {

   padding-top: 8vh;

} /* partnerit sivun taulukko */ .partners {

 color: white;
 padding-top: 20vh;
 background-image:url('http://www.aaltohelsinki.com/img/DSC_6156-2_pack.jpg');
 background-size: cover;

}

.content-partners {

 margin-bottom: 0;
 padding-bottom: 15vh;

}

.sponsor-pack {

   font-size: 1.1em;
   font-weight: 400;
   margin: 0 auto;
   border: 0px solid rgb(0,0,0);

   background-color: rgba(10,10,10,0.4);
   width: 80%;
   position: relative;

}

.sponsor-pack h1{

   font-size: 1.8em;
   text-align: center;
   padding: 0.5em 0;

} .sponsor-pack .sisalto, .sponsor-list .sisalto {

   margin: 0 auto;
   width: 80%;

} /* naa ympyrat on oikeastan ribboneita. ne on niiku ihkusälää */ .sponsor-circle {

    position: absolute;
   right: 1em;
    width:0;
    height:80px;
    border-right:25px solid rgb(180,00,100);
    border-left:25px solid rgb(190,0,100);
    border-bottom:30px solid transparent;

}

.sponsor-circle.second {

    border-right:25px solid rgb(250,150,00);
    border-left:25px solid rgb(250,160,00);
    border-bottom:30px solid transparent;

} .sponsor-circle.third {

   border-right:25px solid rgb(00,110,60);
    border-left:25px solid rgb(00,120,60);
    border-bottom:30px solid transparent;

}

.sponsor-list {

   padding: 1em;
   font-size: 1.1em;
   font-weight: 400;
   margin: 0 auto;
   margin-top: 5em;
   border: 0px solid rgb(0,0,0);
   width: 80%;

   background-color: rgba(120, 63, 68, 0.45);

}

.sponsor-list h1 {

   margin-top: 0;

}

/* Footerin tyylit */

footer {

 padding-top: 20px;
 color:white;
 color: black;

}

footer a {

 color: white;
 padding-left: 1.5vw;

}

footer a:hover {

 color: white;

}

footer #navigation {

 padding-top: 1vh;
 margin-bottom: 1vh;

}

footer .bottom {

 background-color:rgba(0,0,0,0.7);
 padding-bottom: 0.5vh;

}

1. contact {

   font-size: 10px;
   color:white;

}

1. sponsors .row {

   margin-right:0;

} .valign-outer {

 display: table;
   width: 100%;
   height: 85vh;

   //padding: 20vh 0;

}

.valign-inner {

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

} .valign-inner-center {

 margin-left: auto;
   margin-right: auto;
   width: 70%;

} @media (max-width: 700px) {

 header #logo {
   display: none;
 }
   /* partnerit sivun taulukko responsiiviseksi ilman bootstrappia joka ei toimi */
   .sponsor-pack {
       width: 100%;
       font-size: 0.8em;
   }

}