Team:Oxford

From 2014.igem.org

(Difference between revisions)
m (Adding DCMationHide() to body ~josefnpat)
(Used tidy(1) for html cleanup, did manual JS cleanup, and implemented the DMationpopup as a modal system. ~josefnpat)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<head>
-
          <style>
+
  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
 +
  <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);
-
body {
+
  body {
-
  background: url(https://static.igem.org/mediawiki/2014/9/90/Oxigemradcam.jpg) no-repeat center center fixed;  
+
    background: url(https://static.igem.org/mediawiki/2014/9/90/Oxigemradcam.jpg) no-repeat center center fixed;  
-
  -webkit-background-size: cover;
+
    -webkit-background-size: cover;
-
  -moz-background-size: cover;
+
    -moz-background-size: cover;
-
  -o-background-size: cover;
+
    -o-background-size: cover;
-
  background-size: cover;
+
    background-size: cover;
-
  background-position: center top;
+
    background-position: center top;
-
    margin: 10px;
+
    margin: 10px;
-
    padding: 0;
+
    padding: 0;
-
    border: 0;
+
    border: 0;
-
    vertical-align: baseline;
+
    vertical-align: baseline;
-
    font-family: 'Open Sans', 'helvetica', sans-serif;
+
    font-family: 'Open Sans', 'helvetica', sans-serif;
-
    font-size: 10px;
+
    font-size: 10px;
-
    font-weight: 300;
+
    font-weight: 300;
-
}
+
  }
-
#content {
+
  #content {
-
border:none;
+
    border:none;
-
width:100%;
+
    width:100%;
-
margin:0;
+
    margin:0;
-
padding:0;
+
    padding:0;
-
background:none;
+
    background:none;
-
}
+
  }
-
#catlinks {
+
  #catlinks {
-
display:none;
+
    display:none;
-
}
+
  }
-
#contentSub {
+
  #contentSub {
-
display:none;
+
    display:none;
-
}
+
  }
-
#menubar {
+
  #menubar {
     width: auto;}
     width: auto;}
-
.left-menu:hover {
+
  .left-menu:hover {
-
     background-color: transparent;}
+
     background-color: transparent;
-
#menubar li a {
+
  }
-
     background-color: transparent;}
+
  #menubar li a {
-
#menubar:hover {
+
     background-color: transparent;
-
     color: gray;}
+
  }
-
#menubar li a {
+
  #menubar:hover {
-
     color: gray;}
+
     color: gray;
-
#menubar:hover li a {
+
  }
-
     color: #CCC;}
+
  #menubar li a {
 +
     color: gray;
 +
  }
 +
  #menubar:hover li a {
 +
     color: #CCC;
 +
  }
-
#search-controls {
+
  #search-controls {
-
display:none;
+
    display:none;
-
}
+
  }
-
#top-section {
+
  #top-section {
-
height:0px;
+
    height:0px;
-
width:100%;
+
    width:100%;
-
border:none;
+
    border:none;
-
}
+
  }
 +
  #footer-box {
 +
    border:none;
 +
    display:none;
 +
    width:100%;
 +
  }
-
#footer-box {
+
  #p-logo {
-
border:none;
+
    display:none;
-
display:none;
+
  }
-
width:100%;
+
-
}
+
-
#p-logo {
+
  .firstHeading {
-
display:none;
+
  display:none;
-
}
+
  }
-
.firstHeading {
+
  #bodyContent p{
-
display:none;
+
    display:none;
-
}
+
  }
-
#bodyContent p{
+
  html, div, span, applet, object, iframe,
-
display:none;
+
  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,
-
html, div, span, applet, object, iframe,
+
  small, strike, strong, sub, sup, tt, var,
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
  b, u, i, center,
-
a, abbr, acronym, address, big, cite, code,
+
  dl, dt, dd, ol, ul, li,
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
  fieldset, form, label, legend,
-
small, strike, strong, sub, sup, tt, var,
+
  table, caption, tbody, tfoot, thead, tr, th, td,
-
b, u, i, center,
+
  article, aside, canvas, details, embed,  
-
dl, dt, dd, ol, ul, li,
+
  figure, figcaption, footer, header, hgroup,  
-
fieldset, form, label, legend,
+
  menu, nav, output, ruby, section, summary,
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
  time, mark, audio, video {
-
article, aside, canvas, details, embed,  
+
    margin: 0;
-
figure, figcaption, footer, header, hgroup,  
+
    padding: 0;
-
menu, nav, output, ruby, section, summary,
+
    border: 0;
-
time, mark, audio, video {
+
    font-size: 100%;
-
margin: 0;
+
    font: inherit;
-
padding: 0;
+
    vertical-align: baseline;
-
border: 0;
+
  }
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
-
}
+
-
#top-section {
+
  #top-section {
     width: 965px;
     width: 965px;
     height: 0;
     height: 0;
Line 109: Line 114:
     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 {  
-
width:100%;
+
    width:100%;
-
height:100%;
+
    height:100%;
-
padding-top:9%;
+
    padding-top:9%;
-
  }
+
  }
-
.inner {
+
  .inner {
     position: relative;
     position: relative;
     width: 100%;
     width: 100%;
     margin-left:-12px;
     margin-left:-12px;
-
  }
+
  }
-
img.supercoil {
+
  img.supercoil {
     width:69%;
     width:69%;
     display: block;
     display: block;
Line 133: Line 138:
     margin-right: auto }
     margin-right: auto }
-
.Heading {
+
  .Heading {
     position:absolute;
     position:absolute;
     margin-left:-12px;
     margin-left:-12px;
     display: block;
     display: block;
-
}
+
  }
-
 
+
-
          </style>
+
-
 
+
-
<script>
+
-
function DCMationbig(x) {
+
-
x.style.height="14%";
+
-
x.style.width="14%";
+
-
}
+
-
function DCMationnormal(x) {
+
-
x.style.height="12.6%";
+
-
x.style.width="12.6%";
+
-
}
+
-
function Achievementsbig(x) {
+
-
x.style.height="13.5%";
+
-
x.style.width="13.5%";
+
-
}
+
-
function Achievementsnormal(x) {
+
-
x.style.height="12%";
+
-
x.style.width="12%";
+
-
}
+
-
function Modellingbig(x) {
+
-
x.style.height="10%";
+
-
x.style.width="10%";
+
-
}
+
-
function Modellingnormal(x) {
+
-
x.style.height="9.3%";
+
-
x.style.width="9.3%";
+
-
}
+
-
function Policybig(x) {
+
-
x.style.height="8.5%";
+
-
x.style.width="8.5%";
+
-
}
+
-
function Policynormal(x) {
+
-
x.style.height="7.9%";
+
-
x.style.width="7.9%";
+
-
}
+
-
function iGEMcommbig(x) {
+
-
x.style.height="10.2%";
+
-
x.style.width="10.2%";
+
-
}
+
-
function iGEMcommnormal(x) {
+
-
x.style.height="9.55%";
+
-
x.style.width="9.55%";
+
-
}
+
-
function Interlabbig(x) {
+
-
x.style.height="7.5%";
+
-
x.style.width="7.5%";
+
-
}
+
-
function Interlabnormal(x) {
+
-
x.style.height="7%";
+
-
x.style.width="7%";
+
-
}
+
-
function Safetybig(x) {
+
-
x.style.height="5.6%";
+
-
x.style.width="5.6%";
+
-
}
+
-
function Safetynormal(x) {
+
-
x.style.height="5.3%";
+
-
x.style.width="5.3%";
+
-
}
+
-
function Teambig(x) {
+
-
x.style.height="5.1%";
+
-
x.style.width="5.1%";
+
-
}
+
-
function Teamnormal(x) {
+
-
x.style.height="4.75%";
+
-
x.style.width="4.75%";
+
-
}
+
-
function Subheadingbig(x) {
+
-
x.style.height="40%";
+
-
x.style.width="40%";
+
-
}
+
-
function Subheadingnormal(x) {
+
-
x.style.height="38%";
+
-
x.style.width="38%";
+
-
}
+
-
function DCMation() {
+
-
  document.getElementById('DCMationpopup').style.display = "block";
+
-
}
+
-
function DCMationHide() {
+
-
  console.log(this)
+
-
  document.getElementById('DCMationpopup').style.display = "none";
+
-
}
+
-
function Achievements() {
+
-
  document.getElementById('DCMationpopup').style.display = "block";
+
-
}
+
-
</script>
+
-
    </head>
+
-
    <body onClick="DCMationHide()">
+
-
    <div class="outer">
+
  </style>
-
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/4/49/Oxigen_IGEM.png" style="width:7.5%; position:absolute; top:5px;"></a>
+
  <script type="text/javascript">
-
   
+
  function DCMationbig(x) {
 +
    x.style.height="14%";
 +
    x.style.width="14%";
 +
  }
 +
  function DCMationnormal(x) {
 +
    x.style.height="12.6%";
 +
    x.style.width="12.6%";
 +
  }
 +
  function Achievementsbig(x) {
 +
    x.style.height="13.5%";
 +
    x.style.width="13.5%";
 +
  }
 +
  function Achievementsnormal(x) {
 +
    x.style.height="12%";
 +
    x.style.width="12%";
 +
  }
 +
  function Modellingbig(x) {
 +
    x.style.height="10%";
 +
    x.style.width="10%";
 +
  }
 +
  function Modellingnormal(x) {
 +
    x.style.height="9.3%";
 +
    x.style.width="9.3%";
 +
  }
 +
  function Policybig(x) {
 +
    x.style.height="8.5%";
 +
    x.style.width="8.5%";
 +
  }
 +
  function Policynormal(x) {
 +
    x.style.height="7.9%";
 +
    x.style.width="7.9%";
 +
  }
 +
  function iGEMcommbig(x) {
 +
    x.style.height="10.2%";
 +
    x.style.width="10.2%";
 +
  }
 +
  function iGEMcommnormal(x) {
 +
    x.style.height="9.55%";
 +
    x.style.width="9.55%";
 +
  }
 +
  function Interlabbig(x) {
 +
    x.style.height="7.5%";
 +
    x.style.width="7.5%";
 +
  }
 +
  function Interlabnormal(x) {
 +
    x.style.height="7%";
 +
    x.style.width="7%";
 +
  }
 +
  function Safetybig(x) {
 +
    x.style.height="5.6%";
 +
    x.style.width="5.6%";
 +
  }
 +
  function Safetynormal(x) {
 +
    x.style.height="5.3%";
 +
    x.style.width="5.3%";
 +
  }
 +
  function Teambig(x) {
 +
    x.style.height="5.1%";
 +
    x.style.width="5.1%";
 +
  }
 +
  function Teamnormal(x) {
 +
    x.style.height="4.75%";
 +
    x.style.width="4.75%";
 +
  }
 +
  function Subheadingbig(x) {
 +
    x.style.height="40%";
 +
    x.style.width="40%";
 +
  }
 +
  function Subheadingnormal(x) {
 +
    x.style.height="38%";
 +
    x.style.width="38%";
 +
  }
 +
  function DCMation() {
 +
    document.getElementById('DCMationwrap').style.display = "block";
 +
  }
 +
  function DCMationHide(x) {
 +
    document.getElementById('DCMationwrap').style.display = "none";
 +
  }
 +
  function Achievements() {
 +
    document.getElementById('DCMationpopup').style.display = "block";
 +
  }
 +
  </script>
 +
  <title></title>
 +
</head>
-
<div class="inner">
+
<body>
 +
  <div class="outer">
 +
    <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/4/49/Oxigen_IGEM.png" style=
 +
    "width:7.5%; position:absolute; top:5px;"></a>
-
<img src="https://static.igem.org/mediawiki/2014/6/68/Oxigemmenubg.png" class="supercoil" />
+
    <div class="inner">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/68/Oxigemmenubg.png" class="supercoil">
-
<div class="Heading" style="top: 72%; left: 35%; width:12.6%;" onclick="DCMation()" onmouseover="DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><img src="https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;"></div>
+
      <div class="Heading" style="top: 72%; left: 35%; width:12.6%;" onclick="DCMation()" onmouseover=
 +
      "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><img src=
 +
      "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;"></div>
-
<div class="Heading" style="top: 77.8%; left: 54%; width:12%;" onmouseover="Achievementsbig(this)" onmouseout="Achievementsnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/ouridea"><img src="https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 77.8%; left: 54%; width:12%;" onmouseover="Achievementsbig(this)" onmouseout=
 +
      "Achievementsnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 +
        "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 57%; left: 20.5%; width:9.3%;" onmouseover="Modellingbig(this)" onmouseout="Modellingnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/ouridea"><img src="https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 57%; left: 20.5%; width:9.3%;" onmouseover="Modellingbig(this)" onmouseout=
 +
      "Modellingnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 +
        "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 56.5%; left:72.5%; width:7.9%;" onmouseover="Policybig(this)" onmouseout="Policynormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/ouridea"><img src="https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 56.5%; left:72.5%; width:7.9%;" onmouseover="Policybig(this)" onmouseout=
 +
      "Policynormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 +
        "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 27%; left: 23%; width:9.55%;" onmouseover="iGEMcommbig(this)" onmouseout="iGEMcommnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/ouridea"><img src="https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 27%; left: 23%; width:9.55%;" onmouseover="iGEMcommbig(this)" onmouseout=
 +
      "iGEMcommnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 +
        "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 27.5%; left: 70.5%; width:7%;" onmouseover="Interlabbig(this)" onmouseout="Interlabnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/ouridea"><img src="https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 27.5%; left: 70.5%; width:7%;" onmouseover="Interlabbig(this)" onmouseout=
 +
      "Interlabnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 +
        "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 15.5%; left: 40.5%; width:5.3%;" onmouseover="Safetybig(this)" onmouseout="Safetynormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/safety"><img src="https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 15.5%; left: 40.5%; width:5.3%;" onmouseover="Safetybig(this)" onmouseout=
 +
      "Safetynormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/safety"><img src=
 +
        "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a>
 +
      </div>
-
<div class="Heading" style="top: 16.5%; left: 57%; width:4.75%;" onmouseover="Teambig(this)" onmouseout="Teamnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png" style="width: 100%;"></a></div>
+
      <div class="Heading" style="top: 16.5%; left: 57%; width:4.75%;" onmouseover="Teambig(this)" onmouseout=
 +
      "Teamnormal(this)" border="0">
 +
        <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png"
 +
        style="width: 100%;"></a>
 +
      </div>
 +
      <div id="DCMationwrap" onClick="DCMationHide()"
 +
        style="background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="DCMationpopup" style=
 +
        "top: 15%; left: 33%; width:26%; position:absolute; margin-left:-12px;">
 +
          <img src="https://static.igem.org/mediawiki/2014/3/3c/OxigemDcmationsub.png" style="width: 100%;">
-
<div class="Heading" id="DCMationpopup" style="top: 15%; left: 33%; width:26%; position:absolute; margin-left:-12px; display: none;"><img src="https://static.igem.org/mediawiki/2014/3/3c/OxigemDcmationsub.png" style="width: 100%;">
+
          <div class="Heading" style="top: 13.8%; left: 35%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
-
    <div class="Heading" style="top: 13.8%; left: 35%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout="Subheadingnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/notebook"><img src="https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a></div>
+
          "Subheadingnormal(this)" border="0">
-
<div class="Heading" style="top: 32.5%; left: 34%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout="Subheadingnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/notebook"><img src="https://static.igem.org/mediawiki/2014/4/49/OxigemBiodetection.png" style="width: 100%;"></a></div>
+
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
-
    <div class="Heading" style="top: 50.55%; left: 35%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout="Subheadingnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/notebook"><img src="https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a></div>
+
            "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a>
-
    <div class="Heading" style="top: 69.5%; left: 34%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout="Subheadingnormal(this)" border="0"><a href="https://2014.igem.org/Team:Oxford/notebook"><img src="https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a></div>
+
          </div>
-
</div>
+
 +
          <div class="Heading" style="top: 32.5%; left: 34%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 +
            "https://static.igem.org/mediawiki/2014/4/49/OxigemBiodetection.png" style="width: 100%;"></a>
 +
          </div>
-
    </div>
+
          <div class="Heading" style="top: 50.55%; left: 35%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
-
    </div>
+
          "Subheadingnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 +
            "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a>
 +
          </div>
-
     </body>
+
          <div class="Heading" style="top: 69.5%; left: 34%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 +
          "Subheadingnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 +
            "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
     </div>
 +
  </div>
 +
</body>
</html>
</html>

Revision as of 22:31, 28 August 2014

Retrieved from "http://2014.igem.org/Team:Oxford"