|
|
(17 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| <head> | | <head> |
| <meta charset="utf-8"> | | <meta charset="utf-8"> |
− | <title>Footer Template</title>
| |
− | <!--<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
| |
− | <meta name="generator" content="PSPad editor, www.pspad.com">-->
| |
| | | |
− | <style>
| |
− |
| |
− | #footer {
| |
− | width: 100%;
| |
− | height: 20vh;
| |
− | position: fixed;
| |
− | bottom: 0;
| |
− | /*position: relative;*/
| |
− | overflow: hidden;
| |
− | text-align: left;
| |
− | text-decoration: none;
| |
− | }
| |
− | .wrap {
| |
− | position: relative;
| |
− | /*margin: 0 auto;*/
| |
− | padding: 1px;
| |
− | overflow: hidden;
| |
− | background: #3E3E3E;
| |
− | color: #fff;
| |
− | font: normal 0.5em 'Open Sans', sans-serif;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | #footer a,
| |
− | #footer h3, p {
| |
− | margin: 0;
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | display: inline-block;
| |
− | }
| |
− | .left {
| |
− | float: left;
| |
− | width: 33%;
| |
− | }
| |
− | .right {
| |
− | float: right;
| |
− | width: 33%;
| |
− | }
| |
− | .centered {
| |
− | overflow: hidden; /* claim the left over width between these 25% floats */
| |
− | }
| |
− | .social {
| |
− | float: right;
| |
− | width: 50%; /* of the squished parent width */
| |
− | }
| |
− | input {
| |
− | font-size: 100%;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .igem_2017_footer_wrapper {
| |
− | background-color: black;
| |
− | width: 100%;
| |
− | height: 20vh;
| |
− | position: fixed;
| |
− | bottom: 0;
| |
− | text-decoration: none;
| |
− | font-size: 9px;
| |
− | font-weight: bold;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | img {height: 35px}
| |
− | </style>
| |
| </head> | | </head> |
| | | |