"
VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
| Line 63: | Line 63: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| - | width: 95% | + | width: 95%; |
| - | + | padding-left:50px; | |
} | } | ||
.fourfocus p { | .fourfocus p { | ||
color:#6A6A6A; | color:#6A6A6A; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
.bottom { | .bottom { | ||
| Line 84: | Line 81: | ||
.footer { | .footer { | ||
background-color: #000000; | background-color: #000000; | ||
| - | |||
padding: 5px; | padding: 5px; | ||
text-align: center; | text-align: center; | ||
| Line 92: | Line 88: | ||
.footer h3 { | .footer h3 { | ||
font-size: 18px; | font-size: 18px; | ||
| - | |||
text-transform: capitalize; | text-transform: capitalize; | ||
text-align: center; | text-align: center; | ||
| Line 106: | Line 101: | ||
} | } | ||
#logo { | #logo { | ||
| - | height: | + | height: 130px; |
margin: 30px auto 0px auto; | margin: 30px auto 0px auto; | ||
| - | |||
} | } | ||
#logo h1, #logo p { | #logo h1, #logo p { | ||
margin: 0; | margin: 0; | ||
| + | padding: 0; | ||
} | } | ||
| Line 157: | Line 152: | ||
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
| - | margin-right: | + | margin-right: 20px; |
text-align:center; | text-align:center; | ||
} | } | ||
| Line 164: | Line 159: | ||
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
| - | margin-right: | + | margin-right: 20px; |
text-align:center; | text-align:center; | ||
} | } | ||
| Line 172: | Line 167: | ||
width: 235px; | width: 235px; | ||
text-align:center; | text-align:center; | ||
| - | + | margin-right: 20px; | |
} | } | ||
#fbox4 | #fbox4 | ||
| Line 181: | Line 176: | ||
} | } | ||
#menu11 ul { | #menu11 ul { | ||
| - | |||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 24px; | font-size: 24px; | ||
| Line 187: | Line 181: | ||
clear: both; | clear: both; | ||
margin: 20px; | margin: 20px; | ||
| - | |||
} | } | ||
#menu11 ul li{ | #menu11 ul li{ | ||
float: left; | float: left; | ||
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li{ |
display:block; | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
| Line 198: | Line 191: | ||
width:170px; | width:170px; | ||
height:55px; | height:55px; | ||
| - | border-left: | + | border-left:6px dotted #fff; |
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li span{ |
display:block; | display:block; | ||
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li span.title{ |
color:#fff; | color:#fff; | ||
| + | list-style-type: none; | ||
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li:hover{ |
| - | border-left: | + | border-left:10px dotted #E94730; |
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li:hover span.title{ |
| + | list-style-type: none; | ||
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li span.text{ |
color: #325281; | color: #325281; | ||
| - | font-size: | + | font-size: 14px; |
letter-spacing: 0px; | letter-spacing: 0px; | ||
visibility: hidden; | visibility: hidden; | ||
| - | |||
line-height: 0px; | line-height: 0px; | ||
padding-top: 4px; | padding-top: 4px; | ||
margin: 10px 0px 12px 0px; | margin: 10px 0px 12px 0px; | ||
| + | list-style-type: square; | ||
} | } | ||
| - | #menu11 ul li | + | #menu11 ul li:hover span.text{ |
visibility:visible; | visibility:visible; | ||
} | } | ||
| - | + | #menu11 ul li:hover span.text a{ | |
| + | text-decoration:none; | ||
| + | color:#325281; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 238: | Line 237: | ||
<div id="navbar"><div id="menu11"> | <div id="navbar"><div id="menu11"> | ||
<ul> | <ul> | ||
| - | <li | + | <li> |
<span class="title">Home</span> | <span class="title">Home</span> | ||
| - | <span class="text">The start</ | + | <span class="text"><a href="">The start</a></span> |
| - | + | ||
</li> | </li> | ||
| - | <li | + | <li> |
| - | + | <span class="title">Project</span> | |
| - | <span class="text"> | + | <span class="text"> |
| - | + | <p><a href="">Overview</a></p> | |
| + | <p><a href="">Background</a></p> | ||
| + | <p><a href="">Parts</a></p> | ||
| + | <p><a href="">Results</a></p> | ||
| + | <p><a href="">Modeling</a></p> | ||
| + | <p><a href="">More Applications</a></p></span> | ||
</li> | </li> | ||
| - | <li | + | <li> |
<span class="title">Notebook</span> | <span class="title">Notebook</span> | ||
| - | <span class="text"> | + | <span class="text"> |
| - | + | <p><a href="">Overview</a></p> | |
| + | <p><a href="">Notebook</a></p> | ||
| + | <p><a href="">Protocols</a></p> | ||
| + | <p><a href="">Gallery</a></p></span> | ||
</li> | </li> | ||
| - | <li | + | <li> |
<span class="title">Human Practices</span> | <span class="title">Human Practices</span> | ||
| - | <span class="text"> | + | <span class="text"> |
| - | + | <p><a href="">Overview</a></p> | |
| + | <p><a href="">Safety</a></p> | ||
| + | <p><a href="">Safety</a></p> | ||
| + | <p><a href="">Clinical Impact</a></p> | ||
| + | <p><a href="">Outreach</a></p></span> | ||
</li> | </li> | ||
| - | <li | + | <li> |
<span class="title">Team</span> | <span class="title">Team</span> | ||
| - | + | <span class="text"> | |
| + | <p><a href="">Overview</a></p> | ||
| + | <p><a href="">Bios</a></p> | ||
| + | <p><a href="">Profile</a></p> | ||
| + | <p><a href="">Sponsors</a></p> | ||
| + | <p><a href="">Collaboration</a></p></span></li></ul></div></div></div> | ||
<div class="slidingpics"> | <div class="slidingpics"> | ||
<div id="picbox"><img src="http://24.media.tumblr.com/97a47d3aa55da6f5985d81b4fd7dfb27/tumblr_mp2gt0CjGe1sxgpaeo1_1280.jpg" width="1000" height="350"/></div></div> | <div id="picbox"><img src="http://24.media.tumblr.com/97a47d3aa55da6f5985d81b4fd7dfb27/tumblr_mp2gt0CjGe1sxgpaeo1_1280.jpg" width="1000" height="350"/></div></div> | ||
Revision as of 20:45, 1 July 2013
Project
Learn more about the exciting developments of minicells as a safe and effective chassis.
Notebook
See how we spent our summer of science.
Human Practices
Discover the local and global impact our iGEM team has made.
Team
Meet the brains and brawn behind the project.
SPONSORS BECAUSE WE NEED $$$$$
