Team:UNIK Copenhagen/Signe Nav

From 2013.igem.org

(Difference between revisions)
Line 267: Line 267:
height: 140px;
height: 140px;
}
}
 +
#iGEM{
 +
position: relative;
 +
top: 0;
 +
left: 0;
 +
z-index: 100;
 +
}
 +
#no_wheel{
 +
z-index: 100;
 +
}
 +
#iGEM #wheel{
 +
width: 100px;
 +
height: 100px;
 +
display: block;
 +
position: absolute;
 +
top: 14px;
 +
left: 36px;
 +
z-index: -1;
 +
 +
-webkit-transition-duration: 1s;
 +
    -moz-transition-duration: 1s;
 +
    -o-transition-duration: 1s;
 +
    transition-duration: 1s;
 +
 +
-webkit-transform: rotate(0deg);
 +
-moz-transform: rotate(0deg);
 +
-o-transform: rotate(0deg);
 +
-ms-transform: rotate(0deg);
 +
 +
    -webkit-transition-property: -webkit-transform;
 +
    -moz-transition-property: -moz-transform;
 +
    -o-transition-property: -o-transform;
 +
    transition-property: transform;
 +
}
 +
 +
#no_wheel:hover + #wheel{
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
-o-transform: rotate(360deg);
 +
-ms-transform: rotate(360deg);
 +
z-index: -1;
 +
}
 +
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*              Navigation Bar HTML                    */
/*              Navigation Bar HTML                    */
Line 276: Line 318:
<div id="wrapper">
<div id="wrapper">
<div id="two_logos">
<div id="two_logos">
-
<div id="iGEM_logo"><a href="https://2013.igem.org"><img src="https://static.igem.org/mediawiki/2013/6/6f/UNIK_Copenhagen_iGEM_red.png" width="100px"></a></div>
+
<div id="iGEM_logo"><a href="https://2013.igem.org">
 +
<div id="iGEM">
 +
<img id="no_wheel" src="https://static.igem.org/mediawiki/2013/d/d9/UNIK_Copenhagen_iGEM_no_wheel.png" width="150">
 +
<div id="wheel"><img src="https://static.igem.org/mediawiki/2013/3/31/UNIK_Copenhagen_iGEM_the_wheel.png" width="100"></div>
 +
</div></a></div>
<div id="our_logo"><a href="https://2013.igem.org/Team:UNIK_Copenhagen"><img src="https://static.igem.org/mediawiki/2013/2/23/UNIK_Copenhagen_our_logo_darker.jpg" width="200"></a></div>
<div id="our_logo"><a href="https://2013.igem.org/Team:UNIK_Copenhagen"><img src="https://static.igem.org/mediawiki/2013/2/23/UNIK_Copenhagen_our_logo_darker.jpg" width="200"></a></div>
</div>
</div>

Revision as of 10:59, 27 August 2013