Template:Team:DukeMenu/CSS

From 2014.igem.org

(Difference between revisions)
 
(120 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
-
 
-
<!--THIS STYLE SHEET IS FOR THE MENU-BAR-->
 
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
<style media="screen" type="text/css">
+
<head>
-
ul {
+
 
-
     list-style-type: none;
+
 
-
     margin: 0;
+
<style type="text/css">
-
     padding: 0;
+
#navbar ul, #navbar li {  
 +
     list-style: none;
 +
    list-style-position:inside;
 +
     margin:0px 0px;
 +
     padding:0;
}
}
-
li {
+
#navbar img {
-
     display: inline;
+
width:25%;
 +
height:25%;
 +
}
 +
 
 +
#navbar ul  {
 +
     display:none;
 +
    position:absolute;
 +
    left:0px;
 +
    width:100%;
 +
    background-color:#0736A4;
 +
}
 +
 
 +
 
 +
#navbar li{
 +
    float:left;
 +
    padding:10px 0px;
 +
    position:relative;
 +
    width:12.5%; /*originally 16.66%*/
 +
}
 +
 
 +
#navbar > li >ul {
 +
    margin: 10px 0px;
 +
}
 +
 
 +
#navbar {
 +
    text-align:center;
 +
    height: 43px; /*43px originally*/
 +
    background-color:#0736A4;
 +
    margin: 0px 0px 40px 0px;
 +
    z-index:51;
 +
}
 +
 
 +
#navbar a {
 +
    text-decoration:none;
 +
    color:white;
 +
    /*font-family:raleway;*/
 +
    font-size:16px;
 +
}
 +
 
 +
#navbar li li {
 +
    width:100%;
}
}
</style>
</style>
-
</head>
 
 +
 +
</head>
<body>
<body>
 +
<script>
 +
 +
$(document).ready(function(){
 +
  $('#navbar > li').hover(function() {
 +
$(this).find('ul').slideToggle("slow");
 +
});
 +
 +
 +
$('#navbar > li > ul > li').mouseover(function(){
 +
  $(this).css("background-color","#0730D3");
 +
});
 +
 +
$('#navbar li').hover(function(){
 +
  $(this).css("background-color","#0736A4");
 +
});
 +
 +
 +
$('#navbar > li > a').hover(function(){$(this).parent().css("background-color","#0730D3");}, function(){$(this).parent().css("background-color","#0736A4");});
 +
});
 +
  </script>
 +
 +
<!-- 0736A4 is duke blue -->
 +
 +
 +
<ul id="navbar">
 +
        <li><a href="https://2014.igem.org/Team:Duke">Home</a></li>
 +
        <li><a href="https://2014.igem.org/Team:Duke/Team">Team</a>
<ul>
<ul>
-
  <li><a href="#home">Home</a></li>
+
                <li><a href="https://2014.igem.org/Team:Duke/Team">About Us</a></li>
-
  <li><a href="#news">News</a></li>
+
                <li><a href="https://igem.org/Team.cgi?year=2014&amp;team_name=Duke">Official Team Profile</a></li>
-
  <li><a href="#contact">Contact</a></li>
+
                <li><a href="https://2014.igem.org/Team:Duke/Team/Gallery">Photo Gallery</a></li>            
-
  <li><a href="#about">About</a></li>
+
                <li><a href="https://2014.igem.org/Team:Duke/Team/Attributions">Attributions</a></li>          
</ul>
</ul>
 +
        </li>     
 +
        <li><a href="https://2014.igem.org/Team:Duke/Project">Project</a>
 +
<ul>
 +
  <li><a href="https://2014.igem.org/Team:Duke/Project#background">Background</a></li>             
 +
                <li><a href="https://2014.igem.org/Team:Duke/Project#summary">Summary</a></li>
 +
              <li><a href="https://2014.igem.org/Team:Duke/Modeling">Modeling</a></li>
 +
  <li><a href="https://2014.igem.org/Team:Duke/Project#results">Results</a></li>       
 +
  <li><a href="https://2014.igem.org/Team:Duke/Project#future">Future Directions</a></li>           
 +
   
 +
</ul>
 +
      </li>
 +
      <li><a href="https://2014.igem.org/Team:Duke/Parts">Parts</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Duke/Notebook/Overview">Notebook</a>
 +
<ul>
 +
                <li><a href="https://2014.igem.org/Team:Duke/Notebook/Overview">Overview</a></li>
 +
                <li><a href="https://2014.igem.org/Team:Duke/Notebook/Months">Notebook by Month</a></li>                                                   
 +
        <li><a href="https://2014.igem.org/Team:Duke/Notebook/Protocols">Protocols</a></li>           
 +
</ul>
 +
      </li>
 +
      <li><a href="https://2014.igem.org/Team:Duke/Policy">Policy and Practice</a>
 +
        <ul>
 +
                <li><a href="https://2014.igem.org/Team:Duke/Policy#threed">3D Printing</a></li>             
 +
                <li><a href="https://2014.igem.org/Team:Duke/Policy#hoco">House Course</a></li>             
 +
                <li><a href="https://2014.igem.org/Team:Duke/Policy#smath">NCSSM Team</a></li>             
 +
        </ul>
 +
      </li>       
 +
      <li><a href="https://2014.igem.org/Team:Duke/Safety">Safety</a></li>     
 +
      <li><a href="https://2014.igem.org/"><img src = "https://static.igem.org/mediawiki/2014/1/1a/Mattigemlogowhite.png"></a></li>     
 +
 +
<div style="clear: both;"></div>
 +
</ul>
 +
 +
</body>
</body>
</html>
</html>

Latest revision as of 02:49, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:DukeMenu/CSS"