|
|
| (10 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <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">
| |
| - |
| |
| - | /*Browser History*/
| |
| - | a:link {ccolor:#20548f;}
| |
| - | a:visited {color:#20548f;}
| |
| - | a:hover {color:#20548f;}
| |
| - | a:active {color:#20548f;}
| |
| - |
| |
| - | #menubar.top-menu {
| |
| - | position: absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | }
| |
| - |
| |
| - | #menubar.slide-menu {
| |
| - | position: absolute;
| |
| - | top:0px;
| |
| - | right:0px;
| |
| - | }
| |
| - | /*Top Control Bar*/
| |
| - | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
| |
| - | color: #1D1D1B;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*Code to remove/overlay standard iGEM Header for blank canvas*/
| |
| - | #top-section{
| |
| - | background-color: #ffffff;
| |
| - | height: 100px;
| |
| - | border: none;
| |
| - | width: 980px;
| |
| - | height:20px
| |
| - | }
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | .right-menu li a, .right-menu li a:hover {
| |
| - | color: #dddddd;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #menubar {
| |
| - | width: auto;
| |
| - | }
| |
| - |
| |
| - | #p-logo{
| |
| - | position: absolute;
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #search-controls{
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .firstHeading{
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | a{
| |
| - | outline:none;
| |
| - | }
| |
| - |
| |
| - | /*Page Controls(how wide the content section is within the window - background colour)*/
| |
| - | #content {
| |
| - | width: 980px;
| |
| - | border: none;
| |
| - | font-family: helvetica, arial, sans-serif;
| |
| - | color: #555555;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | width:980px;
| |
| - | }
| |
| - |
| |
| - | body{
| |
| - | background-color: #ffffff
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*Code for ExiGEM 2012 Header Menu*/
| |
| - |
| |
| - | #menu_interface{
| |
| - | width: 791px;
| |
| - | height: 314px;
| |
| - | position: relative;
| |
| - | float: right;
| |
| - | top: 0px;
| |
| - | right: 0px;
| |
| - | }
| |
| - |
| |
| - | #main_options {
| |
| - | width:101px;
| |
| - | height:312px;
| |
| - | position: absolute;
| |
| - | top: 7px;
| |
| - | left: -15px;
| |
| - | }
| |
| - |
| |
| - | /*Tags for Main Option Button Images*/
| |
| - | #button_project{
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | position: absolute;
| |
| - | top: -4px;
| |
| - | z-index: 1;
| |
| - | left: 76px;
| |
| - | }
| |
| - |
| |
| - | #button_tsci{
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | position: absolute;
| |
| - | top: 68px;
| |
| - | left: 20px;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | #button_btsci{
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | position: absolute;
| |
| - | top: 230px;
| |
| - | left: 75px;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | #button_results{
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | position: absolute;
| |
| - | top: 160px;
| |
| - | left: 20px;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | /*Text for Main Option Button Images*/
| |
| - | #main_options_project{
| |
| - | position: absolute;
| |
| - | top: 39%;
| |
| - | left: 0%;
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | }
| |
| - |
| |
| - | #main_options_tsci{
| |
| - | position: absolute;
| |
| - | top: 23px;
| |
| - | left: 0%;
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | }
| |
| - |
| |
| - | #main_options_btsci{
| |
| - | position: absolute;
| |
| - | top: 14px;
| |
| - | left: 0%;
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - | }
| |
| - |
| |
| - | #main_options_results{
| |
| - | position: absolute;
| |
| - | top: 39%;
| |
| - | left: 0%;
| |
| - | width: 80px;
| |
| - | height: 80px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /*Text Style*/
| |
| - | #main_options a{
| |
| - | font-weight: 100;
| |
| - | font-size: 1.2em;
| |
| - | line-height: 1.1em;
| |
| - | text-decoration: none;
| |
| - | font-family: Verdana;
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | #slide_menu {
| |
| - | width: 0px;
| |
| - | height:310px;
| |
| - | position: absolute;
| |
| - | top: 9px;
| |
| - | right: 2px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/4/41/Exe12_Slidebkgd.png) 0px 0px no-repeat;
| |
| - | z-index: 0;
| |
| - | }
| |
| - |
| |
| - | #exigembackground{
| |
| - | width: 30px;
| |
| - | height:30px;
| |
| - | position: absolute;
| |
| - | top: 17px;
| |
| - | left: -188px;
| |
| - | }
| |
| - |
| |
| - | /*Position/Alignment(1st-section) and Layout(2nd-section) of text in Slide Out Menu*/
| |
| - | #slide_menu ul{
| |
| - | list-style: none;
| |
| - | display: none;
| |
| - | position: absolute;
| |
| - | top: 0.2em;
| |
| - | left: 4.0em;
| |
| - | }
| |
| - |
| |
| - | #slide_menu ul ul{
| |
| - | position: absolute;
| |
| - | width:10em;
| |
| - | top:-0.2em;
| |
| - | left: 10em;
| |
| - | list-style:none;
| |
| - | }
| |
| - |
| |
| - | /*Text Style*/
| |
| - | #slide_menu ul li a{
| |
| - | font-weight: 100;
| |
| - | font-size: 1.2em;
| |
| - | line-height: 2.5em;
| |
| - | text-decoration: none;
| |
| - | font-family: Verdana;
| |
| - | color: #000000;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*ExiGEM 2012 Logo and Home Link Tag*/
| |
| - | #e-candi_logo{
| |
| - | width: 707px;
| |
| - | height: 141px;
| |
| - | position: absolute;
| |
| - | top: 11px;
| |
| - | left: 85px;
| |
| - | z-index: 1;
| |
| - | }
| |
| - |
| |
| - | /*External Link Logos*/
| |
| - | #external_links{
| |
| - | width: 632px;
| |
| - | height:58px;
| |
| - | position: absolute;
| |
| - | top: 266px;
| |
| - | right: 0%;
| |
| - | }
| |
| - |
| |
| - | #blog_link{
| |
| - | width: 111px;
| |
| - | height:20px;
| |
| - | position: absolute;
| |
| - | top: 9px;
| |
| - | left: 10px;
| |
| - | }
| |
| - |
| |
| - | #twitter_link{
| |
| - | width: 131px;
| |
| - | height:20px;
| |
| - | position: absolute;
| |
| - | top: 9px;
| |
| - | left: 127px;
| |
| - | }
| |
| - |
| |
| - | #utube_link{
| |
| - | width: 163px;
| |
| - | height:30px;
| |
| - | position: absolute;
| |
| - | top: 9px;
| |
| - | left: 265px;
| |
| - | }
| |
| - |
| |
| - | #igem_link{
| |
| - | width: 70px;
| |
| - | height:50px;
| |
| - | position: absolute;
| |
| - | top: 0%;
| |
| - | right: 0%;
| |
| - | }
| |
| - |
| |
| - | #exe_link{
| |
| - | width: 30px;
| |
| - | height:30px;
| |
| - | position: absolute;
| |
| - | top: 14px;
| |
| - | left: 448px;
| |
| - | }
| |
| - |
| |
| - | /*Text Style*/
| |
| - | #link_text a{
| |
| - | font-weight: 100;
| |
| - | font-size: 0.7em;
| |
| - | text-decoration: none;
| |
| - | font-family: Verdana;
| |
| - | color: #1D1D1B;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <div id='menu_interface'>
| |
| - | <div id="exigembackground">
| |
| - | <img src="/wiki/images/1/17/Exe2012Exigemgraphitti-98.png" width="98" height="309"/>
| |
| - | </div>
| |
| - | <div id="e-candi_logo">
| |
| - | <div><a href="https://2012.igem.org/Team:Exeter"><img src="/wiki/images/1/16/Exe12_E-candi_logo-703.png" width="703" height="234"/></a></div>
| |
| - | </div>
| |
| - |
| |
| - | <div id='main_options'>
| |
| - |
| |
| - | <ul id="main_options">
| |
| - | <div id="button_project">
| |
| - | <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">
| |
| - | <a href='#' class='listhead' id='project'>Project</a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="button_tsci">
| |
| - | <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">
| |
| - | <a href='#' class='listhead' id='the_science'> The Science</a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="button_btsci">
| |
| - | <a><img src="https://static.igem.org/mediawiki/2012/6/6e/Exe12_Fixed_button.png" width="80" height="80"/></a>
| |
| - | <div id="main_options_btsci" align="center">
| |
| - | <a href='#' class='listhead' id='beyond_the_science'>Beyond<br>The<br>Science</a>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="button_results">
| |
| - | <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">
| |
| - | <a href='#' class='listhead' id='results'> Results </a>
| |
| - | </div>
| |
| - | </div>
| |
| - | </ul>
| |
| - |
| |
| - | <div id='menu_bkgr'>
| |
| - | <div id='slide_menu'>
| |
| - | <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/Concept' class='listmain' id='results'>Concept</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/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 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/Method' class='listmain' id='results'>Method</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/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 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/Bio-Bricks' 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>
| |
| - | </ul>
| |
| - | <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/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>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="external_links">
| |
| - | <ul id="link_text">
| |
| - | <div id="blog_link">
| |
| - | <a href='http://exigem2012.wordpress.com/'><img src="https://static.igem.org/mediawiki/2012/d/d4/Exe12_Wordpresslogo.png" width="30" height="30">Follow our Blog</a>
| |
| - | </div>
| |
| - | <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>
| |
| - | </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 id='igem_link'>
| |
| - | <a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/1/18/Exe12_IGEM_Logo.png" width="65" height="53"></a>
| |
| - | </div>
| |
| - | <div id='exe_link'>
| |
| - | <a href="http://www.exeter.ac.uk/"><img src="/wiki/images/6/69/Exe12_Exelogo-90x38.png" width="90" height="38"></a>
| |
| - | </div>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | </html>
| |
"
