Difference between revisions of "Template:Team:Harvard BioDesign/CSS"

Line 110: Line 110:
 
     }
 
     }
  
+
/*Set up height place holder for the footer*/
 +
#footerContainer {
 +
background-color: #000000;
 +
height: 70px;
 +
                                width:100%;
 +
text-align: left;
 +
                                margin-right: 0px;
 +
                                margin-left: 0px;
 +
                                padding-top: 0px;
 +
                                font-size: 45px;
 +
                                color: #ffffff;
 +
        font-variant: small-caps;
 +
        font-family:"Times New Roman";
 +
                                position:fixed;
 +
                                bottom:0px;
 +
                                left:0;
 +
                                right:0;
 +
                                vertical-align: text-top;
 +
                                font-weight: 50;
 +
                                font-stretch: ultra-condensed;
 +
                      }
 +
 
 +
#facebook{
 +
    position:absolute;
 +
    right: 10%;
 +
    top:0;
 +
}
 +
#twitter{
 +
    position:absolute;
 +
    right: 5%;
 +
    top:0;
 +
}
 +
#email{
 +
    position:absolute;
 +
    right: 0;
 +
    top:0;
 +
}
 +
#logo{
 +
    position: absolute;
 +
    bottom: 0;
 +
    right: 0;
 +
}
 
</style>
 
</style>
  
 
<div id="holder">
 
<div id="holder">
<head></head>
 
 
<body></body>
 
<body></body>
<div id="footerContainer"></div>
+
 
 +
 
 +
<div id="footerContainer">
 +
<div "col-xs-3 col-sm-2 col-lg-2">Sticoli</div>
 +
 
 +
<div id="facebook" class="col-xs-3 col-sm-1 col-lg-1">
 +
<a href="https://www.facebook.com/harvardigem2015" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:68px;height:68px;"></a>
 +
</div>
 +
 
 +
<div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
 +
<a href="https://twitter.com/HarvardiGEM2015" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
 +
</div>
 +
 
 +
<div id="email" class="col-xs-3 col-sm-1 col-lg-1">
 +
<a href="mailto:harvardigem2015@gmail.com">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:68px;height:68px;"></a>
 +
</div>
 +
</div>
 +
 
 +
<div id="logo">
 +
<img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
 +
</div>
 +
 
 +
 
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 16:14, 6 July 2015

Sticoli