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"> | ||
− | |||
<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