Template:Team:Calgary/Main Header
From 2011.igem.org
(Difference between revisions)
Emily Hicks (Talk | contribs) |
|||
(29 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
<!--jQuery and jQuery-UI additions--> | <!--jQuery and jQuery-UI additions--> | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | |||
+ | <!--JQuery Cycle Plugin--> | ||
+ | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> | ||
<!--JQuery Easing Plugin--> | <!--JQuery Easing Plugin--> | ||
Line 214: | Line 216: | ||
*/ | */ | ||
</script> | </script> | ||
- | <!--Script to activate dropdown menu function. Uses | + | <!--Script to activate dropdown menu function. Uses jQuery syntax.--> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function () { | $(document).ready(function () { | ||
Line 331: | Line 333: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
Line 340: | Line 343: | ||
border: 0; | border: 0; | ||
font-family: Arial; | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | color: #0063bd; | ||
} | } | ||
Line 345: | Line 352: | ||
color: white; | color: white; | ||
font-family: Arial; | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | a, a:visited{ | ||
+ | color: #0063bd; | ||
} | } | ||
Line 355: | Line 366: | ||
margin-left: 5px; | margin-left: 5px; | ||
margin-right: 5px; | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #sponsors table tr td img{ | ||
+ | width: 200px; | ||
+ | padding-right: 30px; | ||
+ | padding-left: 10px; | ||
} | } | ||
Line 450: | Line 467: | ||
position: absolute; | position: absolute; | ||
margin-top: -25px; | margin-top: -25px; | ||
+ | z-index: 99; | ||
} | } | ||
Line 461: | Line 479: | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
- | + | z-index: 100; | |
} | } | ||
Line 501: | Line 519: | ||
position: absolute; | position: absolute; | ||
z-index: 999; | z-index: 999; | ||
- | width: | + | width: 200px; |
display: none; | display: none; | ||
left: 0; | left: 0; | ||
Line 630: | Line 648: | ||
img.headercircle{ | img.headercircle{ | ||
display: none; | display: none; | ||
+ | z-index: 250; | ||
} | } | ||
Line 652: | Line 671: | ||
} | } | ||
- | #headbanner{ | + | #headbanner, #headbanner img{ |
- | + | width: 906px; | |
+ | height: 216px; | ||
+ | z-index: 0; | ||
} | } | ||
Line 694: | Line 715: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project">Overview</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Promoter">Promoter</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Reporter">Reporter</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Chassis">Chassis</a></li> |
- | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/Reporter/Prototype">Prototype</a></li> | |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Project/DataPage">Data Page</a></li> |
+ | <li><a href="https://2011.igem.org/Team:Calgary/Project/Acomplishments">Accomplishments</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Calgary/Project/Future_Directions">Future Directions</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Calgary/Project/References">References</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 705: | Line 729: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Parts">Parts Submitted</a></li> |
- | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Attributions">Attributions</a></li> | |
</ul> | </ul> | ||
</li> | </li> | ||
Line 712: | Line 736: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/PostRegionals">Post-Regionals</a></li> | |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Calendar">Journal</a></li> |
+ | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a></li> | ||
<li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a></li> | <li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
Line 720: | Line 745: | ||
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a> | <a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a> | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Outreach/Human">Human Practices</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Notebook/Conferences">Conferences</a></li> |
- | <li><a href=" | + | <li><a href="https://2011.igem.org/Team:Calgary/Outreach/Follow">Follow Us!</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 730: | Line 754: | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
<li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li> | <li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li> | ||
- | <li><a href="https://2011.igem.org/Team:Calgary/Acknowledgements">Acknowledgements</a></li> | + | <li><a href="https://2011.igem.org/Team:Calgary/Sponsors/Acknowledgements">Acknowledgements</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li id="igembutton"> | <li id="igembutton"> | ||
- | <a class="navtext" href="https://2011.igem.org">iGEM</a> | + | <a class="navtext" href="https://2011.igem.org" target="_blank">iGEM</a> |
</li> | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
+ | <div id="headbanner"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/1/1c/UCalgary_HeaderImage2.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/04/UCalgary2011_MainPageHeaderImage1.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/9/93/UCalgary2011_HeaderImage3.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d5/UCalgary2011_HeaderImage4.png"></img> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/f/f6/UCalgary2011_HeaderImage5.png"></img> | ||
+ | </div> | ||
+ | |||
+ | <!--Header Image Shuffling--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $('#headbanner').cycle({ | ||
+ | timeout: 8000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<!--Circles--> | <!--Circles--> | ||
<img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png"></img> | <img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png"></img> | ||
Line 751: | Line 790: | ||
<img class="headercircle" id="circle7" src="https://static.igem.org/mediawiki/2011/8/85/UCalgary_CircleiGEM.png"></img> | <img class="headercircle" id="circle7" src="https://static.igem.org/mediawiki/2011/8/85/UCalgary_CircleiGEM.png"></img> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:19, 29 October 2011
![](https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png)
![](https://static.igem.org/mediawiki/2011/d/d4/UCalgary_CircleTeam.png)
![](https://static.igem.org/mediawiki/2011/7/7d/UCalgary_CircleProject.png)
![](https://static.igem.org/mediawiki/2011/8/8d/UCalgary_CircleParts.png)
![](https://static.igem.org/mediawiki/2011/0/03/UCalgary_CircleNotebook.png)
![](https://static.igem.org/mediawiki/2011/8/84/UCalgary_CircleOutreach.png)
![](https://static.igem.org/mediawiki/2011/3/3c/UCalgary_CircleSponsors.png)
![](https://static.igem.org/mediawiki/2011/8/85/UCalgary_CircleiGEM.png)