|
|
Line 1: |
Line 1: |
- | <html>
| + | {{Team:Calgary/Main_Header|}} |
- | | + | |
- | <head>
| + | |
- | <style>
| + | |
- | /***
| + | |
- | Minimal header: removes the search bar and header image and readjusts font colours in the menus.
| + | |
- | | + | |
- | Thanks a lot to the 2011 Brown-Stanford iGEM team for snippets of their code!
| + | |
- | Check out their wiki at https://2011.igem.org/Team:Brown-Stanford
| + | |
- | ***/
| + | |
- | | + | |
- | div#top-section{ /*the div containing the entire top bar*/
| + | |
- | height: 20px;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | margin-bottom: 0px !important;
| + | |
- | margin-top: -14px;
| + | |
- | padding:0px 0px 0px 0px;;
| + | |
- | border: none;
| + | |
- | width: 100%;
| + | |
- | background: none;
| + | |
- | color: black;
| + | |
- | position:absolute;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo { /*the header image*/
| + | |
- | height:0px;
| + | |
- | overflow:hidden;
| + | |
- | border:none;
| + | |
- | }
| + | |
- | | + | |
- | #content{
| + | |
- | margin-top: 14px;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | overflow:hidden;
| + | |
- | display:none;
| + | |
- | background: none;
| + | |
- | position: absolute;
| + | |
- | top: 170px;
| + | |
- | right: 40px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | div#header {
| + | |
- | width: 975px;
| + | |
- | text-align: left;
| + | |
- | margin-left: auto;
| + | |
- | margin-right: auto;
| + | |
- | margin-bottom: 0px !important;
| + | |
- | }
| + | |
- | | + | |
- | #menubar {
| + | |
- | position: absolute;
| + | |
- | background: none;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu, .right-menu{
| + | |
- | position: absolute;
| + | |
- | background: none;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu li, .right-menu li a {
| + | |
- | color: transparent !important;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .left-menu ul li, .right-menu ul li a{
| + | |
- | background: none;
| + | |
- | color: white;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
| + | |
- | color: white !important;
| + | |
- | }
| + | |
- | | + | |
- | /***End minimal header***/
| + | |
- | | + | |
- | | + | |
- | /***Now for our own stuff***/
| + | |
- | | + | |
- | #headerbar{
| + | |
- | margin-left: -5px;
| + | |
- | }
| + | |
- | | + | |
- | /*div containing menu bar*/
| + | |
- | ul#topnav{
| + | |
- | margin: 0; padding: 0;
| + | |
- | float: left;
| + | |
- | width: 975px;
| + | |
- | height: 35px;
| + | |
- | list-style: none;
| + | |
- | position: relative;
| + | |
- | font-size: 1.2em;
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/7/7b/UCalgary_NavRepeater.png);
| + | |
- | background-repeat: repeat-x;
| + | |
- | margin-top: -60px; /*moves the bar up into the header image*/
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav a.navtext{
| + | |
- | float: left;
| + | |
- | display: block;
| + | |
- | height: 35px;
| + | |
- | text-indent: -99999px;
| + | |
- | background-position: left top;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li{
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li a{
| + | |
- | padding: 0;
| + | |
- | display: block;
| + | |
- | color: #f0f0f0;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li:hover{
| + | |
- | background-position: left bottom;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav a:hover{
| + | |
- | background-position: left bottom;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li span{
| + | |
- | float: left;
| + | |
- | padding: 5px 0;
| + | |
- | position: absolute;
| + | |
- | left: 0; top: 35px;
| + | |
- | display: none; /*Default hidden*/
| + | |
- | width: 975px;
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
| + | |
- | background-repeat: repeat-x;
| + | |
- | color: black;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li:hover span{
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li span a:hover{
| + | |
- | text-decoration: underline;
| + | |
- | }
| + | |
- | | + | |
- | /*Establish sprites for each individual button*/
| + | |
- | ul#topnav li.home a{
| + | |
- | margin-left: 60px; /*to center the bar*/
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
| + | |
- | width: 112px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.team a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/1/1e/UCalgary_ButtonTeam.png);
| + | |
- | width: 103px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.project a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/9/90/UCalgary_ButtonProject.png);
| + | |
- | width: 118px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.parts a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/c/c5/UCalgary_ButtonParts.png);
| + | |
- | width: 100px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.notebook a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/e/eb/UCalgary_ButtonNotebook.png);
| + | |
- | width: 143px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.outreach a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/5/52/UCalgary_ButtonOutreach.png);
| + | |
- | width: 140px;
| + | |
- | }
| + | |
- | | + | |
- | ul#topnav li.sponsors a{
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/b/b3/UCalgary_ButtonSponsors.png);
| + | |
- | width: 138px;
| + | |
- | }
| + | |
- | | + | |
- | /*Correction of subnavigation menu backgrounds*/
| + | |
- | ul#topnav li.team span a,
| + | |
- | ul#topnav li.project span a,
| + | |
- | ul#topnav li.parts span a,
| + | |
- | ul#topnav li.notebook span a,
| + | |
- | ul#topnav li.outreach span a,
| + | |
- | ul#topnav li.sponsors span a{
| + | |
- | height: 35px;
| + | |
- | background-image: none;
| + | |
- | color: #3c3d3d;
| + | |
- | font-family: Arial;
| + | |
- | font-size: 1.1em;
| + | |
- | font-weight: 300;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | ul#topnav li span a{
| + | |
- | display: inline; /*correction of previous link style*/
| + | |
- | background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
| + | |
- | background-repeat: repeat-x;
| + | |
- | padding-left: 9px;
| + | |
- | padding-right: 9px;
| + | |
- | }
| + | |
- | | + | |
- | /*Active state settings*/
| + | |
- | #home li.home a,
| + | |
- | #team li.team a,
| + | |
- | #project li.project a,
| + | |
- | #parts li.parts a,
| + | |
- | #notebook li.notebook a,
| + | |
- | #outreach li.outreach a,
| + | |
- | #sponsors li.sponsors a{
| + | |
- | background-position: left bottom;
| + | |
- | }
| + | |
- | | + | |
- | #team li.team span,
| + | |
- | #project li.project span,
| + | |
- | #parts li.parts span,
| + | |
- | #notebook li.notebook span,
| + | |
- | #outreach li.outreach span,
| + | |
- | #sponsors li.sponsors span{
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | /***End menu stuff. Onto the rest of the header!***/
| + | |
- | | + | |
- | #headbanner{
| + | |
- | margin-left: -5px;
| + | |
- | margin-top: -38px;
| + | |
- | }
| + | |
- | | + | |
- | #fb-button{
| + | |
- | position: absolute;
| + | |
- | margin-left: 872px;
| + | |
- | margin-top: -170px;
| + | |
- | }
| + | |
- | | + | |
- | #twitter-button{
| + | |
- | position: absolute;
| + | |
- | margin-left: 898px;
| + | |
- | margin-top: -170px;
| + | |
- | }
| + | |
- | | + | |
- | /*...Not much, was there.*/
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | | + | |
- | <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">
| + | |
- | <ul id="topnav">
| + | |
- | <li class="home"><a class="navtext" href="#">Home</a></li>
| + | |
- | <li class="team">
| + | |
- | <a class="navtext" href="#">Team</a>
| + | |
- | <span>
| + | |
- | <a href="#">Biographies</a> |
| + | |
- | <a href="#">Facilitators</a> |
| + | |
- | <a href="#">The University</a> |
| + | |
- | <a href="#">Official Profile</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="project">
| + | |
- | <a class="navtext" href="#">Project</a>
| + | |
- | <span>
| + | |
- | <a href="#">Overview</a> |
| + | |
- | <a href="#">Project Pseudomonas</a> |
| + | |
- | <a href="#">Project Electro</a> |
| + | |
- | <a href="#">Project Algae</a> |
| + | |
- | <a href="#">Software Tools</a> |
| + | |
- | <a href="#">Future Directions</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="parts">
| + | |
- | <a class="navtext" href="#">Parts</a>
| + | |
- | <span>
| + | |
- | <a href="#">Parts Submitted</a> |
| + | |
- | <a href="#">Characterization</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="notebook">
| + | |
- | <a class="navtext" href="#">Notebook</a>
| + | |
- | <span>
| + | |
- | <a href="#">Calendar</a> |
| + | |
- | <a href="#">Protocols</a> |
| + | |
- | <a href="#">Safety</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="outreach">
| + | |
- | <a class="navtext" href="#">Outreach</a>
| + | |
- | <span>
| + | |
- | <a href="#">Human Practices</a> |
| + | |
- | <a href="#">Conferences</a> |
| + | |
- | <a href="#">Forum</a> |
| + | |
- | <a href="#">Follow Us!</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | <li class="sponsors">
| + | |
- | <a class="navtext" href="#">Sponsors</a>
| + | |
- | <span>
| + | |
- | <a href="#">Sponsors</a> |
| + | |
- | <a href="#">Acknowledgements</a> |
| + | |
- | </span>
| + | |
- | </li>
| + | |
- | | + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | | + | |
- | </html>
| + | |