Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
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;
 +
    }
 +
</style>
     <a name="top"></a>
     <a name="top"></a>

Revision as of 21:39, 19 August 2013

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Banner"