|
|
| Line 1: |
Line 1: |
| | + | {{:Team:TP-CC San Diego/Templates/MainCSS}} |
| | <html> | | <html> |
| − | <style>
| |
| − | footer {
| |
| − | background:#191919;
| |
| − | color:#fff;
| |
| − | margin:0;
| |
| − | @import 'https://fonts.googleapis.com/css?family=Open+Sans';
| |
| − | font-family: 'Open Sans', sans-serif;
| |
| − |
| |
| − | .centered {
| |
| − | max-width:1200px;
| |
| − | margin:0 auto;
| |
| − | display:flex;
| |
| − | justify-content:space-between;
| |
| − |
| |
| − | .footer-logo {
| |
| − | width:20%;
| |
| − |
| |
| − | img.logo {
| |
| − | padding:30px 20px 10px 20px;
| |
| − | max-width:100%;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .footer-contact {
| |
| − | width:20%;
| |
| − | }
| |
| − |
| |
| − | .footer-navigation {
| |
| − | width:60%;
| |
| − |
| |
| − | .footer-links-holder {
| |
| − | width: 33.33333%;
| |
| − | position: relative;
| |
| − | float: left;
| |
| − | margin: 0;
| |
| − |
| |
| − | .footer-links {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | list-style:none;
| |
| − | -webkit-transition: max-height .5s;
| |
| − | transition: max-height .5s;
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | }
| |
| − | .bottom-bar {
| |
| − | position:relative;
| |
| − | text-align:center;
| |
| − | font-size:.8em;
| |
| − | text-transform:uppercase;
| |
| − | background:#000;
| |
| − | padding:15px 0;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| | <footer> | | <footer> |
| − | <div class="centered clearfix">
| + | |
| − | <div class="footer-logo">
| + | |
| − | <img class="logo" src="https://static.igem.org/mediawiki/2017/7/73/T--TP-CC_San_Diego--iGemLogo.png">
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="footer-contact">
| + | |
| − | <h3><a href="">Contact</a></h3>
| + | |
| − | <p><a href="mailto:">fake@fake.com</a></p>
| + | |
| − | <p><a href="tel:">123-456-7890</a></p>
| + | |
| − | <p><a href="">123 Fake St<br />Fake, PA 11111</a></p>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="bottom-bar">
| + | |
| − | All Rights Reserved © 2016 | <a href="">Privacy Policy</a> | <a href="">Terms of Service</a>
| + | |
| − | </div>
| + | |
| | </footer> | | </footer> |
| | | | |
| | </html | | </html |
