Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
(Undo revision 42154 by P.tsang (talk))
Line 31: Line 31:
opacity: 0.8;
opacity: 0.8;
}
}
-
#menu,#menu ul {
+
#nav,#nav 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;
}
}
-
#menu {
+
#nav {
     background-color: transparent;
     background-color: transparent;
     clear: both;
     clear: both;
Line 48: Line 48:
     width: 650px;
     width: 650px;
     left: 340px;
     left: 340px;
-
     top: 0px;
+
     top: -100px;
}
}
-
#menu ul {
+
#nav 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;
}
}
-
#menu li {
+
#nav 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;
}
}
-
#menu li a {
+
#nav 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 666: Line 676:
<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>
-
      <div id="menu">
+
<ul id="nav">
-
        <ul class="menulist">
+
<li class="menuoption"><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
-
       
+
<li class="menuoption"><a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
-
<li class="menuitem">
+
        <li class="menuoption"><a class="hsubs" href="#">Project</a>
-
            <a href="">Home </a>
+
<ul class="subs">
-
 
+
<li><a href="#">Chimeric Flagella</a></li>
-
<div class="subs">
+
<li><a href="#">Ligation Method</a></li>
-
asdfasdf
+
</ul>
-
</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="menuitem">
+
<li class="menuoption"><a class="hsubs" href="#">Partners</a>
-
            <a href="">Team</a>
+
<ul class="subs">
-
<div class="subs">
+
<li><a href="http://2012.igem.org/Team:Queens_Canada/Sponsors">Sponsors</a></li>
-
asdfasdfthis
+
</ul>
-
</div>
+
-
          </li>
+
-
<li class="menuitem">
+
-
            <a href="">Project</a>
+
-
<ul class="subs">
+
-
<li>
+
-
asdfasdf
+
</li>
</li>
-
</ul>
+
<li class="menuoption"><a class="hsubs" href="#">Extras</a> </li>
-
          </li>
+
<div id="lavalamp"></div>
-
<li class="menuitem">
+
</ul>
-
            <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 744: Line 718:
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 21:01, 19 July 2012

Control