Difference between revisions of "Template:Team:Vilnius-Lithuania/Vilnius15 Header"

Line 59: Line 59:
 
         text-decoration: none;
 
         text-decoration: none;
 
     }
 
     }
 +
 +
 +
.desturate img:hover {
 +
  -webkit-filter: grayscale(0%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(0%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(0%);
 +
  -o-transition: .5s ease-in-out;
 +
}
 +
 +
.desturate img {
 +
  -webkit-filter: grayscale(100%);
 +
  -webkit-transition: .5s ease-in-out;
 +
  -moz-filter: grayscale(100%);
 +
  -moz-transition: .5s ease-in-out;
 +
  -o-filter: grayscale(100%);
 +
  -o-transition: .5s ease-in-out;
 +
}
 
</style>
 
</style>
 
<header class="container-fluid">
 
<header class="container-fluid">
Line 71: Line 90:
  
  
<svg xmlns="http://www.w3.org/2000/svg" id="svgroot" viewBox="0 0 75 75" width="75" height="75" style="float: right; margin-top: -20px; margin-right: 10px;">
 
  <defs>
 
    <filter id="filtersPicture">
 
      <feComposite result="inputTo_38" in="SourceGraphic" in2="SourceGraphic" operator="arithmetic" k1="0" k2="1" k3="0" k4="0" />
 
      <feColorMatrix id="filter_38" type="saturate" values="0" data-filterid="38" />
 
    </filter>
 
  </defs>
 
  <image filter="url(&quot;#filtersPicture&quot;)" x="0" y="0" width="75" height="75" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://s6.postimg.org/685k8el0x/IGEM_logo_500x500.png" />
 
  </svg>
 
  
<!--
+
<div style="float: right; margin-top: -20px; margin-right: 10px;"><a class="desturate" href="https://2015.igem.org/Main_Page"><img src="http://s6.postimg.org/685k8el0x/IGEM_logo_500x500.png" width="75" height="75" /></a>
<div style="float: right; margin-top: -20px; margin-right: 10px;"><img src="http://s6.postimg.org/685k8el0x/IGEM_logo_500x500.png" width="75" height="75" />
+
 
</div>
 
</div>
  
-->
 
  
  

Revision as of 22:04, 25 August 2015