User:On7h33dg3
From 2012.igem.org
(Difference between revisions)
(Blanked the page) |
|||
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> |
Revision as of 11:16, 13 August 2012