|
|
(One intermediate revision by the same user not shown) |
Line 3: |
Line 3: |
| <meta charset="utf-8"> | | <meta charset="utf-8"> |
| | | |
− | <style>
| |
− |
| |
− | #footer {
| |
− | width: 100%;
| |
− | height: 20vh;
| |
− | /*position: fixed;*/
| |
− | margin: 1px; /* impt?*/
| |
− | bottom: 0;
| |
− | position: relative;
| |
− | overflow: hidden;
| |
− | text-align: left;
| |
− | text-decoration: none;
| |
− | }
| |
− | .wrap {
| |
− | position: relative;
| |
− | bottom: 0;
| |
− | margin: 0 auto;
| |
− | padding: 10px;
| |
− | overflow: hidden;
| |
− | background: #3E3E3E;
| |
− | color: #fff;
| |
− | font: normal 0.6em 'Open Sans', sans-serif;
| |
− | /*text-transform: uppercase;*/
| |
− | }
| |
− | #footer h2 {
| |
− | color: white;
| |
− | }
| |
− | #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 33% 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> |
| | | |