Team:University College London/css/frontslide

From 2012.igem.org

(Difference between revisions)
Line 21: Line 21:
       top: 645px;
       top: 645px;
       background-image:url('https://static.igem.org/mediawiki/2012/0/00/Ucl2012-frontslide-bottle1.png');
       background-image:url('https://static.igem.org/mediawiki/2012/0/00/Ucl2012-frontslide-bottle1.png');
 +
      width:15px;
 +
      height:29px; 
 +
      z-index:100; 
 +
      opacity:0.4;
 +
}
 +
 +
#slidebox #bottle2{
 +
      position:absolute;
 +
      left: 870px;
 +
      top: 645px;
 +
      background-image:url('https://static.igem.org/mediawiki/2012/9/9c/Ucl2012-frontslide-bottle2.jpg');
       width:15px;
       width:15px;
       height:29px;   
       height:29px;   
Line 281: Line 292:
left: 685px;
left: 685px;
         z-index:20;
         z-index:20;
 +
}
 +
 +
#slidebox #slide3{
 +
      position:absolute;
 +
      background-image:url('https://static.igem.org/mediawiki/2012/1/1e/Ucl2012-frontslide3-bg.png');
 +
      height:680px;
 +
      width:990px;
 +
      top:0px;
 +
      left:990px;
}
}

Revision as of 18:27, 5 August 2012

  1. slidebox{ 
     position:relative;
     overflow:hidden;    
     width:990px;
     height:680px;

}

  1. slidebox #bottle0{ 
     position:absolute;
     left: 850px;
     top: 645px;
     background-image:url('https://static.igem.org/mediawiki/2012/2/2b/Ucl2012-frontslide-bottle0.png');
     width:15px;
     height:29px;  
     z-index:100;

}

  1. slidebox #bottle1{ 
     position:absolute;
     left: 870px;
     top: 645px;
     background-image:url('https://static.igem.org/mediawiki/2012/0/00/Ucl2012-frontslide-bottle1.png');
     width:15px;
     height:29px;  
     z-index:100;   
     opacity:0.4;

}

  1. slidebox #bottle2{ 
     position:absolute;
     left: 870px;
     top: 645px;
     background-image:url('https://static.igem.org/mediawiki/2012/9/9c/Ucl2012-frontslide-bottle2.jpg');
     width:15px;
     height:29px;  
     z-index:100;   
     opacity:0.4;

}

  1. slidebox #slide1{ 
      position:absolute;
      top:0px;
      left:0px;
      background-image:url('https://static.igem.org/mediawiki/2012/9/9a/Ucl2012-frontslide1-bg.png');
      height:680px;
      width:990px;

}


  1. slidebox #slide1 #label1{ 
      display:block;
      text-indent:-2000px;
      width:261px;
      height:25px;
      position:absolute;
      top: 273px;
      left: 54px;
      background-image:url('https://static.igem.org/mediawiki/2012/8/82/Ucl2012-frontslide1-label1.png');

}

  1. slidebox #slide1 #label1:hover{ 
     background-image:url('https://static.igem.org/mediawiki/2012/b/b2/Ucl2012-frontslide1-label1-hover.png');

}

  1. slidebox #slide1 #label2{ 
      display:block;
      text-indent:-2000px;
      width:131px;
      height:26px;
      position:absolute;
      top: 188px;
      left: 636px;
      background-image:url('https://static.igem.org/mediawiki/2012/9/9b/Ucl2012-frontslide1-label2.png');

}

  1. slidebox #slide1 #label2:hover{ 
     background-image:url('https://static.igem.org/mediawiki/2012/b/b9/Ucl2012-frontslide1-label2-hover.png');

}


  1. slidebox #slide1 #label3{ 
      display:block;
      text-indent:-2000px;
      width:190px;
      height:27px;
      position:absolute;
      top: 310px;
      left: 701px;
      background-image:url('https://static.igem.org/mediawiki/2012/5/57/Ucl2012-frontslide1-label3.png');

}

  1. slidebox #slide1 #label3:hover{ 
     background-image:url('https://static.igem.org/mediawiki/2012/7/7b/Ucl2012-frontslide1-label3-hover.png');

}


  1. slidebox #slide1 #label4{ 
      display:block;
      text-indent:-2000px;
      width:308px;
      height:24px;
      position:absolute;
      top: 411px;
      left: 647px;
      background-image:url('https://static.igem.org/mediawiki/2012/1/10/Ucl2012-frontslide1-label4.png');

}

  1. slidebox #slide1 #label4:hover{ 
     background-image:url('https://static.igem.org/mediawiki/2012/c/ce/Ucl2012-frontslide1-label4-hover.png');

}


  1. slidebox #slide1 #label5{ 
      display:block;
      text-indent:-2000px;
      width:174px;
      height:22px;
      position:absolute;
    top: 584px;

left: 146px; 

      background-image:url('https://static.igem.org/mediawiki/2012/6/68/Ucl2012-frontslide1-label5.png');

}

  1. slidebox #slide1 #label5:hover{ 
     background-image:url('https://static.igem.org/mediawiki/2012/0/05/Ucl2012-frontslide1-label5-hover.png');

}

  1. slidebox #slide1 #pin1{ 
     position:absolute;
     z-index:3;
     top: 338px;
     left: 337px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/d/d0/Ucl2012-frontslide-pin1.png');

}

  1. slidebox #slide1 #pin1shadow{ 
     position:absolute;
     z-index:2;
     top: 338px;
     left: 337px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/9/90/Ucl2012-frontslide-pin1-shadow.png');

}

  1. slidebox #slide1 #pin2{ 
     position:absolute;
     z-index:3;
     top: 255px;
     left: 611px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/c/c0/Ucl2012-frontslide-pin2.png');

}

  1. slidebox #slide1 #pin2shadow{ 
     position:absolute;
     z-index:2;
     top: 255px;
     left: 611px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/4/4a/Ucl2012-frontslide-pin2-shadow.png');

}

  1. slidebox #slide1 #pin3{ 
     position:absolute;
     z-index:3;
     top: 315px;
     left: 604px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/1/1b/Ucl2012-frontslide-pin3.png');

}

  1. slidebox #slide1 #pin3shadow{ 
     position:absolute;
     z-index:2;
     top: 315px;
     left: 604px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/4/4a/Ucl2012-frontslide-pin2-shadow.png');

}


  1. slidebox #slide1 #pin4{ 
     position:absolute;
     z-index:3;
    top: 445px;
     left: 619px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/d/d7/Ucl2012-frontslide-pin4.png');

}

  1. slidebox #slide1 #pin4shadow{ 
     position:absolute;
     z-index:2;
     top: 445px;
     left: 619px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/4/4a/Ucl2012-frontslide-pin2-shadow.png');

}


  1. slidebox #slide1 #pin5{ 
     position:absolute;
     z-index:3;
top: 585px;

left: 359px; 

     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/4/4e/Ucl2012-frontslide-pin5.png');

}

  1. slidebox #slide1 #pin5shadow{ 
     position:absolute;
     z-index:2;
     top: 585px;
     left: 359px;
     width:25px;
     height:24px;
     background-image:url('https://static.igem.org/mediawiki/2012/4/4a/Ucl2012-frontslide-pin2-shadow.png');

}

  1. slidebox #slide2{ 
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/2/2d/Ucl2012-frontslide2-bg.png');
      height:680px;
      width:990px;
      top:0px;
      left:990px;

}

  1. slidebox #slide2 #popup1{ 
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/2/2c/Ucl2012-frontslide2-popup1.png');
      height:254px;
      width:341px;

top: 200px; left: 268px; 

      display:none;

}

  1. slidebox #slide2 #popup2{ 
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/f/f8/Ucl2012-frontslide2-popup2.png');
      height:259px;
      width:414px;

top: 160px; left: 255px; 

      display:none;

}

  1. slidebox #slide2 #popup3{ 
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/4/46/Ucl2012-frontslide2-popup3.png');
      height:205px;
      width:287px;
top: 472px;

left: 451px; 

      display:none;

}

  1. slidebox #slide2 #zoom1{ 
       position:absolute;
       height: 78px;

width: 119px; top: 440px; left: 305px; 

       z-index:20;

}

  1. slidebox #slide2 #zoom2{ 
       position:absolute;
       height: 78px;

width: 135px; top: 379px; left: 475px; 

       z-index:20;

}

  1. slidebox #slide2 #zoom3{ 
       position:absolute;
       height: 130px;

width: 130px; top: 390px; left: 685px; 

       z-index:20;

}

  1. slidebox #slide3{ 
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/1/1e/Ucl2012-frontslide3-bg.png');
      height:680px;
      width:990px;
      top:0px;
      left:990px;

}

Retrieved from "http://2012.igem.org/Team:University_College_London/css/frontslide"