Difference between revisions of "Template:Pitt"
| Line 3: | Line 3: | ||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
| − | + | <head> | |
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | $("#menucontainer td").hover(function(){ | ||
| + | $(this).css("background-color", "yellow"); | ||
| + | }, function(){ | ||
| + | $(this).css("background-color", "pink"); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | </head> | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
| Line 15: | Line 25: | ||
} | } | ||
| + | #content { | ||
| + | margin-left:15px; | ||
| + | margin-right:15px; | ||
| + | width: 95%; | ||
| + | } | ||
/* Creates a container that will wrap all of the content inside your wiki pages. */ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
#mainContainer { | #mainContainer { | ||
| − | width: | + | width: 100%; |
overflow:hidden; | overflow:hidden; | ||
float:left; | float:left; | ||
| Line 32: | Line 47: | ||
/* Creates the container for the menu */ | /* Creates the container for the menu */ | ||
#menuContainer { | #menuContainer { | ||
| − | float: | + | float:top; |
| − | width: | + | width: 100%; |
| + | height 200px; | ||
padding: 20px 0px; | padding: 20px 0px; | ||
border-top: 14px solid #565656; | border-top: 14px solid #565656; | ||
| Line 44: | Line 60: | ||
padding-right:10px; | padding-right:10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| − | width: | + | width: 100%; |
padding-left: 20px; | padding-left: 20px; | ||
float: left; | float: left; | ||
| Line 124: | Line 140: | ||
/*Styling for the links in the menu */ | /*Styling for the links in the menu */ | ||
#menuContainer a { | #menuContainer a { | ||
| − | color: # | + | color: #ffffff; |
text-decoration:none; | text-decoration:none; | ||
font-weight: bold; | font-weight: bold; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
/*Styles the list items to become menu buttons */ | /*Styles the list items to become menu buttons */ | ||
| − | #menuContainer | + | #menuContainer td { |
| + | background-color: #173467; | ||
text-align: center; | text-align: center; | ||
| − | |||
| − | |||
height:30px; | height:30px; | ||
padding-top:10px; | padding-top:10px; | ||
| Line 145: | Line 154: | ||
/*For the menu buttons, changes the color when hovering*/ | /*For the menu buttons, changes the color when hovering*/ | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/*Submenus are not displayed as default*/ | /*Submenus are not displayed as default*/ | ||
| − | #menuContainer | + | #menuContainer td table { |
display: none; | display: none; | ||
| − | |||
| − | |||
} | } | ||
/*Submenus are displayed when hovering the menu button */ | /*Submenus are displayed when hovering the menu button */ | ||
| − | #menuContainer | + | #menuContainer td:hover table { |
| − | + | ||
display: block; | display: block; | ||
| − | position: absolute; | + | position: absolute; |
| − | + | margin-top:8px; | |
| − | + | margin-left:-4px; | |
| − | + | width:100px; | |
} | } | ||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
| − | #menuContainer | + | #menuContainer td table tr{ |
background-color: #59BF92; | background-color: #59BF92; | ||
padding-left:20px; | padding-left:20px; | ||
| Line 178: | Line 181: | ||
width: 150px; | width: 150px; | ||
} | } | ||
| − | + | #menuContainer td table tr td{ | |
| + | width: 150px; | ||
| + | } | ||
| + | #menuContainer td table tr td:hover{ | ||
| + | background-color: #fff; | ||
| + | color: #565656; | ||
| + | } | ||
/*CLASSES */ | /*CLASSES */ | ||
| Line 218: | Line 227: | ||
<!-- Start of menu --> | <!-- Start of menu --> | ||
<div id="menuContainer"> | <div id="menuContainer"> | ||
| − | + | <table border="1" style="width:100%;"><tr> | |
| − | + | <td> | |
| − | + | <a href="https://2015.igem.org/Team:Pitt">HOME</a> | |
| − | + | <table> | |
| − | + | <tr><td>assdf</td></tr> | |
| − | + | <tr><td>assdf</td></tr> | |
| − | + | </table> | |
| − | + | </td> | |
| − | + | <td><a href="https://2015.igem.org/Team:Pitt/Project">PROJECT</a><table> | |
| + | <tr><td>assdf</td></tr> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | </table></td> | ||
| + | <td><a href="https://2015.igem.org/Team:Pitt/Notebook">NOTEBOOK</a><table> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | </table></td> | ||
| + | <td><a href="https://2015.igem.org/Team:Pitt/Team">TEAM</a><table> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | </table></td> | ||
| + | <td><a href="https://2015.igem.org/Team:Pitt/Achievements">ACHIEVEMENTS</a><table> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | <tr><td>assdf</td></tr> | ||
| + | </table></td> | ||
| + | <td><a href="https://2015.igem.org/Team:Pitt/Other">OTHER</a></td> | ||
| + | <td><a href="https://2015.igem.org/Team:Pitt/Twitter">TWITTER</a></td> | ||
| + | <td><a href="https://2015.igem.org/">iGEM HOME</a></td> | ||
| + | </tr></table> | ||
| + | <!-- <a href="#"><li>PROJECT | ||
| + | |||
<a href="https://2015.igem.org/Team:Pitt/Description"><li>Description</li></a> | <a href="https://2015.igem.org/Team:Pitt/Description"><li>Description</li></a> | ||
<a href="https://2015.igem.org/Team:Pitt/Experiments"><li>Experiments & Protocols</li></a> | <a href="https://2015.igem.org/Team:Pitt/Experiments"><li>Experiments & Protocols</li></a> | ||
<a href="https://2015.igem.org/Team:Pitt/Results"><li>Results</li></a> | <a href="https://2015.igem.org/Team:Pitt/Results"><li>Results</li></a> | ||
<a href="https://2015.igem.org/Team:Pitt/Design"><li>Design</li></a> | <a href="https://2015.igem.org/Team:Pitt/Design"><li>Design</li></a> | ||
| − | + | ||
</li></a> | </li></a> | ||
| Line 260: | Line 290: | ||
<a href="https://2015.igem.org/Team:Pitt/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a> | <a href="https://2015.igem.org/Team:Pitt/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a> | ||
| − | + | //--> | |
| − | + | ||
</div> | </div> | ||
<!-- End of menu --> | <!-- End of menu --> | ||
Revision as of 19:15, 21 May 2015