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

m
m (cleaning up the code)
Line 4: Line 4:
 
/* CSS for sponsors here */
 
/* CSS for sponsors here */
  
−
#sponsortitle{
+
.sponsortitle{
 
   margin: 10% 0 5% 0;
 
   margin: 10% 0 5% 0;
 
   text-align:center;
 
   text-align:center;
 
   border-style: none;
 
   border-style: none;
 
}
 
}
−
#sponsorrow{
+
.sponsorrow{
 
   text-align: center;
 
   text-align: center;
 
}
 
}
−
#sponsorimg{
+
.sponsorimg{
 
   margin: 5px;
 
   margin: 5px;
 
   width: 120px;
 
   width: 120px;
−
  height: 120px;
 
 
   display: inline-block;
 
   display: inline-block;
 
   filter: grayscale(95%);
 
   filter: grayscale(95%);
 
   opacity: 0.7;
 
   opacity: 0.7;
 
}
 
}
−
#sponsorimg:hover{
+
.low{
 +
  heigth: 50px;
 +
}
 +
.high{
 +
  heigth: 120px;
 +
}
 +
 
 +
.sponsorimg:hover{
 
   filter: grayscale(0%);
 
   filter: grayscale(0%);
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
  
−
#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 44:
 
     margin: auto;
 
     margin: auto;
 
}
 
}
−
 
 
</style>
 
</style>
  
  
−
<!--<h1 id="sponsortitle">Our Sponsors</h1>-->
+
<!--<h1 class="sponsortitle">Our Sponsors</h1>-->
  
 
<div style="height:20px"></div>
 
<div style="height:20px"></div>
  
−
<div id="sponsorrow">
+
<div class="sponsorrow">
 +
  <!-- This row contains all the regular-sized sponsor pictures. It is ok to add the lower sponsorimglow:s, the images will be vertically centered. -->
  
−
   <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>
+
   <div class="sponsorimg high"><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>
+
   <div class="sponsorimg high"><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>
+
   <div class="sponsorimg high"><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="https://www.flowdock.com/" ><img src="https://static.igem.org/mediawiki/2015/6/6d/Aalto-Helsinki_sponsorlogo_Flowdock.jpg"></img></a>
+
   <div class="sponsorimg high"><a href="https://www.flowdock.com/" ><img src="https://static.igem.org/mediawiki/2015/6/6d/Aalto-Helsinki_sponsorlogo_Flowdock.jpg"></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>
+
   <div class="sponsorimg high"><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>
 
   </div>
  
Line 66: Line 72:
  
  
−
<div id="sponsorrow">
+
<div class="sponsorrow">
 +
  <!-- This row contains all the low sponsor pictures. It is ok to add regular sponsorimg:s, the images will be vertically centered. -->
  
−
   <div id="sponsorimg"><a href="http://eu.idtdna.com/site" ><img src="https://static.igem.org/mediawiki/2015/9/92/TU_Eindhoven_IDT_Logo.png"></img></a>
+
   <div class="sponsorimg low"><a href="http://eu.idtdna.com/site" ><img src="https://static.igem.org/mediawiki/2015/9/92/TU_Eindhoven_IDT_Logo.png"></img></a>
 
   </div>
 
   </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>
+
   <div class="sponsorimg low"><a href="http://www.ibcfinland.fi/" ><img src="https://static.igem.org/mediawiki/2015/6/65/Aalto-Helsinki_sponsorlogo_IBCFinland.jpg"></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>
+
   <div class="sponsorimg low"><a href="http://www.geneious.com/" ><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.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>
+
   <div class="sponsorimg low"><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>
 
   </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>
+
   <div class="sponsorimg low"><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>
  

Revision as of 11:51, 16 June 2015