Template:Queens Canada/Headernojs

From 2012.igem.org

(Difference between revisions)
(Undo revision 157805 by P.tsang (talk))
Line 946: Line 946:
.ca-nav span:hover{
.ca-nav span:hover{
opacity:1.0;
opacity:1.0;
 +
}
 +
.subs
 +
{
 +
background-color: #C5E2ED;
 +
margin: 40px 0px 0px 0px;
 +
 +
}
 +
.subs li
 +
{
 +
display: block;
 +
clear: both;
 +
margin: 5px 5px 5px 5px;
 +
}
 +
.subs {
 +
    background-color: #C5E2ED;
 +
    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;
 +
}
 +
.menulist li:hover ul.subs {
 +
    left: 0;
 +
    top: 53px;
 +
    width: 180px;
 +
 +
    -moz-transform: scaleY(1);
 +
    -ms-transform: scaleY(1);
 +
    -o-transform: scaleY(1);
 +
    -webkit-transform: scaleY(1);
 +
    transform: scaleY(1);
}
}
</style>
</style>
Line 962: Line 1,017:
         <ul class="menulist">
         <ul class="menulist">
          
          
-
<li class="menuitem">
+
<li class="menuitem1">
             <a href="http://2012.igem.org/Team:Queens_Canada">Home </a>
             <a href="http://2012.igem.org/Team:Queens_Canada">Home </a>
-
<div class="subs">
 
-
 
-
</div>
 
</li>
</li>
</li>
</li>
-
<li class="menuitem">
+
<li class="menuitem2">
             <a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a>
-
  <div class="subs">
+
  <div class="subs" style="margin: 40px 0px 0px 0px;">
</div>  
</div>  
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="">Project</a>
+
             <a href="">ChimeriQ</a>
-
<ul class="subs">
+
-
<li>
+
 +
<ul class="subs" style="margin: 40px 0px 0px 172px;">
 +
<li>
 +
Description
 +
</li>
 +
<li>
 +
Results
 +
</li>
 +
<li>
 +
Parts
 +
</li>
 +
<li>
 +
Notebook
</li>
</li>
</ul>  
</ul>  
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
+
             <a href="http://2012.igem.org/Team:Queens_Canada/Notebook">Guide</a>
-
  <ul class="subs">
+
  <ul class="subs" style="margin: 40px 0px 0px 257px;">
<li>
<li>
Line 995: Line 1,057:
<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">
+
  <ul class="subs" style="margin: 40px 0px 0px 342px;">
<li>
<li>
-
 
</li>
</li>
</ul>  
</ul>  
Line 1,003: Line 1,064:
<li class="menuitem">
<li class="menuitem">
             <a href="http://2012.igem.org/Team:Queens_Canada/Partners">Partners</a>
             <a href="http://2012.igem.org/Team:Queens_Canada/Partners">Partners</a>
-
  <ul class="subs">
+
  <ul class="subs" style="margin: 40px 0px 0px 0px;">
<li>
<li>
Line 1,010: Line 1,071:
           </li>
           </li>
<li class="menuitem">
<li class="menuitem">
-
             <a href="#">Extras</a>
+
             <a href="http://2012.igem.org/Team:Queens_Canada/Safety">Extras</a>
-
  <ul class="subs">
+
  <ul class="subs" style="margin: 40px 0px 0px 417px;">
<li>
<li>
-
 
+
<a href="http://2012.igem.org/Team:Queens_Canada/Safety">Safety</a>
</li>
</li>
</ul>  
</ul>  
Line 1,020: Line 1,081:
       </div>
       </div>
<div id="igemlogocontainer">
<div id="igemlogocontainer">
-
<a href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
+
<a class="menulink" href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
</div>
</div>
Line 1,037: Line 1,098:
Control
Control
</div>
</div>
-
<script type="text/javascript">
 
-
 
-
$('.menuitem').hover(
 
-
function()
 
-
{
 
-
$(this).children().delay(300).fadeIn(500);
 
-
}
 
-
,
 
-
function()
 
-
{
 
-
$(".subs").delay(300).fadeOut(500);
 
-
}
 
-
);
 
-
</script>
 
<script type="text/javascript">  
<script type="text/javascript">  
Line 1,079: Line 1,126:
     });
     });
</script>
</script>
 +
</html>
</html>

Revision as of 15:22, 24 September 2012

Control