Difference between revisions of "Template:Aalto-Helsinki/Sponsors"
m |
|||
(17 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
/* CSS for sponsors here */ | /* CSS for sponsors here */ | ||
− | + | /*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; | ||
− | } | + | }*/ |
− | + | /*Styling of each row containing the pictures, centered.*/ | |
+ | .sponsorrow{ | ||
text-align: center; | 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; | margin: 5px; | ||
width: 120px; | width: 120px; | ||
− | + | heigth: 120px; | |
display: inline-block; | display: inline-block; | ||
− | filter: grayscale(95%); | + | /*filter: grayscale(95%);*/ |
opacity: 0.7; | opacity: 0.7; | ||
} | } | ||
− | + | /*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{ | |
/*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 | + | <!--<h1 class="sponsortitle">Our Sponsors</h1>--> |
+ | <!-- Small gab between this and other content --> | ||
<div style="height:20px"></div> | <div style="height:20px"></div> | ||
− | |||
− | <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> | </div> | ||
− | <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> | </div> | ||
− | <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> | </div> | ||
− | <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> | </div> | ||
− | <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> | </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 | + | <!-- 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> | ||
− | <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> | ||
− | <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> | </div> | ||
− | <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> | </div> | ||
− | <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> | </div> | ||
− | <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> | ||
Latest revision as of 12:44, 18 September 2015