Template:Team:Glasgow/Header

From 2011.igem.org

(Difference between revisions)
 
(44 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 {
 
-
    width:900px;
 
-
    height:50px;
 
-
    position: relative;
 
-
    top: 0px;
 
-
    left: 0px;}
 
   #header {
   #header {
Line 109: Line 104:
     height:50px;
     height:50px;
     position: relative;
     position: relative;
-
     top: 0px;
+
     top: -35px;
-
     left: 0px;}
+
     left: -5px;}
   #menu {
   #menu {
     width:900px;
     width:900px;
-
     height:215px;
+
     height:65px;
     position: relative;
     position: relative;
-
     top: 25px;
+
     top: -10px;
-
     left: 0px;}
+
     left: -5px;}
   #menuback {
   #menuback {
Line 126: 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 139: Line 135:
     top: 0px;
     top: 0px;
     left: 0px;
     left: 0px;
-
     background: url('http://farm7.static.flickr.com/6028/5951811414_155a9ef77e_b.jpg') 0px 0px;
+
    z-index:1;
 +
     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 148: 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 159: Line 156:
   #menulist li a{
   #menulist li a{
-
 
     font-size: 1.2em;
     font-size: 1.2em;
     text-decoration: none;
     text-decoration: none;
Line 170: 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 190:
  </head>
  </head>
  <body>
  <body>
-
   <div id='title'>
+
 
-
   <div id='header'>
+
   <div id='header'>
-
     <a href='http://www.gla.ac.uk/'>
+
   <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" />
-
    <img src='http://farm7.static.flickr.com/6136/5951075517_56f5340fcb_b.jpg'>
+
  <map name="headermap">
-
     </a>
+
     <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
-
   </div>
+
    <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>
   <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 215: 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