Team:Imperial College/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(17 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;
 
-
      }
 
-
      #fb-wrapper{
 
-
      position:relative;
 
-
      display: block;
 
-
      padding: 0;
 
-
      margin: 20px 20px 20px 20px;
 
-
      width: 205px;
 
-
      height: 265px;
 
-
      border-top-left-radius: 4px;
 
-
      border-top-right-radius: 4px;
 
-
      border-bottom: 1px solid #d9d9d9;
 
-
      border-right: 1px solid #d9d9d9;
 
-
      border-top: 1px dotted #d9d9d9;
 
-
      border-left: 1px dotted #d9d9d9;
 
-
      border-bottom-left-radius: 4px;
 
-
      border-bottom-right-radius: 4px;
 
-
      border-bottom: 1px solid #d9d9d9;
 
-
      border-right: 1px solid #d9d9d9; 
 
-
      }
 
     /*- Footer ***************************************************************/
     /*- Footer ***************************************************************/
       #sponsor-logo{
       #sponsor-logo{
Line 161: 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;}  
Line 291: Line 212:
       padding: 5px 20px 0px 20px;
       padding: 5px 20px 0px 20px;
       }
       }
-
 
-
      iframe {
 
-
      padding: 10px 20px 10px 20px;
 
-
      }
 
-
 
-
    /* Navigation pane ***********************************************************/
 
-
ul.navigation-menu {
 
-
  box-sizing: border-box;
 
-
  list-style-type: none;
 
-
  width: 975px;
 
-
  height: 50px;
 
-
  text-align: center;
 
-
  display: inline-block;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  position: relative;
 
-
  border-radius: 5px;
 
-
  font-family: Helvetica, Arial, sans-serif;
 
-
  color: #ffffff;
 
-
  cursor: pointer;
 
-
  /* CSS3 Gradient */
 
-
 
-
  background: #36a9e1;
 
-
}
 
-
ul.navigation-menu a:link,
 
-
ul.navigation-menu a:visited {
 
-
  text-decoration: none;
 
-
  color: #ffffff;
 
-
  display: inline-block;
 
-
  width: 100%;
 
-
  height: 100%;
 
-
}
 
-
ul.navigation-menu > li {
 
-
  display: block;
 
-
  float: left;
 
-
  line-height: 50px;
 
-
  height: 50px;
 
-
  text-align: center;
 
-
  width: 194px;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
  border-right: 1px solid #000;
 
-
  -webkit-transition: all 400ms ease;
 
-
  -moz-transition: all 400ms ease;
 
-
  -ms-transition: all 400ms ease;
 
-
  -o-transition: all 400ms ease;
 
-
  transition: all 400ms ease;
 
-
}
 
-
ul.navigation-menu > li:first-child {
 
-
  border-top-left-radius: 5px;
 
-
  border-bottom-left-radius: 5px;
 
-
}
 
-
ul.navigation-menu > li:last-child {
 
-
  border-right: none;
 
-
  border-radius: 5px;
 
-
}
 
-
ul.navigation-menu > li ul {
 
-
  -webkit-transition: all 400ms ease;
 
-
  -moz-transition: all 400ms ease;
 
-
  -ms-transition: all 400ms ease;
 
-
  -o-transition: all 400ms ease;
 
-
  transition: all 400ms ease;
 
-
  opacity: 0;
 
-
  position: relative;
 
-
  z-index: 9999;
 
-
  background: #36a9e1;
 
-
  list-style-type: none;
 
-
  text-align: center;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
  height: 0;
 
-
}
 
-
ul.navigation-menu > li ul li {
 
-
  display: block;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
  height: 50px;
 
-
  line-height: 50px;
 
-
  border-bottom: 1px solid black;
 
-
  height: 0;
 
-
  -webkit-transition: all 400ms ease;
 
-
  -moz-transition: all 400ms ease;
 
-
  -ms-transition: all 400ms ease;
 
-
  -o-transition: all 400ms ease;
 
-
  transition: all 400ms ease;
 
-
}
 
-
ul.navigation-menu > li ul li:last-child {
 
-
  border-bottom: none;
 
-
}
 
-
ul.navigation-menu > li ul li:hover {
 
-
  background-color: #a3c4e9;
 
-
}
 
-
ul.navigation-menu > li ul li:active {
 
-
  background-color: #93b4d9;
 
-
}
 
-
ul.navigation-menu > li:hover {
 
-
  background-color: #a3c4e9;
 
-
}
 
-
ul.navigation-menu > li:hover ul {
 
-
  -webkit-transition: all 400ms ease;
 
-
  -moz-transition: all 400ms ease;
 
-
  -ms-transition: all 400ms ease;
 
-
  -o-transition: all 400ms ease;
 
-
  transition: all 400ms ease;
 
-
  opacity: 1;
 
-
  height: auto;
 
-
}
 
-
ul.navigation-menu > li:hover ul li {
 
-
  height: auto;
 
-
}
 
-
ul.navigation-menu > li:active {
 
-
  background-color: #93b4d9;
 
-
}
 
-
 
-
    /**************************************************************/
 
     </style>
     </style>
</html>
</html>

Latest revision as of 20:36, 24 August 2013

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