Team:Calgary/Sandbox3

From 2011.igem.org

(Difference between revisions)
Line 98: Line 98:
background-image: url(https://static.igem.org/mediawiki/2011/7/7b/UCalgary_NavRepeater.png);
background-image: url(https://static.igem.org/mediawiki/2011/7/7b/UCalgary_NavRepeater.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
 +
margin-top: -60px; /*moves the bar up into the header image*/
}
}
Line 149: Line 150:
}
}
 +
/*Establish sprites for each individual button*/
ul#topnav li.home a{
ul#topnav li.home a{
-
margin-left: 60px;
+
margin-left: 60px; /*to center the bar*/
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
width: 112px;
width: 112px;
Line 207: Line 209:
padding-left: 9px;
padding-left: 9px;
padding-right: 9px;
padding-right: 9px;
 +
}
 +
 +
/*End menu stuff. Onto the rest of the header!*/
 +
 +
#headbanner{
 +
margin-left: -5px;
 +
margin-top: -128px;
 +
}
 +
 +
#fb-button{
 +
position: absolute;
 +
margin-left: 872px;
 +
margin-top: -170px;
 +
}
 +
 +
#twitter-button{
 +
position: absolute;
 +
margin-left: 898px;
 +
margin-top: -170px;
}
}
Line 214: Line 235:
<body>
<body>
 +
 +
<a href="https://2011.igem.org/Team:Calgary"><img id="headbanner" src="https://static.igem.org/mediawiki/2011/2/25/UCalgary_HeaderImage.png"></img></a>
 +
<a href="https://www.facebook.com/pages/Calgary-iGEM/215971681759173"><img id="fb-button" src="https://static.igem.org/mediawiki/2011/d/d8/UCalgary_FacebookF.png"></img></a>
 +
<a href="http://www.twitter.com/iGEMCalgary"><img id="twitter-button" src="https://static.igem.org/mediawiki/2011/4/4e/UCalgary_TwitterT.png"></img></a>
<div id="headerbar">
<div id="headerbar">
Line 234: Line 259:
<a href="#">Project Electro</a> |  
<a href="#">Project Electro</a> |  
<a href="#">Project Algae</a> |  
<a href="#">Project Algae</a> |  
 +
<a href="#">Software Tools</a> |
<a href="#">Future Directions</a> |  
<a href="#">Future Directions</a> |  
</span>
</span>
Line 249: Line 275:
<a href="#">Calendar</a> |  
<a href="#">Calendar</a> |  
<a href="#">Protocols</a> |  
<a href="#">Protocols</a> |  
 +
<a href="#">Safety</a> |
</span>
</span>
</li>
</li>

Revision as of 19:56, 6 July 2011