Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 63: Line 63:
     transform-origin: 0 0;
     transform-origin: 0 0;
-
     -moz-transition: -moz-transform 0.1s linear;
+
     -moz-transition: -moz-transform 0.2s linear;
-
     -ms-transition: -ms-transform 0.1s linear;
+
     -ms-transition: -ms-transform 0.2s linear;
-
     -o-transition: -o-transform 0.1s linear;
+
     -o-transition: -o-transform 0.2s linear;
-
     -webkit-transition: -webkit-transform 0.1s linear;
+
     -webkit-transition: -webkit-transform 0.2s linear;
-
     transition: transform 0.1s linear;
+
     transition: transform 0.2s linear;
     font-family: Tahoma, Geneva, sans-serif;
     font-family: Tahoma, Geneva, sans-serif;
}
}
Line 119: Line 119:
     background-color: #cccccc;
     background-color: #cccccc;
     color: #333333;
     color: #333333;
-
}
 
-
#lavalamp {
 
-
    background: url('lavalamp.png') no-repeat scroll 0 0 transparent;
 
-
    height: 16px;
 
-
    left: 13px;
 
-
    position: absolute;
 
-
    top: 0px;
 
-
    width: 64px;
 
-
 
-
    -moz-transition: all 300ms ease;
 
-
    -ms-transition: all 300ms ease;
 
-
    -o-transition: all 300ms ease;
 
-
    -webkit-transition: all 300ms ease;
 
-
    transition: all 300ms ease;
 
-
}
 
-
#lavalamp:hover {
 
-
    -moz-transition-duration: 3000s;
 
-
    -ms-transition-duration: 3000s;
 
-
    -o-transition-duration: 3000s;
 
-
    -webkit-transition-duration: 3000s;
 
-
    transition-duration: 3000s;
 
-
}
 
-
#nav li:nth-child(1):hover ~ #lavalamp {
 
-
    left: 13px;
 
-
}
 
-
#nav li:nth-child(2):hover ~ #lavalamp {
 
-
    left: 90px;
 
-
}
 
-
#nav li:nth-child(3):hover ~ #lavalamp {
 
-
    left: 170px;
 
-
}
 
-
#nav li:nth-child(4):hover ~ #lavalamp {
 
-
    left: 250px;
 
-
}
 
-
#nav li:nth-child(5):hover ~ #lavalamp {
 
-
    left: 330px;
 
-
}
 
-
#nav li:nth-child(6):hover ~ #lavalamp {
 
-
    left: 410px;
 
-
}
 
-
#nav li:nth-child(7):hover ~ #lavalamp {
 
-
    left: 490px;
 
-
}
 
-
#nav li:nth-child(8):hover ~ #lavalamp {
 
-
    left: 565px;
 
}
}

Revision as of 13:43, 9 July 2012

Control