Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 31: Line 31:
opacity: 0.8;
opacity: 0.8;
}
}
-
#nav,#nav ul {
+
#menu,#menu ul {
     list-style: none outside none;
     list-style: none outside none;
     margin: 0;
     margin: 0;
Line 39: Line 39:
     z-index: 5;
     z-index: 5;
}
}
-
#nav {
+
#menu {
     background-color: transparent;
     background-color: transparent;
     clear: both;
     clear: both;
Line 48: Line 48:
     width: 650px;
     width: 650px;
     left: 340px;
     left: 340px;
-
     top: -100px;
+
     top: 0px;
}
}
-
#nav ul {
+
#menu ul {
     background-color: #222;
     background-color: #222;
     border:1px solid #222;
     border:1px solid #222;
Line 81: Line 81:
     font-family: Tahoma, Geneva, sans-serif;
     font-family: Tahoma, Geneva, sans-serif;
}
}
-
#nav li {
+
#menu li {
     background: url('menu_line.png') no-repeat scroll right 5px transparent;
     background: url('menu_line.png') no-repeat scroll right 5px transparent;
     float: left;
     float: left;
     position: relative;
     position: relative;
}
}
-
#nav li a {
+
#menu li a {
     color: #000000;
     color: #000000;
     display: block;
     display: block;
Line 624: Line 624:
margin-top: 50px;
margin-top: 50px;
-
}
 
-
#menu1
 
-
{
 
-
width:72px;
 
-
height: 0px;
 
-
background-image:url('http://dl.dropbox.com/u/46807995/protein1.png');
 
-
position:absolute;
 
-
color: transparent;
 
-
top: 53px;
 
-
left: 430px;
 
}
}
#topbarcontainer
#topbarcontainer
Line 676: Line 666:
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="qboxlink" href="http://www.queensu.ca/"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
-
<ul id="nav">
+
      <div id="menu">
-
<li class="menuoption"><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
+
        <ul class="menulist">
-
<li class="menuoption"><a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
+
       
-
        <li class="menuoption"><a class="hsubs" href="#">Project</a>
+
<li class="menuitem">
-
<ul class="subs">
+
            <a href="">Home </a>
-
<li><a href="#">Chimeric Flagella</a></li>
+
 
-
<li><a href="#">Ligation Method</a></li>
+
<div class="subs">
-
</ul>
+
asdfasdf
 +
</div>
</li>
</li>
-
<li class="menuoption"><a class="hsubs" href="http://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
+
 
-
</li>
+
-
<li class="menuoption"><a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
+
-
<ul class="subs">
+
-
        <li><a href="http://2012.igem.org/Team:Queens_Canada/SynthetiQ/DNA">DNA</a></li>
+
-
        </ul>
+
</li>
</li>
-
<li class="menuoption"><a class="hsubs" href="#">Partners</a>
+
<li class="menuitem">
-
<ul class="subs">
+
            <a href="">Team</a>
-
<li><a href="http://2012.igem.org/Team:Queens_Canada/Sponsors">Sponsors</a></li>
+
<div class="subs">
-
</ul>
+
asdfasdfthis
 +
</div>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="">Project</a>
 +
<ul class="subs">
 +
<li>
 +
asdfasdf
</li>
</li>
-
<li class="menuoption"><a class="hsubs" href="#">Extras</a> </li>
+
</ul>
-
<div id="lavalamp"></div>
+
          </li>
-
</ul>
+
<li class="menuitem">
 +
            <a href="">Notebook</a>
 +
<ul class="subs">
 +
<li>
 +
asdfasdf
 +
</li>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="">SynthetiQ</a>
 +
<ul class="subs">
 +
<li>
 +
asdfasdf
 +
</li>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="">Partners</a>
 +
<ul class="subs">
 +
<li>
 +
asdfasdf
 +
</li>
 +
</ul>
 +
          </li>
 +
<li class="menuitem">
 +
            <a href="">Extras</a>
 +
<ul class="subs">
 +
<li>
 +
asdfasdf
 +
</li>
 +
</ul>
 +
          </li>
 +
        </ul>
 +
      </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 href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
Line 718: Line 744:
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">
var startleft =$("#nav").offset().left;
var startleft =$("#nav").offset().left;

Revision as of 20:57, 19 July 2012

Control