Difference between revisions of "Template:Aalto-Helsinki/Sponsors"
m |
|||
(25 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*/ | |
− | margin: | + | /*.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*/ | |
− | margin | + | .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> | </style> | ||
− | |||
− | <div | + | <!--<h1 class="sponsortitle">Our Sponsors</h1>--> |
− | <a href="http:// | + | |
+ | <!-- 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> | </div> | ||
</html> | </html> |
Latest revision as of 12:44, 18 September 2015