Template:Team:Exeter/e-candi banner

From 2012.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
  $(document).ready(function(){
 +
 +
    $(function(){
 +
    var path = location.pathname.substring(1);
 +
    var last = path.split("/");
 +
      if ( last[1] ) {
 +
      $('#slide_menu ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828");
 +
      }
 +
      else {
 +
      $('#slide_menu ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
 +
      }
 +
    });
 +
 +
    $('#main_options').mouseover(function() {
 +
    $('#slide_menu').stop().animate({width:'272px',top:'9px'},1000);
 +
    });
 +
 +
    $('#menu_interface').mouseleave(function() {
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#1D1D1B");
 +
    $('#slide_menu ul').fadeOut(500);
 +
    $('#slide_menu').stop().animate({width:'0px',top:'9px'},1000);
 +
    });
 +
 +
    $('.listhead').mouseover(function(){
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $(this).css("color","#444444");
 +
    $('#slide_menu ul').css("display","none");
 +
    var vActive = $(this).attr("id");
 +
      $('.'+vActive).stop(true, true).fadeIn(500);
 +
    });
 +
 +
    $('.listmain').mouseover(function(){
 +
    $('.listmain').not('.curlink').css("color","#1D1D1B");
 +
    $(this).css("color","#ea8828");
 +
    });
 +
 +
    $('#slide_menu').mouseleave(function(){
 +
    $('.listmain').not('.curlink').css("color","#1D1D1B");
 +
    });
 +
 +
  });
 +
</script>
<style type="text/css">
<style type="text/css">
Line 32: Line 76:
   height: 100px;
   height: 100px;
   border: none;
   border: none;
-
   width: 1075px;
+
   width: 980px;
   height:20px
   height:20px
  }
  }
Line 70: Line 114:
/*Page Controls(how wide the content section is within the window - background colour)*/  
/*Page Controls(how wide the content section is within the window - background colour)*/  
  #content {
  #content {
-
   width: 1075px;
+
   width: 980px;
   border: none;
   border: none;
   font-family: helvetica, arial, sans-serif;
   font-family: helvetica, arial, sans-serif;
Line 77: Line 121:
  #footer-box {
  #footer-box {
-
  width:1075px;
+
  width:980px;
  }
  }
Line 151: Line 195:
       #main_options_tsci{
       #main_options_tsci{
-
position: absolute;
+
  position: absolute;
-
top: 23px;
+
      top: 32px;
-
left: 0%;
+
  left: 0%;
-
width: 80px;
+
  width: 80px;
-
height: 80px;
+
  height: 80px;
       }
       }
    
    
       #main_options_btsci{
       #main_options_btsci{
-
position: absolute;
+
  position: absolute;
-
top: 14px;
+
  top: 16px;
-
left: 0%;
+
  left: 0%;
-
width: 80px;
+
  width: 80px;
-
height: 80px;
+
  height: 80px;
       }
       }
    
    
Line 177: Line 221:
         /*Text Style*/
         /*Text Style*/
         #main_options a{
         #main_options a{
-
          font-weight: 100;
 
           font-size: 1.2em;
           font-size: 1.2em;
  line-height: 1.1em;
  line-height: 1.1em;
Line 191: Line 234:
top: 9px;
top: 9px;
right: 2px;
right: 2px;
-
background: url(https://static.igem.org/mediawiki/2012/4/41/Exe12_Slidebkgd.png) 0px 0px no-repeat;
+
background: url(https://static.igem.org/mediawiki/2012/d/dd/Exe2012Slidebkgd.png) 0px 0px no-repeat;
z-index: 0;
z-index: 0;
   }
   }
Line 200: Line 243:
position: absolute;
position: absolute;
top: 17px;
top: 17px;
-
left: -283px;
+
left: -188px;
   }
   }
Line 209: Line 252:
       position: absolute;
       position: absolute;
       top: 0.2em;
       top: 0.2em;
-
       left: 6.5em;
+
       left: 1.0em;
       }
       }
Line 263: Line 306:
  position: absolute;
  position: absolute;
  top: 9px;
  top: 9px;
-
  left: 127px;
+
  left: 150px;
-
      }
+
-
 
+
-
      #utube_link{
+
-
  width: 163px;
+
-
  height:30px;
+
-
  position: absolute;
+
-
  top: 9px;
+
-
  left: 265px;
+
       }
       }
Line 287: Line 322:
  position: absolute;
  position: absolute;
  top: 14px;
  top: 14px;
-
  left: 448px;
+
  left: 400px;
       }
       }
    
    
Line 314: Line 349:
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
       <div id="main_options_project" align="center">
       <div id="main_options_project" align="center">
-
       <a href='#' class='listhead' id='project'>Project</a>
+
       <a href='#' class='listhead' id='project'>ExiGEM</a>
       </div>
       </div>
     </div>
     </div>
Line 320: Line 355:
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
       <div id="main_options_tsci" align="center">
       <div id="main_options_tsci" align="center">
-
       <a href='#' class='listhead' id='the_science'> The Science</a>
+
       <a href='#' class='listhead' id='the_science'>Concept</a>
       </div>
       </div>
     </div>
     </div>
Line 332: Line 367:
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
     <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
       <div id="main_options_results" align="center">
       <div id="main_options_results" align="center">
-
       <a href='#' class='listhead' id='results'> Results </a>
+
       <a href='#' class='listhead' id='results'>Results</a>
       </div>
       </div>
     </div>
     </div>
Line 341: Line 376:
     <ul class='project'>
     <ul class='project'>
       <li><a href='https://2012.igem.org/Team:Exeter/Introduction' class='listmain' id='results'>Introduction</a></li>  
       <li><a href='https://2012.igem.org/Team:Exeter/Introduction' class='listmain' id='results'>Introduction</a></li>  
-
       <li><a href='https://2012.igem.org/Team:Exeter/Concept' class='listmain' id='results'>Concept</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/The ExiGEM2012 Team' class='listmain' id='results'>Team</a></li>
-
      <li><a href='https://2012.igem.org/Team:Exeter/Team' class='listmain' id='results'>Team</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Collaborators' class='listmain' id='results'>Collaborators</a></li>
-
       <li><a href='https://2012.igem.org/Team:Exeter/Polysaccharides' class='listmain' id='results'>Polysaccharides</a></li> 
+
-
      <li><a href='https://2012.igem.org/Team:Exeter/Applications' class='listmain' id='results'>Applications</a></li>   
+
-
      <li><a href='https://2012.igem.org/Team:Exeter/Human_Practices' class='listmain' id='results'>Human Practices</a></li>     
+
-
      <!--<li><a href='https://2012.igem.org/Team:Exeter/Research' class='listmain' id='results'>Research</a></li>-->
+
-
      <li><a href='https://2012.igem.org/Team:Exeter/Diary' class='listmain' id='project'>Diary</a></li>
+
     </ul>
     </ul>
     <ul class='the_science'>
     <ul class='the_science'>
-
       <li><a href='https://2012.igem.org/Team:Exeter/System' class='listmain' id='results'>System</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Concept' class='listmain' id='results'>Background & Concept</a></li>
-
       <li><a href='https://2012.igem.org/Team:Exeter/Method' class='listmain' id='results'>Method</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Applications' class='listmain' id='results'>Future Applications</a></li>  
-
       <li><a href='https://2012.igem.org/Team:Exeter/Lab_Book' class='listmain' id='results'>Lab Book</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Human_Practices' class='listmain' id='results'>Human Practices</a></li>       
-
       <li><a href='https://2012.igem.org/Team:Exeter/Ingredients' class='listmain' id='results'>Ingredients</a></li>
+
-
      <li><a href='https://2012.igem.org/Team:Exeter/Modelling' class='listmain' id='results'>Modelling</a></li>
+
     </ul>
     </ul>
     <ul class='results'>
     <ul class='results'>
-
       <li><a href='https://2012.igem.org/Team:Exeter/Results' class='listmain' id='results'>Experimental Results</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Results' class='listmain' id='results'>Project Conclusions</a></li>
-
       <li><a href='https://2012.igem.org/Team:Exeter/Bio-Bricks' class='listmain' id='results'>Bio-Bricks</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Safety' class='listmain' id='results'>Safety</a></li>
 +
      <li><a href='https://2012.igem.org/Team:Exeter/Diary' class='listmain' id='project'>Diary</a></li>
 +
      <li><a href='https://2012.igem.org/Team:Exeter/Lab_Book' class='listmain' id='results'>Lab Books</a></li>
 +
      <li><a href='https://2012.igem.org/Team:Exeter/Results/biobricks' class='listmain' id='results'>Bio-Bricks</a></li>
       <li><a href='https://2012.igem.org/Team:Exeter/Achievements' class='listmain' id='results'>Achievements</a></li>
       <li><a href='https://2012.igem.org/Team:Exeter/Achievements' class='listmain' id='results'>Achievements</a></li>
     </ul>  
     </ul>  
     <ul class='beyond_the_science'>
     <ul class='beyond_the_science'>
-
       <li><a href='https://2012.igem.org/Team:Exeter/Ideas' class='listmain' id='results'>Ideas</a></li>
+
       <li><a href='https://2012.igem.org/Team:Exeter/Ideas' class='listmain' id='results'>Early Ideas</a></li>
       <li><a href='https://2012.igem.org/Team:Exeter/Outreach' class='listmain' id='results'>Outreach</a></li>
       <li><a href='https://2012.igem.org/Team:Exeter/Outreach' class='listmain' id='results'>Outreach</a></li>
-
      <li><a href='https://2012.igem.org/Team:Exeter/Collaborators' class='listmain' id='results'>Collaborators</a></li>
 
-
      <li><a href='https://2012.igem.org/Team:Exeter/Glossary' class='listmain' id='results'>Glossary</a></li>
 
-
      <li><a href='https://2012.igem.org/Team:Exeter/Sitemap' class='listmain' id='results'>Sitemap</a></li>
 
     </ul>  
     </ul>  
     </div>
     </div>
Line 378: Line 406:
     <div id='twitter_link'>
     <div id='twitter_link'>
     <a href='http://twitter.com/#!/iGEMExeter2012'><img src="/wiki/images/e/e3/Exe12_Twitter-logo-30x30.png" width="30" height="30">Follow us on Twitter</a>
     <a href='http://twitter.com/#!/iGEMExeter2012'><img src="/wiki/images/e/e3/Exe12_Twitter-logo-30x30.png" width="30" height="30">Follow us on Twitter</a>
-
    </div>
 
-
    <div id='utube_link'>
 
-
    <a href='http://www.youtube.com/user/Exigem2012'><img src="https://static.igem.org/mediawiki/2012/8/8b/Exe12_Youtubelogo.png" width="30" height="30"> YouTube Channel</a>
 
     </div>
     </div>
     <div id='igem_link'>
     <div id='igem_link'>
Line 392: Line 417:
</div>
</div>
-
 
+
<div style="clear:both;"></div>
-
<script type="text/javascript">
+
-
  $(document).ready(function(){
+
-
 
+
-
    $(function(){
+
-
    var path = location.pathname.substring(1);
+
-
    var last = path.split("/");
+
-
      if ( last[1] ) {
+
-
      $('#slide_menu ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828");
+
-
      }
+
-
      else {
+
-
      $('#slide_menu ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828");
+
-
      }
+
-
    });
+
-
 
+
-
    $('#main_options').mouseover(function() {
+
-
    $('#slide_menu').stop().animate({width:'368px',top:'9px'},1000);
+
-
    });
+
-
 
+
-
    $('#menu_interface').mouseleave(function() {
+
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
-
    $('.listmain').not('.curlink').css("color","#1D1D1B");
+
-
    $('#slide_menu ul').fadeOut(500);
+
-
    $('#slide_menu').stop().animate({width:'0px',top:'9px'},1000);
+
-
    });
+
-
 
+
-
    $('.listhead').mouseover(function(){
+
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
-
    $(this).css("color","#444444");
+
-
    $('#slide_menu ul').css("display","none");
+
-
    var vActive = $(this).attr("id");
+
-
      $('.'+vActive).stop(true, true).fadeIn(500);
+
-
    });
+
-
 
+
-
    $('.listmain').mouseover(function(){
+
-
    $('.listmain').not('.curlink').css("color","#1D1D1B");
+
-
    $(this).css("color","#ea8828");
+
-
    });
+
-
 
+
-
    $('#slide_menu').mouseleave(function(){
+
-
    $('.listmain').not('.curlink').css("color","#1D1D1B");
+
-
    });
+
-
 
+
-
  });
+
-
</script>
+
-
</html>
+

Latest revision as of 21:22, 26 September 2012

Retrieved from "http://2012.igem.org/Template:Team:Exeter/e-candi_banner"