VirginiaTemplate3

From 2013.igem.org

(Difference between revisions)
Line 89: Line 89:
border-top-style: solid;
border-top-style: solid;
border-top-color: rgba(153,153,153,0.7);
border-top-color: rgba(153,153,153,0.7);
-
}
 
-
#sponsors {
 
-
width:500px;
 
-
float:left;
 
-
border-right:1px solid rgba(255,255,255,0.3);
 
-
}
 
-
#sponsors li {
 
-
padding-bottom:7px;
 
}
}
.footer {
.footer {
Line 299: Line 291:
     background: #C6E4F2;
     background: #C6E4F2;
     }
     }
 +
/** WRAPPER */
 +
#featured-wrapper {
 +
overflow: hidden;
 +
width:1000px;
 +
padding: 25px 50px;
 +
background: #E54732;
 +
color: #2D2D2D;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
#featured-wrapper h2
 +
{
 +
margin-bottom: 30px;
 +
text-transform: uppercase;
 +
font-weight: 300;
 +
font-size: 1.8em;
 +
color: #FFF;
 +
}
 +
#featured-wrapper span
 +
{
 +
font-size: 0.80em !important;
 +
color: #323232;
 +
}
 +
#sponsors
 +
{
 +
float: left;
 +
width: 330px;
 +
margin-right: 24px;
 +
}
 +
#sponsors .style4
 +
{
 +
padding-top: 1em;
 +
}
 +
#dates
 +
{
 +
float: left;
 +
width: 370px;
 +
padding: 0px 20px;
 +
}
 +
#updates
 +
{
 +
float: left;
 +
width: 200px;
 +
}
 +
p, ol, ul {
 +
margin-top: 0px;
 +
}
 +
p {
 +
line-height: 180%;
 +
}
 +
a {
 +
color: #0000FF;
 +
}
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
a img {
 +
border: none;
 +
}
 +
ul.style3
 +
{
 +
margin: 0;
 +
padding: 0;
 +
overflow: hidden;
 +
list-style: none;
 +
color: #6c6c6c
 +
}
 +
ul.style3 li
 +
{
 +
padding: 1.6em 0em 0em 0em;
 +
margin: 0 0 1em 0;
 +
}
 +
ul.style3 p
 +
{
 +
margin: 0;
 +
}
 +
ul.style3 a
 +
{
 +
display: block;
 +
text-decoration: none;
 +
color: #2D2D2D;
 +
}
 +
ul.style3 a:hover
 +
{
 +
text-decoration: underline;
 +
}
 +
ul.style3 h3
 +
{
 +
padding: 1em 0em 5px 0em;
 +
text-transform: uppercase;
 +
font-size: 1.1em;
 +
font-weight: 300;
 +
color: #FFFFFF;
 +
}
 +
ul.style3 .first
 +
{
 +
padding-top: 0;
 +
background: none;
 +
}
 +
ul.style3 .date
 +
{
 +
float: left;
 +
position: relative;
 +
width: 66px;
 +
height: 54px;
 +
margin: 0.5em 1.5em 0em 0.5em;
 +
padding: 8px 0em 0em 0em;
 +
background: #262626;
 +
border-radius: 5px;
 +
box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
 +
line-height: normal;
 +
text-align: center;
 +
text-transform: uppercase;
 +
text-shadow: 0px 1px 0px rgba(0,0,0,.2);
 +
font-size: 1em;
 +
font-weight: 400;
 +
color: #FFF;
 +
}
 +
ul.style3 .date:after
 +
{
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 100%;
 +
height: 100%;
 +
border-radius: 6px;
 +
}
 +
ul.style3 .date b
 +
{
 +
margin: 0;
 +
padding: 0;
 +
display: block;
 +
margin-top: -5px;
 +
font-size: 1.8em;
 +
font-weight: 700;
 +
color: #FFFFFF;
 +
}
 +
ul.style3 .date a
 +
{
 +
color: #FFFFFF !important;
 +
}
 +
ul.style3 .date a:hover
 +
{
 +
text-decoration: none;
 +
}
 +
ul.style4
 +
{
 +
margin: 0px;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
ul.style4 li
 +
{
 +
padding: 10px 0px 20px 0px;
 +
border-top: 1px solid rgba(255,255,255,0.3);
 +
}
 +
ul.style4 a
 +
{
 +
color: #2D2D2D;
 +
}
 +
ul.style4 .first
 +
{
 +
padding-top: 0px;
 +
border-top: none;
 +
}
 +
/* Button Style 1 */
 +
.button-style {
 +
display: inline-block;
 +
margin-top: 20px;
 +
padding: 7px 20px;
 +
background: #272727;
 +
border-radius: 5px;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
color: #FFFFFF;
 +
}
 +
.button-style-alt
 +
{
 +
background: #E94730;
 +
padding: 15px 20px;
 +
font-size: 1.3em;
 +
font-weight: 600;
 +
}
</style>
</style>
Line 389: Line 566:
</div>
</div>
<div class="bottom">
<div class="bottom">
-
<div id="sponsors"><b>SPONSORS</b>
+
<div id="featured-wrapper">
-
    <ul><li>Tom Skalak, Vice President for Research at UVA</li>
+
<div id="sponsors">
-
    <li>UVA School of Medicine</li>
+
<h2>Sponsors<br />
-
    <li>School of Engineering and Applied Science at UVA</li>
+
<span>Funding the Science</span></h2>
-
    <li>College of Arts and Sciences at UVA</li>
+
<p>Without our sponsors, this year's iGEM team would not be in existence. Thank you.</p>
-
    <li>Alumni Lacy Fund</li>
+
<ul class="style4">
-
    </div>
+
<li class="first"><a href="#">Tom Skalak, Vice President of Research at UVA</a></li>
-
    <div id=" width="100"updates">
+
<li><a href="#">UVA Medical School</a></li>
-
    </div></div>
+
<li><a href="#">UVA School of Engineering and Applie Science</a></li>
 +
                <li><a href="#">UVA College of Arts and Sciences</a></li>
 +
                <li><a href="#">Alumni Lacy Fund</a></li>
 +
</ul>
 +
<a href="#" class="button-style">Official Sponsors Page</a> </div>
 +
<div id="dates">
 +
<h2>Competition Events<br/>
 +
<span>Next Stop: Canada!</span></h2>
 +
<ul class="style3">
 +
<li class="first">
 +
<p class="date"><a href="#"><b>TBD</b></a></p>
 +
<h3>Biobrick Part Due</h3>
 +
<p><a href="#">All DNA due to the iGEM registry.</a></p>
 +
</li>
 +
<li>
 +
<p class="date"><a href="#">October<b>4-6</b></a></p>
 +
<h3>North America Regional Jamboree</h3>
 +
<p><a href="#">University of Toronto, Ontario, CA</a></p>
 +
</li>
 +
<li>
 +
<p class="date"><a href="#">November<b>1-4</b></a></p>
 +
<h3>World Championship Jamboree</h3>
 +
<p><a href="#">MIT, Cambridge, USA</a></p>
 +
</li>
 +
<li>
 +
</ul>
 +
</div>
 +
<div id="updates">
 +
<h2>Recent Updates<br />
 +
<span>Team Progress</span></h2>
 +
<ul class="style4">
 +
<li class="first">Photo Shoot Complete</li>
 +
<li>Toronto Hotel Booked</li>
 +
<li>3/6 Parts Sequenced Correctly</li>
 +
<li>Sucrose Gradient in Progress</li>
 +
<li>Business Cards Ordered</li>
 +
<li>Intrexon Tour Scheduled</li>
 +
</ul>
 +
</div>
 +
</div>
<div class="footer">  
<div class="footer">  
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>

Revision as of 15:22, 6 August 2013

VGEM Welcomes You!

1 2 3 4 5

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.