"
VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
| Line 58: | Line 58: | ||
.fourfocus { | .fourfocus { | ||
background-color: #000; | background-color: #000; | ||
| - | color: | + | color: white; |
padding: 35px; | padding: 35px; | ||
height: 400px; | height: 400px; | ||
| Line 64: | Line 64: | ||
margin-right: auto; | margin-right: auto; | ||
padding-left:50px; | padding-left:50px; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
.fourfocus p { | .fourfocus p { | ||
color:#6A6A6A; | color:#6A6A6A; | ||
| + | } | ||
| + | .fourfocus h2 { | ||
| + | color: #FFFFFF; | ||
} | } | ||
.bottom { | .bottom { | ||
| Line 87: | Line 87: | ||
display: block; | display: block; | ||
font-size: 12px; | font-size: 12px; | ||
| - | |||
} | } | ||
.footer h3 { | .footer h3 { | ||
| Line 95: | Line 94: | ||
border-bottom-width: thin; | border-bottom-width: thin; | ||
border-bottom: 1px solid rgba(255,255,255,0.3); | border-bottom: 1px solid rgba(255,255,255,0.3); | ||
| - | |||
} | } | ||
.footer a { | .footer a { | ||
| Line 113: | Line 111: | ||
padding: 0; | padding: 0; | ||
} | } | ||
| - | |||
#logo h1 { | #logo h1 { | ||
text-align: center; | text-align: center; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
| - | |||
#logo h1 span { | #logo h1 span { | ||
color: #E94730; | color: #E94730; | ||
} | } | ||
| - | |||
#logo h1 a { | #logo h1 a { | ||
font-size: 70px; | font-size: 70px; | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
| - | |||
#logo p { | #logo p { | ||
text-align: center; | text-align: center; | ||
| Line 135: | Line 129: | ||
color: #595959; | color: #595959; | ||
} | } | ||
| - | |||
#logo p a { | #logo p a { | ||
color: #595959; | color: #595959; | ||
} | } | ||
| - | |||
#logo a { | #logo a { | ||
border: none; | border: none; | ||
| Line 152: | Line 144: | ||
padding-top:50px; | padding-top:50px; | ||
} | } | ||
| - | # | + | #boxes { |
| - | { | + | width: 1000px; |
| + | margin-left: auto; | ||
| + | margin-right:auto; | ||
| + | } | ||
| + | #fbox1 { | ||
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
margin-right: 20px; | margin-right: 20px; | ||
text-align:center; | text-align:center; | ||
| + | margin-left:auto; | ||
} | } | ||
| - | #fbox2 | + | #fbox2 { |
| - | { | + | |
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
| Line 166: | Line 162: | ||
text-align:center; | text-align:center; | ||
} | } | ||
| - | #fbox3 | + | #fbox3 { |
| - | { | + | |
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
| Line 173: | Line 168: | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
| - | #fbox4 | + | #fbox4 { |
| - | { | + | |
float: left; | float: left; | ||
width: 235px; | width: 235px; | ||
text-align:center; | text-align:center; | ||
| - | |||
} | } | ||
#menu11 ul { | #menu11 ul { | ||
| Line 186: | Line 179: | ||
clear: both; | clear: both; | ||
margin-left: auto; | margin-left: auto; | ||
| - | + | margin-right:auto; | |
| - | + | height:70px; | |
| - | + | width:1100px; | |
| - | + | padding-left:50px; | |
} | } | ||
#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; | ||
| - | padding:0px | + | padding:0px 0px 0px 10px; |
width:170px; | width:170px; | ||
height:55px; | height:55px; | ||
| Line 232: | Line 225: | ||
color:#325281; | color:#325281; | ||
} | } | ||
| - | |||
</style> | </style> | ||
| Line 242: | Line 234: | ||
<div id="logo"> | <div id="logo"> | ||
<h1><a href="#"><span>V</span>GEM</a></h1> | <h1><a href="#"><span>V</span>GEM</a></h1> | ||
| - | <p>University of Virginia</p> | + | <p><a href="http://www.virginia.edu/">University of Virginia</a></p> |
</div> | </div> | ||
| - | + | <div id="menu11"> | |
<ul> | <ul> | ||
<li> | <li> | ||
| Line 273: | Line 265: | ||
<p><a href="">Overview</a></p> | <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="">Clinical Impact</a></p> | ||
<p><a href="">Outreach</a></p></span> | <p><a href="">Outreach</a></p></span> | ||
| Line 284: | Line 276: | ||
<p><a href="">Profile</a></p> | <p><a href="">Profile</a></p> | ||
<p><a href="">Sponsors</a></p> | <p><a href="">Sponsors</a></p> | ||
| - | <p><a href="">Collaboration</a></p></span></li></ul | + | <p><a href="">Collaboration</a></p></span></li></ul></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> | ||
<div class="fourfocus"> | <div class="fourfocus"> | ||
| - | <div id="fbox1"><a href=""><img src="http://infinitylinephotography.tripod.com/sitebuildercontent/sitebuilderpictures/1495_golden-retriever-puppy.jpg" width="235" height="235" alt="" /></a> | + | <div id="boxes"><div id="fbox1"><a href=""><img src="http://infinitylinephotography.tripod.com/sitebuildercontent/sitebuilderpictures/1495_golden-retriever-puppy.jpg" width="235" height="235" alt="" /></a> |
<h2>Project</h2> | <h2>Project</h2> | ||
<p>Learn more about the exciting developments of minicells as a safe and effective chassis.</p> | <p>Learn more about the exciting developments of minicells as a safe and effective chassis.</p> | ||
| Line 303: | Line 295: | ||
<h2>Team</h2> | <h2>Team</h2> | ||
<p>Meet the brains and brawn behind the project.</p> | <p>Meet the brains and brawn behind the project.</p> | ||
| - | </div> | + | </div></div> |
</div> | </div> | ||
<div class="bottom">SPONSORS BECAUSE WE NEED $$$$$</div> | <div class="bottom">SPONSORS BECAUSE WE NEED $$$$$</div> | ||
Revision as of 15:24, 10 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 $$$$$
