"
Team:Missouri Miners
From 2013.igem.org
(Difference between revisions)
| Line 50: | Line 50: | ||
} | } | ||
| + | .sidebar { | ||
| + | width: 200px; | ||
| + | padding: 10px 0 0; | ||
| + | float: right; | ||
| + | } | ||
| + | .sidebar h3 { | ||
| + | color: #333; | ||
| + | font-size: 22px; | ||
| + | } | ||
| - | + | .sidebar ul { | |
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .sidebar ul li { | ||
| + | margin-bottom: 20px; | ||
| + | line-height: 1.9em; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul { | ||
| + | } | ||
| + | /*HEREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE*/ | ||
| + | .sidebar li ul li { | ||
| + | display: block; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | border-top: none; | ||
| + | padding: 6px 2px; | ||
| + | margin: 0; | ||
| + | line-height: 1.5em; | ||
| + | font-size: 13px; | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul li a { | ||
| + | font-weight: normal; | ||
| + | color: #222; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul li a:hover { | ||
| + | color: #67c41d; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul.blocklist li { | ||
| + | padding: 0; | ||
| + | display: inline; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul.blocklist li a { | ||
| + | background-color: #EAEAEA; | ||
| + | display: block; | ||
| + | font-family: Arial,Helvetica,sans-serif; | ||
| + | font-size: 11px; | ||
| + | font-weight: bold; | ||
| + | margin-bottom: 1px; | ||
| + | padding: 7px 10px; | ||
| + | text-decoration: none; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | .sidebar li ul.blocklist li a:hover { | ||
| + | background-color: #67c41d; | ||
| + | color: #fff; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </style> | ||
| + | 1 | ||
<div id="nav"> | <div id="nav"> | ||
<ul> | <ul> | ||
| - | + | <li class="start selected"><a href="index.html">Home</a></li> | |
<li><a href="examples.html">Examples</a></li> | <li><a href="examples.html">Examples</a></li> | ||
<li><a href="#">Products</a></li> | <li><a href="#">Products</a></li> | ||
| Line 63: | Line 131: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | <br /> | ||
hi | hi | ||
| - | + | <div class="sidebar"> | |
| + | <ul> | ||
| + | <li> | ||
| + | <h3>Navigate</h3> | ||
| + | <ul class="blocklist"> | ||
| + | <li><a href="index.html">Home</a></li> | ||
| + | <li><a href="examples.html">Examples</a></li> | ||
| + | <li><a href="#">Products</a></li> | ||
| + | <li><a href="#">Solutions</a></li> | ||
| + | <li><a href="#">Contact</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
</html> | </html> | ||
Revision as of 04:25, 5 August 2013
1
hi
