Team:Exeter/Safety
From 2012.igem.org
(Difference between revisions)
Jamesml213 (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
- | + | <head> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
- | + | <title>Untitled Document</title> | |
- | + | <link href="../Desktop/css desktop/dropDown.css" rel="stylesheet" type="text/css" /> | |
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <body background="sweets.jpg"> | ||
- | + | <div id="wrapper"> | |
+ | <div id="navMenu"> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Exeter">Home</a> | ||
+ | <ul> | ||
+ | |||
+ | |||
+ | </ul><!-- end inner UL--> | ||
+ | |||
+ | </li><!-- end main LI --> | ||
+ | </ul><!-- end main UL --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <ul> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">The Team<a/></li> | ||
+ | <li><a href="#">Plan<a/></li> | ||
+ | <li><a href="#">Features<a/></li> | ||
+ | <li><a href="#">Gallery<a/></li> | ||
+ | |||
+ | |||
+ | </ul><!-- end inner UL--> | ||
+ | |||
+ | </li><!-- end main LI --> | ||
+ | </ul><!-- end main UL --> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#">The Science</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Polysaccharides<a/></li> | ||
+ | <li><a href="#">Enzymes<a/></li> | ||
+ | <li><a href="#">Wzz and Wzy<a/></li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul><!-- end inner UL--> | ||
+ | |||
+ | </li><!-- end main LI --> | ||
+ | </ul><!-- end main UL --> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#">Results</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Data<a/></li> | ||
+ | <li><a href="#">Conclusions<a/></li> | ||
+ | <li><a href="#">The Future<a/></li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul><!-- end inner UL--> | ||
+ | |||
+ | </li><!-- end main LI --> | ||
+ | </ul><!-- end main UL --> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="http://exigem2012.wordpress.com/">Our Blog!</a> | ||
+ | <ul> | ||
+ | |||
+ | |||
+ | </ul><!-- end inner UL--> | ||
+ | |||
+ | </li><!-- end main LI --> | ||
+ | </ul><!-- end main UL --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div><!-- end navMenu --> | ||
+ | </div><!-- end wrapper div --> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | <style> | ||
+ | @charset "utf-8"; | ||
+ | |||
+ | |||
+ | #navMenu { | ||
+ | align:center; | ||
+ | margin left:25%; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #navMenu ul { | ||
+ | margin:0px; | ||
+ | padding:0; | ||
+ | line-height:50px; | ||
+ | } | ||
+ | |||
+ | #navMenu li { | ||
+ | margin:0; | ||
+ | padding:0px; | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | background:#3CF; | ||
+ | } | ||
+ | |||
+ | #navMenu ul li a { | ||
+ | padding:0; | ||
+ | text-align:center; | ||
+ | font-family:"Comic Sans MS", cursive; | ||
+ | text-decoration:none; | ||
+ | width:150px; | ||
+ | display:block; | ||
+ | color:#FFF; | ||
+ | border:1px #333 ; | ||
+ | } | ||
+ | |||
+ | #navMenu ul ul { | ||
+ | padding:0; | ||
+ | position:absolute; | ||
+ | visibility:hidden; | ||
+ | top:50px; | ||
+ | } | ||
+ | |||
+ | #navMenu ul li:hover ul { | ||
+ | visibility:visible; | ||
+ | } | ||
+ | |||
+ | /*********************************************************************************************/ | ||
+ | |||
+ | #navMenu li:hover { | ||
+ | background:#006; | ||
+ | } | ||
+ | |||
+ | #navMenu ul li:hover ul li a:hover { | ||
+ | background:#09F; | ||
+ | color:#000; | ||
+ | } | ||
+ | |||
+ | #navMenu a:hover { | ||
+ | color:#FFF; | ||
+ | } | ||
+ | |||
+ | .clearfloat { | ||
+ | clear:both; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | </style> | ||
+ | </html> |
Revision as of 13:25, 21 June 2012