VirginiaTemplate
From 2013.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
<head> | <head> | ||
<style media="screen" type="text/css"> | <style media="screen" type="text/css"> | ||
- | #p-logo{ | + | |
+ | /*hide default igem banner and reformat style into blank slate*/ | ||
+ | #globalWrapper {width: 100%;} | ||
+ | #top-section {width: 100%; height:30px; border:none;} | ||
+ | #p-logo {display:none; visibility:hidden;} | ||
+ | #search-controls {display:none;} | ||
+ | #menubar a {color:#000000;} | ||
+ | #menubar a:hover{text-decoration:none; color:#52749C;} | ||
+ | .left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;} | ||
+ | .left-menu ul {background-color:#FFFFFF; margin:0; padding:0;} | ||
+ | .right-menu ul li a {background-color:#FFFFFF;} | ||
+ | .printfooter {display:none;} | ||
+ | #footer-box {border:none;} | ||
+ | #catlinks {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #content {width: 100%; border:none;} | ||
+ | #bodyContent {border:none;} | ||
+ | |||
+ | } | ||
+ | .firstHeading{ | ||
display: none; | display: none; | ||
visibility: hidden; | visibility: hidden; | ||
Line 12: | Line 31: | ||
html, body { | html, body { | ||
height: 100%; | height: 100%; | ||
+ | } | ||
+ | nav { | ||
+ | margin: 100px auto; | ||
+ | text-align: center; | ||
} | } | ||
+ | nav ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | nav ul li:hover > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | nav ul { | ||
+ | background: #efefef; | ||
+ | background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); | ||
+ | box-shadow: 0px 0px 9px rgba(0,0,0,0.15); | ||
+ | padding: 0 20px; | ||
+ | border-radius: 10px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | display: inline-table; | ||
+ | } | ||
+ | nav ul:after { | ||
+ | content: ""; clear: both; display: block; | ||
+ | } | ||
+ | |||
+ | nav ul li { | ||
+ | float: left; | ||
+ | } | ||
+ | nav ul li:hover { | ||
+ | background: #4b545f; | ||
+ | background: linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); | ||
+ | } | ||
+ | nav ul li:hover a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | nav ul li a { | ||
+ | display: block; padding: 25px 40px; | ||
+ | color: #757575; text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | nav ul ul { | ||
+ | background: #5f6975; border-radius: 0px; padding: 0; | ||
+ | position: absolute; top: 100%; | ||
+ | } | ||
+ | nav ul ul li { | ||
+ | float: none; | ||
+ | border-top: 1px solid #6b727c; | ||
+ | border-bottom: 1px solid #575f6a; position: relative; | ||
+ | } | ||
+ | nav ul ul li a { | ||
+ | padding: 15px 40px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | nav ul ul li a:hover { | ||
+ | background: #4b545f; | ||
+ | } | ||
+ | |||
+ | nav ul ul ul { | ||
+ | position: absolute; left: 100%; top:0; | ||
+ | } | ||
+ | |||
body { | body { | ||
- | margin: 0px; | + | margin-top: 0px; |
+ | margin-bottom:0px; | ||
+ | margin-right:0px; | ||
+ | margin-left:0px; | ||
padding: 0px; | padding: 0px; | ||
- | background: #252525 url( | + | background: #252525 url(https://www.dropbox.com/s/c4wmppb15ldfu64/iGEMlogo.jpg) repeat; |
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
font-size: 10pt; | font-size: 10pt; | ||
Line 42: | Line 133: | ||
a { | a { | ||
- | color: # | + | color: #0D3268; |
} | } | ||
Line 273: | Line 364: | ||
overflow: hidden; | overflow: hidden; | ||
padding: 6em 50px; | padding: 6em 50px; | ||
- | background: # | + | background: #e54732; |
color: #2D2D2D; | color: #2D2D2D; | ||
} | } | ||
Line 310: | Line 401: | ||
#header { | #header { | ||
overflow: hidden; | overflow: hidden; | ||
- | padding-top: | + | padding-top: 4em; |
} | } | ||
Line 599: | Line 690: | ||
<div id="header"> | <div id="header"> | ||
<div id="logo"> | <div id="logo"> | ||
- | <h1><a href=" | + | <h1><a href="https://2013.igem.org"><span>v</span>Gem</a></h1> |
<p>University of virginia</p> | <p>University of virginia</p> | ||
</div> | </div> | ||
- | <div id="menu"> | + | |
+ | <nav> | ||
+ | <ul> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Bios</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#">Web Design</a> | ||
+ | <ul> | ||
+ | <li><a href="#">HTML</a></li> | ||
+ | <li><a href="#">CSS</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">User Experience</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Human Practices</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <!-- <div id="menu"> | ||
<ul> | <ul> | ||
<li class="first current_page_item"><a href="#" accesskey="1" title="">Home</a></li> | <li class="first current_page_item"><a href="#" accesskey="1" title="">Home</a></li> | ||
Line 610: | Line 728: | ||
<li><a href="#" accesskey="5" title="">Human Practices</a></li> | <li><a href="#" accesskey="5" title="">Human Practices</a></li> | ||
</ul> | </ul> | ||
- | </div> | + | </div> --> |
</div> | </div> | ||
<div id="page"> | <div id="page"> | ||
<div class="content"> <span>The future of</span> | <div class="content"> <span>The future of</span> | ||
- | <h2> | + | <h2>Minicells</h2> |
<p>These small cells lack chromosomal DNA, providing the gateway to a whole host of applications.</p> | <p>These small cells lack chromosomal DNA, providing the gateway to a whole host of applications.</p> | ||
<a href="#" class="button-style button-style-alt">See the project</a> </div> | <a href="#" class="button-style button-style-alt">See the project</a> </div> | ||
Line 634: | Line 752: | ||
<ul class="style3"> | <ul class="style3"> | ||
<li class="first"> | <li class="first"> | ||
- | <p class="date"><a href="#"> | + | <p class="date"><a href="#">SEP<b>TBD</b></a></p> |
<h3>BioBrick part due</h3> | <h3>BioBrick part due</h3> | ||
<p><a href="#">All DNA due to the Registry</a></p> | <p><a href="#">All DNA due to the Registry</a></p> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <p class="date"><a href="#"> | + | <p class="date"><a href="#">OCT<b>4-6</b></a></p> |
<h3>Regional jamboree</h3> | <h3>Regional jamboree</h3> | ||
- | <p><a href="#">University of Ontario, CA</a></p> | + | <p><a href="#">University of Toronto, Ontario, CA</a></p> |
</li> | </li> | ||
<li> | <li> | ||
- | <p class="date"><a href="#"> | + | <p class="date"><a href="#">NOV<b>1-4</b></a></p> |
<h3>World championship jamboree</h3> | <h3>World championship jamboree</h3> | ||
<p><a href="#">MIT, Cambridge, USA</a></p> | <p><a href="#">MIT, Cambridge, USA</a></p> | ||
Line 668: | Line 786: | ||
<h2>Recent Updates</h2> | <h2>Recent Updates</h2> | ||
<ul class="style1"> | <ul class="style1"> | ||
- | <li class="first"><a href="#"> | + | <li class="first"><a href="#">Ate pizza.</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Made media!</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Went to West Range.</a></li> |
- | <li><a href="#"> | + | <li><a href="#">Discovered life's secrets!</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 692: | Line 810: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
<div id="footer"> | <div id="footer"> | ||
<p>Copyright (c) 2013 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>. </p> | <p>Copyright (c) 2013 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>. </p> | ||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 15:15, 24 June 2013
vGem
University of virginia
The future of
Minicells
These small cells lack chromosomal DNA, providing the gateway to a whole host of applications.
See the projectMeet the Team
Brains and Brawn
Our team consists of 12 undergraduate students and 1 graduate student.
iGEM 2013 pageCompetition events
next stop: canada!
-
BioBrick part due
-
Regional jamboree
-
World championship jamboree