Team:Northwestern/Templates/Skinning

From 2013.igem.org

(Difference between revisions)
Line 28: Line 28:
.banner {display: block; width: 1000px; margin: auto; position: static;}
.banner {display: block; width: 1000px; margin: auto; position: static;}
 +
 +
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
 +
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
 +
#main-nav .subnav {
 +
    display: none;
 +
    position: absolute;
 +
    top: 67px;
 +
    left: 0px;
 +
    width: 100%;
 +
    list-style-type: none;
 +
    background: #fff;
 +
    margin: 0;
 +
    border:solid 1px #eeeeee;
 +
    z-index:5;
 +
    padding:0;
 +
}
 +
#main-nav .subnav li {
 +
    display: block;
 +
    border-bottom: solid 1px #eeeeee;
 +
    margin:0;
 +
}
 +
#main-nav .subnav li a {
 +
    color: #333;
 +
    height:18px;
 +
    padding:10px 0;
 +
    font-size:13px;
 +
}
 +
#main-nav .subnav li a:hover {
 +
    background:#f9f9f9;
 +
}
 +
#nav-primary {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    float: left;
 +
    padding:0;
 +
}
 +
#nav-primary li {
 +
    float: left;
 +
    position: relative;
 +
}
 +
#nav-primary li a {
 +
    float: left;
 +
    color: #000;
 +
    text-align: center;
 +
    font-size: 14px;
 +
    height: 48px;
 +
    padding-top: 19px;
 +
    line-height: 16px;
 +
    width: 164px;
 +
    text-decoration:none;
 +
}
 +
#nav-primary li a:hover {
 +
    text-decoration:none;
 +
}
 +
#nav-primary li:hover .subnav {
 +
    display: block;
 +
}
 +
 +
</style>  
</style>  
Line 34: Line 93:
   <center><a href = "https://2013.igem.org/Team:Northwestern"> <img src="https://static.igem.org/mediawiki/2013/thumb/1/16/Newnewnew-banner.gif/800px-Newnewnew-banner.gif" height="150"width="800"/> </a>
   <center><a href = "https://2013.igem.org/Team:Northwestern"> <img src="https://static.igem.org/mediawiki/2013/thumb/1/16/Newnewnew-banner.gif/800px-Newnewnew-banner.gif" height="150"width="800"/> </a>
</div></center>
</div></center>
 +
 +
<nav id="main-nav">
 +
    <ul id="nav-primary">
 +
       
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a>
 +
 +
            <ul class="subnav">
 +
                <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a>
 +
                </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Team">Meet us!</a>
 +
                </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a>
 +
 +
            <ul class="subnav">
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a>
 +
                </li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/PreFluorescence">Buffers</a>
 +
                <li><a href="https://2013.igem.org/Team:Northwestern/Results/Fluorescence">Fluorescence Assay</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a>
 +
 
 +
          <ul class="subnav">
 +
              <li> <a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a> </li>
 +
                <li> <a href="https://2013.igem.org/Team:Northwestern/biblio">References</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#"> Outreach </a>
 +
              <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Human_Practice">Human Practice</a> </li>
 +
              </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a>
 +
        <ul class="subnav">
 +
                  <li> <a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a> </li>
 +
              </ul>
 +
        </li>
 +
    </ul>
 +
</nav>
 +
</html>
</html>

Revision as of 03:25, 28 September 2013

Retrieved from "http://2013.igem.org/Team:Northwestern/Templates/Skinning"