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(images/bg01.png) repeat;
+
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: #0000FF;
+
color: #0D3268;
}
}
Line 273: Line 364:
overflow: hidden;
overflow: hidden;
padding: 6em 50px;
padding: 6em 50px;
-
background: #E54732;
+
background: #e54732;
color: #2D2D2D;
color: #2D2D2D;
}
}
Line 310: Line 401:
#header {
#header {
overflow: hidden;
overflow: hidden;
-
padding-top: 8em;
+
padding-top: 4em;
}
}
Line 599: Line 690:
<div id="header">
<div id="header">
<div id="logo">
<div id="logo">
-
<h1><a href="#"><span>v</span>Gem</a></h1>
+
<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>Mincells</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="#"> <b>TBD</b></a></p>
+
<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="#">October<b>4-6</b></a></p>
+
<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="#">November<b>1-4</b></a></p>
+
<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="#">Consectetuer adipiscing elit</a></li>
+
<li class="first"><a href="#">Ate pizza.</a></li>
-
<li><a href="#">Metus aliquam pellentesque</a></li>
+
<li><a href="#">Made media!</a></li>
-
<li><a href="#">Suspendisse iaculis mauris</a></li>
+
<li><a href="#">Went to West Range.</a></li>
-
<li><a href="#">Proin gravida orci porttitor</a></li>
+
<li><a href="#">Discovered life's secrets!</a></li>
</ul>
</ul>
</div>
</div>
Line 692: Line 810:
</div>
</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

The future of

Minicells

These small cells lack chromosomal DNA, providing the gateway to a whole host of applications.

See the project