Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 55: Line 55:
</script>
</script>
<style type="text/css">
<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: 2em 0;
 +
  height: 70px;
 +
  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.7em;
 +
  line-height: 70px;
 +
  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: 70px;
 +
  text-decoration: none;
 +
  color: white;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  -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;
 +
}
 +
 +
.linked {
 +
  background-color: #1e83ae;
 +
  font-size: 1.2em;
 +
  width: 20%;
 +
}
 +
 +
.face {
 +
  background-color: #3d5b94;
 +
  font-size: 1.2em;
 +
  width: 20%;
 +
}
 +
 +
.tweet {
 +
  background-color: red;
 +
  font-size: 1.2em;
 +
  width: 20%;
 +
}
 +
 +
.support {
 +
  background-color: #6dcd9a;
 +
  font-size: 0.8em;
 +
  width: 40%;
 +
}
 +
@font-face { font-family: Trench; src: url('https://doc-14-40-docs.googleusercontent.com/docs/securesc/ireb594vsgjvo8gl7tsbrq2m9jklo3tb/j94feaplhpe5kulcq4me68tqh80kjlaq/1401948000000/12662358414286907681/12662358414286907681/0B7njhowyZY9Xc0hJdFJfYkN6Qmc?e=download&h=16653014193614665626&nonce=n9gvb00glaeqe&user=12662358414286907681&hash=e2o5k58itoilun78vl8i0mm6k4ss3vv0'); }
@font-face { font-family: Trench; src: url('https://doc-14-40-docs.googleusercontent.com/docs/securesc/ireb594vsgjvo8gl7tsbrq2m9jklo3tb/j94feaplhpe5kulcq4me68tqh80kjlaq/1401948000000/12662358414286907681/12662358414286907681/0B7njhowyZY9Xc0hJdFJfYkN6Qmc?e=download&h=16653014193614665626&nonce=n9gvb00glaeqe&user=12662358414286907681&hash=e2o5k58itoilun78vl8i0mm6k4ss3vv0'); }
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
Line 478: Line 576:
</ul>
</ul>
</div>
</div>
-
 
+
<footer>
 +
  <div class="copyright">
 +
    <p>&copy 2013 - Organisation</p>
 +
  </div>
 +
  <div class="social">
 +
    <a href="#" class="support">Contact Us</a>
 +
    <a href="#" class="face">f</a>
 +
    <a href="#" class="tweet">Youtube</a>
 +
    <a href="#" class="linked">in</a>
 +
  </div>
 +
</footer>
<div id="pageContent">
<div id="pageContent">
<!-- Content moved to 2014hs.igem.org/Team:AUC_TURKEY/Test by alihancelikcan -->
<!-- Content moved to 2014hs.igem.org/Team:AUC_TURKEY/Test by alihancelikcan -->

Revision as of 14:35, 10 June 2014

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