Template:Team:Glasgow/Header

From 2011.igem.org

(Difference between revisions)
 
(47 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'},1000);
+
     $('#headover').stop().animate({height:'160px',top:'0px'},400);
     });
     });
Line 25: Line 22:
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('#headover ul').fadeOut(500);
     $('#headover ul').fadeOut(500);
-
     $('#headover').stop().animate({height:'0px',top:'0px'},1000);
+
     $('#headover').stop().animate({height:'0px',top:'0px'},400);
     });
     });
Line 33: Line 30:
     $('#headover ul').css("display","none");
     $('#headover ul').css("display","none");
     var vActive = $(this).attr("id");
     var vActive = $(this).attr("id");
-
     $('.'+vActive).stop(true, true).fadeIn(500);
+
     $('.'+vActive).stop(true, true).fadeIn(300);
     });
     });
Line 53: Line 50:
   a:hover {color:#20548f;}
   a:hover {color:#20548f;}
   a:active {color:#20548f;}
   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;}
-
   #title {
+
 
 +
   #header {
     width:900px;
     width:900px;
-
    height:55px;
 
-
    position: relative;
 
-
    top: 0px;
 
-
    left: 0px;}
 
-
 
-
  #discologo {
 
-
    width:71px;
 
     height:50px;
     height:50px;
     position: relative;
     position: relative;
-
     top: 0px;
+
     top: -35px;
-
     left: 0px;}
+
     left: -5px;}
   #menu {
   #menu {
-
     width:622px;
+
     width:900px;
-
     height:200px;
+
     height:65px;
     position: relative;
     position: relative;
-
     top: 20px;
+
     top: -10px;
-
     left: 139px;}
+
     left: -5px;}
   #menuback {
   #menuback {
-
     width:622px;
+
     width:900px;
     height:50px;
     height:50px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background-color: #153e7e}
+
     overflow-y:hidden;
 +
    z-index:1;}
   #headpic {
   #headpic {
Line 134: Line 130:
   #headover {
   #headover {
-
     width: 622px;
+
     width: 900px;
     height:0px;
     height:0px;
     position: absolute;
     position: absolute;
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background: url('http://www.ukdocumentmanagement.com/images/blue_box_3.jpg') 0px 0px no-repeat; }  
+
    z-index:1;
 +
     background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
 +
    background-repeat:repeat-y; }  
-
   a {
+
   a{
     outline:none;}
     outline:none;}
Line 147: 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:150px;
+
     width:136px;
     float:left;
     float:left;
     display:block;
     display:block;
Line 158: Line 156:
   #menulist li a{
   #menulist li a{
-
 
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 169: 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 194: Line 191:
  <body>
  <body>
 +
  <div id='header'>
 +
  <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#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="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
 +
    <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
 +
  </map>
 +
  </div>
   <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='https://2011.igem.org/Team:Glasgow' 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='results'>Results</a></li>
+
     <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
-
     <li><a href='#' class='listhead' id='extra'>Extras</a></li>
+
     <li><a href='#' class='listhead' id='hp'>Human Practices</a></li>
-
    </ul>
+
    <li><a href='#' class='listhead' id='safety'>Project Safety</a></li>
 +
    <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
 +
 
 +
 
   </div>
   </div>
   <div id='headpic'>
   <div id='headpic'>
Line 208: Line 220:
     <ul class='project'>
     <ul class='project'>
-
       <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/Project' class='listmain'>Project Summary</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/Lab_Book' class='listmain'>Lab Books</a></li>
-
       <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety</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>
-
     <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>
+
 
 +
    <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/ModelingTutorial' class='listmain'>Tutorial</a></li>
 +
     </ul></ul></ul>
 +
 
 +
    <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/Safetybiobricks' class='listmain'>Biobricks</a></li>
 +
    </ul></ul></ul></ul></ul>
 +
 
 +
    <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'>
 +
      <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>
 +
 
 +
    </ul></ul></ul></ul></ul></ul>
 +
 
     </div>     
     </div>     
   </div>
   </div>

Latest revision as of 03:14, 22 September 2011

Retrieved from "http://2011.igem.org/Template:Team:Glasgow/Header"