Team:Oxford/P&P intellectual property
From 2014.igem.org
(Difference between revisions)
Olivervince (Talk | contribs) |
Olivervince (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
@import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300); | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300); | ||
- | |||
html, body { | html, body { | ||
max-width: 100%; | max-width: 100%; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
- | |||
body { | body { | ||
background-color: #EBEBEB; | background-color: #EBEBEB; | ||
Line 22: | Line 19: | ||
font-weight: 300; | font-weight: 300; | ||
} | } | ||
- | |||
#content { | #content { | ||
border:none; | border:none; | ||
Line 30: | Line 26: | ||
background:none; | background:none; | ||
} | } | ||
- | |||
#catlinks { | #catlinks { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#contentSub { | #contentSub { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#menubar { | #menubar { | ||
width: auto; | width: auto; | ||
margin-top:0.5%; | margin-top:0.5%; | ||
} | } | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent; | background-color: transparent; | ||
Line 59: | Line 51: | ||
color: gray; | color: gray; | ||
} | } | ||
- | |||
#menubar.left-menu.noprint ul li:last-child { | #menubar.left-menu.noprint ul li:last-child { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#search-controls { | #search-controls { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
height:0px; | height:0px; | ||
Line 73: | Line 62: | ||
border:none; | border:none; | ||
} | } | ||
- | |||
#footer-box { | #footer-box { | ||
border:none; | border:none; | ||
Line 79: | Line 67: | ||
width:100%; | width:100%; | ||
} | } | ||
- | |||
#p-logo { | #p-logo { | ||
display:none | display:none | ||
} | } | ||
- | |||
.firstHeading { | .firstHeading { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#bodyContent p{ | #bodyContent p{ | ||
display:none; | display:none; | ||
} | } | ||
- | |||
html, div, span, applet, object, iframe, | html, div, span, applet, object, iframe, | ||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
Line 112: | Line 96: | ||
vertical-align: baseline; | vertical-align: baseline; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
width: 965px; | width: 965px; | ||
Line 119: | Line 102: | ||
padding: 0; | padding: 0; | ||
border: none;} | border: none;} | ||
- | |||
.left-menu:hover { | .left-menu:hover { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
#menubar li a { | #menubar li a { | ||
background-color: transparent;} | background-color: transparent;} | ||
- | |||
.outer { | .outer { | ||
position:fixed; | position:fixed; | ||
Line 131: | Line 111: | ||
height:100%; | height:100%; | ||
} | } | ||
- | |||
img.supercoil { | img.supercoil { | ||
width:65%; | width:65%; | ||
display: block; | display: block; | ||
margin-left: auto; | margin-left: auto; | ||
- | margin-right: auto | + | margin-right: auto |
- | + | } | |
.Heading { | .Heading { | ||
position:absolute; | position:absolute; | ||
display: block; | display: block; | ||
} | } | ||
+ | .heading { | ||
+ | -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s; | ||
+ | transition: margin-left 0.3s; | ||
+ | } | ||
+ | .heading:hover { | ||
+ | margin-left:30px; | ||
+ | } | ||
+ | |||
+ | #list li { | ||
+ | list-style-image: url("https://static.igem.org/mediawiki/2014/6/6f/OxigemTick.png"); } | ||
+ | } | ||
+ | .row { vertical-align: top; height:auto !important; } | ||
+ | .row { vertical-align: top; height:auto !important; } | ||
+ | .list {display:none; } | ||
+ | .hide {display: none; } | ||
+ | .show:target + .hide {display: inline; } | ||
+ | .show:target {display: none; } | ||
+ | .show:target ~ .list {display:inline; } | ||
+ | @media print { .show, .hide { display: none; } | ||
+ | } | ||
Line 270: | Line 269: | ||
- | + | <script type="text/javascript"> | |
- | + | function DCMation() { | |
- | + | document.getElementById('DCMationwrap').style.display = "block"; | |
- | + | } | |
- | + | function DCMationHide(x) { | |
- | + | document.getElementById('DCMationwrap').style.display = "none"; | |
- | + | } | |
- | + | function Achievements() { | |
- | + | document.getElementById('Achievementswrap').style.display = "block"; | |
+ | } | ||
+ | function AchievementsHide(x) { | ||
+ | document.getElementById('Achievementswrap').style.display = "none"; | ||
+ | } | ||
+ | function Interlab() { | ||
+ | document.getElementById('Interlabwrap').style.display = "block"; | ||
+ | } | ||
+ | function InterlabHide(x) { | ||
+ | document.getElementById('Interlabwrap').style.display = "none"; | ||
+ | } | ||
+ | function iGEMcomm() { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "block"; | ||
+ | } | ||
+ | function iGEMcommHide(x) { | ||
+ | document.getElementById('iGEMcommwrap').style.display = "none"; | ||
+ | } | ||
+ | function Subheadingbig(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Subheadingnormal(x) { | ||
+ | x.style.height="38%"; | ||
+ | x.style.width="38%"; | ||
+ | } | ||
+ | function Partsbig(x) { | ||
+ | x.style.height="41%"; | ||
+ | x.style.width="41%"; | ||
+ | } | ||
+ | function Partsnormal(x) { | ||
+ | x.style.height="40%"; | ||
+ | x.style.width="40%"; | ||
+ | } | ||
+ | function Resultsbig(x) { | ||
+ | x.style.height="27%"; | ||
+ | x.style.width="27%"; | ||
+ | } | ||
+ | function Resultsnormal(x) { | ||
+ | x.style.height="26%"; | ||
+ | x.style.width="26%"; | ||
+ | } | ||
+ | function Medalsbig(x) { | ||
+ | x.style.height="35%"; | ||
+ | x.style.width="35%"; | ||
+ | } | ||
+ | function Medalsnormal(x) { | ||
+ | x.style.height="33.5%"; | ||
+ | x.style.width="33.5%"; | ||
+ | } | ||
+ | function IMeasurementbig(x) { | ||
+ | x.style.height="22.5%"; | ||
+ | x.style.width="22.5%"; | ||
+ | } | ||
+ | function IMeasurementnormal(x) { | ||
+ | x.style.height="20.5%"; | ||
+ | x.style.width="20.5%"; | ||
+ | } | ||
+ | function IResultsbig(x) { | ||
+ | x.style.height="36%"; | ||
+ | x.style.width="36%"; | ||
+ | } | ||
+ | function IResultsnormal(x) { | ||
+ | x.style.height="34%"; | ||
+ | x.style.width="34%"; | ||
+ | } | ||
+ | function Eventsbig(x) { | ||
+ | x.style.height="31.5%"; | ||
+ | x.style.width="31.5%"; | ||
+ | } | ||
+ | function Eventsnormal(x) { | ||
+ | x.style.height="29.5%"; | ||
+ | x.style.width="29.5%"; | ||
+ | } | ||
+ | function iGEMEuropebig(x) { | ||
+ | x.style.height="19%"; | ||
+ | x.style.width="19%"; | ||
+ | } | ||
+ | function iGEMEuropenormal(x) { | ||
+ | x.style.height="17%"; | ||
+ | x.style.width="17%"; | ||
+ | } | ||
+ | function Collabbig(x) { | ||
+ | x.style.height="45%"; | ||
+ | x.style.width="45%"; | ||
+ | } | ||
+ | function Collabnormal(x) { | ||
+ | x.style.height="43%"; | ||
+ | x.style.width="43%"; | ||
+ | } | ||
function iconleft(x) { | function iconleft(x) { | ||
x.style.left="6%"; | x.style.left="6%"; | ||
Line 287: | Line 374: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#arrowr").click(function(){ | $("#arrowr").click(function(){ | ||
- | $("#grey").animate({right:'- | + | $("#grey").animate({right:'-175px'}, "fast"); |
}); | }); | ||
- | |||
- | |||
$("#arrowl").click(function(){ | $("#arrowl").click(function(){ | ||
- | $("#grey").animate({right:'- | + | $("#grey").animate({right:'-120px'}, "fast"); |
+ | }); | ||
+ | $("#modelling").hover(function(){ | ||
+ | $("#modelling").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#modelling1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#modelling").mouseout(function(){ | ||
+ | $("#modelling").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#modelling1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#achievements").hover(function(){ | ||
+ | $("#achievements").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#achievements1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#achievements").mouseout(function(){ | ||
+ | $("#achievements").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#achievements1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#igemcomm").hover(function(){ | ||
+ | $("#igemcomm").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#igemcomm1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#igemcomm").mouseout(function(){ | ||
+ | $("#igemcomm").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#igemcomm1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#safety").hover(function(){ | ||
+ | $("#safety").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#safety1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#safety").mouseout(function(){ | ||
+ | $("#safety").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#safety1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#team").hover(function(){ | ||
+ | $("#team").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#team1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#team").mouseout(function(){ | ||
+ | $("#team").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#team1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#dcmation").hover(function(){ | ||
+ | $("#dcmation").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#dcmation1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#dcmation").mouseout(function(){ | ||
+ | $("#dcmation").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#dcmation1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#interlab").hover(function(){ | ||
+ | $("#interlab").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#interlab1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#interlab").mouseout(function(){ | ||
+ | $("#interlab").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#interlab1").css({display:'none'}); | ||
+ | }); | ||
+ | $("#policy").hover(function(){ | ||
+ | $("#policy").animate({opacity:'0.95'}, "fast"); | ||
+ | $("#policy1").css({display:'inline'}); | ||
+ | }); | ||
+ | $("#policy").mouseout(function(){ | ||
+ | $("#policy").animate({opacity:'0.7'}, "fast"); | ||
+ | $("#policy1").css({display:'none'}); | ||
}); | }); | ||
}); | }); | ||
- | + | jQuery(document).ready(function(){ | |
+ | jQuery('#tb1').live('click', function(event) { | ||
+ | jQuery('#b1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb2').live('click', function(event) { | ||
+ | jQuery('#b2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb3').live('click', function(event) { | ||
+ | jQuery('#b3').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb4').live('click', function(event) { | ||
+ | jQuery('#b4').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tb5').live('click', function(event) { | ||
+ | jQuery('#b5').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts1').live('click', function(event) { | ||
+ | jQuery('#s1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts2').live('click', function(event) { | ||
+ | jQuery('#s2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts3').live('click', function(event) { | ||
+ | jQuery('#s3').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#ts4').live('click', function(event) { | ||
+ | jQuery('#s4').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg1').live('click', function(event) { | ||
+ | jQuery('#g1').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg2').live('click', function(event) { | ||
+ | jQuery('#g2').toggle('show'); | ||
+ | }); | ||
+ | jQuery('#tg3').live('click', function(event) { | ||
+ | jQuery('#g3').toggle('show'); | ||
+ | }); | ||
+ | $("#dcmation").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#DCMationwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#DCMationwrap").click(function(){ | ||
+ | $("#DCMationpopup").animate({width:'0%', left:'5%', top:'37%'}, "fast"); | ||
+ | }); | ||
+ | $("#achievements").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#Achievementswrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Achievementswrap").click(function(){ | ||
+ | $("#Achievementspopup").animate({width:'0%', left:'8%', top:'73%'}, "fast"); | ||
+ | }); | ||
+ | $("#igemcomm").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'27%', left:'15%', top:'25%'}, "fast"); | ||
+ | $("#iGEMcommwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#iGEMcommwrap").click(function(){ | ||
+ | $("#iGEMcommpopup").animate({width:'0%', left:'9%', top:'84%'}, "fast"); | ||
+ | }); | ||
+ | $("#interlab").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'27%', left:'15%'}, "fast"); | ||
+ | $("#Interlabwrap").animate({backgroundColor: 'rgba(0,0,0,0.3)'}); | ||
+ | }); | ||
+ | $("#Interlabwrap").click(function(){ | ||
+ | $("#Interlabpopup").animate({width:'0%', left:'5%'}, "fast"); | ||
+ | }); | ||
+ | }); | ||
+ | function startup(){ | ||
+ | $("#sidebarblue").animate({marginLeft:'+=250px'}, 1000); | ||
+ | $("#sidebarlogo").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup1(){ | ||
+ | $(".1").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup2(){ | ||
+ | $(".2").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup3(){ | ||
+ | $(".3").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | function startup4(){ | ||
+ | $(".4").animate({marginLeft:'+=250px'}, 1000); | ||
+ | } | ||
+ | $(document).ready(function(){ | ||
+ | setTimeout(function() { | ||
+ | startup(); | ||
+ | }, 1500); | ||
+ | setTimeout(function() { | ||
+ | startup1(); | ||
+ | }, 1520); | ||
+ | setTimeout(function() { | ||
+ | startup2(); | ||
+ | }, 1560); | ||
+ | setTimeout(function() { | ||
+ | startup3(); | ||
+ | }, 1640); | ||
+ | setTimeout(function() { | ||
+ | startup4(); | ||
+ | }, 1750); | ||
+ | }); | ||
</script> | </script> | ||
+ | </head> | ||
+ | |||
- | |||
- | |||
<body> | <body> |
Revision as of 09:59, 12 October 2014