Team:UCL London/css/manufacturing

From 2011.igem.org

  1. manufacturing-concept{

position:relative; width:950px; height:700px; margin-left:auto; margin-right:auto; }

  1. manufacturing-concept strong{

font-size:20px; font-weight:bold; }

  1. manufacturing-concept .cell{

position:absolute; width:1045px; height:499px; top:150px; left:-47px; z-index:1; }

  1. manufacturing-concept #flowbar{

position:absolute; left:0px; top:0px; width:950px; height:150px; background-image:url(Ucl-manpro-flowbar-bg.jpg); }

  1. manufacturing-concept #flowbar #fermentation_highlight{

position:absolute; left:137px; top:0px; width:126px; height:150px; background-image:url(Ucl-manpro-flowbar-fermentation.jpg); display:none; z-index:2; }

  1. manufacturing-concept #flowbar #harvesting_highlight{

position:absolute; left:417px; top:0px; width:112px; height:150px; background-image:url(Ucl-manpro-flowbar-harvesting.jpg); display:none; z-index:2; }


  1. manufacturing-concept #flowbar #fermentation{

position:absolute; top:0px; left:142px; width:136px; height:150px; z-index:3; }

  1. manufacturing-concept #flowbar #harvesting{

position:absolute; top:0px; left:423px; width:112px; height:150px; z-index:3; }

  1. manufacturing-concept #c{

background-image:url(Ucl-manpro-background-normal.jpg); }

  1. manufacturing-concept #c1{

background-image:url(Ucl-manpro-background-1.jpg); display:none; }

  1. manufacturing-concept #c2{

background-image:url(Ucl-manpro-background-2.jpg); display:none; }

  1. manufacturing-concept #c3{

background-image:url(Ucl-manpro-background-3.jpg); display:none; }

  1. manufacturing-concept #c12{

background-image:url(Ucl-manpro-background-12.jpg); display:none; }

  1. manufacturing-concept #cyfp{

background-image:url(Ucl-manpro-background-yfp.jpg); display:none; }


  1. manufacturing-concept #cgfp{

background-image:url(Ucl-manpro-background-gfp.jpg); display:none; }


  1. manufacturing-concept #ccfp{

background-image:url(Ucl-manpro-background-cfp.jpg); display:none; }

  1. manufacturing-concept #supercoiliology_content{

position:absolute; width:223px; height:245px; top:191px; left:65px; text-align:center; }

  1. manufacturing-concept #hover_supercoiliology{

position:absolute; width:251px; height:340px; top:211px; left:38px; z-index:3; }

  1. manufacturing-concept #hover_magnetosites{

position:absolute; width:223px; height:340px; top:210px; left:294px; z-index:3; }

  1. manufacturing-concept #hover_extractery{

position:absolute; width:217px; height:340px; top:209px; left:523px; z-index:3; }

  1. manufacturing-concept #hover_shearometer{

position:absolute; width:156px; height:50px; top:312px; left:753px; z-index:3; }


  1. manufacturing-concept #hover_oximeter{

position:absolute; width:156px; height:50px; top:374px; left:754px; z-index:3; }


  1. manufacturing-concept #hover_supercoilometer{

position:absolute; width:164px; height:50px; top:433px; left:756px; z-index:3; }

  1. manufacturing-concept #iptg{

position:absolute; width:100px; height:73px; top:121px; left:8px; background:url(Ucl-manpro-iptg.gif); display:none; z-index:2; }

  1. manufacturing-concept #xylene{

position:absolute; width:150px; height:47px; top:140px; left:700px; background:url(Ucl-manpro-xylene.gif); z-index:2; display:none; }

  1. manufacturing-concept #therm{

position:absolute; width:213px; height:76px; top:548px; left:656px; background:url(Ucl-manpro-therm.jpg); z-index:2; display:none; }