Team:Missouri Miners
From 2013.igem.org
(Difference between revisions)
(40 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | ||
<html> | <html> | ||
- | < | + | <style> |
- | + | #nav { | |
- | + | height: 33px; | |
- | + | width: 100%; | |
- | + | background-color: #cfcfcf; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #nav ul { | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | height: 45px; | ||
+ | } | ||
- | + | #nav ul li { | |
+ | float: left; | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #nav ul li a:hover, #nav ul li.selected { | ||
+ | background-color:#67c41d; | ||
+ | } | ||
+ | #nav ul li a { | ||
+ | color: #fff; | ||
+ | display: block; | ||
+ | border-right: 1px solid #fff; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | padding: 10px 20px; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | { | + | #nav ul li.start a { |
- | + | border-left: none; | |
- | + | } | |
- | + | ||
- | + | #nav ul li.end a { | |
- | + | border-right: none; | |
- | + | } | |
- | + | ||
- | + | #nav ul li a:hover { | |
- | + | color: #fff; | |
- | + | text-decoration: underline; | |
+ | } | ||
+ | |||
+ | .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 { | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | code, blockquote { | ||
+ | display: block; | ||
+ | border-left: 5px solid #222; | ||
+ | padding: 10px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | code { | ||
+ | background-color: #222; | ||
+ | color:#ccc; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | <div id="nav"> | ||
+ | <ul> | ||
+ | <li class="start selected"><a href="https://2013.igem.org/Team:Missouri_Miners">Home</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Missouri_Miners/Project">Our Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Missouri_Miners/Team">Team</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Missouri_Miners">Team Profile</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <br /> | ||
+ | <div style="float:left; width:65%; color: #666;"> | ||
+ | <p> | ||
+ | Project description will go here | ||
+ | <br /> | ||
+ | can have | ||
+ | <br /> | ||
+ | multiple lines | ||
+ | </p> | ||
+ | <code> | ||
+ | <br /> will insert a new line. | ||
+ | </code> | ||
+ | <code> | ||
+ | insert these tags to create a new paragraph. | ||
+ | <p> | ||
+ | <p> content goes here! </p> | ||
+ | </p> | ||
+ | <p> | ||
+ | I will reformat the content if needed. | ||
+ | </p> | ||
+ | </code> | ||
+ | </div> | ||
- | < | + | <div class="sidebar"> |
+ | <ul> | ||
+ | <li> | ||
+ | <h3>Navigate</h3> | ||
+ | <ul class="blocklist"> | ||
+ | <li><a href="https://2013.igem.org/Team:Missouri_Miners">Home Page</a></li> | ||
+ | <li><a href="http://igem.mst.edu">Our Website</a></li> | ||
+ | <li><a href="#">other</a></li> | ||
+ | <li><a href="#">pages</a></li> | ||
+ | <li><a href="#">-</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Latest revision as of 05:21, 5 August 2013
Project description will go here
can have
multiple lines
<br /> will insert a new line.
insert these tags to create a new paragraph.
<p> content goes here! </p>
I will reformat the content if needed.