Template:Team:Glasgow/Header

From 2011.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 10: Line 10:
     var last = path.split("/");
     var last = path.split("/");
     if ( last[1] ) {
     if ( last[1] ) {
-
      $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#153e7e");
+
       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff");
-
    }
+
-
    else {
+
-
       $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#153e7e");
+
     }
     }
     });
     });
     $('#menuback').mouseover(function() {
     $('#menuback').mouseover(function() {
-
     $('#headover').stop().animate({height:'150px',top:'0px'},400);
+
     $('#headover').stop().animate({height:'160px',top:'0px'},400);
     });
     });
Line 30: Line 27:
     $('.listhead').mouseover(function(){
     $('.listhead').mouseover(function(){
     $('.listhead').not('.curlink').css("color","#ffffff");
     $('.listhead').not('.curlink').css("color","#ffffff");
-
     $(this).css("color","#bbffbb");
+
     $(this).css("color","#bbffff");
     $('#headover ul').css("display","none");
     $('#headover ul').css("display","none");
     var vActive = $(this).attr("id");
     var vActive = $(this).attr("id");
Line 38: Line 35:
     $('.listmain').mouseover(function(){
     $('.listmain').mouseover(function(){
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
-
     $(this).css("color","#bbffbb");
+
     $(this).css("color","#bbffff");
     });
     });
Line 49: Line 46:
   <style type="text/css">
   <style type="text/css">
-
   a:link {color:#20548f; text-decoration:none;}
+
   a:link {color:#20548f;}
-
   a:visited {color:#20548f; text-decoration:none;}
+
   a:visited {color:#20548f;}
-
   a:hover {color:#20548f; text-decoration:none;}
+
   a:hover {color:#20548f;}
-
   a:active {color:#20548f; text-decoration:none;}
+
   a:active {color:#20548f;}
 +
 
 +
  p {
 +
  padding:4px;}
   #top-section {
   #top-section {
   background-color: #606060;
   background-color: #606060;
-
  height: 100px;
 
   border: none;
   border: none;
   width:910px;
   width:910px;
-
   height:20px}
+
   height:20px;}
   #p-logo {
   #p-logo {
Line 83: Line 82:
   #footer-box {
   #footer-box {
-
   width:900px;}
+
   width:890px;}
   body {
   body {
Line 92: Line 91:
   #content {
   #content {
-
     width: 900px;
+
     width: 890px;
     border: none;
     border: none;
     font-family: calibri, arial, sans-serif;
     font-family: calibri, arial, sans-serif;
 +
    font-size: 1.1em;
     color: #000000;
     color: #000000;
-
     background-color:#ffffff;}
+
     background-color:#ffffff;
 +
    text-align:justify;}
Line 103: Line 104:
     height:50px;
     height:50px;
     position: relative;
     position: relative;
-
     top: 0px;
+
     top: -35px;
-
     left: 0px;}
+
     left: -5px;}
Line 111: Line 112:
     height:65px;
     height:65px;
     position: relative;
     position: relative;
-
     top: 25px;
+
     top: -10px;
-
     left: 0px;}
+
     left: -5px;}
   #menuback {
   #menuback {
Line 120: Line 121:
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background: url('http://farm7.static.flickr.com/6024/5951256367_7b521e84aa_b.jpg')}
+
     overflow-y:hidden;
 +
    z-index:1;}
   #headpic {
   #headpic {
Line 133: Line 135:
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
 +
    z-index:1;
     background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
     background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
     background-repeat:repeat-y; }  
     background-repeat:repeat-y; }  
-
   a {
+
   a{
     outline:none;}
     outline:none;}
Line 142: Line 145:
     position: absolute;
     position: absolute;
     top: 16px;
     top: 16px;
-
     left: 3px;
+
     left: 55px;
     list-style: none;}
     list-style: none;}
   #menulist li{
   #menulist li{
     height:30px;
     height:30px;
-
     width:145px;
+
     width:136px;
     float:left;
     float:left;
     display:block;
     display:block;
Line 153: Line 156:
   #menulist li a{
   #menulist li a{
-
 
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 164: Line 166:
     position: absolute;
     position: absolute;
     top: 1.2em;
     top: 1.2em;
-
     left: 0.2em;
+
     left:55px;
     }
     }
   #headover ul ul{
   #headover ul ul{
     position: absolute;
     position: absolute;
-
     width:10em;
+
     width:120px;
     top:-0.2em;
     top:-0.2em;
-
     left: 10em;
+
     left:115px;
     list-style:none;}
     list-style:none;}
Line 190: Line 192:
   <div id='header'>
   <div id='header'>
-
   <img src="http://farm7.static.flickr.com/6136/5951075517_56f5340fcb_b.jpg" usemap="#headermap" />
+
   <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" />
   <map name="headermap">
   <map name="headermap">
     <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
     <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
     <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
     <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
-
     <area shape="rect" coords="765,0,865,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
+
     <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
   </map>
   </map>
   </div>
   </div>
Line 200: Line 202:
   <div id='menu'>
   <div id='menu'>
   <div id='menuback'>
   <div id='menuback'>
 +
  <img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316217_10150398754624673_649494672_9924355_901873686_n.jpg" usemap="#homemap" />
 +
  <map name="homemap">
 +
    <area shape="rect" coords="0,0,60,50" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
 +
  </map>
     <ul id='menulist'>
     <ul id='menulist'>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
     <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
     <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
-
     <li><a href='#' class='listhead' id='safety'>Safety</a></li>
+
     <li><a href='#' class='listhead' id='hp'>Human Practices</a></li>
-
     <li><a href='#' class='listhead' id='attributions'>Attributions</a></li>
+
     <li><a href='#' class='listhead' id='safety'>Project Safety</a></li>
-
    </ul>
+
    <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
 +
 
 +
 
   </div>
   </div>
   <div id='headpic'>
   <div id='headpic'>
Line 212: Line 220:
     <ul class='project'>
     <ul class='project'>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Project Summary</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Lab Book</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Books</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Protocols</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Results' class='listmain'>Results</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
     </ul>
     </ul>
Line 220: Line 228:
     <ul class='team'><ul class='team'>
     <ul class='team'><ul class='team'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Diary</a></li>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Vlog</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
     </ul></ul>
     </ul></ul>
Line 226: Line 234:
     <ul class='modelling'><ul class='modelling'><ul class='modelling'>
     <ul class='modelling'><ul class='modelling'><ul class='modelling'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/ModelingTutorial' class='listmain'>Tutorial</a></li>
     </ul></ul></ul>
     </ul></ul></ul>
-
     <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
+
    <ul class='hp'><ul class='hp'><ul class='hp'><ul class='hp'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li>
 +
    </ul></ul></ul></ul>
 +
 
 +
     <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyProject' class='listmain'>Project</a></li>
 
       <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyAssessments' class='listmain'>Assessments</a></li>
+
    </ul></ul></ul></ul></ul>
-
    </ul></ul></ul></ul>
+
-
     <ul class='attributions'><ul class='attributions'><ul class='attributions'><ul class='attributions'>
+
     <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'>
-
    <ul class='attributions'>
+
      <li><a href='https://2011.igem.org/Team:Glasgow/Acknowledgements' class='listmain'>Acknowledgements</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Sponsorship' class='listmain'>Sponsorship</a></li>
+
 
-
    </ul></ul></ul></ul></ul>
+
    </ul></ul></ul></ul></ul></ul>
     </div>     
     </div>     

Latest revision as of 03:14, 22 September 2011