Team:Oxford

From 2014.igem.org

(Difference between revisions)
Line 261: Line 261:
   function AchievementsHide(x) {
   function AchievementsHide(x) {
     document.getElementById('Achievementswrap').style.display = "none";
     document.getElementById('Achievementswrap').style.display = "none";
 +
  }
 +
  function Modelling() {
 +
    document.getElementById('Modellingwrap').style.display = "block";
 +
  }
 +
  function ModellingHide(x) {
 +
    document.getElementById('Modellingwrap').style.display = "none";
   }
   }
Line 323: Line 329:
   $("#DCMationwrap").click(function(){
   $("#DCMationwrap").click(function(){
     $("#DCMationpopup").animate({width:'0%', left:'39%', marginTop:'38%'}, "fast");
     $("#DCMationpopup").animate({width:'0%', left:'39%', marginTop:'38%'}, "fast");
 +
  });
 +
  $("#Modellingheading").click(function(){
 +
    $("#Modellingpopup").animate({width:'26%', left:'37%', marginTop:'12.5%'}, "fast");
 +
    $("#Modellingwrap").animate({backgroundColor: 'rgba(0,0,0,0.6)'});
 +
  });
 +
  $("#Modellingwrap").click(function(){
 +
    $("#Modellingpopup").animate({width:'0%', left:'39%', marginTop:'38%'}, "fast");
   });  
   });  
});
});
Line 427: Line 440:
       </div>
       </div>
-
       <div class="Heading" id="Modellingheading" style="top: 57%; left: 21%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
+
       <div class="Heading" id="Modellingheading" style="top: 57%; left: 21%; width:8.5%;" onclick="Modelling()" onmouseover="Modellingbig(this)" onmouseout=
       "Modellingnormal(this)" border="0">
       "Modellingnormal(this)" border="0">
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
         <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
Line 520: Line 533:
         </div>
         </div>
       </div>
       </div>
 +
 +
 +
  <div id="Modellingwrap" onClick="ModellingHide()"
 +
        style="background-color: rgba(0,0,0,0.2); position: fixed; top:0; left: 0; right: 0; bottom: 0; display:none">
 +
        <div class="Heading" id="Modellingpopup" style=
 +
        "left:59%; width:0%; position:absolute; margin-top:38%;">
 +
          <img src="https://static.igem.org/mediawiki/2014/b/be/OxigemAchievementsBg.png" style="width: 100%;">
 +
 +
          <div class="Heading" style="top: 43%; left: 57%; width:26%;" onmouseover="Resultsbig(this)" onmouseout=
 +
          "Resultsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Results"><img src=
 +
            "https://static.igem.org/mediawiki/2014/b/b8/OxigemResults.png" style="width: 100%;"></a>
 +
          </div>
 +
 +
          <div class="Heading" style="top: 17%; left: 27%; width:40%;" onmouseover="Partsbig(this)" onmouseout=
 +
          "Partsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/Parts"><img src=
 +
            "https://static.igem.org/mediawiki/2014/f/fa/OxigemParts.png" style="width: 100%;"></a>
 +
          </div>
 +
 +
          <div class="Heading" style="top: 45%; left: 14%; width:33.5%;" onmouseover="Medalsbig(this)" onmouseout=
 +
          "Medalsnormal(this)" border="0">
 +
            <a href="https://2014.igem.org/Team:Oxford/MedalFulfilment"><img src=
 +
            "https://static.igem.org/mediawiki/2014/5/5e/OxigemMedalFulfillment.png" style="width: 100%;"></a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
<div style="position:fixed;bottom:2%;left:5%;width:90%;height:7%;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">  
<div style="position:fixed;bottom:2%;left:5%;width:90%;height:7%;background-color:#f5f5f5;border-radius:25px;opacity:0.6;">  

Revision as of 04:23, 17 September 2014