Difference between revisions of "Team:Tianjin/Templates/MaterialTheme"
Crepuscule (Talk | contribs) |
Crepuscule (Talk | contribs) |
||
| Line 121: | Line 121: | ||
</style> | </style> | ||
| + | <footer> | ||
| + | <div class="container-fluid" style="background-color: none;"> | ||
| + | <div class="row"> | ||
| + | <div class="col-xs-6 col-sm-3"><a href="http://www.alltechms.com/"><img src="https://static.igem.org/mediawiki/2016/5/51/T--Tianjin--Sponsor_Alltech.png" alt="Team Tianjin Sponsor Alltech" class="img-responsive grayscale"></a></div> | ||
| + | <div class="col-xs-6 col-sm-3"><a href="http://www.genscript.com/"><img src="https://static.igem.org/mediawiki/2016/0/01/T--Tianjin--Sponsor_GenScript.png" alt="Team Tianjin Sponsor GenScript" class="img-responsive grayscale"></a></div> | ||
| + | <div class="col-xs-6 col-sm-3"><a href="http://www.synbio-tech.com/"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Tianjin--Sponsor_SynbioTech.png" alt="Team Tianjin Sponsor SynbioTech" class="img-responsive grayscale"></a></div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </footer> | ||
| + | |||
| + | <style> | ||
| + | img.grayscale:hover { | ||
| + | filter: none; | ||
| + | -webkit-filter: grayscale(0%); | ||
| + | } | ||
| + | |||
| + | img.grayscale { | ||
| + | filter: gray; | ||
| + | -webkit-filter: grayscale(100%); | ||
| + | -webkit-transition: all .6s ease; | ||
| + | -webkit-backface-visibility: hidden; | ||
| + | } | ||
| + | </style> | ||
</html> | </html> | ||
Revision as of 06:47, 1 October 2016
