Template:Stockholm/Top9
From 2010.igem.org
(Difference between revisions)
m |
m |
||
Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
<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] ) { | ||
+ | $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#ea8828"); | ||
+ | } | ||
+ | else { | ||
+ | $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#ea8828"); | ||
+ | } | ||
+ | }); | ||
- | + | $('#menuback').mouseover(function() { | |
- | + | $('#headover').stop().animate({height:'150px',top:'0px'},1000); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | $('#menu').mouseleave(function() { | |
- | + | $('.listhead').not('.curlink').css("color","#ffffff"); | |
+ | $('.listmain').not('.curlink').css("color","#dddddd"); | ||
+ | $('#headover ul').fadeOut(500); | ||
+ | $('#headover').stop().animate({height:'50px',top:'100px'},1000); | ||
+ | }); | ||
- | + | $('.listhead').mouseover(function(){ | |
- | + | $('.listhead').not('.curlink').css("color","#ffffff"); | |
- | + | $(this).css("color","#444444"); | |
- | + | $('#headover ul').css("display","none"); | |
- | } | + | var vActive = $(this).attr("id"); |
+ | $('.'+vActive).stop(true, true).fadeIn(500); | ||
+ | }); | ||
- | function | + | $('.listmain').mouseover(function(){ |
- | + | $('.listmain').not('.curlink').css("color","#dddddd"); | |
- | + | $(this).css("color","#ea8828"); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | function | + | $('#headover').mouseleave(function(){ |
- | + | $('.listmain').not('.curlink').css("color","#dddddd"); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | }); | |
- | + | </script> | |
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | a:link {color:#20548f;} | |
- | + | a:visited {color:#20548f;} | |
- | + | a:hover {color:#20548f;} | |
- | + | a:active {color:#20548f;} | |
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | #top-section { | |
- | + | background-color: #ffffff; | |
- | + | height: 100px; | |
- | + | border: none; | |
- | + | width:910px; | |
- | + | height:20px} | |
- | + | #p-logo { | |
- | + | position: absolute; | |
+ | display: none;} | ||
- | + | #search-controls { | |
- | + | display: none;} | |
- | + | ||
- | + | ||
- | + | #menubar.left-menu { | |
- | + | position: absolute; | |
- | + | top:0px; | |
- | - | + | left:0px;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #menubar.right-menu { | |
- | + | position: absolute; | |
- | + | top:0px; | |
- | - | + | right:0px;} |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | + | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited { | |
- | + | color: #000000;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #footer-box { | |
+ | width:900px;} | ||
+ | body { | ||
+ | background-color: #555555} | ||
+ | .firstHeading { | ||
+ | display: none;} | ||
+ | #content { | ||
+ | width: 900px; | ||
+ | border: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | color: #555555} | ||
+ | |||
+ | #title { | ||
+ | width:900px; | ||
+ | height:55px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 0px;} | ||
+ | |||
+ | #paralogo { | ||
+ | width:400px; | ||
+ | height:50px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 20px;} | ||
+ | |||
+ | #implogo { | ||
+ | width:200px; | ||
+ | height:50px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 435px;} | ||
+ | |||
+ | #igemlogo { | ||
+ | width:84px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:615px;} | ||
+ | |||
+ | #csynbilogo { | ||
+ | width:205px; | ||
+ | height:50px; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:695px;} | ||
+ | |||
+ | #menu { | ||
+ | width:900px; | ||
+ | height:150px; | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | left: 0px;} | ||
+ | |||
+ | #menuback { | ||
+ | width:100px; | ||
+ | height:150px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | background-color: #ea8828} | ||
+ | |||
+ | |||
+ | |||
+ | a { | ||
+ | outline:none;} | ||
+ | |||
+ | #headtit{ | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | font-size: 1.2em; | ||
+ | color: #ffffff; | ||
+ | position: absolute; | ||
+ | top: 0.5em; | ||
+ | right: 1.4em;} | ||
+ | |||
+ | .dark{ | ||
+ | color: #dddddd;} | ||
+ | |||
+ | .highlight{ | ||
+ | color: #ea8828;} | ||
+ | |||
+ | #menulist{ | ||
+ | position: absolute; | ||
+ | top: 16px; | ||
+ | left: 3px; | ||
+ | list-style: none;} | ||
+ | |||
+ | #menulist li{ | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | #menulist li a{ | ||
+ | font-weight: 100; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | color: #ffffff;} | ||
+ | |||
+ | #headover ul{ | ||
+ | list-style: none; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 1.2em; | ||
+ | left: 0.2em; | ||
+ | } | ||
+ | |||
+ | #headover ul ul{ | ||
+ | position: absolute; | ||
+ | top:-0.2em; | ||
+ | left: 10em;} | ||
+ | |||
+ | #headover ul li{ | ||
+ | height: 2.4em; | ||
+ | } | ||
+ | |||
+ | #headover ul li a{ | ||
+ | font-weight: 100; | ||
+ | font-size: 1.2em; | ||
+ | text-decoration: none; | ||
+ | font-family: helvetica, arial, sans-serif; | ||
+ | color: #dddddd;} | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id='title'> | ||
+ | <div id='paralogo'> | ||
+ | <a href='https://2010.igem.org/Team:Imperial_College_London'> | ||
+ | <img src='https://static.igem.org/mediawiki/2010/9/9f/ICparalogo.png'> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id='implogo'> | ||
+ | <a href='http://www3.imperial.ac.uk/'> | ||
+ | <img src='https://static.igem.org/mediawiki/2010/8/84/ICLlogo1.png'> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id='igemlogo'> | ||
+ | <a href='https://2010.igem.org/Main_Page'> | ||
+ | <img src='https://static.igem.org/mediawiki/2010/7/7d/ICLlogo2.png'> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id='csynbilogo'> | ||
+ | <a href='http://www3.imperial.ac.uk/syntheticbiology'> | ||
+ | <img src='https://static.igem.org/mediawiki/2010/7/7f/ICLlogo3.png'> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id='menu'> | ||
+ | <div id='menuback'> | ||
+ | <ul id='menulist'> | ||
+ | <li><a href='#' class='listhead' id='project'>Project</a></li> | ||
+ | <li><a href='#' class='listhead' id='plan'>Plan</a></li> | ||
+ | <li><a href='#' class='listhead' id='results'>Results</a></li> | ||
+ | <li><a href='#' class='listhead' id='extra'>Extras</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id='headpic'> | ||
+ | <div id='headover'> | ||
+ | <p id='headtit'>Parasight<span class='dark'> <span class='highlight'>|</span> Parasite detection with a rapid response</span></p> | ||
+ | <ul class='project'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London' class='listmain' id='results'>Overview</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modules' class='listmain' id='results'>Modules</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Diary/Week_One' class='listmain' id='project'>Diary</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Human_Practices/Workshop' class='listmain' id='results'>Human Practices</a></li> | ||
+ | <ul class='project'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Chassis' class='listmain' id='results'>Chassis</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Schistosoma' class='listmain' id='results'>Schistosoma</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Research' class='listmain' id='results'>Research</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | <ul class='plan'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Strategy' class='listmain' id='results'>Strategy</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Modelling' class='listmain' id='results'>Modelling</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Protocol' class='listmain' id='results'>Lab Protocols</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Lab_Diaries/XylE_team' class='listmain' id='results'>Lab Diaries</a></li> | ||
+ | <ul class='plan'> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | <ul class='results'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Results' class='listmain' id='results'>Results</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Parts' class='listmain' id='results'>Parts</a></li> | ||
+ | </ul> | ||
+ | <ul class='extra'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/The_Team' class='listmain' id='results'>The Team</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Media/Videos' class='listmain' id='results'>Media</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/School_Workshops' class='listmain' id='results'>School Workshops</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Software_Tool' class='listmain' id='results'>Software Tool</a></li> | ||
+ | <ul class='extra'> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Acknowledgments' class='listmain' id='results'>Acknowledgments</a></li> | ||
+ | <li><a href='https://2010.igem.org/Team:Imperial_College_London/Brainstorming' class='listmain' id='results'>Brainstorming</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:58, 23 October 2010