Team:University College London/css/frontslide

From 2012.igem.org

(Difference between revisions)
Line 532: Line 532:
#slidebox #slide4 #hover{
#slidebox #slide4 #hover{
-
      background-color:#f00;
+
position: absolute;
-
       width:50px;
+
       width: 50px;
-
      height:50px;
+
height: 50px;
-
      top:200px;
+
top: 60px;
-
      left:500px;
+
left: 578px;
}
}

Revision as of 18:08, 7 September 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: 890px;
     top: 645px;
     background-image:url('https://static.igem.org/mediawiki/2012/5/53/Ucl2012-frontslide-bottle2.png');
     width:15px;
     height:29px;  
     z-index:100;   
     opacity:0.4; 

}

  1. slidebox #bottle3{
     position:absolute;
     left: 910px;
     top: 645px;
     background-image:url('https://static.igem.org/mediawiki/2012/f/ff/Ucl2012-frontslide-bottle3.png');
     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: 627px;
      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 #slide1 #mapopen{
    position:absolute;
    width:512px;
    height:254px;
    left: 381px;
    top: 131px;
    background-image:url('https://static.igem.org/mediawiki/2012/3/31/Ucl2012-frontslide1-mapopen.png');
    z-index:5;
    display:none;

}

  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 #slide2 #s2back{

position:absolute; background-image:url('https://static.igem.org/mediawiki/2012/a/a5/Ucl2012-frontslide2-back.png'); top:60px; left:12px; width:35px; height:36px; opacity:0.7; }


  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;

}

  1. slidebox #slide3 a{
      display:block;
      position: absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/5/5e/Ucl2012-frontslide3-moreteam.png');
      width:270px;
      height:50px;
     left: 714px;

top: 415px; }

  1. slidebox #slide3 a:hover{
      background-image:url('https://static.igem.org/mediawiki/2012/6/65/Ucl2012-frontslide3-moreteam-hover.png');

}

  1. slidebox #slide3 .line{
      position: absolute;
      width:488px;
      height:225px;
      left: 232px;
      top: 123px;
      display:none;

}

  1. slidebox #slide3 #line1{
      background-image:url('https://static.igem.org/mediawiki/2012/7/7e/Ucl2012-frontslide3-line1.png');

}

  1. slidebox #slide3 #line2{
      background-image:url('https://static.igem.org/mediawiki/2012/d/d2/Ucl2012-frontslide3-line2.png');

}

  1. slidebox #slide3 #line3{
      background-image:url('https://static.igem.org/mediawiki/2012/7/70/Ucl2012-frontslide3-line3.png');

}

  1. slidebox #slide3 #line4{
      background-image:url('https://static.igem.org/mediawiki/2012/a/af/Ucl2012-frontslide3-line4.png');

}

  1. slidebox #slide3 #line5{
      background-image:url('https://static.igem.org/mediawiki/2012/a/ac/Ucl2012-frontslide3-line5.png');

}

  1. slidebox #slide3 #line6{
      background-image:url('https://static.igem.org/mediawiki/2012/c/c9/Ucl2012-frontslide3-line6.png');

}

  1. slidebox #slide3 #line7{
      background-image:url('https://static.igem.org/mediawiki/2012/3/36/Ucl2012-frontslide3-line7.png');

}

  1. slidebox #slide3 #course1{
      position: absolute;

width: 265px; height: 35px; top: 122px; left: 717px; }

  1. slidebox #slide3 #course11{

position: absolute; width: 115px; height: 173px; top: 335px; left: 184px; }


  1. slidebox #slide3 #course2{
      position: absolute;

width: 265px; height: 25px; top: 159px; left: 717px; }

  1. slidebox #slide3 #course22{

position: absolute; width: 70px; height: 173px; top: 335px; left: 304px; }

  1. slidebox #slide3 #course3{
      position: absolute;

width: 265px; height: 22px; top: 186px; left: 717px; }

  1. slidebox #slide3 #course44{

position: absolute; width: 31px; height: 173px; top: 335px; left: 374px; }

  1. slidebox #slide3 #course4{
      position: absolute;

width: 265px; height: 25px; top: 209px; left: 717px; }

  1. slidebox #slide3 #course55{

position: absolute; width: 31px; height: 173px; top: 335px; left: 412px; }

  1. slidebox #slide3 #course5{
      position: absolute;

width: 265px; height: 36px; top: 236px; left: 717px; }

  1. slidebox #slide3 #course66{

position: absolute; width: 31px; height: 173px; top: 335px; left: 453px; }

  1. slidebox #slide3 #course6{
      position: absolute;

width: 265px; height: 27px; top: 275px; left: 717px; }

  1. slidebox #slide3 #course77{

position: absolute; width: 31px; height: 173px; top: 335px; left: 493px; }

  1. slidebox #slide3 #course7{
      position: absolute;

width: 265px; height: 29px; top: 306px; left: 717px; }

  1. slidebox #slide3 #course33{

position: absolute; width: 85px; height: 173px; top: 335px; left: 534px; }

  1. slidebox #slide3 #s3back{

position:absolute; background-image:url('https://static.igem.org/mediawiki/2012/2/23/Ucl2012-frontslide3-back.png'); top:68px; left:5px; width:44px; height:35px; opacity:0.7; }


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

}

  1. slidebox #slide4 #tools{
      position:absolute;
      background-image:url('https://static.igem.org/mediawiki/2012/2/21/Ucl2012-frontslide4-hover.png');
      height:297px;
      width: 714px;
     top: 54px;

left: 256px; display:none; }

  1. slidebox #slide4 #hover{

position: absolute;

     width: 50px;

height: 50px; top: 60px; left: 578px; }