Team:Northwestern/Templates/Skinning
From 2013.igem.org
(Difference between revisions)
2013.igem.nu (Talk | contribs) |
SamsonFong (Talk | contribs) |
||
(58 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html> |
- | <style type="text/css"> | + | <style type = "text/css"> |
/*Cleaning and Resetting the Background*/ | /*Cleaning and Resetting the Background*/ | ||
* { | * { | ||
- | margin: | + | margin:0px; |
- | padding: | + | padding:0px;} |
#top-section { | #top-section { | ||
- | height: | + | height: 0px; } |
- | + | ||
- | + | ||
#search-controls { | #search-controls { | ||
display:none;} | display:none;} | ||
#globalWrapper { | #globalWrapper { | ||
- | background: # | + | background: #FFF; |
padding:0px;} | padding:0px;} | ||
+ | #p-logo { | ||
+ | height:1px; overflow:hidden; display:none;} | ||
#content { | #content { | ||
border: 0px; | border: 0px; | ||
- | width: | + | width: 70%;} |
#catlinks { | #catlinks { | ||
display:none;} | display:none;} | ||
- | + | .firstHeading { | |
display: none;} | display: none;} | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
border-bottom: 0px;} | border-bottom: 0px;} | ||
p { | p { | ||
- | |||
margin-bottom: 0px;} | margin-bottom: 0px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | .banner {display: block; width: 1000px; margin: auto; position: static;} | ||
- | /* | + | /* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/ |
- | + | #main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px} | |
- | + | #main-nav .subnav { | |
- | + | display: none; | |
- | # | + | position: absolute; |
- | + | top: 67px; | |
- | padding: 0; | + | left: 0px; |
+ | width: 100%; | ||
+ | list-style-type: none; | ||
+ | background: #fff; | ||
+ | margin: 0; | ||
+ | border:solid 1px #eeeeee; | ||
+ | z-index:5; | ||
+ | padding:0; | ||
+ | } | ||
+ | #main-nav .subnav li { | ||
+ | display: block; | ||
+ | border-bottom: solid 1px #eeeeee; | ||
margin:0; | margin:0; | ||
- | |||
- | |||
} | } | ||
- | # | + | #main-nav .subnav li a { |
- | + | color: #333; | |
- | background: # | + | height:18px; |
- | # | + | padding:10px 0; |
- | + | font-size:13px; | |
- | + | } | |
- | + | #main-nav .subnav li a:hover { | |
+ | background:#f9f9f9; | ||
+ | } | ||
+ | #nav-primary { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | float: left; | ||
padding:0; | padding:0; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | #nav-primary li { | |
- | + | float: left; | |
- | + | position: relative; | |
- | + | } | |
- | + | #nav-primary li a { | |
- | font-size: | + | float: left; |
- | + | color: #000; | |
- | width: | + | text-align: center; |
- | text- | + | font-size: 14px; |
- | + | height: 48px; | |
- | </style> | + | padding-top: 19px; |
+ | line-height: 16px; | ||
+ | width: 164px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #nav-primary li a:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #nav-primary li:hover .subnav { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div class = "content"> | ||
+ | <center><a href = "https://2013.igem.org/Team:Northwestern"> <img src="https://static.igem.org/mediawiki/2013/thumb/1/16/Newnewnew-banner.gif/800px-Newnewnew-banner.gif" height="150"width="800"/> </a> | ||
+ | </div></center> | ||
+ | |||
+ | <nav id="main-nav"> | ||
+ | <ul id="nav-primary"> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Team">Team</a> | ||
+ | |||
+ | <ul class="subnav"> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Profile</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Team">Meet us!</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Attributions">Attribution</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a> | ||
+ | |||
+ | <ul class="subnav"> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Project">Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Parts">Parts Submitted</a> | ||
+ | </li> | ||
+ | <li><a href = "https://2013.igem.org/Team:Northwestern/methods"> Methods </a> </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Results/PreFluorescence">Results: Buffers</a> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Results/Fluorescence">Results: Fluorescence </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a> | ||
+ | |||
+ | <ul class="subnav"> | ||
+ | <li> <a href="https://2013.igem.org/Team:Northwestern/Notebook">Notebook</a> </li> | ||
+ | <li> <a href="https://2013.igem.org/Team:Northwestern/biblio">References</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#"> Outreach </a> | ||
+ | <ul class="subnav"> | ||
+ | <li> <a href="https://2013.igem.org/Team:Northwestern/Human_Practice">Human Practice</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a> | ||
+ | <ul class="subnav"> | ||
+ | <li> <a href="https://2013.igem.org/Team:Northwestern/Safety">Safety</a> </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 03:57, 28 September 2013