Difference between revisions of "Template:Columbia NYC Template"
| Line 1: | Line 1: | ||
<!-- HTML Code START --> | <!-- HTML Code START --> | ||
<html> | <html> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
<head> | <head> | ||
| Line 6: | Line 9: | ||
<style> | <style> | ||
| + | /* Hacking Wiki Format START */ | ||
/* Changing Background of Wiki */ | /* Changing Background of Wiki */ | ||
body { | body { | ||
| − | + | background-image: url("https://static.igem.org/mediawiki/2015/0/04/Columbia_NYC_ChalkboardBackground.jpg"); | |
| − | background-image: url("https://static.igem.org/mediawiki/2015/ | + | background-size: 100% 100%; |
| − | background-size: | + | |
} | } | ||
| − | /* Hiding Wiki | + | /* Hiding Wiki Title */ |
#content h1.firstHeading { | #content h1.firstHeading { | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
| + | /* Modifying Wiki Content Box */ | ||
#content { | #content { | ||
| − | + | visibility: hidden; | |
| + | height: 0; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #bodyContent { | ||
| + | visibility: hidden; | ||
} | } | ||
| Line 25: | Line 36: | ||
#globalWrapper { | #globalWrapper { | ||
width: 100%; | width: 100%; | ||
| + | max-height: 20px; | ||
} | } | ||
| + | /* Hacking Wiki Format END *. | ||
| + | |||
/* Navigation Bar CSS START*/ | /* Navigation Bar CSS START*/ | ||
| + | /* Formatting Navigation Bar Box */ | ||
#navigationBar { | #navigationBar { | ||
| − | width: | + | width: 99%; |
| − | + | ||
| − | + | ||
background-color: #009999; | background-color: #009999; | ||
border: 2px solid #565656; | border: 2px solid #565656; | ||
| + | position: absolute; | ||
} | } | ||
| + | /* Creating Menu Tabs */ | ||
#navigationBar a { | #navigationBar a { | ||
| − | |||
| − | |||
| − | |||
| − | |||
text-decoration: none; | text-decoration: none; | ||
| + | display: block; | ||
| + | font-weight: bold; | ||
| + | color: black; | ||
| + | padding: 0; | ||
} | } | ||
| + | /* Styling Menu Tabs*/ | ||
#navigationBar ul { | #navigationBar ul { | ||
list-style: none; | list-style: none; | ||
| + | text-align: center; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
} | } | ||
| − | #navigationBar | + | /* Modifying Display of Text */ |
| − | + | #navigationBar li { | |
float: left; | float: left; | ||
| − | + | width: 16.66%; | |
| − | + | ||
} | } | ||
| − | /* | + | /* Change Menu Tab Color On Mouse-Over */ |
| + | #navigationBar li:hover { | ||
| + | background-color: #C4D8E2; | ||
| + | } | ||
| + | |||
| + | /* Hiding Sub-Menu By Default */ | ||
#navigationBar li ul { | #navigationBar li ul { | ||
display: none; | display: none; | ||
| + | width: auto; | ||
| + | position: absolute; | ||
| + | float: center; | ||
} | } | ||
| − | + | ||
| − | /* | + | /* Styling Sub-Menu Tabs */ |
| − | #navigationBar li:hover ul { | + | #navigationBar ul li ul li { |
| + | float: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | /* Showing Sub-Menu On Mouse-Over */ | ||
| + | #navigationBar ul li:hover ul { | ||
display: block; | display: block; | ||
| − | + | width: inherit; | |
| + | background-color: white; | ||
} | } | ||
| + | /* Allows User to Navigate Sub-Menu */ | ||
| + | #navigationBar ul li ul:hover { | ||
| + | display: block; | ||
| + | } | ||
/* Navigation Bar CSS End */ | /* Navigation Bar CSS End */ | ||
| Line 79: | Line 116: | ||
<ul> | <ul> | ||
<a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> Columbia NYC Home </li></a> | <a href = "https://2015.igem.org/Team:Columbia_NYC"> <li> Columbia NYC Home </li></a> | ||
| − | <a href = " | + | <a href = "https://2015.igem.org/Main_Page"> <li> iGEM Home </li> </a> |
</ul> | </ul> | ||
</li></a> | </li></a> | ||
Revision as of 01:35, 19 July 2015