Difference between revisions of "Team:Virginia"

Line 43: Line 43:
 
               <a href="/Team:Virginia/Project">
 
               <a href="/Team:Virginia/Project">
 
                             <p>PROJECT</p>
 
                             <p>PROJECT</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 
           </a>
 
           </a>
 
                     </div>
 
                     </div>
Line 48: Line 50:
 
                     <a href="/Team:Virginia/Practices">
 
                     <a href="/Team:Virginia/Practices">
 
                             <p>POLICY AND PRACTICES</p>
 
                             <p>POLICY AND PRACTICES</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 
                     </a>
 
                     </a>
 
                     </div>
 
                     </div>
Line 53: Line 57:
 
                     <a href="/Team:Virginia/Attributions">
 
                     <a href="/Team:Virginia/Attributions">
 
                             <p>ATTRIBUTIONS</p>
 
                             <p>ATTRIBUTIONS</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 
             </a>
 
             </a>
 
                     </div>
 
                     </div>
Line 58: Line 64:
 
                   <a href="/Team:Virginia/Attributions">
 
                   <a href="/Team:Virginia/Attributions">
 
                             <p>CONTACT US</p>
 
                             <p>CONTACT US</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 
           </a>
 
           </a>
 
                     </div>
 
                     </div>
Line 79: Line 87:
 
<p>Charlottesville, Virginia 22904</p>
 
<p>Charlottesville, Virginia 22904</p>
 
<p>United States of America</p>
 
<p>United States of America</p>
 +
<p></p>
 
<p><a href="mailto:virginia.igem@gmail.com">
 
<p><a href="mailto:virginia.igem@gmail.com">
 
virginia.igem@gmail.com</a>
 
virginia.igem@gmail.com</a>
Line 322: Line 331:
 
.box img {
 
.box img {
 
margin:10px;  
 
margin:10px;  
width:50%;
+
width:70%;
 
height:auto;
 
height:auto;
 +
margin-left:15%;
 +
display:none;
 +
border-radius:10px;
 +
box-shadow:none;
 +
drop-shadow:none;
 +
}
 +
.box p {
 +
font-family:Arial;
 +
font-size:30px;
 +
font-weight:bold;
 +
padding-top:25px;
 +
text-align:center;
 +
}
 +
 +
</style>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function(){
 +
$(".box").mouseenter(function(){
 +
$(this).css("width","80%");
 +
$(this).css("margin-left","10%");
 +
$(this).css("height","500px");
 +
$("img", this).css("display","block");
 +
 +
});
 +
$(".box").mouseleave(function(){
 +
$(this).css("width","60%");
 +
$(this).css("margin-left","20%");
 +
$(this).css("height","100px");
 +
$("img", this).css("display","none");
 +
 +
});
 +
});
 +
</script>
 +
</body>
 +
</html>
 +
 +
 +
{{Virginia}}
 +
<html>
 +
<head>
 +
<!-- Bootstrap import -- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
 +
</head>
 +
<body>
 +
<div id="top-part">
 +
<p id="above-nav">University of Virginia iGEM 2015</p>
 +
<div id="icon-box">
 +
<a href="https://twitter.com/Virginia_iGEM"><img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img></a>
 +
<a href="https://www.facebook.com/uvaigem"><img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img></a>
 +
</div>
 +
</div>
 +
<div class="nav">
 +
<div class="container">
 +
<ul class="pull-left">
 +
<li><a href="/Team:Virginia">Home</a></li>
 +
</ul>
 +
<ul class="pull-right">
 +
<li><a href="/Team:Virginia/Team">Team</a></li>
 +
<li><a href="/Team:Virginia/Project">Project</a></li>
 +
<li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
 +
<li><a href="/Team:Virginia/Attributions">Attributions</a></li>
 +
<li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="jumbotron">
 +
<h1 style="background-color:#000000">University of Virginia iGEM 2015</h1>
 +
<h2>House of Carbs</h2>
 +
<p></p>
 +
</div>
 +
<div class="learn-more">
 +
<div class="container">
 +
                    <div class="box" id="b1">
 +
  <a href="/Team:Virginia/Team">
 +
                            <p>TEAM</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
        </a>
 +
                    </div>
 +
                    <div class="box" id="b2">
 +
              <a href="/Team:Virginia/Project">
 +
                            <p>PROJECT</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 +
          </a>
 +
                    </div>
 +
                    <div class="box" id="b3">
 +
                    <a href="/Team:Virginia/Practices">
 +
                            <p>POLICY AND PRACTICES</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 +
                    </a>
 +
                    </div>
 +
                    <div class="box" id="b4">
 +
                    <a href="/Team:Virginia/Attributions">
 +
                            <p>ATTRIBUTIONS</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 +
            </a>
 +
                    </div>
 +
                    <div class="box" id="b5">
 +
                  <a href="/Team:Virginia/Attributions">
 +
                            <p>CONTACT US</p>
 +
<img src="/wiki/images/d/d1/Virginia_logo4.png"></img>
 +
 +
          </a>
 +
                    </div>
 +
                    <div class="box" id="b6">
 +
                <a href="#">
 +
                            <p>ABOUT</p>
 +
      </a>
 +
                    </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<footer>
 +
<div id="foot-img">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
 +
</div>
 +
<div id="foot-text">
 +
<p>University of Virginia iGEM</p>
 +
<p>148 Gilmer Hall</p>
 +
<p>485 McCormick Road</p>
 +
<p>Charlottesville, Virginia 22904</p>
 +
<p>United States of America</p>
 +
<p></p>
 +
<p><a href="mailto:virginia.igem@gmail.com">
 +
virginia.igem@gmail.com</a>
 +
</p>
 +
</div>
 +
</footer>
 +
<style type="text/css">
 +
footer div img {
 +
width:auto;
 +
height:200px;
 +
}
 +
footer div {
 +
overflow:hidden;
 +
display:inline-block;
 +
float:none;
 +
}
 +
footer div:first-child {
 +
float:right;
 +
top:10px;
 +
height:90%;
 +
width:25%
 +
margin: 1%;
 +
display:inline;
 +
overflow:hidden;
 +
}
 +
.jumbotron {
 +
height: auto;
 +
background-size: 100%;
 +
background-image: url("https://static.igem.org/mediawiki/2015/b/b8/Virginia_cells.jpg");
 +
padding:0px 0px 0px 0px;
 +
margin:0px 0px 0px 0px;
 +
color:white;
 +
}
 +
.jumbotron h2 {
 +
text-align:center;
 +
color:#ffffff;
 +
font-size:70px;
 +
font-weight:bold;
 +
padding-bottom:30px;
 +
margin-bottom:0px;
 +
width:50%;
 
margin-left:25%;
 
margin-left:25%;
 +
background-color:#007bb6;
 +
border-radius:30px;
 +
box-shadow: 5px 5px 10px #191919;
 +
}
 +
.jumbotron h2:hover{
 +
box-shadow: 10px 10px 10px #000000;
 +
}
 +
.jumbotron p {
 +
padding-bottom:100px;
 +
}
 +
.jumbotron h1 {
 +
color: #fff;
 +
font-size: 48px; 
 +
font-weight: bold;
 +
text-align:center;
 +
padding-bottom:20px;
 +
}
 +
.learn-more {
 +
width:100%;
 +
background-color:#dfe2db;
 +
text-align:center;
 +
}
 +
.learn-more .container .row {
 +
padding-bottom: 20px;
 +
padding-top:30px;
 +
}
 +
.learn-more h3 {
 +
font-family: 'Shift', sans-serif;
 +
font-size: 18px;
 +
font-weight: bold;
 +
text-align:center;
 +
}
 +
.learn-more a {
 +
color:#007bb6;
 +
}
 +
.learn-more img {
 +
width: 90%;
 +
height: auto;
 +
border-radius:20%;
 +
box-shadow: 5px 5px 2px #888888;
 +
}
 +
.nav {
 +
background-color: #003F87;
 +
width:100%;
 +
float:top; 
 +
position:fixed;
 +
top:70px;
 +
z-index:10;
 +
//opacity:0.85;
 +
border-bottom:5px;
 +
border-top:0px;
 +
border-left:0px;
 +
border-right:0px;
 +
border-color:#007bb6;
 +
border-style:solid;
 +
}
 +
.nav a {
 +
color: rgb(256, 256, 256);
 +
font-size: 16px;
 +
font-weight: bold;
 +
padding: 14px 10px;
 +
text-transform: uppercase;
 +
border-radius:5px;
 +
}
 +
.nav a:hover{
 +
color:#fff;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
.nav li {
 +
display: inline;
 +
font-family: Arial;
 +
}
 +
.nav .container {
 +
padding-top:5px;
 +
padding-bottom:5px;
 +
}
 +
.row {
 +
width:100%;
 +
}
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#content {
 +
margin: 0px 0px 0px 0px;
 +
padding:0px 0px 0px 0px;
 +
width:100%;
 +
height:auto;
 +
background-color: rgb(0,0,0);
 +
}
 +
html {
 +
background-color:#191919;
 +
color: #fff
 +
font-family: Century Gothic, sans-serif;
 +
}
 +
#top_menu_14 {
 +
/*BORDER ATTRIBUTES*/
 +
border-top:5px solid #007bb6;
 +
background-color: #003F87;
 +
border-color:#003F87;
 +
}
 +
#top_menu_14 li.has_submenu:hover {
 +
opacity:1.0;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
#top_menu_14 li:hover {
 +
opacity:1.0;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
footer {
 +
width:100%
 +
height:300px;
 +
padding:25px 25px 25px 25px;
 +
background:#000000;
 +
clear:both;
 +
}
 +
footer p:first-child {
 +
font-weight:bold;
 +
font-family:Arial;
 +
font-size:18px;
 +
text-decoration:underline;
 +
}
 +
footer a {
 +
color:#fff;
 +
}
 +
footer p {
 +
width:auto;
 +
}
 +
p {
 +
color:white;
 +
font-family: serif;
 +
float:center;
 +
clear:both;
 +
}
 +
#bolded {
 +
font-weight:bold;
 +
}
 +
#above-nav{
 +
margin-bottom:10px;
 +
float:left;
 +
font-size:30px;
 +
text-align:center;
 +
font-family:Helvetica;
 +
text-transform:uppercase;
 +
text-shadow: 2px 2px #007bb6;
 +
padding-left:25%;
 +
}
 +
#top-part a {
 +
width:auto;
 +
height:auto;
 +
margin-right:20px;
 +
}
 +
#facebook{
 +
height:30px;
 +
width:30px;
 +
}
 +
#twitter{
 +
height:40px;
 +
width:40px;
 +
}
 +
#facebook:hover{
 +
opacity:0.5;
 +
}
 +
#twitter:hover{
 +
opacity:0.5;
 +
}
 +
#icon-box{
 +
display:inline;
 +
float:right;
 +
}
 +
#top-part{
 +
display:inline;
 +
height:56px;
 +
position:fixed;
 +
top:14px;
 +
float:center;
 +
background:#003F87;
 +
width:100%;
 +
z-index:10;
 +
font-weight:bold;
 +
padding-top:15px;
 +
}
 +
.box{
 +
width:60%;
 +
height:100px;
 +
display:inline-block;
 +
margin-left:20%;
 +
margin-top:25px;
 +
margin-bottom:10px;
 +
border-radius:30px;
 +
border: 5px solid #007bb6;
 +
overflow:hidden;
 +
background-color:#003F87;
 +
float:left;
 +
}
 +
.box:hover{
 +
box-shadow: 5px 5px 10px #555555;
 +
}
 +
.box img {
 +
margin:10px;
 +
width:70%;
 +
height:auto;
 +
margin-left:15%;
 
display:none;
 
display:none;
 
border-radius:10px;
 
border-radius:10px;

Revision as of 12:13, 4 July 2015

University of Virginia iGEM 2015

University of Virginia iGEM 2015

House of Carbs

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, Virginia 22904

United States of America

virginia.igem@gmail.com


University of Virginia iGEM 2015

University of Virginia iGEM 2015

House of Carbs