Team:UCL London/css/manufacturing
From 2011.igem.org
@charset "UTF-8"; /* CSS Document */
- manufacturing-concept{
position:relative; width:950px; height:580px; margin-left:auto; margin-right:auto; }
- manufacturing-concept strong{
font-size:20px; font-weight:bold; }
- manufacturing-concept .cell{
position:absolute; width:1045px; height:499px; top:150px; left:-47px; z-index:1; }
- manufacturing-concept #flowbar{
position:absolute; left:0px; top:0px; width:950px; height:150px; background-image:url(man-flowbar-bg.jpg); }
- manufacturing-concept #flowbar #fermentation_highlight{
position:absolute; left:137px; top:0px; width:126px; height:150px; background-image:url(man-flowbar-fermentation.jpg); display:none; z-index:2; }
- manufacturing-concept #flowbar #harvesting_highlight{
position:absolute; left:417px; top:0px; width:112px; height:150px; background-image:url(man-flowbar-harvesting.jpg); display:none; z-index:2; }
- manufacturing-concept #flowbar #fermentation{
position:absolute; top:0px; left:142px; width:136px; height:150px; z-index:3; }
- manufacturing-concept #flowbar #harvesting{
position:absolute; top:0px; left:423px; width:112px; height:150px; z-index:3; }
- manufacturing-concept #c{
background-image:url(man-background-normal.jpg); }
- manufacturing-concept #c1{
background-image:url(man-background-1.jpg); display:none; }
- manufacturing-concept #c2{
background-image:url(man-background-2.jpg); display:none; }
- manufacturing-concept #c3{
background-image:url(man-background-3.jpg); display:none; }
- manufacturing-concept #c12{
background-image:url(man-background-12.jpg); display:none; }
- manufacturing-concept #cyfp{
background-image:url(man-background-yfp.jpg); display:none; }
- manufacturing-concept #cgfp{
background-image:url(man-background-gfp.jpg); display:none; }
- manufacturing-concept #ccfp{
background-image:url(man-background-cfp.jpg); display:none; }
- manufacturing-concept #supercoiliology_content{
position:absolute; width:223px; height:245px; top:191px; left:65px; text-align:center; }
- manufacturing-concept #hover_supercoiliology{
position:absolute; width:251px; height:340px; top:211px; left:38px; z-index:3; }
- manufacturing-concept #hover_magnetosites{
position:absolute; width:223px; height:340px; top:210px; left:294px; z-index:3; }
- manufacturing-concept #hover_extractery{
position:absolute; width:217px; height:340px; top:209px; left:523px; z-index:3; }
- manufacturing-concept #hover_shearometer{
position:absolute; width:156px; height:50px; top:312px; left:753px; z-index:3; }
- manufacturing-concept #hover_oximeter{
position:absolute; width:156px; height:50px; top:374px; left:754px; z-index:3; }
- manufacturing-concept #hover_supercoilometer{
position:absolute; width:164px; height:50px; top:433px; left:756px; z-index:3; }
- manufacturing-concept #iptg{
position:absolute; width:100px; height:73px; top:121px; left:8px; background:url(man-iptg.gif); display:none; z-index:2; }
- manufacturing-concept #xylene{
position:absolute; width:150px; height:47px; top:140px; left:700px; background:url(man-xylene.gif); z-index:2; display:none; }
- manufacturing-concept #therm{
position:absolute; width:213px; height:76px; top:548px; left:656px; background:url(man-therm.jpg); z-index:2; display:none; }