Difference between revisions of "Template:Aalto-Helsinki/Sponsors"

m (Created page with "<html> <p>Just some text to find out if this template works<p> </html>")
 
 
(27 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
  
−
<p>Just some text to find out if this template works<p>
+
<style type="text/css">
 +
/* CSS for sponsors here */
 +
 
 +
/*If we want a title for sponsors the styling goes here*/
 +
/*.sponsortitle{
 +
  margin: 10% 0 5% 0;
 +
  text-align:center;
 +
  border-style: none;
 +
}*/
 +
/*Styling of each row containing the pictures, centered.*/
 +
.sponsorrow{
 +
  text-align: center;
 +
}
 +
/*Styling of each image(container) when mouse is not hovering over them. Heigth of image is not assigned here*/
 +
.sponsorimg{
 +
  margin: 5px;
 +
  width: 120px;
 +
  heigth: 120px;
 +
  display: inline-block;
 +
  /*filter: grayscale(95%);*/
 +
  opacity: 0.7;
 +
}
 +
/*Width for low images, such as Kemianteollisuus or Geneious*/
 +
.long{
 +
  width:170px;
 +
}
 +
.extralong{
 +
  width:210px;
 +
}
 +
/*The colors appear when mouse is hovered over an image.*/
 +
.sponsorimg:hover{
 +
  /*filter: grayscale(0%);*/
 +
  opacity: 1;
 +
}
 +
/*Settings for image inside the image container. It takes the whole space available as efficiently as possible.*/
 +
.sponsorimg img{
 +
  /*height: auto; width: 100%;
 +
  vertical-align: middle;*/ /* Doesn't work?? */
 +
    max-height: 100%; 
 +
    max-width: 100%;
 +
    width: auto;
 +
    height: auto; 
 +
    top: 0; 
 +
    bottom: 0; 
 +
    left: 0; 
 +
    right: 0; 
 +
    margin: auto;
 +
}
 +
</style>
 +
 
 +
 
 +
<!--<h1 class="sponsortitle">Our Sponsors</h1>-->
 +
 
 +
<!-- Small gab between this and other content -->
 +
<div style="height:20px"></div>
 +
 
 +
 
 +
<!-- All the sponsors are on the same row and are vertically aligned automatically. -->
 +
<div class="sponsorrow">
 +
 
 +
  <!-- Aalto Science -->
 +
  <div class="sponsorimg"><a href="http://sci.aalto.fi/en/" ><img src="https://static.igem.org/mediawiki/2015/0/05/Aalto-Helsinki_sponsorlogo_Aalto_science.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- Aalto Chem -->
 +
  <div class="sponsorimg"><a href="http://chem.aalto.fi/en/" ><img src="https://static.igem.org/mediawiki/2015/0/05/Aalto-Helsinki_sponsorlogo_Aalto_chem.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- UH  -->
 +
  <div class="sponsorimg"><a href="http://www.helsinki.fi/en" ><img src="https://static.igem.org/mediawiki/2015/d/d9/Aalto-Helsinki_sponsorlogo_UH.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- UH Science -->
 +
  <div class="sponsorimg"><a href="http://www.helsinki.fi/facultyofscience/" ><img src="https://static.igem.org/mediawiki/2015/c/c6/Aalto-Helsinki_sponsorlogo_UH_science.jpeg"></img></a>
 +
  </div>
 +
 
 +
  <!-- UH Bio -->
 +
  <div class="sponsorimg"><a href="http://www.helsinki.fi/bio/faculty/" ><img src="https://static.igem.org/mediawiki/2015/2/23/Aalto-Helsinki_sponsorlogo_UH_bio.jpg"></img></a>
 +
  </div>
 +
 
 +
  <!-- UH Agri -->
 +
  <div class="sponsorimg long"><a href="http://www.helsinki.fi/food-and-environment/" ><img src="https://static.igem.org/mediawiki/2015/e/e1/Aalto-Helsinki_sponsor_logo_foodagri.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- Flowdock -->
 +
  <div class="sponsorimg"><a href="http://www.flowdock.com/" ><img src="https://static.igem.org/mediawiki/2015/c/cf/Aalto-Helsinki_sponsorlogo_flowdock.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- HYY -->
 +
  <div class="sponsorimg"><a href="http://hyy.helsinki.fi/en" ><img src="https://static.igem.org/mediawiki/2015/d/dc/Aalto-Helsinki_sponsorlogo_HYY.jpg"></img></a>
 +
  </div>
 +
 
 +
 
 +
  <!-- AYY -->
 +
  <div class="sponsorimg"><a href="http://ayy.fi/en/" ><img src="https://static.igem.org/mediawiki/2015/b/b8/Aalto-Helsinki_sponsorlogo_AYY.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- IDT -->
 +
  <div class="sponsorimg long"><a href="http://eu.idtdna.com/site" ><img src="https://static.igem.org/mediawiki/2015/4/46/Aalto-Helsinki_IDT_logo.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- IBC Finland -->
 +
  <div class="sponsorimg long"><a href="http://www.ibcfinland.fi/" ><img src="https://static.igem.org/mediawiki/2015/6/65/Aalto-Helsinki_sponsorlogo_IBCFinland.jpg"></img></a>
 +
  </div>
 +
 
 +
  <!-- Stora Enso -->
 +
  <div class="sponsorimg"><a href="http://www.storaenso.com/" ><img src="https://static.igem.org/mediawiki/2015/a/a1/Aalto-Helsinki_sponsorlogo_storaenso.jpeg"></img></a>
 +
  </div>
 +
 
 +
  <!-- Geneious -->
 +
  <div class="sponsorimg long"><a href="http://www.geneious.com/" ><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- Kemianteollisuus -->
 +
  <div class="sponsorimg extralong"><a href="http://www.kemianteollisuus.fi/en/" ><img src="https://static.igem.org/mediawiki/2015/5/5f/Aalto-Helsinki_sponsorlogo_kemianteollisuus.jpg"></img></a>
 +
  </div>
 +
 
 +
<!-- NEB -->
 +
  <div class="sponsorimg long"><a href="http://www.neb.com/" ><img src="https://static.igem.org/mediawiki/2015/f/f5/Aalto-Helsinki_neb_logo.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- Genscript -->
 +
  <div class="sponsorimg long"><a href="http://www.genscript.com/" ><img src="https://static.igem.org/mediawiki/2015/e/ee/Aalto-Helsinki_sponsorlogo_Genscript.gif"></img></a>
 +
  </div>
 +
 
 +
  <!-- Ratekoulutus -->
 +
  <div class="sponsorimg extralong"><a href="http://ratekoulutus.fi/" ><img src="https://static.igem.org/mediawiki/2015/3/32/Aalto-Helsinki_sponsorlogo_Ratekoulutus.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- Grano -->
 +
  <div class="sponsorimg long"><a href="http://www.grano.fi/" ><img src="https://static.igem.org/mediawiki/2015/b/b8/Aalto-Helsinki_sponsorgrano.png"></img></a>
 +
  </div>
 +
 
 +
  <!-- LAL -->
 +
  <div class="sponsorimg long"><a href="http://www.luonnontieteilijat.fi/" ><img src="https://static.igem.org/mediawiki/2015/6/66/Aalto-Helsinki_sponsor_logo_lal.png"></img></a>
 +
  </div>
 +
 
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 12:44, 18 September 2015