Difference between revisions of "Template:RHIT"
(630 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
<html> | <html> | ||
− | + | <style> | |
− | + | /* Hide first heading */ | |
− | + | .firstHeading { | |
− | + | display: none; | |
− | /* | + | } |
+ | |||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | float: left; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | } | ||
/* Change Background color*/ | /* Change Background color*/ | ||
body { | body { | ||
− | background-color: | + | background-color: transparent; |
} | } | ||
− | /* | + | /*left align Black Menu Bar */ |
− | # | + | #top_menu_inside { |
− | + | margin-left: 20px; | |
− | + | ||
− | + | ||
− | margin-left:20px | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | .electrons{ | ||
+ | position:absolute; | ||
+ | |||
+ | } | ||
+ | p{ | ||
+ | width:90%; | ||
+ | padding-right:5%; | ||
+ | padding-left:5%; | ||
+ | } | ||
− | + | </style> | |
− | + | <head> | |
− | + | <link id="Stylish" rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:RHIT/StyleSheet1?action=raw&ctype=text/css"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!--------JAAAAAAAAVA--------------------------------------------------------> | |
− | + | <script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | function SwapStyle1(sheet) { | |
− | + | document.getElementById('Stylish').setAttribute('href', sheet); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | var Banner= document.getElementById('Banner'); | |
+ | var home= document.getElementById('home'); | ||
+ | var team= document.getElementById('team'); | ||
+ | var project= document.getElementById('project'); | ||
+ | var parts= document.getElementById('parts'); | ||
+ | var notebook= document.getElementById('notebook'); | ||
+ | var safety= document.getElementById('safety'); | ||
− | + | var wet= document.getElementById('Wetlab'); | |
− | + | var design= document.getElementById('Design'); | |
− | + | var Protocols= document.getElementById('Proto'); | |
− | + | var human= document.getElementById('kids'); | |
− | + | var results= document.getElementById('RES'); | |
− | + | var desc= document.getElementById('Description'); | |
− | + | var attrb= document.getElementById('attrb'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | Banner.src = "https://static.igem.org/mediawiki/2015/4/41/RHIT_BANNER_OFF.jpg"; | |
− | + | home.src = "https://static.igem.org/mediawiki/2015/a/ad/RHIT_OFFBUTTON_home.png"; | |
− | + | team.src = "https://static.igem.org/mediawiki/2015/4/46/RHIT_OFFBUTTON_team.png"; | |
− | + | project.src = "https://static.igem.org/mediawiki/2015/4/48/RHIT_OFFBUTTON_project.png"; | |
+ | parts.src = "https://static.igem.org/mediawiki/2015/a/ad/RHIT_OFFBUTTON_parts.png"; | ||
+ | notebook.src = "https://static.igem.org/mediawiki/2015/8/87/RHIT_OFFBUTTON_notebook.png"; | ||
+ | safety.src = "https://static.igem.org/mediawiki/2015/0/03/RHIT_OFFBUTTON_safety.png"; | ||
− | + | design.src = "https://static.igem.org/mediawiki/2015/e/eb/RHIT_DES_SUB_OFF.png"; | |
− | + | wet.src = "https://static.igem.org/mediawiki/2015/2/25/RHIT_WET_SUB_OFF.png"; | |
− | + | Protocols.src = "https://static.igem.org/mediawiki/2015/e/e4/RHIT_PROTOCOL_SUB_OFF.png"; | |
− | + | human.src = "https://static.igem.org/mediawiki/2015/8/89/RHIT_HUMAN_SUB_OFF.png"; | |
− | + | results.src = "https://static.igem.org/mediawiki/2015/5/5e/RHIT_RESULTS_SUB_OFF.png"; | |
− | + | desc.src = "https://static.igem.org/mediawiki/2015/e/ec/RHIT_DESC_SUB_OFF.png"; | |
− | + | attr.src = "https://static.igem.org/mediawiki/2015/7/7c/RHIT_attributions_off.png"; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | function SwapStyle2(sheet) { | |
− | + | document.getElementById('Stylish').setAttribute('href', sheet); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | var Banner= document.getElementById('Banner'); | ||
+ | var home= document.getElementById('home'); | ||
+ | var team= document.getElementById('team'); | ||
+ | var project= document.getElementById('project'); | ||
+ | var parts= document.getElementById('parts'); | ||
+ | var notebook= document.getElementById('notebook'); | ||
+ | var safety= document.getElementById('safety'); | ||
+ | var Wet= document.getElementById('Wetlab'); | ||
+ | var des= document.getElementById('Design'); | ||
+ | var prot= document.getElementById('Proto'); | ||
+ | var human= document.getElementById('kids'); | ||
+ | var results= document.getElementById('RES'); | ||
+ | var desc= document.getElementById('Description'); | ||
+ | var attrb= document.getElementById('attrb'); | ||
+ | var Refer= document.getElementById('Refer'); | ||
− | + | Banner.src = "https://static.igem.org/mediawiki/2015/d/d1/RHIT_BANNER_ON.jpg"; | |
+ | home.src = "https://static.igem.org/mediawiki/2015/f/fd/RHIT_ON_home.png"; | ||
+ | team.src = "https://static.igem.org/mediawiki/2015/1/1f/RHIT_ON_team.png"; | ||
+ | project.src = "https://static.igem.org/mediawiki/2015/0/05/RHIT_ON_project.png"; | ||
+ | parts.src = "https://static.igem.org/mediawiki/2015/2/27/RHIT_ON_parts.png"; | ||
+ | notebook.src = "https://static.igem.org/mediawiki/2015/8/84/RHIT_ON_notebook.png"; | ||
+ | safety.src = "https://static.igem.org/mediawiki/2015/9/94/RHIT_ON_safety.png"; | ||
− | + | Wet.src = "https://static.igem.org/mediawiki/2015/5/54/RHIT_SUB_WET_ON.png"; | |
− | + | des.src = "https://static.igem.org/mediawiki/2015/9/90/RHIT_SUB_DESIGN_ON.png"; | |
− | + | prot.src = "https://static.igem.org/mediawiki/2015/8/86/RHIT_SUB_PROTO_ON.png"; | |
− | + | human.src = "https://static.igem.org/mediawiki/2015/6/6d/RHIT_SUB_HUMAN_ON.png"; | |
− | + | results.src = "https://static.igem.org/mediawiki/2015/5/54/RHIT_SUB_RESULT_ON.png"; | |
− | + | desc.src = "https://static.igem.org/mediawiki/2015/3/35/RHIT_SUB_DESC_ON.png"; | |
+ | attrb.src = "https://static.igem.org/mediawiki/2015/7/7a/RHIT_Attributions_ON.png"; | ||
+ | Refer.src = "https://static.igem.org/mediawiki/2015/7/7a/RHIT_Attributions_ON.png"; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | function changecursor(id) { | |
− | + | document.getElementById(id).style.cursor = "pointer"; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | function changeColorOn(id) { | |
− | + | document.getElementById(id).style.color= "#9CFBE4"; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | function changeColorOff(id) { | |
− | + | document.getElementById(id).style.color= "#DBA246"; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | function playSound(el,soundfile) { | |
− | + | if (el.mp3) { | |
− | + | if(el.mp3.paused) el.mp3.play(); | |
− | + | else el.mp3.pause(); | |
− | + | } else { | |
− | + | el.mp3 = new Audio(soundfile); | |
− | + | el.mp3.play(); | |
− | + | } | |
− | + | } | |
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!------------------------------------------------JQuery-----------------------------------------------------------------------> | |
+ | <script> | ||
+ | $(document).ready(function(){ | ||
− | + | ||
− | + | /*---------Slide toggle---------*/ | |
− | + | $("#slide").click(function() { | |
− | + | $("#text").slideToggle(500); | |
− | + | }); | |
+ | $("#slide2").click(function() { | ||
+ | $("#text2").slideToggle(500); | ||
+ | }); | ||
− | + | $("#slide3").click(function() { | |
− | + | $("#text3").slideToggle(500); | |
− | + | }); | |
− | + | ||
− | + | $("#slide4").click(function() { | |
− | + | $("#text4").slideToggle(500); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
+ | $("#slide5").click(function() { | ||
+ | $("#text5").slideToggle(500); | ||
+ | }); | ||
− | + | $("#slide6").click(function() { | |
− | + | $("#text6").slideToggle(500); | |
+ | }); | ||
+ | $("#slide7").click(function() { | ||
+ | $("#text7").slideToggle(500); | ||
+ | }); | ||
+ | $("#slide8").click(function() { | ||
+ | $("#text8").slideToggle(500); | ||
+ | }); | ||
+ | |||
+ | $("#slide9").click(function() { | ||
+ | $("#text9").slideToggle(500); | ||
+ | }); | ||
+ | |||
+ | $("#slide10").click(function() { | ||
+ | $("#text10").slideToggle(500); | ||
+ | }); | ||
+ | |||
+ | function electronUno() { | ||
+ | $("#electron1").css({left:0,top:0}); | ||
+ | $("#electron1").show().animate({left:50,top:50},500, 'linear').animate({left:120,top:100},500, 'linear').animate({left:195,top:149},500, 'linear').animate({left:270,top:185},500, 'linear').animate({left:345,top:207},500, 'linear').animate({left:445,top:223},500, 'linear').animate({left:567,top:229},500, 'linear').animate({left:660,top:217},500, 'linear').animate({left:788,top:182},500, 'linear').animate({left:905,top:117},500, 'linear').animate({left:983,top:67},500, 'linear').animate({left:1035,top:0},500, 'linear').animate({left:0,top:0},0,electronUno); | ||
+ | } | ||
+ | |||
+ | function electronDos() { | ||
+ | $("#electron2").css({left:270,top:185}); | ||
+ | $("#electron2").show().animate({left:345,top:207},500, 'linear').animate({left:445,top:223},500, 'linear').animate({left:567,top:229},500, 'linear').animate({left:660,top:217},500, 'linear').animate({left:788,top:182},500, 'linear').animate({left:905,top:117},500, 'linear').animate({left:983,top:67},500, 'linear').animate({left:1035,top:0},500, 'linear').animate({left:0,top:0},0, 'linear').animate({left:50,top:50},500, 'linear').animate({left:120,top:100},500, 'linear').animate({left:195,top:149},500, 'linear').animate({left:270,top:185},500,'linear',electronDos); | ||
+ | } | ||
+ | |||
+ | function electronTres() { | ||
+ | $("#electron3").css({left:660,top:217}); | ||
+ | $("#electron3").show().animate({left:788,top:182},500, 'linear').animate({left:905,top:117},500, 'linear').animate({left:983,top:67},500, 'linear').animate({left:1035,top:0},500, 'linear').animate({left:0,top:0},0, 'linear').animate({left:50,top:50},500, 'linear').animate({left:120,top:100},500, 'linear').animate({left:195,top:149},500, 'linear').animate({left:270,top:185},500, 'linear').animate({left:345,top:207},500, 'linear').animate({left:445,top:223},500, 'linear').animate({left:567,top:229},500, 'linear').animate({left:660,top:217},500,'linear',electronTres); | ||
+ | } | ||
+ | function submenunote(){ | ||
+ | $("#Des").fadeToggle(); | ||
+ | $("#Wet").fadeToggle(); | ||
+ | $("#Prot").fadeToggle(); | ||
+ | $("#ref").fadeToggle(); | ||
+ | } | ||
+ | |||
+ | function submenuproj(){ | ||
+ | $("#Desc").fadeToggle(); | ||
+ | $("#Results").fadeToggle(); | ||
+ | $("#Human").fadeToggle(); | ||
+ | $("#who").fadeToggle(); | ||
+ | } | ||
+ | |||
+ | |||
+ | function hide() { | ||
+ | $("#electron1").hide(); | ||
+ | $("#electron2").hide(); | ||
+ | $("#electron3").hide(); | ||
+ | $("#electron1").stop(true,false); | ||
+ | $("#electron2").stop(true,false); | ||
+ | $("#electron3").stop(true,false); | ||
+ | $("*").stop(true,false); | ||
+ | } | ||
+ | |||
+ | $(document).ready(electronUno).ready(electronDos).ready(electronTres); | ||
+ | |||
+ | $("#notebook").click(submenunote); | ||
+ | $("#project").click(submenuproj); | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
<!--- Start of the template html elements. ------------------------------------------------------------------------------------------> | <!--- Start of the template html elements. ------------------------------------------------------------------------------------------> | ||
− | |||
− | |||
+ | <div id="globalWrapper"> | ||
<div id="bannerContainer"> | <div id="bannerContainer"> | ||
− | + | <img id="Banner" src="https://static.igem.org/mediawiki/2015/d/da/RHIT_BANNER.jpg"> | |
− | + | ||
− | + | <img class="electrons" id="electron1" src="https://static.igem.org/mediawiki/2015/f/fe/RHIT_electron.png"> | |
− | + | ||
− | + | <img class="electrons" id="electron2" src="https://static.igem.org/mediawiki/2015/f/fe/RHIT_electron.png"> | |
− | + | ||
− | + | <img class="electrons" id="electron3" src="https://static.igem.org/mediawiki/2015/f/fe/RHIT_electron.png"> | |
+ | |||
+ | |||
+ | <!----------- framework buttons ---------> | ||
+ | |||
+ | <a class="home1" href="https://2015.igem.org/Team:RHIT"> | ||
+ | <img id="home" src="https://static.igem.org/mediawiki/2015/a/ad/RHIT_OFFBUTTON_home.png"> | ||
+ | </a> | ||
+ | <a class="team1" href="https://2015.igem.org/Team:RHIT/Team"> | ||
+ | <img id="team" src="https://static.igem.org/mediawiki/2015/4/46/RHIT_OFFBUTTON_team.png"> | ||
+ | </a> | ||
− | + | <img class="project1" id="project" src="https://static.igem.org/mediawiki/2015/4/48/RHIT_OFFBUTTON_project.png"> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a class="ProjectSubDesc" id="Desc" href="https://2015.igem.org/Team:RHIT/Description"> | |
− | + | <img id="Description" src="https://static.igem.org/mediawiki/2015/e/ec/RHIT_DESC_SUB_OFF.png"> | |
− | + | </a> | |
− | + | <a class="ProjectSubResults" id="Results" href= "https://2015.igem.org/Team:RHIT/Results"> | |
− | + | <img id="RES" src="https://static.igem.org/mediawiki/2015/5/5e/RHIT_RESULTS_SUB_OFF.png"> | |
− | + | </a> | |
− | + | <a class="ProjectSubHuman" id="Human" href="https://2015.igem.org/Team:RHIT/Practices"> | |
− | + | <img id="kids" src="https://static.igem.org/mediawiki/2015/8/89/RHIT_HUMAN_SUB_OFF.png"> | |
+ | </a> | ||
+ | <a class="ProjectSubAttr" id="who" href="https://2015.igem.org/Team:RHIT/Attributions"> | ||
+ | <img id="attrb" src="https://static.igem.org/mediawiki/2015/7/7c/RHIT_attributions_off.png"> | ||
+ | </a> | ||
− | |||
− | |||
− | |||
− | + | <a class="parts1" href="https://2015.igem.org/Team:RHIT/Parts"> | |
+ | <img id="parts" src="https://static.igem.org/mediawiki/2015/a/ad/RHIT_OFFBUTTON_parts.png"> | ||
+ | </a> | ||
+ | |||
+ | <img class="notebook1" id="notebook" src="https://static.igem.org/mediawiki/2015/8/87/RHIT_OFFBUTTON_notebook.png"> | ||
+ | |||
− | + | <a class="notebook" id="Des" href="https://2015.igem.org/Team:RHIT/DesignNotebook"> | |
+ | <img id="Design" src="https://static.igem.org/mediawiki/2015/e/eb/RHIT_DES_SUB_OFF.png"> | ||
+ | </a> | ||
+ | <a class="notebook" id="Wet" href="https://2015.igem.org/Team:RHIT/Notebook"> | ||
+ | <img id="Wetlab" src="https://static.igem.org/mediawiki/2015/2/25/RHIT_WET_SUB_OFF.png"> | ||
+ | </a> | ||
+ | <a class="notebook" id="Prot" href="https://2015.igem.org/Team:RHIT/Protocol"> | ||
+ | <img id="Proto" src="https://static.igem.org/mediawiki/2015/archive/e/e4/20150918051649%21RHIT_PROTOCOL_SUB_OFF.png"> | ||
+ | </a> | ||
+ | <a class="notebook" id="ref" href="https://2015.igem.org/Team:RHIT/References"> | ||
+ | <img id="Refer" src="https://static.igem.org/mediawiki/2015/b/b3/RHIT_REFERENCES.png"> | ||
+ | </a> | ||
− | + | <a class="safety1" id="safety" href="https://2015.igem.org/Team:RHIT/Safety"> | |
+ | <img id="safety" src="https://static.igem.org/mediawiki/2015/0/03/RHIT_OFFBUTTON_safety.png"> | ||
+ | </a> | ||
− | + | <!--------- on/off buttons----------> | |
− | + | </div> | |
− | + | <div id ="mainContainer" > | |
− | + | <!-- Start of content --> | |
+ | <div id="contentContainer"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 21:55, 18 September 2015