Difference between revisions of "Template:Columbia NYC Template"
Line 1: | Line 1: | ||
− | <!-- HTML START --> | + | <!-- HTML Code START --> |
<html> | <html> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
<head> | <head> | ||
− | + | <!-- CSS Code START --> | |
− | <!-- CSS START --> | + | |
<style> | <style> | ||
− | /* | + | /* Hacking Wiki Format START */ |
− | /* Hiding | + | /* Changing Background of Wiki */ |
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/d/db/Columbia_NYC_ChalkboardBackground.png"); | ||
+ | overflow-y: scroll; | ||
+ | } | ||
+ | |||
+ | /* Hiding Wiki Title */ | ||
+ | #content h1.firstHeading { | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | |||
+ | /* Modifying Wiki Content Box */ | ||
#content { | #content { | ||
visibility: hidden; | visibility: hidden; | ||
Line 24: | Line 33: | ||
} | } | ||
− | /* | + | /* Modifying Wiki globalWrapper */ |
− | # | + | #globalWrapper { |
− | + | width: 100%; | |
+ | max-height: 20px; | ||
} | } | ||
+ | /* Hacking Wiki Format END *. | ||
− | /* | + | /* Navigation Bar CSS START*/ |
− | # | + | /* Formatting Navigation Bar Box */ |
+ | #navigationBar { | ||
width: 100%; | width: 100%; | ||
− | + | position: fixed; | |
+ | z-index: 1; | ||
+ | opacity: 0.8; | ||
} | } | ||
− | |||
− | /* | + | /* Creating Menu Tabs */ |
− | + | #navigationBar a { | |
− | + | display: block; | |
− | + | text-decoration: none; | |
− | + | font-family: Impact, Charcoal, sans-serif; | |
+ | color: white; | ||
+ | text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; | ||
} | } | ||
− | /* Menu | + | /* Modifying Menu Tabs*/ |
− | # | + | #navigationBar ul { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
list-style: none; | list-style: none; | ||
text-align: center; | text-align: center; | ||
padding: 0; | padding: 0; | ||
+ | margin: 0; | ||
} | } | ||
− | # | + | /* Modifying Display of Tabs */ |
− | padding: | + | #navigationBar li { |
+ | float: left; | ||
+ | width: 16.66%; | ||
+ | font-size: 24px; | ||
+ | padding: 5px 0 0; | ||
} | } | ||
− | # | + | /* Hiding Sub-Menu By Default */ |
− | + | #navigationBar li ul { | |
− | + | display: none; | |
− | + | position: absolute; | |
+ | } | ||
+ | |||
+ | /* Styling Sub-Menu Tabs */ | ||
+ | #navigationBar ul li ul li { | ||
+ | float: center; | ||
+ | width: 100%; | ||
font-size: 20px; | font-size: 20px; | ||
− | |||
} | } | ||
− | + | /* Showing Sub-Menu On Mouse-Over */ | |
− | + | #navigationBar ul li:hover ul { | |
+ | display: block; | ||
+ | width: inherit; | ||
+ | background-color: rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | /* Allows User to Navigate Sub-Menu */ | ||
+ | #navigationBar ul li ul:hover { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Change Menu Upon Mouse-Over */ | ||
+ | #navigationBar ul li ul li:hover { | ||
+ | background-color: gray; | ||
+ | } | ||
+ | /* Navigation Bar CSS End */ | ||
+ | |||
+ | /* Content Box CSS START */ | ||
+ | /* Formatting Content Box */ | ||
+ | #contentBox { | ||
+ | width: 90%; | ||
+ | padding: 0 5% 0; | ||
+ | } | ||
+ | |||
+ | /* Formatting Font and Color */ | ||
+ | #contentBox p, ul, h1, h2, h3, h4, h5, h6 { | ||
+ | color: white; | ||
+ | text-align: justify; | ||
+ | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; | ||
+ | } | ||
+ | /*Formatting Content Box p */ | ||
+ | #contentBox p { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | /*Formatting Content Box ul */ | ||
+ | #contentBox ul { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | /* Formatting Content Box h1 */ | ||
+ | #contentBox h1 { | ||
+ | font-size: 32px; | ||
+ | } | ||
+ | /* Content Box CSS END */ | ||
+ | |||
+ | </style> | ||
+ | <!--CSS Code END --> | ||
</head> | </head> | ||
− | + | <!-- Navigation Bar START --> | |
− | + | <div id = "navigationBar"> | |
− | < | + | <!-- Navigation Tabs START --> |
− | <a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> | + | <ul> |
− | + | <a href = "#"> <li> HOME | |
− | + | <ul> | |
− | + | <a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> Columbia NYC </li></a> | |
− | + | <a href = "https://2015.igem.org/Main_Page"> <li> iGEM </li> </a> | |
− | + | </ul> | |
− | + | </li></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <a href = "#"> <li> TEAM | ||
+ | <ul> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Team"> <li> Members </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Attributions"> <li> Attributions </li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | <a href = "#"> <li> PROJECT | ||
+ | <ul> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Description"> <li> Description </li></a> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Notebook"><li> Notebook </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Experiments"> <li> Experiments </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Results"> <li> Results </li></a> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Safety"><li> Safety </li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | <a href = "#"> <li> PARTS | ||
+ | <ul> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Design"> <li> Design </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Parts"> <li> Team Parts </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Basic_Part"> <li> Basic Parts </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Composite_Part"> <li> Composite Parts </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Part_Collection"> <li> Part Collections </li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | |||
+ | <a href = "#"> <li> OUTREACH | ||
+ | <ul> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Collaborations"><li> Collaborations </li></a> | ||
+ | <a href = "https://2015.igem.org/Team:Columbia_NYC/Practices"><li> Human Practices </li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | |||
+ | <a href = "#"> <li> APPLICATIONS | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Modeling"><li>Modeling</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Measurement"><li>Measurements</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Software"><li>Software</li></a> | ||
+ | <a href="https://2015.igem.org/Team:Columbia_NYC/Entrepreneurship"><li>Entrepreneurship</li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | </ul> | ||
+ | <!-- Nagivation Tabs END --> | ||
</div> | </div> | ||
− | < | + | <!-- Navigation Bar END --> |
− | <!-- HTML | + | |
+ | <!-- Content Box START --> | ||
+ | <div id = "contentBox"> | ||
+ | |||
+ | <!-- Remember To Close Content Box --> | ||
+ | <!-- Remember To Close HTML Box --> |
Revision as of 19:42, 7 August 2015