From 2011.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | css:
| + | <html> |
- | root {
| + | <div id="navcon"> |
- | display: block;
| + | <div id="nav"> |
- | }
| + | <ul> |
- | * {margin: 0; padding: 0px;}
| + | <li class="first"><a href="index.html">Home</a></li> |
- | body { background: #444; }
| + | <li><a href="login.html">Login</a></li> |
- | #navcon { background: #fff; width: 100% }
| + | <li><a href="Course.html">Course</a> |
- | #nav { width: 377px; height:56px; position: relative; color: #999; font-family: helvetica; margin: 0px auto; font-size: .9em; }
| + | <ul> |
- | #nav ul { list-style-type: none; }
| + | <li class="top"><a href="course_brochure.html">Course Brochure</a></li> |
- | #nav ul li { float: left; position: relative; }
| + | <li><a href="dl_brochure.html">Download Course Brochure</a></li> |
- | #nav ul li a { border-right:1px solid #e9e9e9; padding: 20px; display: block; text-align: center; color: #999; text-decoration: none; }
| + | <li><a href="search_course.html">Search</a></li> |
- | #nav ul li a:hover { background: #12aeef; color: #fff;}
| + | </ul> |
- | #nav ul li ul { display: none; }
| + | </li> |
- | #nav ul li:hover ul { display: block; position: absolute; }
| + | <li><a href="contact_us.html">Contact Us</a></li> |
- | #nav ul li:hover ul li a { display:block; background:#12aeef; color:#ffffff; border-bottom: 1px solid #f2f2f2; border-right: none; width: 110px; }
| + | </ul> |
- | #nav ul li:hover ul li a:hover { background:#6dc7ec; color:#fff; }
| + | </div><!-- /nav --> |
- | .top{ border-top: 1px solid #f2f2f2; } | + | </div> <!-- /navcon --> |
- | .first {border-left: 1px solid #e9e9e9;}
| + | |
Revision as of 09:22, 22 June 2011