|
|
Line 2: |
Line 2: |
| | | |
| <html> | | <html> |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
| |
- |
| |
- | html, body {
| |
- | max-width: 100%;
| |
- | overflow-x: hidden;
| |
- | }
| |
- |
| |
- | body {
| |
- | background-color: #EBEBEB;
| |
- | margin: 0px;
| |
- | padding: 0;
| |
- | border: 0;
| |
- | vertical-align: baseline;
| |
- | font-family: 'Open Sans', 'helvetica', sans-serif;
| |
- | font-size: 10px;
| |
- | font-weight: 300;
| |
- | }
| |
- |
| |
- | #content {
| |
- | border:none;
| |
- | width:100%;
| |
- | margin:0;
| |
- | padding:0;
| |
- | background:none;
| |
- | }
| |
- |
| |
- | #catlinks {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #contentSub {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #menubar {
| |
- | width: auto;
| |
- | margin-top:0.5%;
| |
- | }
| |
- |
| |
- | .left-menu:hover {
| |
- | background-color: transparent;
| |
- | }
| |
- | #menubar li a {
| |
- | background-color: transparent;
| |
- | }
| |
- | #menubar:hover {
| |
- | color: gray;
| |
- | }
| |
- | #menubar li a {
| |
- | color: #B5B5B5;
| |
- | }
| |
- | #menubar:hover li a {
| |
- | color: gray;
| |
- | }
| |
- |
| |
- | #menubar.left-menu.noprint ul li:last-child {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #search-controls {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | height:0px;
| |
- | width:100%;
| |
- | border:none;
| |
- | }
| |
- |
| |
- | #footer-box {
| |
- | border:none;
| |
- | display:none;
| |
- | width:100%;
| |
- | }
| |
- |
| |
- | #p-logo {
| |
- | display:none
| |
- | }
| |
- |
| |
- | .firstHeading {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #bodyContent p{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | html, div, span, applet, object, iframe,
| |
- | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| |
- | a, abbr, acronym, address, big, cite, code,
| |
- | del, dfn, em, img, ins, kbd, q, s, samp,
| |
- | small, strike, strong, sub, sup, tt, var,
| |
- | b, u, i, center,
| |
- | dl, dt, dd, ol, ul, li,
| |
- | fieldset, form, label, legend,
| |
- | table, caption, tbody, tfoot, thead, tr, th, td,
| |
- | article, aside, canvas, details, embed,
| |
- | figure, figcaption, footer, header, hgroup,
| |
- | menu, nav, output, ruby, section, summary,
| |
- | time, mark, audio, video {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | border: 0;
| |
- | font-size: 100%;
| |
- | font: inherit;
| |
- | vertical-align: baseline;
| |
- | }
| |
- |
| |
- | #top-section {
| |
- | width: 965px;
| |
- | height: 0;
| |
- | margin: 0 auto;
| |
- | padding: 0;
| |
- | border: none;}
| |
- |
| |
- | .left-menu:hover {
| |
- | background-color: transparent;}
| |
- |
| |
- | #menubar li a {
| |
- | background-color: transparent;}
| |
- |
| |
- | .outer {
| |
- | position:fixed;
| |
- | width:100%;
| |
- | height:100%;
| |
- | }
| |
- |
| |
- | img.supercoil {
| |
- | width:65%;
| |
- | display: block;
| |
- | margin-left: auto;
| |
- | margin-right: auto }
| |
- |
| |
- | .Heading {
| |
- | position:absolute;
| |
- | 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"); }
| |
- | }
| |
- | </style>
| |
- | <script type="text/javascript">
| |
- |
| |
- | function iconleft(x) {
| |
- | x.style.left="6%";
| |
- | }
| |
- | function iconnormal(x) {
| |
- | x.style.left="9%";
| |
- | }
| |
- | $(document).ready(function(){
| |
- | $("#arrowr").click(function(){
| |
- | $("#grey").animate({right:'-175px'}, "fast");
| |
- | });
| |
- | $("#arrowl").click(function(){
| |
- | $("#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.75'}, "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.75'}, "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.75'}, "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.75'}, "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.75'}, "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.75'}, "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.75'}, "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.75'}, "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');
| |
- | });
| |
- | });
| |
- |
| |
- |
| |
- | 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>
| |
- |
| |
- | <title></title>
| |
- | </head>
| |
- |
| |
| <body> | | <body> |
| <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> | | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> |