Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 58: Line 58:
}
}
</style>
</style>
 +
 +
 +
<!-- 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 {
 +
  width: 100%;
 +
  display: inline-block;
 +
  margin: 0em 0;
 +
  height: 25px;
 +
  background-color: #999;
 +
}
 +
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>
 +
 +
</head>
</head>
<body>
<body>
Line 73: Line 171:
<!-- Lütfen her sayfada olmayacak şeyleri Test sayfasına yazın ki diğer sayfalarda Template denerken sıkıntı olmasın. -->
<!-- Lütfen her sayfada olmayacak şeyleri Test sayfasına yazın ki diğer sayfalarda Template denerken sıkıntı olmasın. -->
</div>
</div>
 +
<footer>
 +
  <div class="copyright">
 +
    <p>2014 - AUC_TURKEY</p>
 +
  </div>
 +
  <div class="social">
 +
    <a href="#" class="support">contact us</a>
 +
    <a href="#" class="tweet">twitter</a>
 +
    <a href="#" class="youtube">youtube</a>
 +
  </div>
 +
</footer>
</html>
</html>

Revision as of 08:48, 11 June 2014

Retrieved from "http://2014hs.igem.org/Template:AUC_TURKEY"