Team:Paris Bettencourt/zoom test

From 2011.igem.org

(Difference between revisions)
(Created page with "- →Magic Zoom v4.0.1 Copyright 2011 Magic Toolbox Buy a license: www.magictoolbox.com/magiczoom/ License agreement: http://www.magictoolbox.com/license/: /* S...")
Line 1: Line 1:
-
/*
+
<html>
 +
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 +
<title>Team IGEM Paris 2011</title>
 +
<meta name="keywords" content="" />
 +
<meta name="description" content="" />
-
  Magic Zoom v4.0.1
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Paris_Bettencourt/Templates/css/opera?action=raw&ctype=text/css" />
-
  Copyright 2011 Magic Toolbox
+
</head>
-
  Buy a license: www.magictoolbox.com/magiczoom/
+
-
  License agreement: http://www.magictoolbox.com/license/
+
 +
<div id="white_thingy"></div>
 +
<body>
 +
    <div id="paris_bettencourt_logo"><a href="https://2011.igem.org/Team:Paris_Bettencourt"><img src="https://static.igem.org/mediawiki/2011/c/cb/Logoopera.png" style="height:200px;"></a></div> 
 +
    <div id="tube_or"><img src="https://static.igem.org/mediawiki/2011/1/19/Tubeornottube.png" style="width:600px"></div> 
 +
<div id="main_paris2011">
-
*/
+
  <div id="banner_paris2011">
 +
  <div id="imgbanner_paris2011">
-
/* Style of the main image */
+
  </div>
-
.MagicZoom img {
+
  </div>
-
border: 0 !important;
+
<div id="menu_paris2011">
-
padding: 0 !important;
+
<ul id="menu_list_paris2011">
-
margin: 0 !important;
+
      <li class="menu_list_item_paris2011">
-
}
+
          <a href="https://2011.igem.org/Team:Paris_Bettencourt">Home</a>
 +
      </li>
 +
 
 +
      <li class="menu_list_item_paris2011">
 +
        <a  href="https://2011.igem.org/Team:Paris_Bettencourt/Project">Presentation</a>
 +
            <ul class="menu_list_paris2011">
 +
        <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Project">Overview</a></li>
 +
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Potential_Application">Potential applications</a></li>
 +
              <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/collaborations">Collaborations</a></li>
 +
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Team">The team</a></li>
 +
            <li class="menu_list_item_paris2011">
 +
      <a href="https://2011.igem.org/Team:Paris_Bettencourt/Sponsors">Acknowledgements  &rarr;</a>
 +
              <ul class="menu_list_paris2011" style="top:137px;">
 +
              <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Inserm">Host laboratory</a></li>
 +
              <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li>
 +
                </ul>
 +
</li> 
-
/* tyle of the hint text and image */
+
            </ul>
-
.MagicZoomHint {
+
      </li>     
-
background: url(graphics/hint.gif) no-repeat 2px 50%;
+
-
padding: 2px 2px 2px 20px !important;
+
-
min-height: 24px;
+
-
margin: 0;
+
-
text-decoration: none;
+
-
text-align: left;
+
-
font-size: 8pt;
+
-
font-family: sans-serif;
+
-
color: #444;
+
-
}
+
-
/* Style to hide external title on a page. Only needed for #id method */
 
-
.MagicZoomExternalTitle {
 
-
display: none;
 
-
}
 
-
/* Style of the zoomed image */
+
      <li class="menu_list_item_paris2011">
-
.MagicZoomBigImageCont {
+
        <a href="https://2011.igem.org/Team:Paris_Bettencourt/Designs">Designs</a>
-
border: 1px solid #999;
+
        <ul class="menu_list_paris2011">
-
}
+
            <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Designs">Designs overview & concepts</a></li>
 +
            <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Designs/List">Designs list</a>
-
/* Style of text on the zoomed image */
+
              </li>
-
.MagicZoomHeader {
+
        </ul>
-
font-size: 10pt !important;
+
      </li>
-
line-height: normal !important;
+
-
color: #fff;
+
-
background: #666;
+
-
text-align: center !important;
+
-
}
+
-
/* Style of square magnify area under the cursor */
+
   
-
.MagicZoomPup {
+
<li class="menu_list_item_paris2011">   
-
border: 1px solid #aaa;
+
      <a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling">Modeling</a>
-
background: #fff;
+
<ul>
-
cursor: move;
+
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling">General overview</a></li>
-
}
+
-
/* Style of loading message and icon shown during load */
+
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/Designs">Modeling results for our designs &rarr;</a>
-
.MagicZoomLoading {
+
-
border: 1px solid #ccc;
+
-
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
+
-
padding: 4px 4px 4px 24px !important;
+
-
margin: 0;
+
-
text-decoration: none;
+
-
text-align: left;
+
-
line-height: 1.5em;
+
-
font-size: 8pt;
+
-
font-family: sans-serif;
+
-
color: #444;
+
-
}
+
-
/* Style of shadow effect behind zoomed image */
 
-
.MagicBoxShadow {
 
-
-moz-box-shadow: 3px 3px 4px #888888;
 
-
-webkit-box-shadow: 3px 3px 4px #888888;
 
-
box-shadow: 3px 3px 4px #888888;
 
-
border-collapse: separate;
 
-
/* For IE 5.5 - 7 */
 
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
 
-
/* For IE 8 */
 
-
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
 
-
}
 
-
/* Style of glow effect behind zoomed image */
+
 
-
.MagicBoxGlow {
+
            <ul class="menu_list_paris2011" style="top:34px;">
-
-moz-box-shadow: 0px 0px 4px 4px #888888;
+
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/what_is_modeling">The basics</a></li>
-
-webkit-box-shadow: 0px 0px 4px 4px #888888;
+
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Hypothesis">Our assumptions</a></li>
-
box-shadow: 0px 0px 4px 4px #888888;
+
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/T7_diffusion">T7 polymerase diffusion</a></li>
-
border-collapse: separate;
+
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/tRNA_diffusion">tRNA diffusion</a></li>
-
/* For IE 5.5 - 7 */
+
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/ComS_diffusion">ComK/ComS system</a></li>
-
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
+
                <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/Parameters">Parameters</a></li>
-
/* For IE 8 */
+
            </ul>
-
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
+
</li>
-
}
+
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/Diffusion">Results of our passive diffusion model</a></li>
 +
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Modeling/Assisted_diffusion">Toward assisted diffusion</a></li>
 +
</ul>
 +
</li> 
 +
 
 +
            <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Data">Data</a></li>
 +
 
 +
<li class="menu_list_item_paris2011">   
 +
      <a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/List">Results</a>
 +
                <ul>
 +
     
 +
           
 +
           
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/List">Our lab achievements</a>
 +
 
 +
 
 +
 
 +
              </li>
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/Methodologies">Methodologies &rarr;</a>
 +
      <ul class="menu_list_paris2011" style="top:33px;">
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/Microscopy">Microscopy</a></li>
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/Methodologies/Microchemostat_HastyJ">Micro-fluidic</a></li>
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Experiments/Methodologies/Integration">Integration in <i>B.subtilis</i></a></li>
 +
      </ul>
 +
      </li>
 +
            <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Parts">Parts list</a>
 +
              </li>
 +
<li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Notebook">Notebook</a></li> 
 +
             
 +
 
 +
 
 +
 
 +
</li>
 +
 
 +
 
 +
                </ul>
 +
</li> 
 +
 
 +
 
 +
<li class="menu_list_item_paris2011">
 +
      <a href="https://2011.igem.org/Team:Paris_Bettencourt/HumanPractice" style="width:150px">Human practice & Safety</a>
 +
                <ul>
 +
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/HumanPractice">Human practice</a></li>
 +
            <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li>
 +
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Brainstorming">Brainstorming</a></li>
 +
  <li class="menu_list_item_paris2011"><a href="https://2011.igem.org/Team:Paris_Bettencourt/Protocol_the_song">Bonus track</a></li>
 +
</ul>
 +
  </div>
 +
<div id="back_image"></div>
 +
<div id="color_thingy"></div>
 +
  <div id="maincontainer_paris2011">
 +
 
 +
  <!-- </div> -->
 +
<!-- </div> -->
 +
<!-- </body> -->

Revision as of 23:44, 27 October 2011

Team IGEM Paris 2011