Team:Imperial College London/Templates/Banner test

From 2011.igem.org

(Difference between revisions)
 
(41 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;
+
   width: 975px;
-
   height:232px;
+
   height: 20px;
-
   border-bottom: 0px;
+
   background-color: #ffffff;
-
   background-image:url('https://static.igem.org/mediawiki/2011/6/68/ICL_CombineLogo.png');
+
   border: none;
   }
   }
Line 19: Line 18:
   .right-menu li a, .right-menu li a:hover {
   .right-menu li a, .right-menu li a:hover {
-
   color: #A35200;
+
   color: #3c6b27;
   background-color: transparent;
   background-color: transparent;
   }
   }
Line 26: Line 25:
     display: none;}
     display: none;}
-
   body {background: #ffffff;}
+
  #AuxLogo {
 +
  position: relative;
 +
  text-align:center;
 +
  }
 +
 
 +
  #AuxLogoBackup {
 +
  position: absolute;
 +
  left:300px;
 +
  top:20px;
 +
  z-index:-1;
 +
  }
 +
 
 +
  #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
 +
 
 +
  #ImperialLogo {
 +
  position:absolute;
 +
  top:100px;
 +
  left:790px;
 +
  }
 +
 
 +
   body {
 +
  background-color:#E9EEE9;
 +
  }
 +
 
 +
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
   #content {
   #content {
Line 38: Line 69:
   background: #ffffff;
   background: #ffffff;
   color: black;
   color: black;
-
   border-left: 1px solid #444;
+
   border: none;
-
  border-right: 1px solid #444;
+
   line-height: 1.5em;
   line-height: 1.5em;
   z-index: 2;
   z-index: 2;
Line 48: Line 78:
   }
   }
-
   #bodyContent h1, #bodyContent h2 {
+
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
   margin-bottom: 0;
   margin-bottom: 0;
   }
   }
-
   a:link {color:#A35200;}
+
  a {color:#93B825;}
-
   a:visited {color:#824200;}
+
   a:link {color:#93B825;}
-
   a:hover {color:#A35200;}
+
   a:visited {color:#728F1D;}
-
   a:active {color:#A35200;}
+
   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 {
   h1 {
-
   font-family: 'Lucida Grande', sans-serif;
+
   font-family: arial,sans-serif;
-
   color: #A35200;
+
   color: #225323;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
   font-size: 2.2em;
   font-size: 2.2em;
-
   margin: 0;
+
   margin: 0 0 0 0;
-
   padding: 10px 20px 0px 20px;
+
   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;
   border-bottom: none;
   }
   }
   p {
   p {
-
   font-family: Georgia, serif;
+
   font-family: arial,sans-serif;
   color: #000000;
   color: #000000;
   background: #ffffff;
   background: #ffffff;
   font-weight: normal;
   font-weight: normal;
   font-size: 1em;
   font-size: 1em;
 +
  line-height: 1.7em;
   text-align: justify;
   text-align: justify;
-
   margin: 0;
+
   margin: 0 0 0 0;
-
   padding: 10px 20px 0px 20px;
+
  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;
 +
  }
 +
 
 +
  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>
 +
 +
 +
 +
 +
 +
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Imperial_College_London/dddropdownpanel?action=raw&ctype=text/css" />
 +
 +
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/dddropdownpaneljs?action=raw&ctype=text/js">
 +
 +
/***********************************************
 +
* DD Drop Down Panel- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
 +
***********************************************/
 +
 +
</script>
 +
 +
 +
 +
 +
 +
   </head>
   </head>
 +
 +
<body>
 +
 +
 +
 +
<div id="mypanel" class="ddpanel" style="position:fixed;top:0px;left:0px;right:0px;z-index:1000;">
 +
<div id="mypanelcontent" class="ddpanelcontent">
 +
 +
<p style="padding:0px;text-align:center;">
 +
<embed src="https://static.igem.org/mediawiki/igem.org/3/33/ICL_EngineeringCycle.swf" width="900px" height="300px" />
 +
</p>
 +
 +
</div>
 +
<div id="mypaneltab" class="ddpaneltab">
 +
<a href="#"><span>Engineering Cycle</span></a>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
<a name="top"></a>
 +
<div id='AuxLogo'>
 +
<embed src="https://static.igem.org/mediawiki/2011/6/6b/ICL_AuxinLogo.swf" wmode="transparent" width="360px" height="165px" />
 +
</div>
 +
<div id='AuxLogoBackup'>
 +
  <a href='https://2011.igem.org/Team:Imperial_College_London'>
 +
    <img src="https://static.igem.org/mediawiki/2011/5/5b/ICL_Auxin_Logo_New.png" style="width:350px;" />
 +
  </a>
 +
</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="BackToTop">
 +
<a href="#top">
 +
<img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" />
 +
</a>
 +
</div>
 +
 +
<div id="Sitemap">
 +
<a href="https://2011.igem.org/Team:Imperial_College_London/Sitemap">
 +
<img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" />
 +
</a>
 +
</div>
 +
 +
</body>
</html>
</html>

Latest revision as of 17:48, 23 October 2011

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/Templates/Banner_test"