Difference between revisions of "Team:Aalto-Helsinki"
(edited practices and community menus) |
(opacity to tree, restriction and production images when not hovered over them) |
||
Line 55: | Line 55: | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .hoverable{ | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | .hoverable:hover { | ||
+ | opacity: 1; | ||
} | } | ||
Line 271: | Line 278: | ||
<!-- Tree pic --> | <!-- Tree pic --> | ||
− | <div class="col-xs-12 col-md-2" id="tree"> | + | <div class="col-xs-12 col-md-2 hoverable" id="tree"> |
<div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/8d/Aalto-Helsinki_tree_new.png" /></div> | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/8d/Aalto-Helsinki_tree_new.png" /></div> | ||
</div> | </div> | ||
Line 279: | Line 286: | ||
<!-- Restriction pic --> | <!-- Restriction pic --> | ||
− | <div class="col-xs-12 col-md-2 " id="restriction"> | + | <div class="col-xs-12 col-md-2 hoverable" id="restriction"> |
<div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/45/Aalto-Helsinki_Restriction_flipped.png" style="padding-top:60%;" /></div> | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/4/45/Aalto-Helsinki_Restriction_flipped.png" style="padding-top:60%;" /></div> | ||
</div> | </div> | ||
Line 287: | Line 294: | ||
<!-- Production pic --> | <!-- Production pic --> | ||
− | <div class="col-xs-12 col-md-2 " id="production"> | + | <div class="col-xs-12 col-md-2 hoverable" id="production"> |
<div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/f/f7/Aalto-Helsinki_propane_production_new.png" /></div> | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/f/f7/Aalto-Helsinki_propane_production_new.png" /></div> | ||
</div> | </div> |
Revision as of 07:28, 5 September 2015