From 2014hs.igem.org
(Difference between revisions)
|
|
Line 47: |
Line 47: |
| #bodyContent > p | | #bodyContent > p |
| { | | { |
- | margin: 10px; | + | margin: 0; |
| } | | } |
| #headers | | #headers |
Line 62: |
Line 62: |
| | | |
| | | |
- | <!-- footer -->
| |
- | <style type="text/css">
| |
- | @import url(http://fonts.googleapis.com/css?family=Raleway);
| |
- | /* Colors */
| |
- | * {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | -moz-box-sizing: border-box;
| |
- | -webkit-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | }
| |
| | | |
- | html, body {
| |
- | font-family: Raleway, sans-serif;
| |
- | background-color: #fff;
| |
- | }
| |
- |
| |
- | footer {
| |
- | position:absolute;
| |
- | top:100%;
| |
- | width: 100%;
| |
- | display: inline-block;
| |
- | margin: 0em 0;
| |
- | height: 25px;
| |
- | background-color: #999;
| |
- | left: 0px;
| |
- | }
| |
- | footer .copyright {
| |
- | width: 50%;
| |
- | float: left;
| |
- | }
| |
- | @media (max-width: 600px) {
| |
- | footer .copyright {
| |
- | width: 100%;
| |
- | }
| |
- | }
| |
- | footer .copyright p {
| |
- | padding-left: 10%;
| |
- | color: white;
| |
- | font-size: 0.5em;
| |
- | line-height: 25px;
| |
- | text-transform: capitalize;
| |
- | letter-spacing: 1px;
| |
- | }
| |
- | @media (max-width: 600px) {
| |
- | footer .copyright p {
| |
- | text-align: center;
| |
- | padding: 0;
| |
- | }
| |
- | }
| |
- | footer .social {
| |
- | width: 50%;
| |
- | float: right;
| |
- | }
| |
- | @media (max-width: 600px) {
| |
- | footer .social {
| |
- | width: 100%;
| |
- | }
| |
- | }
| |
- | footer .social a {
| |
- | float: left;
| |
- | line-height: 25px;
| |
- | text-decoration: none;
| |
- | color: white;
| |
- | text-align: center;
| |
- | font-weight: light;
| |
- | -moz-transition: all, 0.3s;
| |
- | -o-transition: all, 0.3s;
| |
- | -webkit-transition: all, 0.3s;
| |
- | transition: all, 0.3s;
| |
- | }
| |
- | footer .social a:hover {
| |
- | background-color: #222;
| |
- | -moz-transition: all, 0.3s;
| |
- | -o-transition: all, 0.3s;
| |
- | -webkit-transition: all, 0.3s;
| |
- | transition: all, 0.3s;
| |
- | }
| |
- |
| |
- | .youtube {
| |
- | background-color: red;
| |
- | font-size: 0.5em;
| |
- | width: 30%;
| |
- | }
| |
- |
| |
- | .tweet {
| |
- | background-color: #3dacdd;
| |
- | font-size: 0.5em;
| |
- | width: 30%;
| |
- | }
| |
- |
| |
- | .support {
| |
- | background-color: #6dcd9a;
| |
- | font-size: 0.5em;
| |
- | width: 40%;
| |
- | }
| |
- | </style>
| |
| | | |
| | | |
Revision as of 13:01, 11 June 2014