Team:Imperial College/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 4: Line 4:
       <meta name="keywords" content="iGEM, Imperial College, Synthetic Biology, Plastic recycling, Plastic synthesis" />
       <meta name="keywords" content="iGEM, Imperial College, Synthetic Biology, Plastic recycling, Plastic synthesis" />
       <meta name="description" content="Imperial College's 2013 iGEM team. Reviving waste plastics using engineered bacteria to enable more sustainable living."/>
       <meta name="description" content="Imperial College's 2013 iGEM team. Reviving waste plastics using engineered bacteria to enable more sustainable living."/>
 +
      <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
     <style type="text/css">
     <style type="text/css">
Line 41: Line 42:
       }
       }
       body {
       body {
-
       background-color:#ccffff;
+
       background-image:url("https://static.igem.org/mediawiki/2013/5/59/BackgroundSRFSRF.jpg");
       }
       }
       .right-menu li a, .right-menu li a:hover {  /*reserved*/
       .right-menu li a, .right-menu li a:hover {  /*reserved*/
-
       color: #3c6b27;
+
       color: #0000CD;
       background-color: #ffffff;
       background-color: #ffffff;
       }
       }
Line 54: Line 55:
       #contentSub {
       #contentSub {
       margin: 0 0 0 0;
       margin: 0 0 0 0;
-
       }  
+
       }
-
    /* Custom IDs ***************************************************************/
+
-
      #BackToTop {
+
-
      position:fixed;
+
-
      bottom:0;
+
-
      right:0;
+
-
      }
+
-
      #Sitemap {
+
-
      position:fixed;
+
-
      bottom:0;
+
-
      left:0;
+
-
      }
+
-
    /*- Banner ***************************************************************/
+
-
    #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;
+
-
    }
+
-
 
+
-
    /*- Sidebar ***************************************************************/
+
-
      #nav-vert{
+
-
      position: relative;
+
-
      float:left;
+
-
      width: 70px;
+
-
      }
+
     /*- Footer ***************************************************************/
     /*- Footer ***************************************************************/
Line 144: Line 82:
       margin-bottom: 5px;
       margin-bottom: 5px;
       }
       }
-
       a {color:#93B825;}
+
       a {color:#00f;}
-
       a:link {color:#93B825;}
+
       a:link {color:#00f;}
-
       a:visited {color:#728F1D;}
+
       a:visited {color:#00f;}
-
       a:hover {color:#93B825;}
+
       a:hover {color:#FFD700;}
-
       a:active {color:#93B825;}
+
       a:active {color:#FFD700;}
       a[name]:hover {text-decoration:none;}  
       a[name]:hover {text-decoration:none;}  

Latest revision as of 20:36, 24 August 2013

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