"
Template:Team:Waterloo/TopBar
From 2014.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<style> | <style> | ||
#topbar { | #topbar { | ||
| - | + | width: 100%; | |
| - | + | position:fixed; | |
| - | + | left:0px; | |
| - | + | right:0px; | |
| - | + | z-index:999; | |
| - | + | top:16px; | |
| - | + | background: #333; | |
| - | + | height:60px; | |
} | } | ||
| - | #topbar | + | #topbar .sections_panel { |
| - | + | position:absolute; | |
| - | + | height:0px; | |
| - | + | background:#000; | |
| - | + | top:60px; | |
| - | + | left:10%; | |
| - | + | border-radius:0px 0px 8px 8px; | |
| - | + | overflow:hidden; | |
| - | + | z-index:10000; | |
| - | + | transition: height 0.3s linear 0s; | |
} | } | ||
#topbar > .sections_panel > div { | #topbar > .sections_panel > div { | ||
| - | + | background:#333; | |
| - | + | padding:20px; | |
| - | + | height:258px; | |
| - | + | margin:10px; | |
| - | + | color:#71CCE6; | |
} | } | ||
#headings li { | #headings li { | ||
| - | + | float: left; | |
| - | + | display: block; | |
} | } | ||
#headings li > a { | #headings li > a { | ||
| - | + | color: #71CCE6; | |
| - | + | font-size: 15px; | |
| - | + | font-family: Georgia; | |
| - | + | font-weight: bold; | |
| - | + | cursor: pointer; | |
| - | + | vertical-align: -20px; | |
} | } | ||
ul.projSubs li { | ul.projSubs li { | ||
| - | + | list-style: none; | |
| - | + | line-height: 30px; | |
} | } | ||
a.subheading { | a.subheading { | ||
| - | + | color: #FFFFFF; | |
| - | + | font-size: 14px; | |
| - | + | font-family: Georgia; | |
| - | + | cursor: pointer; | |
} | } | ||
div.subheading { | div.subheading { | ||
| - | + | font-family: Georgia; | |
| - | + | font-size: 30px; | |
| - | + | color: #000000; | |
| - | + | text-align: center; | |
} | } | ||
.spacer { | .spacer { | ||
| - | + | height: 80px; | |
} | } | ||
</style> | </style> | ||
| Line 65: | Line 65: | ||
<div id="topbar"> | <div id="topbar"> | ||
| - | + | <!--Headings shown on a large screen--> | |
| - | + | <ul id="headings"> | |
| - | + | <li><img src="https://static.igem.org/mediawiki/2014/4/49/Waterloo_Igem-logo-small.png" height=50px></li> | |
| - | + | <li> | |
| - | + | <a onclick="toggleNavPanel('subs1')">Project <span class="navarrow">▾</span></a> | |
| - | + | <div class="sections_panel" id="subs1" style="width: 300px;"> | |
| - | + | <ul class="projSubs"> | |
| - | + | <li><a class="subheading">Overview</a></li> | |
| - | + | <li><a class="subheading">YFP Integration</a></li> | |
| - | + | <li><a class="subheading">CRISPRi</a></li> | |
| - | + | <li><a class="subheading">sRNA</a></li> | |
| - | + | <li><a class="subheading">Conjugation</a></li> | |
| - | + | <li><a class="subheading">Antibiotic Silencing</a></li> | |
| - | + | <li><a class="subheading">Appendix</a></li> | |
| - | + | </ul> | |
| - | + | </div> | |
| - | + | </li> | |
| - | + | <li><a>Lab Book</a></li> | |
| - | + | <li><a>Outreach</a></li> | |
| - | + | <li><a>Accomplishments</a></li> | |
| - | + | <li><a>Team</a></li> | |
| - | + | <li><a>Sponsors</a></li> | |
| - | + | <li><a href="https://2014.igem.org" target="_blank"> | |
| - | + | <img src="https://static.igem.org/mediawiki/2014/d/d9/Waterloo_Igemlogo_whiteletters_grey.png" style="height: 50px;"></a></li> | |
| - | + | </ul> | |
</div> | </div> | ||
<div style="height: 80px"></div> | <div style="height: 80px"></div> | ||
</html> | </html> | ||
Revision as of 01:44, 16 October 2014
