Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<script> | <script> | ||
Line 100: | Line 101: | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
− | body {background-color:white; } | + | body {background-color: white; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
Line 225: | Line 226: | ||
display:block; | display:block; | ||
float:left; | float:left; | ||
− | background-color: white; | + | background-color:white; |
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
Line 445: | Line 446: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | |||
− | |||
</style> | </style> | ||
+ | |||
<style> | <style> | ||
− | |||
− | |||
− | + | p {width: 50%; margin-left: auto; margin-right: auto;} | |
− | + | ||
− | } | + | |
+ | .nav {overflow: hidden;background-color: #34dddd;} | ||
.nav a { | .nav a { | ||
float: left; | float: left; | ||
− | color: # | + | align: left; |
+ | color: #003366; | ||
text-align: center; | text-align: center; | ||
margin-left: 20px; | margin-left: 20px; | ||
Line 465: | Line 463: | ||
text-decoration: none; | text-decoration: none; | ||
font-family:Arial, Helvetica, sans-serif; | font-family:Arial, Helvetica, sans-serif; | ||
− | font-size: | + | font-size: 12px;} |
− | } | + | .nav a:hover {background-color: #34dddd; color: white} |
+ | .nav a.active {background-color: #34dddd; color: white} | ||
+ | .nav .icon {display: none;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | + | </head> | |
− | + | ||
− | |||
− | |||
<body> | <body> | ||
Line 493: | Line 481: | ||
</div> | </div> | ||
− | + | <div class="onecol"> | |
− | <a href="/Team:Delaware"> | + | <a href="/Team:Delaware">Home</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
Line 503: | Line 491: | ||
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/description">Description</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/design">Design</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/Experiments">Experiments</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/results">Results</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/parts">Parts</a> |
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/safety">Safety</a> |
</div> | </div> | ||
</div> | </div> | ||
<div class="twocol"> | <div class="twocol"> | ||
− | <a href=" | + | <a href="/team:Delaware/humanpractices">Human Practices</a> |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | </ | + | |
+ | <style> | ||
+ | .footer-distributed{ | ||
+ | background-color: ffffff; | ||
+ | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); | ||
+ | box-sizing: border-box; | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | padding: 45px 50px; | ||
+ | margin-top: 80px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p{ | ||
+ | color: #52658F; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .footer-distributed .footer-right p{ | ||
+ | color: #52658F; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Footer links */ | ||
+ | |||
+ | .footer-distributed p.footer-links{ | ||
+ | font-size:18px; | ||
+ | font-weight: bold; | ||
+ | color: #ffffff; | ||
+ | margin: 0 0 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footer-distributed p.footer-links a{ | ||
+ | display:inline-block; | ||
+ | line-height: 1.8; | ||
+ | text-decoration: none; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-right{ | ||
+ | float: right; | ||
+ | margin-top: 6px; | ||
+ | max-width: 400px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .footer-distributed .footer-right a{ | ||
+ | display: inline-block; | ||
+ | width: 50px; | ||
+ | height: 35px; | ||
+ | background-color: white; | ||
+ | border-radius: 2px; | ||
+ | |||
+ | font-size: 20px; | ||
+ | color: #52658F; | ||
+ | text-align: center; | ||
+ | line-height: 35px; | ||
+ | |||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | .sponsors { | ||
+ | margin: 2.5px; | ||
+ | width: 125px; | ||
+ | } | ||
+ | |||
+ | /* If you don't want the footer to be responsive, remove these media queries */ | ||
+ | |||
+ | @media (max-width: 600px) { | ||
+ | |||
+ | .footer-distributed .footer-left, | ||
+ | .footer-distributed .footer-right{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-right{ | ||
+ | float: none; | ||
+ | margin: 0 auto 20px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p.footer-links{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <footer class="footer-distributed"> | ||
+ | |||
+ | <div class="footer-right"> | ||
+ | <a target="_blank" href="ailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a> | ||
+ | <p> Email: igem.ud@gmail.com </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="footer-left"> | ||
+ | |||
+ | <p class="footer-links"> | ||
+ | <a target="_blank" href="http://www.dbi.udel.edu"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2f/T--delaware--dbi.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.whitedoglabs.com"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/9/9a/T--delaware--whitedoglabs.jpeg"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.idtdna.com/site"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/e2/T--delaware--idt.png"> | ||
+ | </a> | ||
+ | <a target="_blank" href="https://igem.org/Main_Page"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/54/T--delaware--igemlogo.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.neb.com/?gclid=EAIaIQobChMIrf7Xqczs1QIViySBCh1auAE5EAAYASAAEgKcl_D_BwE"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/5/51/T--delaware--biolabs.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="http://www.udel.edu"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2017/e/ee/T--delaware--udlogo.png"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </footer> | ||
+ | |||
</html> | </html> |
Revision as of 18:34, 1 September 2017