Difference between revisions of "Template:Team:Harvard BioDesign/Templates:header"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <!-- Start of CSS--> | ||
| + | <style type="text/css"> | ||
| + | |||
| + | /*MENU STYLING */ | ||
| + | |||
| + | /*Styling for the links in the menu */ | ||
| + | #menuContainer a { | ||
| + | color: #565656; | ||
| + | text-decoration:none; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | |||
| + | /* Sets the style for lists inside menuContainer */ | ||
| + | #menuContainer ul { | ||
| + | list-style: none; | ||
| + | margin-left:0px; | ||
| + | } | ||
| + | |||
| + | /*Styles the list items to become menu buttons */ | ||
| + | #menuContainer ul li { | ||
| + | text-align: center; | ||
| + | display: inline; | ||
| + | width: 100%; | ||
| + | height:30px; | ||
| + | padding-top:10px; | ||
| + | } | ||
| + | |||
| + | /*For the menu buttons, changes the color when hovering*/ | ||
| + | #menuContainer li:hover { | ||
| + | color: #FFF; | ||
| + | background-color: #24B694; | ||
| + | } | ||
| + | |||
| + | /*Submenus are not displayed as default*/ | ||
| + | #menuContainer li ul { | ||
| + | display: none; | ||
| + | padding-top:15px; | ||
| + | margin-left: -19px; | ||
| + | } | ||
| + | |||
| + | /*Submenus are displayed when hovering the menu button */ | ||
| + | #menuContainer li:hover ul { | ||
| + | /*display: inline-block; */ | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | float:right; | ||
| + | margin-left: 134px; | ||
| + | margin-top:-42px; | ||
| + | } | ||
| + | |||
| + | /*Style the submenu buttons*/ | ||
| + | #menuContainer li ul li{ | ||
| + | background-color: #59BF92; | ||
| + | padding-left:20px; | ||
| + | padding-right:20px; | ||
| + | height:30px; | ||
| + | padding-top:10px; | ||
| + | margin-top:-2px; | ||
| + | color: #565656; | ||
| + | width: 150px; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | <!-- End of CSS --> | ||
| + | |||
| + | <div id="bannerContainer"> | ||
| + | <br><br> | ||
| + | <h2> Add a banner to your wiki! </h2> | ||
| + | |||
| + | <p>You can make the image 980px by 200px</p> | ||
| + | <p> Remember to call the file: "<i>Team_Example_banner.jpg</i>" </p> | ||
| + | </div> | ||
| + | |||
<!-- Start of menu --> | <!-- Start of menu --> | ||
<div id="menuContainer"> | <div id="menuContainer"> | ||
| − | |||
| − | |||
| − | |||
| − | + | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | |
| + | <ul> | ||
| + | <a href="https://2015.igem.org/Team:Example"><li>HOME</li></a> | ||
| − | < | + | <a href="https://2015.igem.org/Team:Example/Team"><li>TEAM</li></a> |
| + | |||
| + | <a href="#"><li>PROJECT | ||
<ul> | <ul> | ||
<a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a> | <a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a> | ||
| Line 15: | Line 89: | ||
<a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a> | <a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a> | ||
</ul> | </ul> | ||
| − | + | </li></a> | |
| − | + | <a href="#"><li>PARTS | |
<ul> | <ul> | ||
<a href="https://2015.igem.org/Team:Example/Parts"><li>Team Parts</li></a> | <a href="https://2015.igem.org/Team:Example/Parts"><li>Team Parts</li></a> | ||
| Line 24: | Line 98: | ||
<a href="https://2015.igem.org/Team:Example/Part_Collection"><li>Part Collection</li></a> | <a href="https://2015.igem.org/Team:Example/Part_Collection"><li>Part Collection</li></a> | ||
</ul> | </ul> | ||
| − | + | </li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Notebook"><li>NOTEBOOK</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Attributions"><li>ATTRIBUTIONS</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Collaborations"><li>COLLABORATIONS</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Safety"><li>SAFETY</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Modeling"><li>MODELING</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Measurement"><li>MEASUREMENT</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Software"><li>SOFTWARE</li></a> | |
| − | + | <a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a> | |
| − | </ | + | </ul> |
| − | + | ||
</div> | </div> | ||
<!-- End of menu --> | <!-- End of menu --> | ||
| − | |||
</html> | </html> | ||
Revision as of 14:34, 23 June 2015