Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 62: Line 62:
 +
<!-- footer -->
 +
<style type="text/css">
 +
@import url(http://fonts.googleapis.com/css?family=Raleway);
 +
/* Colors */
 +
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:03, 11 June 2014