Team:Imperial College London/Templates/Banner

From 2011.igem.org

(Difference between revisions)
 
(184 intermediate revisions not shown)
Line 2: Line 2:
  <head>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 
   <style type="text/css">
   <style type="text/css">
   #top-section {
   #top-section {
 +
  width: 975px;
 +
  height: 20px;
   background-color: #ffffff;
   background-color: #ffffff;
-
  height: 100px;
 
   border: none;
   border: none;
-
   width:975px;
+
   }
-
  height:0px}
+
   #p-logo {
   #p-logo {
-
  position: absolute;
 
   display: none;}
   display: none;}
   #search-controls {
   #search-controls {
   display: none;}
   display: none;}
 +
 +
  .right-menu li a, .right-menu li a:hover {
 +
  color: #3c6b27;
 +
  background-color: transparent;
 +
  }
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
-
   a:link {color:#A35200;}
+
   #AuxLogo {
-
   a:visited {color:#824200;}
+
  position: relative;
-
   a:hover {color:#A35200;}
+
   text-align:center;
-
   a:active {color:#A35200;}
+
   z-index:-1;
 +
   }
-
   span.heading {font-family: Georgia, serif;font-size:2em;color:#A35200;}
+
   #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
-
   #iGEMlogo {
+
   #ImperialLogo {
-
    width:160px;
+
  position:absolute;
-
    height:92px;
+
  top:100px;
-
    position: relative;
+
  left:790px;
-
    top: 0px;
+
  }
-
    left: 10px;}
+
-
   #ICLlogo {
+
   body {
-
    width:150px;
+
  background-color:#E9EEE9;
-
    height:50px;
+
  }
-
    position: relative;
+
-
    top: 13px;
+
-
    left: 5px;}
+
-
   #Banner {
+
   #menucontainer {
-
    width:725px;
+
  overflow:visible;
-
    height:15px;
+
  position:relative;
-
    position: relative;
+
  z-index:3;
-
    top: -140px;
+
  }
-
    left: 230px;}
+
 
 +
  #content {
 +
  position: relative;
 +
  width: 975px;
 +
  margin: 0 auto;
 +
  padding-top:1px;
 +
  padding-left:0px;
 +
  padding-right:0px;
 +
  padding-bottom:0px;
 +
  background: #ffffff;
 +
  color: black;
 +
  border: none;
 +
  line-height: 1.5em;
 +
  z-index: 2;
 +
  }
 +
 
 +
  #contentSub {
 +
  margin: 0 0 0 0;
 +
  }
 +
 
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
  margin-bottom: 0;
 +
  }
 +
 
 +
  a {color:#93B825;}
 +
  a:link {color:#93B825;}
 +
  a:visited {color:#728F1D;}
 +
  a:hover {color:#93B825;}
 +
  a:active {color:#93B825;}
 +
  a[name]:hover {text-decoration:none;}
 +
 
 +
  a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
 +
  a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
 +
 
 +
  h1 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 2.2em;
 +
  margin: 0 0 0 0;
 +
  padding: 20px 20px 12px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h2 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.7em;
 +
  margin: 0 0 0 0;
 +
  padding: 18px 20px 7px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h3 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.4em;
 +
  margin: 0 0 0 0;
 +
  padding: 16px 20px 2px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  h4 {
 +
  font-family: arial,sans-serif;
 +
  color: #225323;
 +
  background: #ffffff;
 +
  font-weight: bold;
 +
  font-size: 1.1em;
 +
  margin: 0 0 0 0;
 +
  padding: 13.5px 20px 1px 20px;
 +
  border-bottom: none;
 +
  }
 +
 
 +
  p {
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  margin: 0 0 0 0;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  .border {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  }
 +
 
 +
  .borderMagnify {
 +
  border:1px solid #B2B2B2;
 +
  z-index:101;
 +
  margin-left:-9px;
 +
  margin-right:9px;
 +
  }
 +
 
 +
  .imgbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  .vidbox {
 +
  margin:20px;
 +
  padding:10px;
 +
  border:1px solid black;
 +
  text-align:center;
 +
  }
 +
 
 +
  .newouterbox {
 +
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
 +
  }
 +
 
 +
  .newinnerbox {
 +
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
 +
  }
 +
 
 +
  .newtext {
 +
  text-align:center;background-color:#FF944D;color:#000000;
 +
  }
 +
 
 +
  ul.a {
 +
  margin: 0 0 0 40px;
 +
  list-style-image: none;
 +
  list-style-type:disc;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  ol.a {
 +
  margin: 0 0 0 30px;
 +
  list-style-position:inside;
 +
  font-family: arial,sans-serif;
 +
  color: #000000;
 +
  background: #ffffff;
 +
  font-weight: normal;
 +
  font-size: 1em;
 +
  line-height: 1.7em;
 +
  text-align: justify;
 +
  padding: 5px 20px 0px 20px;
 +
  }
 +
 
 +
  iframe {
 +
  padding: 10px 20px 10px 20px;
 +
  }
 +
 
 +
  #BackToTop {
 +
  position:fixed;
 +
  bottom:0;
 +
  right:0;
 +
  }
 +
 
 +
  #Sitemap {
 +
  position:fixed;
 +
  bottom:0;
 +
  left:0;
 +
  }
   </style>
   </style>
   </head>
   </head>
-
  <body>
+
<body>
-
 
+
<a name="top"></a>
-
  <div id="iGEMlogo">
+
<div id='AuxLogo'>
-
    <a href="https://2011.igem.org/Main_Page" target="_new">
+
  <a href='https://2011.igem.org/Team:Imperial_College_London'>
-
    <img src="https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png" alt="iGEM logo" width="120" hspace="28" align="middle" />
+
    <img src="https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png" style="width:350px;" />
-
    </a>
+
  </a>
-
  </div>
+
</div>
 +
<div id='iGEMLogo'>
 +
  <a href='https://2011.igem.org/Main_Page' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
 +
  </a>
 +
</div>
 +
<div id='ImperialLogo'>
 +
  <a href='http://www3.imperial.ac.uk/' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" />
 +
  </a>
 +
</div>
-
  <div id="ICLlogo">
+
<div id="BackToTop">
-
    <a href="http://www3.imperial.ac.uk/" target="_new">
+
<a href="#top">
-
    <img src="https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png" alt="Imperial logo" width="190" hspace="10" align="middle" />
+
<img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" />
-
    </a>
+
</a>
-
  </div>
+
</div>
-
  <div id="Banner">
+
<div id="Sitemap">
-
    <a href="https://2011.igem.org/Team:Imperial_College_London">
+
<a href="https://2011.igem.org/Team:Imperial_College_London/Sitemap">
-
    <img src="https://static.igem.org/mediawiki/2011/3/37/ICL_Banner.png" alt="Banner" width="735" hspace="0" align="middle" />
+
<img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" />
-
    </a>
+
</a>
-
  </div>
+
</div>
-
  </body>
+
</body>
</html>
</html>

Latest revision as of 17:55, 28 October 2011