Team:Northwestern/Templates/Header

From 2012.igem.org

(Difference between revisions)
(creating a header template)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
 
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<style type="text/css">
-
 
-
/*Cleaning and Resetting the Background*/
 
-
#search-controls {
 
-
    display:none;}
 
-
#globalWrapper {
 
-
    background: #FFFFFF;}
 
-
#content {
 
-
    border: 0px;
 
-
    width: 100%;}
 
-
h1.firstHeading {
 
-
    display: none;}
 
-
h1, h2, h3, h4, h5, h6 {
 
-
    border-bottom: 0px;}
 
-
body {
 
-
    font-family:serif;}
 
-
 
-
/*Navigation Bar*/
 
-
#navbar {
 
-
    float: right;
 
-
    margin-top: 125px;
 
-
    padding: 0;}
 
-
#navbar li {
 
-
    list-style: none;
 
-
    float: right;}
 
-
#navbar li a {
 
-
    font-size: 18px;
 
-
    font-family: serif;
 
-
    display: block;
 
-
    padding: 3px 8px;
 
-
    text-decoration: none;
 
-
    color: #000;
 
-
    font-weight: bold;
 
-
    text-transform: uppercase;}
 
-
#navbar li a:hover {
 
-
    text-decoration : underline; }
 
-
#navbar li ul {
 
-
    display: none; }
 
-
#navbar li:hover ul, #navbar li.hover ul {
 
-
    display: inline;
 
-
    position: absolute;
 
-
    width: 100%;
 
-
    left: 0;
 
-
    margin: 0;
 
-
    padding: 0; }
 
-
 
-
/*Theme Formatting*/
 
-
#globalWrapper {
 
-
    background: #FFFFFF;}
 
-
#content {
 
-
    background: #FFFFFF;
 
-
    padding: 0;}
 
/*Main Header*/
/*Main Header*/
#header1 {
#header1 {
-
    background: url("https://static.igem.org/mediawiki/2012/c/c0/Wheat_field_stock_by_kuiwi.png");
+
     height: 170px;  
-
     height: 150px;  
+
     width: 100%;
     width: 100%;
     position: relative;
     position: relative;
     top: 0;
     top: 0;
     left: 0;
     left: 0;
-
     margin: 0;
+
     margin: 0;}
-
     padding: 0;}
+
#toIGEM {
-
 
+
     top:0;
 +
    height:60px;
 +
    width:600px;
 +
    display:block;
 +
    float:right;
 +
    vertical-align:top;
 +
    background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat;
 +
    background-position:0 0; }
 +
#toIGEM:hover {
 +
    background:transparent url("https://static.igem.org/mediawiki/2012/f/fc/Css_sprite_return.png") center top no-repeat;
 +
    background-position:0 -60px; }
#headerContainer {
#headerContainer {
-
     background-color: rgba(255,255,255,0.5);
+
     clear:both;
     position: relative;
     position: relative;
     width: 1000px;
     width: 1000px;
     height: 150px;
     height: 150px;
     margin: auto;}
     margin: auto;}
-
 
-
/*Slideshow Header*/
 
-
#header2 {
 
-
    border: 2px solid;
 
-
    border-color: #FFFFFF;
 
-
    width: 996px;
 
-
    position: relative;
 
-
    top: 0;
 
-
    left: 0;
 
-
    margin: auto;
 
-
    padding: 0;
 
-
    clear: both;}
 
</style>
</style>
-
<script type="text/javascript">
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Northwestern/tinydropdowncss?action=raw&ctype=text/css" media="screen">  
-
function display(Menu) {
+
<script type="text/javascript" src="https://2012.igem.org/Team:Northwestern/tinydropdown?action=raw&ctype=text/js"></script>
-
<--
+
<script type="text/javascript" src="https://2012.igem.org/Team:Northwestern/packed?action=raw&ctype=text/js"></script>  
-
    alert("Test");
+
-
    if (Menu.style.display == "none") {
+
-
        Menu.style.display = "inline"; }
+
-
    else {
+
-
        Menu.style.display = "none"; }
+
-
-->
+
-
}
+
-
</script>
+
<div id="header1">
<div id="header1">
-
     <div id="headerContainer">
+
     <div style="width:1000px; margin:auto;">
-
         <img style="margin-top:67px; float:left;" src="https://static.igem.org/mediawiki/2012/c/c2/Bannerlogo.png">
+
         <a id="toIGEM" href="https://2012.igem.org"></a>
-
        <div id="nav">
+
    </div>
-
            <ul id="navbar">
+
    <div id="headerContainer" style="top:-40px">
-
                <li><a href="#">Home</a>
+
        <a href="https://2012.igem.org/Team:Northwestern"><img style="margin-top:20px; float:left;" src="https://static.igem.org/mediawiki/2012/c/c2/Bannerlogo.png"></a>
-
            </li>
+
<div class="nav">
-
                <li><a href="#">Team</a><ul>
+
    <ul id="menu" class="menu">
-
                    <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official Team Profile</a></li>
+
        <li><a href="#">Team</a>
-
                    <li><a href="https://2012.igem.org/Team:Northwestern/Team">Students</a></li>
+
            <ul>
-
                    <li><a href="#">Advisors</a></li>
+
                <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Northwestern">Official</a></li>
-
                    <li><a href="https://2012.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
+
                 <li><a href="https://2012.igem.org/Team:Northwestern/Team">Profiles</a></li>
-
            </ul>
+
                 <li><a href="https://2012.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
-
                </li>
+
-
                <li><a href="#">Project</a><ul>
+
-
                    <li><a href="https://2012.igem.org/Team:Northwestern/Project">At a Glance</a></li>
+
-
                    <li><a href="#">Ideas</a></li>
+
-
                    <li><a href="#">Results</a></li>
+
-
                    <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts Submitted</a></li>
+
-
                    <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
+
-
                    </ul>
+
-
                </li>
+
-
                 <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Notebook</a>
+
-
                </li>
+
-
                 <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a>
+
-
                </li>
+
             </ul>
             </ul>
-
         </div>
+
         </li>
 +
        <li><a href="#">Project</a>
 +
            <ul>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Project">At a Glance</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Project/Background">Background</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Project/Results">Results</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Parts">Parts</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Modeling">Modelling</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="#">Notebook</a>
 +
            <ul>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Protocols">Protocols</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Notebook">Weekly Reports</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="#">Outreach</a>
 +
            <ul>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/CTD">High School</a></li>
 +
                <li><a href="https://2012.igem.org/Team:Northwestern/Outreach/Video">Collaboration</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/Team:Northwestern/Safety">Safety</a>
 +
            <ul>
 +
            </ul>
 +
        </li>
 +
    </ul>
 +
</div>
     </div>
     </div>
</div>
</div>
-
<div id="midheader" style="height:20px">
+
<script type="text/javascript">
-
</div>
+
var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
-
 
+
</script>
-
<div id="header2">
+
-
 
+
-
</div>
+
-
 
+
</html>
</html>

Latest revision as of 23:50, 3 October 2012

Retrieved from "http://2012.igem.org/Team:Northwestern/Templates/Header"