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

m
 
(18 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
/* CSS for sponsors here */
 
/* CSS for sponsors here */
  
−
#sponsortitle{
+
/*If we want a title for sponsors the styling goes here*/
 +
/*.sponsortitle{
 
   margin: 10% 0 5% 0;
 
   margin: 10% 0 5% 0;
 
   text-align:center;
 
   text-align:center;
 
   border-style: none;
 
   border-style: none;
−
}
+
}*/
−
#sponsorrow{
+
/*Styling of each row containing the pictures, centered.*/
 +
.sponsorrow{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#sponsorimg{
+
/*Styling of each image(container) when mouse is not hovering over them. Heigth of image is not assigned here*/
 +
.sponsorimg{
 
   margin: 5px;
 
   margin: 5px;
 
   width: 120px;
 
   width: 120px;
−
   height: 120px;
+
   heigth: 120px;
 
   display: inline-block;
 
   display: inline-block;
−
   filter: grayscale(95%);
+
   /*filter: grayscale(95%);*/
 
   opacity: 0.7;
 
   opacity: 0.7;
 
}
 
}
−
#sponsorimg:hover{
+
/*Width for low images, such as Kemianteollisuus or Geneious*/
−
   filter: grayscale(0%);
+
.long{
 +
  width:170px;
 +
}
 +
.extralong{
 +
  width:210px;
 +
}
 +
/*The colors appear when mouse is hovered over an image.*/
 +
.sponsorimg:hover{
 +
   /*filter: grayscale(0%);*/
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
−
 
+
/*Settings for image inside the image container. It takes the whole space available as efficiently as possible.*/
−
#sponsorimg img{
+
.sponsorimg img{
 
   /*height: auto; width: 100%;  
 
   /*height: auto; width: 100%;  
 
   vertical-align: middle;*/ /* Doesn't work?? */
 
   vertical-align: middle;*/ /* Doesn't work?? */
Line 38: Line 49:
 
     margin: auto;
 
     margin: auto;
 
}
 
}
−
 
 
</style>
 
</style>
  
  
−
<!--<h1 id="sponsortitle">Our Sponsors</h1>-->
+
<!--<h1 class="sponsortitle">Our Sponsors</h1>-->
  
 +
<!-- Small gab between this and other content -->
 
<div style="height:20px"></div>
 
<div style="height:20px"></div>
  
−
<div id="sponsorrow">
 
  
−
   <div id="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>
+
<!-- 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>
 
   </div>
  
−
   <div id="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>
+
  <!-- 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>
 
   </div>
  
−
   <div id="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>
+
  <!-- 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>
 
   </div>
  
−
   <div id="sponsorimg"><a href="https://www.flowdock.com/" ><img src="https://static.igem.org/mediawiki/2015/6/6d/Aalto-Helsinki_sponsorlogo_Flowdock.jpg"></img></a>
+
  <!-- 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>
 
   </div>
  
−
   <div id="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>
+
  <!-- 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>
 
   </div>
  
−
</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>
  
−
<div id="sponsorrow">
+
  <!-- 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>
  
−
   <div id="sponsorimg"><a href="http://www.ibcfinland.fi/" ><img src="https://static.igem.org/mediawiki/2015/6/65/Aalto-Helsinki_sponsorlogo_IBCFinland.jpg"></img></a>
+
  <!-- 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>
 
   </div>
  
−
   <div id="sponsorimg"><a href="http://www.geneious.com/" ><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png"></img></a>
+
  <!-- 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>
 
   </div>
  
−
   <div id="sponsorimg"><a href="http://www.kemianteollisuus.fi/en/" ><img src="https://static.igem.org/mediawiki/2015/5/5f/Aalto-Helsinki_sponsorlogo_kemianteollisuus.jpg"></img></a>
+
  <!-- 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>
 
   </div>
  
−
   <div id="sponsorimg"><a href="http://www.genscript.com/" ><img src="https://static.igem.org/mediawiki/2015/e/ee/Aalto-Helsinki_sponsorlogo_Genscript.gif"></img></a>
+
  <!-- 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>
  

Latest revision as of 12:44, 18 September 2015