Line 376: | Line 376: | ||
</button> | </button> | ||
</div> | </div> | ||
+ | </head> | ||
+ | <head> | ||
+ | <style> | ||
+ | body {margin:0;} | ||
− | + | .navbar { | |
− | + | overflow: hidden; | |
− | + | background-color: #ffffff; | |
− | + | position: fixed; | |
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .navbar a { |
− | + | float: center; | |
+ | display: block; | ||
+ | color: #72CA8C; | ||
+ | text-align: center; | ||
+ | padding: 10px 16px; | ||
+ | text-decoration: none; | ||
+ | font-size: 17px; | ||
} | } | ||
+ | .main { | ||
+ | padding: 16px; | ||
+ | margin-top: 30px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .home { | |
− | . | + | position: relative; |
− | + | display: inline-block; | |
} | } | ||
− | + | .team1 { | |
− | + | background-color: #ffffff ; | |
− | + | color: #72CA8C; | |
− | + | font-size: 17px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | background-color: # | + | |
− | color: # | + | |
− | + | ||
− | font-size: | + | |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
− | . | + | .team { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
− | . | + | .team-content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #f9f9f9; |
− | min-width: | + | min-width: 140px; |
− | + | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
− | . | + | .team-content a { |
color: black; | color: black; | ||
− | |||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
} | } | ||
− | . | + | .team-content a:hover {background-color: #72CA8C} |
− | . | + | .team:hover .team-content { |
− | + | display: block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .team:hover .team1 { | |
− | + | background-color: #ffffff; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .project1 { | |
− | + | background-color: #ffffff ; | |
− | + | color: #72CA8C; | |
− | + | font-size: 17px; | |
− | . | + | |
− | background-color: # | + | |
− | color: # | + | |
− | + | ||
− | font-size: | + | |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
− | . | + | .project { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
− | . | + | .project-content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #f9f9f9; |
min-width: 160px; | min-width: 160px; | ||
− | |||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
− | . | + | .project-content a { |
color: black; | color: black; | ||
− | |||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
} | } | ||
− | . | + | .project-content a:hover {background-color: #72CA8C} |
− | . | + | .project:hover .project-content { |
− | + | display: block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .project:hover .project1 { | |
− | + | background-color: #ffffff; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .parts { | |
− | + | position: relative; | |
− | . | + | display: inline-block; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .safety { | |
− | . | + | position: relative; |
− | + | display: inline-block; | |
} | } | ||
− | + | .interlab { | |
− | + | position: relative; | |
− | + | display: inline-block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .humanpractices { | |
− | . | + | position: relative; |
− | + | display: inline-block; | |
} | } | ||
− | |||
− | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <!--Manhattan Logo--> | ||
+ | <div class="navbar"><font face="tahoma"> | ||
+ | <center><img id="logo" src="https://static.igem.org/mediawiki/2017/c/c2/ManhattanCol_Bronx_header-2.png" width="1000px" ></center> | ||
+ | <!--Menu Options--> | ||
+ | <div class="home"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx">Home</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="team"> | ||
+ | <button class="team1">Team</button> | ||
+ | <div class="team-content"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Team">Team</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Collaborations">★Collaborations</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Attributions">★Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="project"> | ||
+ | <button class="project1">Project</button> | ||
+ | <div class="project-content"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Description">Description</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Design">Design</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Experiments">Experiments</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Results">Results</a> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Notebook">Notebook</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="parts"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Parts">Parts</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="safety"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/Safety">Safety</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="interlab"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/InterLab">InterLab</a> | ||
+ | </div> | ||
+ | |||
+ | <div class="humanpractices"> | ||
+ | <a href="https://2017.igem.org/Team:ManhattanCol_Bronx/HP/Silver">★Human Practices</a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="main"> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
Line 742: | Line 625: | ||
</script> | </script> | ||
+ | </html> |
Revision as of 17:15, 30 October 2017