Team:Imperial College/Templates:custom css

From 2013.igem.org

Revision as of 21:05, 9 September 2013 by Neilthomson (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
  1. imperial-banner {
   position: relative; /* this is to allow positioning of elements within */
   text-align: right;
   height: 100px;
   margin: 0 15px 1em 15px;
   line-height: 100px;

}

  1. imperial-igem-banner {
   position: absolute;
   left: 0;
   top: 0;

}

  1. igem-logo,
  2. imperial-logo {
   display: inline-block;
   margin-left: 5px;

}

  1. imperial-igem-banner img,
  2. igem-logo img {
   height: 100px;

}

  1. igem-logo img {
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;

}

  1. igem-logo img:hover {
   -webkit-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);

}

  1. imperial-logo img {
   height: 50px;

}

  1. BackToTop,
  2. BackToTop:link,
  3. BackToTop:visited {
   position: fixed;
   bottom: 5px;
   right: 5px;
   text-decoration: none;
   color: #36a9e1;

}

  1. BackToTop:hover {
   color: #a3c4e9;

}