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

 
Line 104: Line 104:
 
     #holder{
 
     #holder{
 
     min-height: 100%;
 
     min-height: 100%;
 +
                        width:100%;
 
         position:relative;
 
         position:relative;
 
     }
 
     }
Line 111: Line 112:
  
  
/*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{
+
            float: right;
+
            bottom: 0px;
+
        }
+
 
     </style>
 
     </style>
  
Line 157: Line 118:
 
         <body></body>
 
         <body></body>
  
 +
    </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>

Latest revision as of 16:47, 6 July 2015