Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 749: Line 749:
.subs
.subs
{
{
-
position: absolute;
 
-
display: none;
 
background-color: #C5E2ED;
background-color: #C5E2ED;
margin: 40px 0px 0px 0px;
margin: 40px 0px 0px 0px;
 +
}
}
.subs li
.subs li
Line 758: Line 757:
padding-right: 20px;
padding-right: 20px;
}
}
-
.menuitem ul li
+
.subs {
-
{
+
    background-color: #222;
-
margin-top: 40px;
+
    border:1px solid #222;
 +
    border-radius: 0 5px 5px 5px;
 +
    border-width: 0 1px 1px;
 +
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
 +
    left: auto;
 +
    overflow: hidden;
 +
    position: relative;
 +
    top: -9999px;
 +
    z-index: 2;
 +
    margin-top: 40px;
 +
    list-style: none outside none;
 +
    -moz-transform: scaleY(0);
 +
    -ms-transform: scaleY(0);
 +
    -o-transform: scaleY(0);
 +
    -webkit-transform: scaleY(0);
 +
    transform: scaleY(0);
 +
 +
    -moz-transform-origin: 0 0;
 +
    -ms-transform-origin: 0 0;
 +
    -o-transform-origin: 0 0;
 +
    -webkit-transform-origin: 0 0;
 +
    transform-origin: 0 0;
 +
 +
    -moz-transition: -moz-transform 0.1s linear;
 +
    -ms-transition: -ms-transform 0.1s linear;
 +
    -o-transition: -o-transform 0.1s linear;
 +
    -webkit-transition: -webkit-transform 0.1s linear;
 +
    transition: transform 0.1s linear;
}
}
-
.menuitem ul
+
.menulist li:hover ul.subs {
-
{
+
    left: 0;
-
position:absolute;
+
    top: 53px;
-
left:0 px;
+
    width: 180px;
 +
 
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
}
}
</style>
</style>
Line 801: Line 833:
             <a href="">ChimeriQ</a>
             <a href="">ChimeriQ</a>
-
<ul class="subs" style="margin: 40px 0px 0px 0px;">
+
<ul class="subs" style="margin: 40px 0px 0px 172px;">
<li>
<li>
Description
Description
Line 818: Line 850:
<li class="menuitem">
<li class="menuitem">
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a>
-
  <ul class="subs" style="margin: 40px 0px 0px 0px;">
+
  <ul class="subs" style="margin: 40px 0px 0px 257px;">
<li>
<li>
Line 826: Line 858:
<li class="menuitem">
<li class="menuitem">
             <a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
-
  <ul class="subs" style="margin: 40px 0px 0px 0px;">
+
  <ul class="subs" style="margin: 40px 0px 0px 342px;">
<li>
<li>
</li>
</li>
Line 841: Line 873:
<li class="menuitem">
<li class="menuitem">
             <a href="http://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
-
  <ul class="subs" style="margin: 40px 0px 0px 0px;">
+
  <ul class="subs" style="margin: 40px 0px 0px 417px;">
<li>
<li>
<a href="http://2012.igem.org/Team:Queens_Canada/Safety">Safety</a>
<a href="http://2012.igem.org/Team:Queens_Canada/Safety">Safety</a>
Line 895: Line 927:
     });
     });
</script>
</script>
-
<script type="text/javascript">
 
-
$('.menuitem').hover(
 
-
function()
 
-
{
 
-
$(this).children().delay(300).fadeIn(500);
 
-
}
 
-
,
 
-
function()
 
-
{
 
-
$(".subs").delay(300).fadeOut(500);
 
-
}
 
-
);
 
-
</script>
 
</html>
</html>

Revision as of 21:13, 23 September 2012

Control