VirginiaTemplate3

From 2013.igem.org

(Difference between revisions)
Line 52: Line 52:
}
}
.topbanner {
.topbanner {
-
background-color: black;
+
background-color: #088674;
padding:5px;
padding:5px;
height:250px;
height:250px;
Line 60: Line 60:
clear: both;
clear: both;
height:400px;
height:400px;
 +
margin-left:auto;
 +
margin-left:auto;
}
}
.fourfocus {
.fourfocus {
Line 68: Line 70:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
        width:1000px;
+
width:1000px;
}
}
.bottom {
.bottom {
background-color: white;
background-color: white;
color: #088674;
color: #088674;
-
padding: 5px;
+
padding: 15px;
height: 200px;
height: 200px;
clear: both;
clear: both;
Line 95: Line 97:
}
}
#logo {
#logo {
-
float: left;
+
height: 130px;
-
margin-left:20%;
+
margin: 0px auto 30px auto;
}
}
 +
 +
#logo h1, #logo p {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#logo h1 {
 +
text-align: center;
 +
text-transform: uppercase;
 +
}
 +
 +
#logo h1 span {
 +
color: #325281;
 +
}
 +
 +
#logo h1 a {
 +
font-size: 2em;
 +
color: #FFF;
 +
}
 +
 +
#logo p {
 +
text-align: center;
 +
text-transform: uppercase;
 +
font-size: 1.3em;
 +
font-family: 'Raleway', sans-serif;
 +
color: #595959;
 +
}
 +
 +
#logo p a {
 +
color: #595959;
 +
}
 +
 +
#logo a {
 +
border: none;
 +
background: none;
 +
text-decoration: none;
 +
color: #1F1F1F;
 +
}
 +
#navbar {
#navbar {
float:right;
float:right;
-
        margin-right:auto;
+
}
 +
#picbox {
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:500px;
 +
padding-top:20px;
}
}
#fbox1
#fbox1
Line 128: Line 174:
text-align:center;
text-align:center;
}
}
-
 
+
#menu11 ul {
-
 
+
    list-style:none;
 +
    text-transform:uppercase;
 +
    font-size: 24px;
 +
    line-height: 1.2em;
 +
    float:left;
 +
    clear:both;
 +
    margin:20px;
 +
}
 +
#menu11 ul li{
 +
    float:left;
 +
}
 +
#menu11 ul li a{
 +
    display:block;
 +
    text-decoration:none;
 +
    padding:0px 10px 0px 10px;
 +
    width:170px;
 +
    height:55px;
 +
    border-left:8px dotted #fff;
 +
}
 +
#menu11 ul li a span{
 +
    display:block;
 +
}
 +
#menu11 ul li a span.title{
 +
    color:#fff;
 +
}
 +
#menu11 ul li a:hover{
 +
    border-left:8px dotted #D88D2A;
 +
}
 +
#menu11 ul li a:hover span.title{
 +
}
 +
#menu11 ul li a span.text{
 +
color: #325281;
 +
font-size: 12px;
 +
letter-spacing: 0px;
 +
visibility: hidden;
 +
border-left: 16px dotted #D88D2A;
 +
line-height: 0px;
 +
padding-top: 4px;
 +
margin: 10px 0px 12px 0px;
 +
}
 +
#menu11 ul li a:hover span.text{
 +
    visibility:visible;
 +
}
 +
</style>
</style>
Line 136: Line 225:
<body>
<body>
<div class="topbanner">
<div class="topbanner">
-
   <div id="logo"><img src="http://25.media.tumblr.com/e1f1c575443ef6a3dbe543baa4fa1157/tumblr_monp08VmvE1qd61pzo1_500.jpg" width="341" height="222"/></div>
+
   <div id="logo">
-
  <div id="navbar">NAVBAR</div>
+
<h1><a href="#"><span>V</span>GEM</a></h1>
-
</div>
+
<p>University of Virginia</p>
-
<div class="slidingpics">Content for  class "slidingpics" Goes Here</div>
+
</div>
 +
  <div id="navbar"><div id="menu11">
 +
    <ul>
 +
        <li><a href="">
 +
                <span class="title">Home</span>
 +
                <span class="text">The start</span>
 +
            </a>
 +
        </li>
 +
        <li><a href="">
 +
                <span class="title">Project</span>
 +
                <span class="text">What we made</span>
 +
            </a>
 +
        </li>
 +
        <li><a href="">
 +
                <span class="title">Notebook</span>
 +
                <span class="text">What we recorded</span>
 +
            </a>
 +
        </li>
 +
        <li><a href="">
 +
                <span class="title">Human Practices</span>
 +
                <span class="text">What we contributed</span>
 +
            </a>
 +
        </li>
 +
        <li><a href="">
 +
                <span class="title">Team</span>
 +
      <span class="text">Who we count on</span></a></li></ul></div></div></div>
 +
<div class="slidingpics">
 +
<div id="picbox"><img src="http://25.media.tumblr.com/e1f1c575443ef6a3dbe543baa4fa1157/tumblr_monp08VmvE1qd61pzo1_500.jpg" width="500" height="350"/></div></div>
<div class="fourfocus">
<div class="fourfocus">
-
<div id="fbox1"> <img src="http://infinitylinephotography.tripod.com/sitebuildercontent/sitebuilderpictures/1495_golden-retriever-puppy.jpg" width="235" height="235" alt="" />
+
  <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>
   </div>
   </div>
-
   <div id="fbox2"> <img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQbdv5qxxO-pZXQHjsoRv_vhcYmavixpfSCTMcfzSIB2p7fiopMrA" width="235" height="235" alt="" />
+
   <div id="fbox2"><a href=""><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQbdv5qxxO-pZXQHjsoRv_vhcYmavixpfSCTMcfzSIB2p7fiopMrA" width="235" height="235" alt="" /></a>
<h2>Notebook</h2>
<h2>Notebook</h2>
<p>See how we spent our summer of science.</p>
<p>See how we spent our summer of science.</p>
-
</div>
+
  </div>
-
<div id="fbox3"> <img src="http://www.lemon-law-types.com/image-files/puppy-lemon-law-laws-for-puppies-dogs-pets.jpg" width="235" height="235" alt="" />
+
<div id="fbox3"><a href=""><img src="http://www.lemon-law-types.com/image-files/puppy-lemon-law-laws-for-puppies-dogs-pets.jpg" width="235" height="235" alt="" /></a>
<h2>Human Practices</h2>
<h2>Human Practices</h2>
<p>Discover the local and global impact our iGEM team has made.</p>
<p>Discover the local and global impact our iGEM team has made.</p>
</div>
</div>
-
<div id="fbox4"> <img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQhKjn8TxnIBPMg6cmYdDs0ZI-jVvAfTRTPYbjnK4jguvciE0UvCA" width="235" height="235" alt="" />
+
<div id="fbox4"><a href=""><img src="http://t3.gstatic.com/images?q=tbn:ANd9GcQhKjn8TxnIBPMg6cmYdDs0ZI-jVvAfTRTPYbjnK4jguvciE0UvCA" width="235" height="235" alt="" /></a>
<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 class="bottom">Content for  class "bottom" Goes Here</div>
+
<div class="bottom">SPONSORS BECAUSE WE NEED $$$$$</div>
<div class="footer">  
<div class="footer">  
 +
<h3>&nbsp;</h3>
<h3>Contact</h3>
<h3>Contact</h3>
<p>Questions? Comments? Email us at <a href="virginia.igem@gmail.com">virginia.igem@gmail.com</a></p>
<p>Questions? Comments? Email us at <a href="virginia.igem@gmail.com">virginia.igem@gmail.com</a></p>

Revision as of 20:09, 26 June 2013

VGEM Welcomes You!

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 $$$$$

 

Contact

Questions? Comments? Email us at virginia.igem@gmail.com

 

Retrieved from "http://2013.igem.org/VirginiaTemplate3"