Team:Queens-Canada/full

From 2010.igem.org

(Difference between revisions)
Glh (Talk | contribs)
(New page: <script type="text/javascript" src="full/animat0r.js"></script> <style type="text/css"> div#top-section, div#footer-box { display: none; height: 0px; background: none; } div#content { ...)
Newer edit →

Revision as of 18:59, 22 October 2010

<script type="text/javascript" src="full/animat0r.js"></script>

<style type="text/css"> div#top-section, div#footer-box { display: none; height: 0px; background: none; } div#content { height: 0px; width: 100%; padding: 0px; border: none; background: none; } div#bodyContent { height: 0px; width: 100%; padding: 0px; border: none; background: none; } div#globalWrapper { height: 0px; border: none; background: none; } html { margin: 0px; padding: 0px; } body { background: #c7c7c7 url('full/bg.gif'); margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #202020; font-size: 13pt; text-align: center; } h3#siteSub, div.printfooter { display: none; }

  1. base {

line-height: 100%; font-size: 15pt; top: 0px; margin: 0px; position: fixed; left: 0px; right: 0px; bottom: 0px; top: 0px; /* width: 100%; */ text-align: center; }

  1. base2 {

margin-left: auto; margin-right: auto; max-width: 1200px; height: 100%; position: relative;

  1. position: static;

}

  1. base3 {

position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; } /* #tier0t { position: absolute; left: 0px; right: 0px; top: 0px; height: 156px; z-index: 111; } */

  1. tier0tl {

position: absolute; left: 0px; top: 0px; width: 29px; height: 156px; background: url('full/tier0_tl.png'); z-index: 140; }

  1. tier0tm {

position: absolute; left: 29px; right: 29px; top: 0px; height: 145px; background: url('full/tier0_t.png'); z-index: 160; }

  1. tier0tm2 {

position: absolute; left: -16px; right: -16px; z-index: 300; }

  1. tier0tr {

position: absolute; right: 0px; top: 0px; width: 29px; height: 156px; background: url('full/tier0_tr.png'); z-index: 150; }

  1. tier0l {

position: absolute; left: 0px; width: 18px; top: 156px; bottom: 32px; background: url('full/tier0_l.png'); z-index: 150; }

  1. tier0r {

position: absolute; right: 0px; width: 19px; top: 156px; bottom: 32px; background: url('full/tier0_r.png') right; z-index: 150; }

  1. tier0b {

position: absolute; left: 0px; right: 0px; bottom: 0px; height: 32px; z-index: 150; }

  1. tier0bl {

position: absolute; left: 0px; bottom: 0px; height: 32px; width: 29px; background: url('full/tier0_bl.png'); z-index: 150; }

  1. tier0br {

position: absolute; right: 0px; bottom: 0px; height: 32px; width: 29px; background: url('full/tier0_br.png'); z-index: 150; }

  1. tier0bm {

position: absolute; left: 29px; right: 29px; bottom: 0px; height: 32px; background: url('full/tier0_b.png'); z-index: 150; }

  1. tier0p {

display: block; border: !important; background: #e6e6e6 !important; text-align: left !important; position: absolute !important; overflow: hidden !important; left: 14px !important; right: 14px !important; top: 138px !important; bottom: 16px !important; }

  1. the_frame {

position: static; }

  1. tier0p p {

line-height: 120%; font-size: 13pt; text-align: justify; color: #404040; }

  1. tier0p h1 {

margin-top: 35px; color: #707070; font-weight: bold; border: none; }

  1. tier2 {

background: url('full/tier2.png') bottom repeat-x; position: absolute; left: 13px; right: 13px; height: 52px; padding: 0px; margin: 0px; top: 100px; /* 135 when shown */ z-index: 110; }

  1. cover {

display: none; }

  1. the_frame {

opacity: 0; filter: alpha(opacity=0); } </style>

<iframe style="width: 100%; height: 100%" src="content/f_front.html" frameborder=0 id="the_frame" onload="prep()">

sorry

Your browser doesn't support iframes. We need that.

</iframe>

<style type="text/css"> .tier2item { zoom: 1; display: inline-block; cursor: hand; cursor: pointer; position: relative; height: 29px; margin-top: 11px; overflow: hidden; z-index: 3500; } .tier2item_m2 { cursor: hand; cursor: pointer; height: 26px; margin: 0px; margin-top: 3px; margin-right: 2px; padding: 0px; text-align: right; font-size: 10pt; font-weight: bold; z-index: 4000; color: white; text-shadow: 1px 1px 2px black; filter: Shadow(Color=black, Direction=135, Strength=2); } .tier2item_l, .tier2item_r { position: absolute; width: 3px; height: 29px; z-index: 130; } .tier2item_m { cursor: pointer; position: absolute; left: 3px; right: 3px; background: url('full/tier2_item_m.png'); height: 29px; z-index: 140; } .tier2item_l { left: 0px; background: url('full/tier2_item_l.png'); } .tier2item_r { right: 0px; background: url('full/tier2_item_r.png'); } .tier2item_p { background: black; position: absolute; left: 1px; right: 3px; top: 1px; bottom: 3px; z-index: 120; opacity:0.6;filter:alpha(opacity=60) } .tier2item:hover > .tier2item_p { opacity:1;filter:alpha(opacity=100) }

</style>

CALL APOGEE; SAY AARDWOLF

<img src="full/logo.gif" style="float: right; margin-top: 10px; cursor: hand; cursor: pointer;" class="t0_img2" onclick="toPage('f_front')">

<style type="text/css">

.tier1i { position: relative; margin-left: 0px; margin-right: 0px; padding: 0px; width: 24.5%; height: 108px; zoom: 1; display: inline-block; vertical-align: middle; overflow: hidden; } .tier1i_l { position: absolute; left: 0px; top: 0px; width: 1px; height: 108px; background: url('full/tier1_item_l.png'); } .tier1i_r { position: absolute; right: 0px; top: 0px; width: 3px; height: 108px; background: url('full/tier1_item_r.png'); } .tier1i_m { position: absolute; left: 1px; right: 3px; height: 108px; background: url('full/tier1_item_m.png'); } .tier1i_m2 { position: absolute; right: -1px; left: -1px; bottom: 8px; text-align: center; overflow: hidden; font-size: 12pt; font-weight: bold; color: white; text-shadow: 1px 1px 2px black; filter: Shadow(Color=black, Direction=135, Strength=2); } .tier1i_p { position: absolute; left: 1px; right: 3px; top: 1px; bottom: 3px; opacity:0.4; filter:alpha(opacity=40) } .tier1i:hover > .tier1i_p { opacity:1;filter:alpha(opacity=80) } .t0_img { padding-top: 46px; padding-bottom: 46px; opacity:0.60;filter:alpha(opacity=60) } .t0_img:hover { opacity:1;filter:alpha(opacity=100) } .t0_img2 { opacity:0.60;filter:alpha(opacity=60) } .t0_img2:hover { opacity:1;filter:alpha(opacity=100) }

  1. anatomy > .tier1i_p { background: url('full/tier1/anatomy.gif'); }
  2. genetics > .tier1i_p { background: url('full/tier1/genetics.gif'); }
  3. practical > .tier1i_p { background: url('full/tier1/practical.gif'); }
  4. context > .tier1i_p { background: url('full/tier1/context.gif'); }
  5. people > .tier1i_p { background: url('full/tier1/people.gif'); }
  6. funds > .tier1i_p { background: url('full/tier1/sponsors.gif'); }
  7. biobricks > .tier1i_p { background: url('full/tier1/biobricks.gif'); }
  8. progress > .tier1i_p { background: url('full/tier1/progress.gif'); }

.tier1 { position: absolute; display: inline-block; height: 119px; margin-top: 10px; text-align: left; cursor: hand; cursor: pointer; } .tier1m { position: absolute; height: 119px; left: 14px; right: 14px; background: url('full/tier1_m.png'); } .tier1m2 { position: absolute; z-index: 300; top: 5px; bottom: 0px; left: -6px; right: -6px; overflow: hidden; vertical-align: middle; } .tier1m3 { position: absolute; right: 0px; top: 0px; bottom: 0px; padding: 0px; margin: 0px; } .tier1m4 { position: relative; padding: 0px; margin: 0px; overflow: hidden; }

  1. t_guide .tier1m3 {

left: 65px; }

  1. t_project .tier1m3 {

left: 69px; } .tier1l, .tier1r { position: absolute; height: 119px; width: 14px; } .tier1l { left: 0; background: url('full/tier1_l.png'); } .tier1r { right: 0; background: url('full/tier1_r.png'); }

/* when guide is hidden, guide has width: 73px, project has left: 78px

when guide is shown, guide has right: 395px, project has width: 83px
  • /

/*

  1. t_guide {

left: 0px; right: 395px; }

  1. t_project {

width: 83px; right: 307px; } */


  1. t_guide {

left: 0px; width: 73px; }

  1. t_project {

left: 78px; right: 307px; } </style>

<img id="i_guide" src="full/guide_closed.gif" class="t0_img" onclick="showGuide();">

context
anatomy
genetics
practical

<img id="i_project" src="full/project.gif" class="t0_img" onclick="showProject();">

people
sponsors
biobricks
progress



<img src="full/error_small.gif">

Oh no!

You're using a very old version of Internet Explorer (earlier than 7) to view this site. While we realise that there are some corporate and academic policies that still require the usage of IE 6, we are not able to support it for technical reasons. <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Please update it</a>.

You may want to consider downloading Google <a href="http://code.google.com/chrome/chromeframe/">Chrome Frame</a> if you have control over the software installed on your computer but cannot migrate away from IE6.

You may also access the PDF version of WormGuide here.

<a href="/">Back to iGEM 2010 Home</a>

<script type="text/javascript"> function resizeIframe(newHeight) { } // mobile only function isMobile() { return false; } </script>