Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
 +
    #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;
 +
    }
 +
 +
    #imperial-igem-banner {
 +
        position: absolute;
 +
        left: 0;
 +
        top: 0;
 +
    }
 +
 +
    #igem-logo,
 +
    #imperial-logo {
 +
        display: inline-block;
 +
        margin-left: 5px;
 +
    }
 +
 +
    #imperial-igem-banner img,
 +
    #igem-logo img {
 +
        height: 100px;
 +
    }
 +
 +
    #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;
 +
    }
 +
 +
    #igem-logo img:hover {
 +
        -webkit-transform: rotate(360deg);
 +
        -moz-transform: rotate(360deg);
 +
        -o-transform: rotate(360deg);
 +
        -ms-transform: rotate(360deg);
 +
        transform: rotate(360deg);
 +
    }
 +
 +
    #imperial-logo img {
 +
        height: 50px;
 +
    }
 +
 +
#BackToTop,
 +
#BackToTop:link,
 +
#BackToTop:visited {
 +
    position: fixed;
 +
    bottom: 5px;
 +
    right: 5px;
 +
    text-decoration: none;
 +
    color: #36a9e1;
 +
}
 +
 +
#BackToTop:hover {
 +
    color: #a3c4e9;
 +
}
 +
      #Sitemap {
 +
      position:fixed;
 +
      bottom:5px;
 +
      left:5px;
 +
      }
 +
</style>
     <a name="top"></a>
     <a name="top"></a>
     <div id="imperial-banner">
     <div id="imperial-banner">
-
       <div id='imperial-igem-banner'>
+
       <a id='imperial-igem-banner' href='https://2013.igem.org/Team:Imperial_College'>
-
        <a href='https://2013.igem.org/Team:Imperial_College'>
+
        <img src="https://static.igem.org/mediawiki/2013/d/d9/ImperialLogo2013.png" />
-
          <img src="https://static.igem.org/mediawiki/2013/d/d9/ImperialLogo2013.png" />
+
      </a>
-
        </a>
+
-
      </div>
+
-
      <div id='igem-logo'>
+
        <a id='igem-logo' href='https://2013.igem.org/Main_Page' target="_blank">
-
        <a href='https://2013.igem.org/Main_Page' target="_blank">
+
           <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' />
-
           <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' height="140px" />
+
         </a>
         </a>
-
      </div>
 
-
      <div id='imperial-logo'>
+
        <a id='imperial-logo' href='http://www3.imperial.ac.uk/' target="_blank">
-
        <a href='http://www3.imperial.ac.uk/' target="_blank">
+
           <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' />
-
           <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' height="40" />
+
-
        </a>
+
-
      </div>
+
     </div>
     </div>
-
    <div id="BackToTop">
+
<a class="" href="#top" id="BackToTop"><i class="icon-chevron-sign-up icon-3x"></i></a>
-
        <a href="#top">
+
-
        <img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" />
+
-
        </a>
+
-
    </div>
+
     <div id="Sitemap">
     <div id="Sitemap">
-
         <a href="https://2011.igem.org/Team:Imperial_College_London/Sitemap">
+
         <a href="https://2013.igem.org/Team:Imperial_College/Sitemap">
-
             <img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" />
+
             <img src="https://static.igem.org/mediawiki/2013/8/84/ICL_SitemapBtn13.png" width="80px" />
         </a>
         </a>
     </div>
     </div>
</html>
</html>

Latest revision as of 14:54, 28 August 2013