Template:Team:UNAM-Genomics Mexico/Templates/Main2
From 2010.igem.org
(Difference between revisions)
Line 28: | Line 28: | ||
#footer-box { | #footer-box { | ||
display:none; | display:none; | ||
+ | } | ||
+ | |||
+ | /* This is the bubblewrap code */ | ||
+ | /*Credits: Dynamic Drive CSS Library */ | ||
+ | /*URL: http://www.dynamicdrive.com/style/ */ | ||
+ | |||
+ | .bubblewrap{ | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | .bubblewrap li{ | ||
+ | display:inline; | ||
+ | width: 65px; | ||
+ | height:60px; | ||
+ | } | ||
+ | |||
+ | .bubblewrap li img{ | ||
+ | width: 120px; /* width of each image.*/ | ||
+ | height: 60px; /* height of each image.*/ | ||
+ | border: 0; | ||
+ | margin-right: 0px; /*spacing between each image*/ | ||
+ | -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ | ||
+ | -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ | ||
+ | } | ||
+ | |||
+ | .bubblewrap li img:hover{ | ||
+ | -moz-transform:scale(1.8); /*scale up image 1.8x*/ | ||
+ | -webkit-transform:scale(1.8); | ||
+ | -o-transform:scale(1.8); | ||
} | } | ||
Line 159: | Line 190: | ||
<div id="leftcolumn"> | <div id="leftcolumn"> | ||
<div class="innertube"> | <div class="innertube"> | ||
- | </html><div | + | <ul class="bubblewrap" align="center"> |
+ | <h1>Languages</h1> | ||
+ | |||
+ | |||
+ | <li><a href="</html><div>{{{Spanish}}}</div><html>"><img src="https://static.igem.org/mediawiki/2010/c/cc/UNAM-Genomics_Mexico_Flag_of_Mexico.svg.png" title="Español" /></a></li> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | |||
+ | <li><a href="</html><div>{{{English}}}</div><html>"><img src="https://static.igem.org/mediawiki/2010/2/28/UNAM-Genomics_Mexico_Flag_of_the_United_Kingdom.svg.png" title="English" /></a></li> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | |||
+ | <li><a href="</html><div>{{{French}}}</div><html>"><img src="https://static.igem.org/mediawiki/2010/b/b3/UNAM-Genomics_Mexico_Flag_of_France.svg.png" title="Français" /></a></li> | ||
+ | |||
+ | </ul> | ||
</div> | </div> | ||
</div> | </div> |