Line 26: | Line 26: | ||
</body> | </body> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
+ | <meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
+ | <title>Material Design Bootstrap</title> | ||
+ | <!-- Font Awesome --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="css/bootstrap.min.css" rel="stylesheet"> | ||
+ | <!-- Material Design Bootstrap --> | ||
+ | <link href="css/mdb.min.css" rel="stylesheet"> | ||
+ | <!-- Your custom styles (optional) --> | ||
+ | <link href="css/style.css" rel="stylesheet"> | ||
+ | </head> | ||
+ | <style> | ||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {display:none;} | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | @charset "UTF-8"; | ||
+ | |||
+ | |||
+ | .footer-distributed{ | ||
+ | background-color: #122b40; | ||
+ | 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; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p{ | ||
+ | color: white; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .footer-distributed .footer-right p{ | ||
+ | color: white; | ||
+ | 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; | ||
+ | |||
+ | border-radius: 2px; | ||
+ | |||
+ | font-size: 20px; | ||
+ | color: white; | ||
+ | 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; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | html, body { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | min-height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="wrapper"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <footer class="footer-distributed"> | ||
+ | |||
+ | <div class="footer-right"> | ||
+ | <a target="_blank" href="mailto:illinoisigem@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://www.facebook.com/UIUC-IGEM-1844032205901350/"><i class="fa fa-facebook fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://twitter.com/igem_uiuc?lang=en"><i class="fa fa-twitter fa-2x"></i></a> | ||
+ | |||
+ | <p> Email: illinoisigem@gmail.com</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="footer-left"> | ||
+ | |||
+ | <p class="footer-links"> | ||
+ | <a target="_blank" href="https://www.energy.gov/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/38/T--UIUC_Illinois--footerdoe.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://cabbi.bio/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/e5/T--UIUC_Illinois--footercabbi.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.igb.illinois.edu/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/36/T--UIUC_Illinois--footerigb.png"> | ||
+ | </a> | ||
+ | <a target="_blank" href="https://www.idtdna.com/pages"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a9/T--UIUC_Illinois--footeridt.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.neb.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.biobasic.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ed/T--UIUC_Illinois--footerbiobasic.png"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </footer> | ||
Revision as of 01:55, 18 October 2018