Difference between revisions of "Template:Aalto-Helsinki/Sponsors"
m (cleaning up the code) |
m |
||
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; | ||
− | } | + | }*/ |
+ | /*Styling of each row containing the pictures, centered.*/ | ||
.sponsorrow{ | .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{ | .sponsorimg{ | ||
margin: 5px; | margin: 5px; | ||
Line 19: | Line 22: | ||
opacity: 0.7; | opacity: 0.7; | ||
} | } | ||
+ | /*Height for low images, such as Kemianteollisuus or Geneious*/ | ||
.low{ | .low{ | ||
heigth: 50px; | heigth: 50px; | ||
} | } | ||
+ | /*Height for normal-sized images, such as universities and Flowdock.*/ | ||
.high{ | .high{ | ||
heigth: 120px; | heigth: 120px; | ||
} | } | ||
− | + | /*The colors appear when mouse is hovered over an image.*/ | |
.sponsorimg:hover{ | .sponsorimg:hover{ | ||
filter: grayscale(0%); | 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%; | ||
Line 49: | Line 54: | ||
<!--<h1 class="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> | ||
+ | |||
+ | <!-- This row contains all the regular-sized sponsor pictures. It is ok to add the lower sponsorimg low:s, the images will be vertically centred. --> | ||
<div class="sponsorrow"> | <div class="sponsorrow"> | ||
− | |||
+ | <!-- Aalto Science --> | ||
<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 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> | ||
+ | <!-- Aalto Chem --> | ||
<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 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> | ||
+ | <!-- UH Science --> | ||
<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 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> | ||
+ | <!-- Flowdock --> | ||
<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 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> | ||
+ | <!-- HYY --> | ||
<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 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 72: | Line 84: | ||
+ | <!-- This row contains all the low sponsor pictures. It is ok to add regular sponsorimg high:s, the images will be vertically centered. --> | ||
<div class="sponsorrow"> | <div class="sponsorrow"> | ||
− | |||
+ | <!-- IDT --> | ||
<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 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> | ||
+ | <!-- IBC Finland --> | ||
<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 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> | ||
+ | <!-- Geneious --> | ||
<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 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> | ||
+ | <!-- Kemianteollisuus --> | ||
<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 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> | ||
+ | <!-- Genscript --> | ||
<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 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 07:18, 17 June 2015